RANCANG BANGUN APLIKASI TES BUTA WARNA METODE ISHIHARA BERBASIS ANDROID

Transkripsi

1 RANCANG BANGUN APLIKASI TES BUTA WARNA METODE ISHIHARA BERBASIS ANDROID TUGAS AKHIR Diajukan guna memenuhi sebagian persyaratan dalam rangka menyelesaikan Pendidikan Sarjana Strata Satu (S1) Program Studi Teknologi Informasi TRY SUNDARI SUARTA NIM: JURUSAN TEKNOLOGI INFORMASI FAKULTAS TEKNIK UNIVERSITAS UDAYANA 2015

2 RANCANG BANGUN APLIKASI TES BUTA WARNA METODE ISHIHARA BERBASIS ANDROID TUGAS AKHIR Diajukan guna memenuhi sebagian persyaratan dalam rangka menyelesaikan Pendidikan Sarjana Strata Satu (S1) Program Studi Teknologi Informasi TRY SUNDARI SUARTA NIM: JURUSAN TEKNOLOGI INFORMASI FAKULTAS TEKNIK UNIVERSITAS UDAYANA 2015

3 PERNYATAAN Dengan ini saya menyatakan bahwa dalam Tugas Akhir ini tidak terdapat karya yang pernah diajukan untuk memperoleh gelar kesarjanaan di suatu perguruan tinggi, dan sepanjang pengetahuan saya juga tidak terdapat karya atau pendapat yang pernah ditulis atau diterbitkan oleh orang lain, kecuali yang secara tertulis diacu dalam naskah ini dan disebutkan dalam daftar pustaka. Denpasar, Juli 2015 Try Sundari Suarta

4

5

6 KATA PENGANTAR Puji dan syukur penulis panjatkan kehadapan Ida Sang Hyang Widhi Wasa, karena atas Asung Kerta Wara Nugraha-Nya, akhirnya penulis dapat menyelesaikan laporan Tugas Akhir yang berjudul Rancang Bangun Aplikasi Tes Buta Warna Metode Ishihara Berbasis Android. Selama penyusunan laporan Tugas Akhir ini, penulis mendapatkan bimbingan dan ide dari berbagai pihak, pada kesempatan ini penulis menyampaikan ucapan terima kasih kepada : 1. Bapak Prof. Ir. Ngakan Putu Gede Suardana, MT.,Ph.D, selaku Dekan Fakultas Teknik universitas Udayana. 2. Bapak Dr. I Putu Agung Bayupati, S.T., M.T. selaku Ketua Jurusan Teknologi Informasi Fakultas Teknik Universitas Udayana. 3. Bapak I Ketut Adi Purnawan, S.T., M.Eng. selaku Dosen Pembimbing I dan Bapak Gusti Made Arya Sasmita, S.T., M.T. selaku Dosen Pembimbing II yang telah banyak meluangkan waktu memberikan ide, bimbingan, dan masukan selama penyusunan laporan Tugas Akhir ini. 4. Bapak Putu Wira Buana, S.Kom., M.T. selaku Dosen Pembimbing Akademis yang telah memberikan bimbingan selama perkuliahan. 5. Bapak/Ibu Dosen dan seluruh staf pengelola di Jurusan Teknologi Informasi Fakultas Teknik Universitas Udayana. 6. Orang Tua, Kak Diah, Indri, Alvin, dan Agus Suryawibawa yang telah memberikan motivasi dan bimbingan dalam penyusunan Tugas Akhir. 7. Teman-teman seperjuangan Adi Suandhita, Mentari, Danan, Anindya, Gita, Putri, Febe, Yudik dan TIMMXI yang telah memberikan motivasi dalam menjalani perkuliahan dan penyusunan Tugas Akhir. Akhir kata, semoga laporan ini dapat memberikan manfaat bagi semua pihak sesuai dengan yang diharapkan. Denpasar, Juli 2015 Try Sundari Suarta

7 ABSTRAK Gangguan buta warna dapat diketahui dengan melakukan tes buta warna menggunakan buku tes buta warna ishihara. Penelitian ini bertujuan untuk membuat aplikasi tes buta warna yang mengimplementasikan Metode Ishihara. Jenis buta warna yang dapat diidentifikasi pada aplikasi ini adalah mata normal, buta warna merah-hijau, buta warna protanopia, buta warna deutanopia dan buta warna total. Aplikasi ini memiliki 2 jenis tes buta warna yaitu tes buta warna short (menampilkan 9 Plate) dan tes buta warna long (menampilkan 17 Plate). Berdasarkan hasil pengujian aplikasi dapat, disimpulkan bahwa hasil tes buta warna antara aplikasi dengan tes manual untuk jenis long tes memiliki tingkat kesesuaian sebesar 100%, sedangkan untuk jenis short tes memiliki tingkat kesesuaian dengan tes manual sebesar 96.7%. Tingkat keberhasilan aplikasi dalam memperoleh hasil tes dapat dipengaruhi karena pencahayaan pada layar aplikasi maupun kondisi cahaya ruangan. Kata kunci : Metode Ishihara, Buta Warna, Plate, Android

8 ABSTRACT Color blindness can be identified by tests using the Ishihara color blind test book. This paper describes an Android application for color blind test. Color blind test application is an implementation of the Ishihara method color blind test. Type of color vision disorder that can be identified is red-green color blind, protanopia color blind, deutanopia color blind, total color blind and normal eye. This application has 2 types of color blind test, short test and long test. Based on the results of application testing can be concluded, between the color blind test results with the application of manual tests, on the long test has a match rate of 100% and for the type of short test has a match rate of 96.7%. Application success rate in obtaining test results can be influenced because of lighting on the application screen or room light conditions. Keyword : Ishihara Method, Color Blindness, Plate, Android

9 DAFTAR ISI HALAMAN SAMPUL... i HALAMAN JUDUL... ii LEMBAR PERNYATAAN... iii LEMBAR PENGESAHAN TUGAS AKHIR... iv BERITA ACARA TUGAS AKHIR... v KATA PENGANTAR... vi ABSTRAK... vii ABSTRACT... viii DAFTAR ISI... ix DAFTAR GAMBAR... xii DAFTAR TABEL... xiv DAFTAR RUMUS... xv BAB I PENDAHULUAN Latar Belakang Rumusan masalah Tujuan Penelitian Manfaat Penelitian Batasan Masalah Sistematika Penulisan... 3 BAB II TINJAUAN PUSTAKA State of the Art Fisiologi Mata Buta Warna Pengertian Buta Warna Klasifikasi Buta Warna Penilaian Pengelihatan Warna Penyebab Gangguan Pengelihatan Warna Metode Ishihara Dalam Tes Buta Warna Java Eclipse Android Sistem Operasi Android Komponen Aplikasi pada Android Kelebihan Android UML (Unified Modeling Language) Use Case Diagram Activity Diagram SQLite BAB III PERANCANGAN SISTEM Tempat dan Waktu Penelitian Alur Penelitian... 26

10 3.3 Data Sumber Data Metode Pengumpul Data Perancangan Sistem Data Flow Diagram Diagram Jenjang (Hierarchy Chart) DFD Level DFD Level Diagram Alir (Flowchart) Aplikasi Flowchart Aplikasi Tes Buta Warna Flowchart Tes Buta Warna (Short Tes) Flowchart Tes Buta Warna (Long Tes) Flowchart Sign Up (Registrasi) Flowchart Proses Pencocokan Jawaban Flowchart Proses Tambah Data Pasien Flowchart Hitung Presentase Diagnosa Flowchart Menu Hasil Tes Diagram Use Case Aplikasi Tes Buta Warna Ishihara Diagram Activity Diagram Activity Registrasi (Sign Up) Diagram Activity Tambah Data Pasien Diagram Activity Menu Tes Buta Warna Diagram Activity Menu Informasi Buta Warna Diagram Activity Menu Hasil Tes Rancangan Database Tabel User Tabel Jenis Tes Tabel Tes Tabel Detail Tes Tabel Plate Tabel Grup Tabel Detail Grup Tabel Pasien Relasi Database BAB IV PENGUJIAN DAN ANALISIS SISTEM Penguian Interface User Tampilan Splash Screen Tampilan Main Sign Tampilan Sign Up Tampilan Sign In Tampilan Menu Utama Tampilan Menu Mulai Tes Tampilan Menu Informasi Buta Warna Tampilan Menu Hasil Tes Tampilan Menu About Apilkasi Tampilan Menu Logout User... 71

11 4.1.9 Tampilan Menu Keluar Aplikasi Uji Coba Aplikasi Uji Coba Main Sign Uji Coba Sign Up Uji Coba Sign In Uji Coba Tambah Data Pasien Pengujian Hapus Nama Pasien dan Hasil Tes Uji Coba Hapus Nama Pasien Uji Coba Hapus Hasil Tes Uji Coba Update Data Pasien Uji Coba Konvert Hasil Tes to Pdf Uji Coba History Jawaban Uji Coba Tes Buta Warna Uji Coba Pengkondisian untuk Mata Normal Uji Coba Pengkondisian Buta Warna Merah Hijau Uji Coba Pengkondisian Buta Warna Deutanopia Uji Coba Pengkondisian Buta Warna Protanopia Uji Coba Pengkondisian Buta Warna Total Analisis Sistem Analisis Tingkat Kesesuaiani Hasil Tes Buta Warna Analisis Unjuk Kerja Aplikasi Analisis Kelayakan Sistem Analisis Kelebihan dan Kekurangan Sistem BAB V PENUTUP Simpulan Saran DAFTAR PUSTAKA LAMPIRAN

12 DAFTAR GAMBAR Gambar 2.1 Penglihatan pada (a) normal, (b) protanopia, (c) deutanopia, dan (d) tritanopia... 9 Gambar 2.2 Plates Ishihara Gambar 3.1 Alur Penelitian Gambar 3.2 Diagram Konteks Aplikasi Tes Buta Warna Ishihara Berbasis Android Gambar 3.3 Hierarchy Chart Aplikasi Tes Buta Warna Ishihara Berbasis Android Gambar 3.4 DFD Level 0 Aplikasi Tes Buta Warna Ishihara Berbasis Android Gambar 3.5 DFD Level 1 (Tes Buta Warna) Gambar 3.6 Flowchart Aplikasi Tes Buta Warna Gambar 3.7 Flowchart Tes Buta Warna Tipe Short Tes Gambar 3.8 Flowchart Tes Buta Warna Tipe Long Tes Gambar 3.9 Flowchart Sign Up Gambar 3.10 Flowchart Pencocokan Jawaban Gambar 3.11 Flowchart Tambah Data Pasien Baru Gambar 3.12 Flowchart Menghitung Presentase Mata Normal Gambar 3.13 Flowchart Menghitung Presentase Buta Warna Deutanopia Gambar 3.14 Flowchart Menghitung Presentase Buta Warna Protanopia Gambar 3.15 Flowchart Menghitung Presentase Buta Warna Merah-Hijau Gambar 3.16 Flowchart Menghitung Presentase Buta Warna Total Gambar 3.17 Flowchart Menu Hasil Tes Gambar 3.18 Diagram Use Case Aplikasi Tes Buta Warna Ishihara Gambar 3.19 Diagram Activty Pilih Menu Sign Up Gambar 3.20 Diagram Activty Pilih Tambah Data Pasien Gambar 3.21 Diagram Activty Pilih Menu Tes Buta Warna Gambar 3.22 Diagram Activty Pilih Menu Informasi Buta Warna Gambar 3.23 Diagram Activty Pilih Menu Hasil Tes Gambar 3.24 Relasi Database Aplikasi Gambar 4.1 Tampilan Splash Screen Gambar 4.2 Tampilan Menu Sign In dan Sign Up Gambar 4.3 Tampilan Menu Sign Up Gambar 4.4 Tampilan Menu Sign In Gambar 4.5 Tampilan Menu Utama Gambar 4.6 Tampilan Menu Tambah Data Pasien dan List Nama Pasien Gambar 4.7 Tampilan Form Tambah Data Pasien Gambar 4.8 Tampilan Layout Jenis Tes Buta Warna Gambar 4.9 Tampilan Tes Buta Warna... 68

13 Gambar 4.10 Tampilan Informasi Tes Buta Warna Gambar 4.11 List Nama User pada Menu Hasil Tes Gambar 4.12 List Hasil Tes User Gambar 4.13 (a) Tampilan Halaman Menu, (b) Tampilan Menu About Gambar 4.14 Tampilan Logout User Gambar 4.15 Tampilan Keluar Aplikasi Gambar 4.16 Tampilan Validasi Username Telah Terdaftar Gambar 4.17 Tampilan Validasi Elemen Input Gambar 4.18 Tampilan Sign Up Berhasil Gambar 4.19 Validasi Sign In Gambar 4.20 Tampilan Sign In Berhasil Gambar 4.21 Validasi Nama Pasien Sama Gambar 4.22 Validasi Kelengkapan Data Gambar 4.23 Tampilan Alert Tambah Data Berhasil Gambar 4.24 Tampilan Saat Menahan Sentuhan Pada Salah Satu Nama Pasien Gambar 4.25 (a) Konfrimasi Hapus Nama Pasien, (b) Hasil List Data Pasien Setelah Proses Delete Gambar 4.26 Tampilan Saat Menahan Sentuhan Pada Salah Satu Nama Pasien Gambar 4.27 (a) Konfrimasi Hapus Hasil Tes User, (b) Hasil Tes User Setelah Proeses Delete Gambar 4.28 (a) Data Pasien Sebelum Di-Update, (b) Proses Saat Meng-Update Data Pasien, (c) Hasil Data Yang Telah Di-Update Gambar 4.29 Tampilan Alert Penyimpanan File Gambar 4.30 Tampilan Format Pdf Hasil Tes Buta Warna Gambar 4.31 Tampilan History Jawaban User Gambar 4.32 Tampilan Soal Tes Buta Warna Gambar 4.33 Tampilan Validasi Input Jawaban (a) Gambar 4.34 Tampilan Validasi Input Jawaban (b) Gambar 4.35 Tampilan Validasi Button Back Saat Proses Tes Buta Warna Gambar 4.36 Hasil Tes Buta Warna Gambar 4.37 Tampilan History Jawaban User Mata Normal Gambar 4.38 Tampilan Hasil Tes User Mata Normal Gambar 4.39 Tampilan History Jawaban User Buta Warna Merah-Hijau Gambar 4.40 Tampilan Hasil Tes User Buta Warna Merah-Hijau Gambar 4.41 Tampilan History Jawaban User Buta Warna Deutanopia Gambar 4.42 Tampilan Hasil Tes User Buta Warna Deutanopia Gambar 4.43 Tampilan History Jawaban User Buta Warna Protanopia Gambar 4.44 Tampilan Hasil Tes User Buta Warna Protanopia Gambar 4.45 Tampilan History Jawaban User Buta Warna Total Gambar 4.46 Tampilan Hasil Tes User Buta Warna Total Gambar 4.47 Grafik Akurasi Hasil Tes Buta Warna Pada Aplikasi dan Tes Manual Gambar 4.48 Grafik Unjuk Kerja Aplikasi Tes buta Warna Ishihara...112

14 DAFTAR TABEL Tabel 2.1 Pembacaan 17 Plates Tes Buta Warna Ishihara Tabel 2.2Use Case Diagram Tabel 2.3 Activity Diagram Tabel 3.1 Susunan Tabel tb_user Tabel 3.2 Contoh Pengisian Data Tabel tb_user Tabel 3.3 Susunan Tabel tb_jenis_tes Tabel 3.4 Contoh Pengisian Data tabel tb_jenis_tes Tabel 3.5 Susunan Tabel tb_tes Tabel 3.6 Contoh Pengisian Data Tabel tb_tes Tabel 3.7 Susunan Tabel tb_det_tes Tabel 3.8 Contoh Pengisian Data Tabel tb_det_tes Tabel 3.9 Susunan Tabel tb_plate Tabel 3.10 Contoh Pengisian Data Tabel tb_plate Tabel 3.11 Susunan Tabel tb_grup Tabel 3.12 Contoh Pengisian Data Tabel tb_grup Tabel 3.13 Susunan Tabel tb_det_grup Tabel 3.14 Contoh Pengisian Data tabel tb_det_grup Tabel 3.15 Susunan Tabel tb_pasien Tabel 3.16 Contoh Pengisian Data Tabel tb_pasien Tabel 4.1 Kunci Jawaban Untuk Mata Normal Tabel 4.2 Kunci Jawaban Untuk Buta Warna Merah-Hijau Tabel 4.3 Kunci Jawaban Untuk Buta Warna Deutanopia Tabel 4.4 Kunci Jawaban Untuk Buta Warna Protanopia Tabel 4.5 Kunci Jawaban Untuk Buta Warna Total Tabel 4.6 Hasil Tes Buta Warna Tipe Short Tes Tabel 4.7 Hasil Presentase Tes Buta Warna Menggunakan Aplikasi (Short Tes) Tabel 4.8 Hasil Tes Buta Warna (Short Test) Sampel ke Tabel 4.9 Hasil Tes Buta Warna (Short Test) Sampel 18 (Uji ke-1) Tabel 4.10 Hasil Tes Buta Warna (Short Test) Sampel 18 (Uji ke-2) Tabel 4.11 Hasil Tes Buta Warna (Short Test) Sampel Tabel 4.12 Hasil Tes Buta Warna (Short Test) Sampel Tabel 4.13 Hasil Tes Buta Warna Tipe Long Tes Tabel 4.14 Hasil Presentase Tes Buta Warna Sampel (Long Tes) Tabel 4.15 Hasil Tes Buta Warna Long Sampel ke Tabel 4.16 Hasil Tes Buta Warna Long Sampel Tabel 4.17 Hasil Tes Buta Warna Long Sampel Tabel 4.18 Hasil Tes Buta Warna Long Sampel

15 Tabel 4.19 Perbandingan Hasil Tes Buta Warna Jenis Long dan Short Pada Aplikasi Tabel 4.20 Hasil Anlisisis Unjuk Kerja Aplikasi...111

16 DAFTAR RUMUS Rumus 3.1 Menghitung Presentase Mata Normal Rumus 3.2 Menghitung Presentase Buta Warna Deutanopia Rumus 3.3 Menghitung Presentase Buta Warna Protanopia Rumus 3.4 Menghitung Presentase Buta Warna Merah Hijau Rumus 3.5 Menghitung Presentase Buta Warna Total... 46

17