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