Tampilan Tampilan Uji Coba Konvert Hasil Tes

46

BAB V PENGUJIAN DAN ANALISIS SISTEM

Bab Pengujian dan Analisis Sistem dipaparkan mengenai tahapan dalam melakukan pengujian dan analisis terhadap sistem aplikasi. Tahapan pengujian meliputi pengujian interface aplikasidan pengujian hasil diagnosa.

5.1 Pengujian Interface User

Tahapan pengujian interface aplikasi tes buta warna Ishihara bertujuan untuk menguji apakah user sudah dapat berinteraksi dengan aplikasi serta semua halaman layout yang ada dalam aplikasi sudah terhubung dengan benar dan kesalahan yang terjadi dapat seminimal mungkin. Pengujian dilakukan dengan user menjalankan Aplikasi Tes Buta Warna Ishihara secara langsung pada smartphone Android.

5.1.1 Tampilan

Splash Screen Splash Screen merupakan tampilan pertama kali yang akan muncul ketika user menjalankan Aplikasi Tes Buta Warna Ishihara. Gambar 5.1 Tampilan Splash Screen 47 Splash Screen pada aplikasi ini diatur dengan waktu kemunculan selama 3 detik, sehingga splash screen pada aplikasi akan hilang dengan sendirinya setelah 3 detik dan akan melanjutkan ke layout Main Sign .

5.1.2 Tampilan

Main Sign Main Sign merupakan layout yang akan tampil setelah splash screen , terdapat 2 pilihan button pada layout main sign yaitu button Sign In dan button Sign Up pada Gambar 5.2. Gambar 5.2 Tampilan Menu Sign In dan Sign Up Button sign up di klik apabila user ingin membuat akun login , sedangkan Button sign in di klik apabila user ingin melakukan login ke Aplikasi Tes Buta Warna. 5.1.2.1 Tampilan Sign Up Sign Up digunakan untuk membuat akun user , jika user belum memiliki akun untuk melakukan proses login , berikut merupakan tampilan saat user memilih button “Sign Up”: 48 Gambar 5.3 Tampilan Menu Sign Up Gambar 5.3 merupakan layout menu sign up , di mana terdapat 3 buah EditText dan user wajib untuk input username , password dan confirm password. 5.1.2.2 Tampilan Sign In Sign In dilakukan apabila user sudah memiliki akun untuk login . Gambar 5.4 adalah tampilan saat user mengklik button “Sign In” pada Gambar 5.2. Gambar 5.4 Tampilan Menu Sign In 49

5.1.3 Tampilan Menu Mulai Tes

Halaman Menu Utama merupakan bagian inti dari Aplikasi Tes Buta Warna Ishihara Berbasis Android. Gambar 5.5 merupakan tampilan dari menu utama aplikasi. Gambar 5.5 Tampilan Menu Utama Halaman Menu Utama yang terdapat pada Aplikasi Tes Buta Warna Metode Ishihara adalah sebagai berikut: 1. Menu “Mulai Tes”, digunakan untuk melakukan proeses tes buta warna Ishihara. 2. M enu “Hasil Tes”, digunakan untuk menampilkan hasil tes buta warna dari setiap user . 3. M enu “Informasi Buta Warna”, digunakan untuk menampilkan informasi buta warna dan jenis-jenis buta warna 4. Menu “Keluar”, digunakan untuk keluar dari halaman Menu Utama, dan kembali ke menu Main Sign . 50

5.1.3.1 Tampilan Menu Mulai Tes

Gambar 5.6 merupakan tampilan mulai Tes, terdapat button “Tambah Data Pasien” dan list daftar pasien yang telah melakukan pendaftaran data pasien. Gambar 5.6 Tampilan Menu Tambah Data Pasien dan List Nama Pasien User dapat mengklik button “Tambah Data Pasien” jika user tersebut belum memiliki Data Pasien untuk melakukan tes buta warna. Gambar 5.7 adalah tampilan form tambah data pasien. Gambar 5.7 Tampilan Form Tambah Data Pasien 51 Gambar 5.7 merupakan tampilan form Tambah Data Pasien, terdapat beberapa elemen input yaitu nama, kelamin, umur, pekerjaan, alamat, jenis golongan darah, dan keperluan melakukan tes buta warna. Gambar 5.8 Tampilan Layout Jenis Tes Buta Warna Gambar 5.8 adalah tampilan jenis tes buta warna, user dapat memilih jenis tes buta warna “Long Tes” atau memilih jenis tes buta warna “Short Tes”. Long tes merupakan jenis tes buta warna yang menampilkan 17 plate Ishihara, sedangkan jenis tes buta warna Ishihara tipe short tes hanya menampilkan 9 plate Ishihara. Gambar 5.9 Tampilan Tes Buta Warna Gambar 5.9 merupakan tampilan tes buta warna, soal gambar plate Ishihara, textView untuk menginputkan jawaban, dan apabila user tidak dapat 52 melihat angka pada plate user dapat menggunakan checkbox . Button “Next” digunakan untuk melanjutkan ke soal tes buta warna berikutnya.

5.1.3.2 Tampilan Menu Informasi Buta Warna

Menu informasi buta warna merupakan menu yang ditampilkan setelah mengklik button “Informasi Buta Warna” pada menu utama Gambar 4.5, menu informasi buta warna menampilkan informasi mengenai jenis buta warna dan penyebab dari buta warna tersebut. Gambar 5.10 Tampilan Informasi Tes Buta Warna Gambar 5.10 menunjukkan bahwa informasi yang ditampilkan berupa nama penyakit buta warna, dan keterangan buta warna tersebut. Keterangan yang ditampilkan pada halaman ini hanya sebagian, sehingga untuk melihat keterangan mengenai penjelasan buta warna tersebut, dapat dilakukan dengan mengklik data buta warna yang diinginkan.

5.1.3.3 Tampilan Menu Hasil Tes

Menu Hasi Tes merupakan menu yang menampilkan hasil tes buta warna yang dilakukan oleh setiap user . Tampilan Gambar 5.11 menunjukan nama user yang terdaftar pada aplikasi tes buta warna. Hasil tes user dapat dilihat dengan mengklik nama user yang diinginkan, selanjutnya akan muncul tampilan seperti pada Gambar 5.12. 53 Gambar 5.11 List Nama User Pada Menu Hasil Tes Gambar 5.12 List Hasil Tes User Gambar 5.12 menunjukan hasil tes buta warna user , terdapat tanggal user saat melakukan tes, hasil diagnosa beserta nilai presentase dari diagnosa tersebut. Pada hasil tes buta warna terdapat 2 jenis hasil tes yang ditampilkan yaitu short tes yang menampilkan hasil tes user berdasarkan jenis tes short dan long tes yang menampilkan hasil tes user berdasarkan jenis tes long . 54

5.1.3.4 Tampilan Menu

Logut User Menu Logout User pada aplikasi merupakan menu keluar dari akun user yang telah melakukan sign in sebelumnya. User dapat memilih button “Keluar” atau menyentuh tombol back pada perangkat Android user untuk dapat logout . Gambar 5.14 Tampilan Logout User Gambar 5.14 menunjukkan bahwa terdapat 2 buah tombol yang ada pada Menu Logout . Tombol “Ya” digunakan untuk logout akun dari aplikasi, sedangkan tombol “Tidak” digunakan untuk membatalkan perintah logout akun dan kembali ke halaman sebelumnya.

5.1.3.5 Tampilan Menu Keluar Aplikasi

Keluar dari aplikasi dapat dilakukan oleh user jika user telah melakukaan logout user Gambar 5.14, user dapat memilih butto n “Keluar” atau menyentuh tombol back pada perangkat Android. Tampilan dari menu Keluar dapat dilihat pada Gambar 5.15. Gambar 5.15 menunjukkan bahwa terdapat 2 buah tombol pada mesagge Keluar. Tombol “Ya” digunakan untuk menutup aplikasi, sedangkan tombol “Tidak” digunakan untuk membatalkan perintah keluar dan kembali ke halaman sebelumnya. 55 Gambar 5.15 Tampilan Keluar Aplikasi

5.1.4 Uji Coba Konvert Hasil Tes

to Pdf User dapat mencetak hasil tes user dengan melakukan konvert hasil tes user tersebut ke dalam bentuk format pdf. Proses konvert hasil tes to pdf ini dapat dilakukan melalui layout Menu Hasil Tes User dengan cara mengklik nama user dan menahan sentuhan pada tanggal tes user tersebut, hal ini dapat dilihat pada Gambar 5.16. Gambar 5.16 Tampilan Alert Penyimpanan File User dapat memilih pilihan “Konvert to Pdf ” pada Gambar 5.16, selanjutnya akan muncul sebuah alert bahwa fil e Hasil Tes pdf user tersebut akan 56 tersimpan pada SdCard perangkat Android dengan format nama file HasilTes_namauser.pdf seperti Gambar 5.17. Gambar 5.17 merupakan tampilan hasil tes buta warna user dalam bentuk format pdf. Gambar 5.17 Tampilan Format Pdf Hasil Tes Buta Warna Jenis hasil buta warna yang digunakan pada surat keterangan tersebut hanya meliputi bahwa user termasuk positif terhadap buta warna atau negatif terhadap buta warna. Hasil tes buta warna dalam format Pdf tersebut berukuran kertas A5.

5.1.5 Uji Coba