BAB 5 PENGUJIAN DAN ANALISIS SISTEM
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.
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 layoutMain 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
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 inputusername, 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.
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 TampilanMenu 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. Menu “Hasil Tes”, digunakan untuk menampilkan hasil tes buta warna dari setiap user.
3. Menu “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.1Tampilan 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.
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
52
melihat angka pada plate user dapat menggunakan checkbox. Button “Next”
digunakan untuk melanjutkan ke soal tes buta warna berikutnya.
5.1.3.2Tampilan 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.3Tampilan 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.4Tampilan 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.5Tampilan Menu Keluar Aplikasi
Keluar dari aplikasi dapat dilakukan oleh user jika user telah melakukaan
logout user (Gambar 5.14), user dapat memilih button “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 file 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 History Jawaban
Menu History Jawaban User merupakan menu yang digunakan untuk menampilkan kunci jawaban soal plate dan jawaban user pada tes tersebut. Proses ini dapat dilakukan melalui layout hasil tes user (Gambar 4.26) dengan cara menahan sentuhan pada tanggal tes user tersebut mengkik “History Tes”.
Gambar 5.18 adalah tampilan history jawaban user, terdapat kolom jawaban plate yang menampilkan nilai kunci jawaban soal tes buat warna dan kolom jawaban user yang menampilkan nilai jawaban yang di-input oleh user saat melakukan tes buta warna.
57
Gambar 5.18 Tampilan History Jawaban User