Post on 27-Mar-2019
APLIKASI DIAGNOSA BUTA WARNA MENGGUNAKAN
METODE ISHIHARA DAN CAMBRIDGE BERBASIS
ANDROID
TUGAS AKHIR
EVITA LUSIANA
150309276193
POLITEKNIK NEGERI BALIKPAPAN
JURUSAN TEKNIK ELEKTRONIKA
BALIKPAPAN
2018
ii
APLIKASI DIAGNOSA BUTA WARNA MENGGUNAKAN
METODE ISHIHARA DAN CAMBRIDGE BERBASIS
ANDROID
TUGAS AKHIR
KARYA TULIS INI DIAJUKAN SEBAGAI SALAH SATU SYARAT
UNTUK MEMPEROLEH GELAR AHLI MADYA DARI
POLITEKNIK NEGERI BALIKPAPAN
EVITA LUSIANA
150309276193
POLITEKNIK NEGERI BALIKPAPAN
JURUSAN TEKNIK ELEKTRONIKA
BALIKPAPAN
2018
v
LEMBAR PERSEBAHAN
Karya ilmiah ini saya persembahkan kepada
Ayahanda dan Ibunda tercinta
Sukarmin dan Kristina Rahmayanti B,
Dan kepada Saudari-saudariku yang kusayangi
Ratih Diah Amelia, Elisa Rahmayanti, Fisabilillah Latifah.
Dan seluruh Teman-teman Teknik
Elektronika Telekomunikasi 2015 yang
Telah memberi semangat dan
dukungan yang tiada hentinya.
vii
ABSTRACT
Development of color blind diagnosis application with Android-based
ishihara and Cambridge method aimed at color-blind test activities which resulted in
total, partial and normal color blind conclusions displayed through an android
smartphone. The color blindness test method used was the method found by Dr.
Shinobu Ishihara is an ishihara method. To build this application is used android
studio and java programming language. This application presents four menus namely
ishihara color blind test menu, Cambridge color blindness menu, menu about color
blindness which explains total and partial color blindness, menus about explaining
about the application of blind dignosa Color uses Android-based Ishihara and
Cambridge methods. The conclusion of this color blindness test application can be
used as a substitute for ishihara books that can be damaged and this application can
be accessed offline.
Keywords: Color blindness test, ishihara method, android.
viii
ABSTRAK
Pembangunan aplikasi diagnosa buta warna dengan metode ishihara dan
Cambridge berbasis android bertujuan untuk kegiatan tes buta warna yang
menghasilkan kesimpulan buta warna total, parsial dan normal yan ditampilkan
melalui smartphone android. Metode tes buta warna yang diapakai adalah metode
yang ditemukan oleh Dr. Shinobu Ishihara yaitu metode ishihara. Untuk membangun
aplikasi ini digunakan android studio dan bahasa pemrogramman java.Aplikasi ini
menghadirkan empat menu yaitu menu tes buta warna ishihara, menu tes buta warna
Cambridge, menu seputar buta warna yang menjelaskan tentang buta warna total dan
parsial, menu about menjelaskan tentang aplikasi dignosa buta warna menggunakan
metode ishihara dan Cambridge berbasis android. Kesimpulan dari aplikasi tes buta
warna ini dapat digunakan sebagai pengganti buku ishihara yang sifatnya dapat rusak
dan aplikasi ini dapat diakses secara offline.
Kata kunci : Tes buta warna, metode ishihara, android.
ix
KATA PENGANTAR
Dengan memanjatkan puji dan syukur kehadirat Tuhan Yang Maha Kuasa,
karena atas rahmat serta hidayah-Nya penulis dapat menyelesaikan tugas akhir
dengan judul “APLIKASI DIAGNOSA BUTA WARNA MENGGUNAKAN
METODE ISHIHARA DAN CAMBRIDGE BERBASIS ANDROID” dengan
tepat waktu dan tanpa adanya halangan yang berarti.
Penulisan tugas akhir ini penulis banyak mendapatkan bantuan dari
berbagai pihak, oleh sebab itu penulis ingin mengucapkan rasa terima kasih yang
sebesar-besarnya kepada:
1. Allah subhannahu wa ta’ala, karena ridho dan rahmatNya, pelaksanaan
serta penyusunan Tugas Akhir bisa berjalan lancer.
2. Ramli, S.E, M.M sebagai Direktur Politeknik Negeri Balikpapan dan
sebagai pembimbing II yang telah membimbing dan memberikan
pengarahan selama pengerjaan tugas akhir.
3. Drs. Armin, M.T, sebagai Kepala Jurusan Teknik Elektronika Politeknik
Negeri Balikpapan.
4. Nurwahidah Jamal, S.T., M.T sebagai pembimbing I yang telah
membimbing dan memberikan pengarahan selama pengerjaan tugas akhir.
5. Totok Sulistyo, S.T., M.T. yang telah membantu dalam pengerjaan tugas
akhir.
6. Kedua orang tua tercinta, beserta seluruh keluarga yang telah memberikan
dukungan dan doa yang tiada henti-hentinya.
7. Intan Putri Hermayanti yang telah memberikan dukungan serta motivasi
dalam menyelesaikan tugas akhir.
8. Seluruh teman-teman Teknik Elektronika Telekomunikasi 2015 yang telah
membantu penulis dalam menyelesaikan tugas akhir.
9. Semua pihak yang penulis tidak dapat menyebutkan satu persatu, yang
telah memberikan bantuan secara langsung maupun tidak langsung dalam
penyusunan tugas akhir ini.
x
Penulis menyadari bahwasanya tugas akhir ini masih jauh dari
kesempurnaan, dan masih terdapat banyak kekurangan serta kelemahan. Oleh
karena itu, saran dan kritik yang membangun sangat diharapkan.
Balikpapan, 19 Juli 2018
Penulis
x
DAFTAR ISI
halaman
COVER ............................................................................................................... i
HALAMAN DEPAN .......................................................................................... ii
LEMBAR PENGESAHAN ................................................................................ iii
SURAT PERNYATAAN.................................................................................... iv
LEMBAR PERSEMBAHAN ............................................................................. v
SURAT PERNYATAAN PERSETUJUAN PUBLIKASI KARYA ILMIAH
KEPENTINGAN AKADEMIS .......................................................................... vi
ABSTRACT ........................................................................................................ vii
ABSTRAK .......................................................................................................... viii
KATA PENGANTAR ........................................................................................ ix
DAFTAR ISI ....................................................................................................... x
DAFTAR GAMBAR........................................................................................... xii
DAFTAR TABEL ...............................................................................................xiv
DAFTAR LAMPIRAN .......................................................................................xiv
BAB I PENDAHULUAN
1.1 Latar Belakang .......................................................................................... 1
1.2 Rumusan Masalah .................................................................................... 2
1.3 Batasan Masalah ....................................................................................... 2
1.4 Tujuan Penelitian ...................................................................................... 3
1.5 Manfaat Penelitian .................................................................................... 3
BAB II LANDASAN TEORI
2.1 Tinjauan Pustaka ....................................................................................... 4
2.1.1 Gejala Buta Warna ........................................................................ 4
2.1.2 Tipe-tipe Buta Warna ....................................................................4
xi
2.1.3 Penyebab Buta Warna ................................................................. 5
2.1.4 Penyebab Seseorang mengalami Buta Warna .............................. 5
2.2 Metode Ishihara ......................................................................................... 6
2.3 Metode Cambridge ................................................................................... 8
2.4 Android .................................................................................................... 9
2.4 Android studio ........................................................................................... 11
2.5 Java jdk ...................................................................................................... 12
BAB III PERANCANGAN
3.1 Waktu dan Tempat ...................................................................................... 14
3.2 Alat dan Bahan ............................................................................................ 14
3.2.1 Alat ................................................................................................. 14
3.2.2 Bahan ............................................................................................. 14
3.3 Blok Diagram .............................................................................................. 15
3.3.1 Blok diagram aplikasi tes buta warna ........................................... 15
3.3.2 Prinsip kerja blok diagram ............................................................. 15
3.4 Blok Diagram proses perancangan .............................................................. 16
3.5 Blok Diagram system kerja Aplikasi ......................................................... 17
BAB IV RENCANA KEGIATAN
4.1 Prinsip kerja sistem ..................................................................................... 18
4.2 Pembuatan Aplikasi ..................................................................................... 18
4.3 Implementasi antar muka ............................................................................. 28
4.4 Data perbandingan Aplikasi dan medis........................................................ 28
BAB V KESIMPULAN DAN SARAN
5.1 Kesimpulan ..................................................................................................29
5.1 Saran ..........................................................................................................29
xii
DAFTAR GAMBAR
halaman
Gambar 2.1 Plat uji ishihara ............................................................................ 7
Gambar 2.2 Android studio Logo. ......................................................... 12
Gambar 2.3 Java Logo ........................................................................... 13
Gambar 3.1 Gambar Blok Diagram ...................................................... 15
Gambar 3.2 Diagram Proses Perancangan ............................................. 16
Gambar 3.3 Diagram akhir system kerja aplikasi .................................. 17
Gambar 4.1 Tampilan android studio ............................................................ 18
Gambar 4.2 Welcome android studio ............................................................ 19
Gambar 4.3 Java Jdk ......................................................................................... 19
Gambar 4.4 Create android studio ................................................................. 20
Gambar 4.5 Target android device ................................................................. 20
Gambar 4.6 Empty activity.............................................................................. 21
Gambar 4.7 Configure Activity ...................................................................... 21
Gambar 4.8 Menu utama aplikasi .................................................................. 22
Gambar 4.9 Tampilan menu ishihara ............................................................ 22
Gambar 4.10 Tampilan menu about ............................................................... 23
Gambar 4.11 Tampilan skoring ....................................................................... 23
Gambar 4.12 Tampilan tes cambridge ........................................................... 24
Gambar 4.13 Seputar buta warna .................................................................... 24
xiii
Gambar 4.14 Tampilan menu soal .................................................................. 25
Gambar 4.15 Tampilan seputar buta warna .................................................. 25
Gambar 4.16 Tampilan menu about ............................................................... 26
Gambar 4.17 Tampilan scoring normal ......................................................... 26
Gambar 4.18 Tampilan scoring parsial .......................................................... 27
Gambar 4.19 Tampilan scoring total .............................................................. 27
xiv
DAFTAR TABEL
halaman
Tabel 2.1 Pengambilan Keputusan ................................................................ 8
Tabel 4.1 Implementasi antar muka............................................................... 28
Tabel 4.2 Data hasil coba aplikasi ................................................................. 28
1
BAB I
PENDAHULUAN
1.1 Latar Belakang
Dalam perkembangan ilmu teknologi yang semakin pesat sekarang ini,
pengaruh jasa informasi berbasis aplikasi Android dikatakan sangat maju
disamping ilmu disiplin lainnya. Kemajuan yang dicapai dalam ilmu pengetahuan
dan teknologi mengakibatkan banyaknya perubahan untuk masa sekarang dan juga
masa yang akan datang. Semuanya ini tentu tidak terlepas dari jasa informasi
berkat ditemukannya komputer, dan perangkat telekomunikasi yang dapat
membantu manusia dalam menyelesaikan masalah informasi.
Buta warna adalah salah satu kelainan pada mata, dimana mata tidak dapat
membedakan warna tertentu yang bisa dibedakan dengan orang menggunakan
mata normal. Seseorang buta warna dikarenakan bawaan sejak lahir atau
penggunaan obat obatan secara berlebihan. Buta warna umumnya diderita oleh
pria sedang wanita sebagai gen pembawa / resesif.
Tes Ishihara adalah sebuah metode pengetesan buta warna yang
dikembangkan oleh Dr. Shinobu Ishihara. Tes ini pertama kali dipublikasikan pada
tahun 1917 di Jepang. Sejak saat itu, tes ini terus digunakan di seluruh dunia,
sampai sekarang. Tes buta warna Ishihara terdiri dari lembaran yang didalamnya
terdapat titik-titik dengan berbagai warna dan ukuran. Titik berwarna tersebut
disusun sehingga membentuk lingkaran. Warna titik itu dibuat sedemikian rupa
sehingga orang buta warna tidak akan melihat perbedaan warna seperti yang
dilihat orang normal. Tes Ishihara ini mempunyai kelemahan yaitu berupa media
tes. Media lembaran kertas bagi tes Ishihara pun mempunyai kelemahan berupa
pemudaran warna, mudah robek, dan bisa saja salah satu dari lembaran tes terselip
ataupun hilang.
2
Tes pengujian buta warna otomatis ini menggunakan software berbasis android.
Untuk Mengganti buku Ishihara yang selama ini menjadi pegangan bagi para dokter
mata.Penelitian ini mengacu pada sifat dari buku yang mudah robek, dan pemudaran
warna apabila sudah lama terpaki. Hal ini yang membuat penulis mangangkat judul
tugas akhir yaitu “ APLIKASI DIAGNOSA BUTA WARNA MENGUNAKAN
METODE ISHIHARA DAN CAMBRIDGE BERBASIS ANDROID”.
Sistem kerja aplikasi ini adalah dengan menghadirkan beberapa fitur seperti
tes buta warna, dimana pasien menebak gambar dengan menggunakan metode
Ishihara dan Cambridge yaitu metode tes buta warna yang serupa dengan ishihara
yang membedakan yaitu pada template dimana pasian menebak huruf c yang
dihadirkan dalam metode cambridge ini, Tes Cambridge disini hanya sebagai metode
penambahan. Soal dibuat dalam bentuk pertanyaan essay dengan 24 plate agar
penulis mendapatkan data hasil yang real, untuk selanjutnya mendiagnosa apakah
seorang pengguna aplikasi ini buta warna atau tidak. dan fitur lainnya seperti
informasi mengenai penyakit buta warna ini.
1.2 Rumusan masalah:
Adapun rumusan masalah dalam Tugas Akhir ini adalah:
1. Bagaimana proses pembuatan aplikasi tes buta warna yang dapat digunakan
sebagai alat bantu diagnosa buta warna secara valid berbasis smartphone
android?
2. Bagaimana mengimplementasikan tes buta warna berbasis android sehingga
dapat diakses dengan mudah menggunakan smartphone android?
3
1.3 Batasan masalah
Batasan masalah dari Tugas Akhir ini agar pada saat pembahasan tidak terlalu
meluas, adalah:
1. Aplikasi ini diperuntukkan kepada pengguna untuk mengetahui jenis buta
warna yang ada pada dirinya.
2. Aplikasi buta warna menggunkan metode ishihara dan cambridge .
3. Aplikasi ini berbasis android, sehingga diharapkan dapat digunakan secara
bersamaan oleh banyak pengguna smartphone android.
4. Aplikasi system pakar buta warna ini dibuat menggunakan Android studio dan
aplikasi penunjang seperti bahasa java.
1.4 Tujuan
Tujuan dari dilakukannya penulisan Tugas Akhir ini adalah:
1. Membuat system diagnosa yang dapat digunakan sebagai alat bantu diagnosa
buta warna secara valid menggunakan smartphone Android.
2. Mengimplementasikan tes buta warna berbasis android sehingga dapat diakses
dengan mudah menggunakan smartphone android.
1.5 Manfaat Penelitian
Manfaat yang dapat di ambil dari penulisan Tugas Akhir ini adalah:
1. Bagi penulis : Dapat meningkatkan pengetahuan dan kreativitas dalam
menyelasaikan permasalahan dalam bidang sistem diagnosa berdasarkan
keilmuan yang dimiliki.
2. Bagi masyarakat : Dapat mempermudah masyarakat untuk melakukan
pengecekkan mata dan dapat mengetahui hasil diagnosa dari tes buta warna
tersebut, sehingga apabila mengalami buta warna dapat ditindak lanjuti oleh
dokter mata.
4
4
BAB II
LANDASAN TEORI
2.1 Buta Warna
Buta warna adalah penglihatan warna-warna yang tidak sempurna. Buta
warna juga dapat diartikan sebagai suatu kelainan penglihatan yang disebabkan
ketidakmampuan sel-sel kerucut (cone cell) pada retina mata untuk menangkap
suatu spektrum warna tertentu sehingga objek yang terlihat bukan warna yang
sesungguhnya (Nina Karina, 2007).
2.1.1 Gejala Buta Warna
1. Penderita buta warna mungkin hanya bisa melihat beberapa gradasi warna,
sementara sebagian besar orang yang normal dapat melihat ratusan warna
2. Gejala lainnya, sebagian penderita buta warna tidak dapat membedakan antara
warna merah dan hijau, namun bisa melihat warna biru dan kuning dengan
mudah. Sebagian orang bahkan tidak menyadari bahwa mereka mengalami
buta warna sebelum menjalani tes penglihatan warna.
2.1.2 Tipe-tipe Buta Warna
1. Sebagian besar penderita buta warna akan sulit membedakan gradasi warna
merah, kuning, dan hijau seperti warna oranye dan cokelat. Tipe ini disebut
dengan buta warna merah-hijau. Tipe ini juga menjadikan penderita sulit
membedakan antara warna merah dengan warna hitam dan berbagai gradasi
warna ungu. Pria memiliki kecenderungan mengalami buta warna tipe ini
lebih besar dibandingkan dengan wanita. Tipe buta warna yang paling jarang
terjadi adalah buta warna tipe biru-kuning di mana penderita tidak bisa
membedakan warna biru, hijau, dan kuning.Seorang penderita buta warna dari
berbagai jenis kondisi di atas dapat melihat warna-warna tersebut lebih kusam
dibandingkan orang-orang yang memiliki penglihatan normal.
4
BAB II
LANDASAN TEORI
2.1 Buta Warna
Buta warna adalah penglihatan warna-warna yang tidak sempurna. Buta
warna juga dapat diartikan sebagai suatu kelainan penglihatan yang disebabkan
ketidakmampuan sel-sel kerucut (cone cell) pada retina mata untuk menangkap
suatu spektrum warna tertentu sehingga objek yang terlihat bukan warna yang
sesungguhnya (Nina Karina, 2007).
2.1.1 Gejala Buta Warna
1. Penderita buta warna mungkin hanya bisa melihat beberapa gradasi warna,
sementara sebagian besar orang yang normal dapat melihat ratusan warna
2. Gejala lainnya, sebagian penderita buta warna tidak dapat membedakan antara
warna merah dan hijau, namun bisa melihat warna biru dan kuning dengan
mudah. Sebagian orang bahkan tidak menyadari bahwa mereka mengalami
buta warna sebelum menjalani tes penglihatan warna.
2.1.2 Tipe-tipe Buta Warna
1. Sebagian besar penderita buta warna akan sulit membedakan gradasi warna
merah, kuning, dan hijau seperti warna oranye dan cokelat. Tipe ini disebut
dengan buta warna merah-hijau. Tipe ini juga menjadikan penderita sulit
membedakan antara warna merah dengan warna hitam dan berbagai gradasi
warna ungu. Pria memiliki kecenderungan mengalami buta warna tipe ini
lebih besar dibandingkan dengan wanita. Tipe buta warna yang paling jarang
terjadi adalah buta warna tipe biru-kuning di mana penderita tidak bisa
membedakan warna biru, hijau, dan kuning.Seorang penderita buta warna dari
berbagai jenis kondisi di atas dapat melihat warna-warna tersebut lebih kusam
dibandingkan orang-orang yang memiliki penglihatan normal.
5
2. Seorang penderita buta warna dari berbagai jenis kondisi di atas dapat melihat
warna-warna tersebut lebih kusam dibandingkan orang-orang yang memiliki
penglihatan normal.
2.1.3 Penyebab Buta Warna
1. Proses melihat warna melintasi spektrum cahaya diawali dengan kemampuan
alamiah mata dalam membedakan warna-warna dasar, seperti warna merah,
biru, dan hijau. Namun, mata seorang penderita buta warna tidak dapat
melihat atau membedakan warna sebagaimana mata normal. Hal ini terjadi
karena ada gangguan pigmen pada reseptor penglihatan warna (sel kerucut di
mata). Ketika salah satu pigmen hilang, maka mata akan memiliki masalah
dalam melihat warna tertentu.
2. Dalam banyak kasus, buta warna disebabkan oleh faktor genetik orang tua,
namun bisa saja terjadi akibat efek samping dari sebuah pengobatan atau
gangguan kesehatan yang telah ada sebelumnya.
2.1.4 Penyebab seseorang mengalami buta warna, di antaranya:
1. Faktor genetik. Kebanyakan penderita buta warna yang mengalaminya sejak
lahir disebabkan oleh faktor genetik yang berikatan dengan kromosom X.
Seorang ayah penderita buta warna tidak akan memiliki anak yang menderita
buta warna kecuali pasangannya memiliki gen buta warna. Hal ini mungkin
karena wanita lebih berperan dalam menjadi pembawa gen (carrier) yang akan
mewarisi buta warna kepada anak. Penderita buta warna akibat faktor genetik
juga jauh lebih sering terjadi pada pria dibandingkan wanita, walau terkadang
kondisi ini dapat,melewati satu generasi. Anak perempuan dipastikan
mengidap buta warna jika kedua orang tua adalah pembawa gen buta warna.
2. Penyakit Terdapat sejumlah penyakit yang bisa menyebabkan buta warna,
seperti penyakit Parkinson, penyakit Alzheimer, glaukoma, kanker darah
6
(leukemia), diabetes, pecandu minuman beralkohol kronis, degenerasi makula,
dan anemia sel sabit.
3. Usia. Kemampuan seseorang untuk membedakan warna perlahan-lahan akan
berkurang seiring pertambahan usia. Ini adalah hal yang alami dalam proses
penuaan dan tidak perlu dicemaskan secara berlebihan.
4. Bahan kimia. Seseorang bisa mengalami buta warna jika terpapar bahan kimia
beracun, misalnya di tempat kerja, seperti karbon disulfida dan pupuk.
5. Efek samping pengobatan tertentu. Beberapa pengobatan berpotensi
menyebabkan buta warna, seperti digoxin, phenytoin, klorokuin, dan
sildenafil. Jika gangguan disebabkan oleh pengobatan, biasanya pandangan
akan kembali normal setelah berhenti mengonsumsi obat.
2.2 Metode Ishihara
Metode Ishihara Menurut Guyton (1997) Metode ishihara, yaitu
metode yang dapat dipakai untuk menentukan dengan cepat suatu kelainan buta
warna didasarkan pada penggunaan kartu bertitik-titik. Kartu ini disusun
dengan menyatukan titik-titik yang mempunyai bermacam-macam warna.
Metode Ishihara ini di kembangkan menjadi Tes Buta Warna Ishihara oleh Dr.
Shinobu Ishihara.
Tes ini pertama kali dipublikasi pada tahun 1917 di Jepang dan terus
digunakan di seluruh dunia, sampai sekarang. Tes buta warna Ishihara terdiri
dari lembaran yang didalamnya terdapat titik-titik dengan berbagai warna dan
ukuran. Titik berwarna tersebut disusun sehingga membentuk lingkaran.
Warna titik itu dibuat sedemikian rupa sehingga orang buta warna tidak
akan melihat perbedaan warna seperti yang dilihat orang normal (pseudo-
isochromaticism).
Warna titik itu dibuat sedemikian rupa sehingga orang buta warna tidak
akan melihat perbedaan warna seperti yang dilihat orang normal (pseudo-
isochromaticism).
7
Pada alat test kebutaan warna ishihara terdapat 38 macam plate, berikut adalah
contoh gambar plate yang dipakai pada test ishihara :
Gambar 2.1 Plat uji tes ishihara
Sumber :http://eprints.akakom.ac.id/4131/3/3_115410227_BAB_II.pdf
teori mengenai android
Orang dengan mata normal akan melihat angka 3 (gambar 2.1), namun bagi
mereka yang menderita gangguan penglihatan warna merah-hijau akan melihat angka
2 (gambar 2.1). Berikut adalah tabel pengambilan keputusan hasil tes.
Tabel 2.1 Pengambilan keputusan tes buta warna
Kesimpulan Tes Pengambilan Keputusan
Buta Warna Total Jika gambar no 1 sudah salah
Normal 1. Jika jawaban nomer 1-17 benar, atau
gambar 1 harus benar dan lebih dari 13
gambar dijawab benar.
2. Gambar 22 sampai 24 benar atau 2
gambar benar.
Buta Warna Parsial 1. Jika gambar 1 benar , gambar 2 sampai
8
gambar 16 ada salah lebih dari 3 atau.
2. Jika gambar 1 benar, gambar 22- 24
jawaban hanya benar pada salah satu
gambar atau.
3. Jika gambar 1 benar, jika gambar 18 -21
terlihat angka.
(Sumber : Ratri Widianingsih, Awang H.K, Ahmad R.H, 2010, Aplikasi Tes
Buta Warna Dengan Metode Ishihara Berbasis Komputer, Universitas Mulawarman,
Samarinda.)
Aplikasi tes buta warna Ishihara menggunakan 38 plate gambar, tetapi dalam
penelitian ini ditampilkan 24 plate saja yang merupakan gambar-gambar utama dari
tes buta warna ishihara. Dengan 24 plate ini sudah dapat disimpulkan kondisi orang
yang melakukan tes apakah mengalami buta warna total, parsial atau normal seperti
yang terlihat pada tabel pengambilan keputusan diatas (Tabel 2.1)
2.3 Metode Cambridge
Tes ini hampir sama dengan ishihara, yaitu menggunakan lingkaran dengan
titik-titik berwarna. Di tengah titik tersebut terdapat huruf C yang juga terbuat dari
kumpulan titik dengan warna yang berbeda dari warna dasar lingkaran.Pasien akan
diminta melihat lingkaran ini melalui komputer. Jika dapat melihat huruf C tersebut,
berarti kamu aman dari keadaan buta warna.
2.4 Android
Android merupakan salah satu OS ( Sistem Operasi ) yang banyak diterapkan
di berbagai smartphone. Android ini juga terdiri dari berbagai versi dari awal mula
terbentuknya Android sampai sekarang, berikut jenis jenis versi android:
1. ApplePie/Alphav1.0
Untuk OS pertama yang dimiliki oleh Android adlah Apple Pie, OS ini dirilis pada
tanggal 23 September 2008
9
2. BananaBreadv1.1
Dan untuk OS Android yang kedua adalah Banana Bread yang dirilis pada bulan
Februari 2009 yang digunakan oleh Smartphone pengadopsi Android, HTC dengan
merk Dream
3. CupCakev1.5
Untuk OS yang selanjutnya adalah Cupcake, mulai dari sini nih versi Android
CupCake mulai menunjukkan kecanggihannya sebagai Sistem Operasi Android, dan
ini kali pertama Google menjadikan nama makanan.
4. Donutv1.6
Versi Donut ini dirilis pada bulan September 2009, di versi ini Google mulai
memperbaiki masalah/bug yang membuat Android ini lebih sempurna ditambah lagi
dengan fitur nafigasi turn-by-tur
5. Eclairv2.0-2.1
Dirilis pada Oktober 2009 diversi 2.0 dengan nama Eclair yang menjadi awal
diaplikasikan Bluetooth 2.1 di Android. Setelah merilis versi 2.0 diupdate lagi ke
versi 2.1 yang mendapat fitur tambahan seperti multi-touch, live wallpaper dan juga
blitz kamera
6.Froyo/ForzenYogurv2.2
Pada bulan Mei 2010 Paduan antara Google Chroome dengan Android mulai nampak
dengan ditambahkanya script Chroome dengan upaya untuk meningkatkan kecepatan
kinerja.Forzen Yogurt sendiri yakni memiliki makna Yogurt yang dibekukan, jadi
seperti Ice Cream.
7.Gingerbreadv2.3
Bulan Desember 2010 seiring dirilisnya versi Gingerbread,
Di android versi 2.3 ini Google menambahkan fitur baru yaituNFC, internet Calling,
Download Manager.
10
7.Honeycombv3.0-3.2
Lanjutan dari Huruf berabjad H adalah Honeycomb yang dirilis pada Februari 2014 ,
untuk android versi ini diperuntukkan dan spesialis Tablet dimana era Tablet sedang
menjadi-jadi di tahun ini, Update tak hanya berhenti di versi 3.0 saja namun juga
dikembangkan ke versi 3.1 dan 3.2.
8.IceCreamSandwicv4.0
Revormasi Android mulai terlihat dengan adanya Ice Cream Sandwich dimana OS
versi ini mulai bekerja disemua jenis platform dan smartphone .
9.Jellybeanv4.1.2
Android versi Jelly Bean ini dirilis pada 27 Juni 2014 lewat konferensi I/O Google.
Jelly Bean menjadi versi Android yang mendapatkan banyak update, tercatat 2 kali
sudah mendapatkan update di Jelly Bean yakni versi 4.1.2 dimana berbeda
dibandingkan versi sebelumnya adalah segi User Interface yang lebih elegan seta
penambahan fitur Google Search.
10.KitKatv4.4.2
Android Versi 4.42 atau bernama KitKat ini paling banyak dipakai pada smartphone
masa kini
11. Lolipopv5.0
Android Lolipop adalah Android versi terbaru yang diluncurkan Google pada tahun
2014. Versi Lollipop pertama kali ditanamkan di Smartphone Google Nexus 6.
12. Marsmelowv6.0
Rilis Terbaru Android 6.0 Bernama Marshmallow .Google secara resmi
mengeluarkan Android versi 6.0 yang diberi nama yaitu Marshmallow. Selain itu
Android Marshmallow juga mendapatkan fitur fitur terbarunya.
13. Nougatv7.0
Nougat adalah versi Android termutakhir yang baru diperkenalkan pada ajang
11
kumpul developer Google I/O, pertengahan 2016 ini. Android versi 7.0 atau Nougat
juga memiliki dukungan terhadap platform virtual reality terbaru Google.
14.Oreov8.0
Untuk pengguna android sekarang lagi booming booming nya nih tentang OS terbaru,
ya itu adalah OS android versi 8.0 atau yang sering disebut sebagai Android O atau
Android Oreo. Versi android ini resmi diperkenalkan ole Google pada tanggal 22
Agustus 2017 yang lalu dan juga sudah secara resmi bisa diluncurkan langsung ke
lapangan, tapi sebelum diresmikan versi android ini oleh google, nama “Oreo”
tersebut sudah terendus sejak Android O pertama kali diperkenalkan di ajang Google
I/O 2017 pada Mei 2017 lalu.
2.5 Android Studio
Sebuah IDE untuk Android Development yang dikenalkan pihak google
pada acara Google I/O di tahun 2013. Android Studio merupakan suatu
pengembangan dari Eclipse IDE, dan dibuat berdasarkan IDE Java populer, yaitu
IntelliJ IDEA. Android Studio merupakan IDE resmi untuk pengembangan aplikasi
Android.
Gambar 2.2 Android studio Logo
Sumber : https://chromplex.com/android-studio-versi-3-stabil-kini-
sudah-bisa-kamu-download/
Sebagai media yang menjadi pengembangan dari Eclipse, Android Studio tentunya
sudah dilengkapi dengan gaya baru serta mempunyai banyak fitur-fitur baru
12
dibandingkan dengan Eclipse IDE. Berbeda dengan Eclipse yang menggunakan Ant,
Android Studio menggunakan Gradle sebagai build environment. Fitur-fitur lainnya
yang sudah disematkan pada Android Studio adalah sebagai berikut :
1. Menggunakan Gradle-based build system yang fleksibel.
2. Bisa mem-build multiple APK .
3. Template support untuk Google Services dan berbagai macam tipe perangkat.
4. Layout editor yang lebih bagus.
5. Built-in support untuk Google Cloud Platform, sehingga mudah untuk integrasi
dengan Google Cloud Messaging dan App Engine.
6. Import library langsung dari Maven repository
7. dan masih banyak lagi yang lainnya
2.6 Java Jdk
Java JDK adalah sebuah perangkat lunak yang digunakan untuk
melakukan proses kompilasi dari kode java ke bytecode yang dapat dimengerti
dan dapat dijalankan oleh JRE (Java Runtime Envirotment). JDK wajib
terinstall pada komputer yang akan melakukan proses pembuatan aplikasi
berbasis java, namun tidak wajib terinstall di komputer yang akan menjalankan
aplikasi yang dibangun dengan java.
Gambar 2.3 Java Logo
Sumber: https://jayusman.com/penjelasan-jdk/
13
13
BAB III
METEDOLOGI PENELITIAN
3.1 Tempat dan Waktu
Tempat perancangan serta penyusunan Tugas Akhir ini dilakukan di:
1. Jl. Soekarno Hatta RT 61 NO. 31 Kelurahan Graha Indah Balikpapan
Utara, Balikpapan
2. Politeknik Negeri Balikpapan, Gedung Elektronika, Jl. Soekarno-Hatta
KM 8 Balikpapan Utara
Waktu perancangan serta penyusunan Tugas Akhir ini dimulai pada bulan
Maret 2018 sampai dengan Juli 2018
3.2 Peralatan dan Bahan yang digunakan
Tugas Akhir ini tentang aplikasi diagnosa buta warna menggunakan
metode ishihara berbasis android, membutuhkan peralatan dan bahan sebagai
berikut :
3.2 .1 Peralatan
• Laptop ASUS
• Smartphone Oppo A37
3.2.2 Perangkat lunak
• Android Studio
• Java JDK
14
3.3 Blok Diagram Aplikasi Buta Warna Ishihara Dan Cambridge Berbasis
Android.
Gambar 3.1 Gambar blok diagram
Sumber : Penulis
3.3.1 Prinsip Kerja Blok Diagram
1. Pengguna dapat mengkases aplikasi via android dengan minimum sdk
Android 4.0 (Ice cream sandwich).
2. Di aplikasi ini terdapat 4 menu yaitu : Tes ishihara, Tes Cambridge ,
Informasi seputar buta warna, dan menu about.
3. Menu tes ishihara : berisi template buta warna berserta pertaya dan
colume untuk menjawab pertanyaan dalam bentuk essay.
4. Informasi seputar buta warna : dalam menu ini berrsisi tentang
informasi mengenai tiga tipe buta warna.
5. Menu about, dalam menu ini mejelaskan tentang aplikasi buta warna
dan creator.
15
3.4 Diagram Proses Perancangan
Gambar 3.2 Diagram Proses Perancangan
Sumber : Penulis
16
3.5 Diagram Akhir Sistem Kerja Aplikasi
Gambar 3.3 Diagram Proses Perancangan
Sumber : Penulis
17
BAB IV
HASIL DAN PEMBAHASAN
4.1. Prinsip Kerja Sistem
Aplikasi diagnosa buta warna menggunakan metode Ishihara dan Cambridge
berbasis android, menggunakan android studio dan didukung bahasa pemrograman java.
Aplikasi diagnosa buta warna ini diperuntukkan untuk membantu pengguna yang ingin
memeriksa mata.
Pada aplikasi ini pengguna dapat memilih tes buta warna yang akan di coba,
kemudiakan mengisi jawaban pada aplikasi tes buta warna tersebut, dan dapat melihat
hasil diagosa setelah mengisi semua jawaban tes buta warna ini. Aplikasi ini tersedia
dalam bentuk offline.
4.2 Pembuatan Aplikasi
1. Download aplikasi android studio.
Gambar 4.1 Tampilan android studio
Sumber : penulis
17
BAB IV
HASIL DAN PEMBAHASAN
4.1. Prinsip Kerja Sistem
Aplikasi diagnosa buta warna menggunakan metode Ishihara dan Cambridge
berbasis android, menggunakan android studio dan didukung bahasa pemrograman java.
Aplikasi diagnosa buta warna ini diperuntukkan untuk membantu pengguna yang ingin
memeriksa mata.
Pada aplikasi ini pengguna dapat memilih tes buta warna yang akan di coba,
kemudiakan mengisi jawaban pada aplikasi tes buta warna tersebut, dan dapat melihat
hasil diagosa setelah mengisi semua jawaban tes buta warna ini. Aplikasi ini tersedia
dalam bentuk offline.
4.2 Pembuatan Aplikasi
1. Download aplikasi android studio.
Gambar 4.1 Tampilan android studio
Sumber : penulis
18
2. Install aplikasi android studio.
Gambar 4.2 tampilan welcome android studio
Sumber : penulis
3. Install java jdk.
Gambar 4.3 Java jdk
Sumber : penulis
19
4. Pertama membuat projet baru setelah aplikasi android studio dan java jdk terinstal.
Gambar 4.4 Create android studio
Sumber : penulis
5. Pilih standart minum android yang dapat mengkases aplikasi yang akan dibuat.
Gambar 4.5 Target android device
Sumber : penulis
20
6. Pilih empty activity
Gambar 4.6 Empty activity
Sumber : penulis
7. Kemudian berinama main activity yang akan dibuat .
Gambar 4.7 Configure Activity
Sumber : penulis
21
8. Tampilan main menu utama pada aplikasi buta warna. Gambar ini menjelaskan
menu apa saja yang ada pada aplikais system diagnosa ini, halaman home berisi
menu tes ishihara , tes cambridge , seputar buta warna dan about.
Gambar 4.8 Menu utama aplikasi
Sumber : penulis
9. Tampilan pada menu tes buta warna ishihara. Merupakan implementasi dari
rancangan menu tes ishihara. Halaman ini berisi tempale gambar, soal dan
pertanyaan
Gambar 4.9 Tampilan pada kuis ishihara
Sumber : penulis
22
10. Tampilan pada menu about ini merupakan implementasi dari rancangan menu
about. Halaman ini berisi keterangan mengenai aplikasi dan creator.
Gambar 4.10 Tampilan menu About
Sumber : penulis
11. Tampilan pada menu scoring ini merupakan implementasi dari rancangan menu
scoring. Halaman ini berisi skor dan keterangan mengenai klasifikasi buta warna.
Gambar 4.11 Tampilan skoring
Sumber : penulis
23
12. Tampilan menu tes Cambridge ini merupakan implementasi dari rancangan menu
tes Cambridge.
Gambar 4.12 Tampilan tes cambridge
Sumber : penulis
13. Tampilan menu pada seputar buta warna merupakan implementasi dari rancangan
menu seputar buta warna . pada menu ini menberikan informasi mengenai tes buta
warna.
Gambar 4.13 Seputar buta warna
Sumber : penulis
24
14. Tampilan menu soal essay tes buta warna ishihara dan cambridge menggunakan
ponsel android.
Gambar 4.14 tampilan menu soal
Sumber : penulis
15. Tampilan menu pada seputar buta warna menggunakan ponsel android.
Gambar 4.15 tampilan seputar buta warna
Sumber : penulis
25
16. Tampilan menu about menggunakan ponsel android.
Gambar 4.16 tampilan menu about
Sumber : penulis
17. Tampilan hasil scoring jika normal menggunakan ponsel android.
Gambar 4.17 tampilan scoring normal
Sumber : penulis
26
18. Tampilan hasil scoring jika buta warna parsial menggunakan ponsel android.
Gambar 4.18 tampilan scoring parsial
Sumber : penulis
19. Tampilan hasil scoring jika buta warna total menggunakan ponsel android.
Gambar 4.19 tampilan scoring total
Sumber : penulis
27
4.3 Implementasi Antar muka
Dari hasil analisis dan desain yang telah dilakukan, peneliti mengubah dalam
bentuk kode dengan cara mengimplementasikan hasil analisis dan desain tersebut
kedalam bahasa pemrograman java. Implementasi dilakukan dalam bentuk file
program. Implementasi antar muka disusun dengan memanfaatkan bahasa
pemrograman XML dan Java . hasil implementasi antar muka dapat dilihat di table.
Tabel 4.1 Implementasi Antar muka
Menu Deskripsi Nama file
Menu utama Halaman program ini berisi
empat menu utama yaitu
menu tes ishihara, tes
Cambridge, seputar buta
warna, about
Activity_main.xml
Tes ishihara Halaman berisi soal ishihara
24 template
Activity_kuisishihara.xml
Tes cambridge - Activity_tescam.xml
Seputar buta warna Halaman berisi informasi
tentang tipe buta warna
Activity_sptbt.xml
About Berisi tentang creator dan
hal mengenai aplikasi.
Activity_about.xml
Sumber : penulis
4.4 Data perbandingan aplikasi dengan medis.
Data perbandingan antara aplikasi dan medis untuk uji kelayakan aplikasi. maka
aplikasi ini akan di ujikan ke beberapa user sebagai sample uji kelayakan dan kesesuian
dengan bidang kesehatan.
Table 4.2 data hasil uji coba aplikasi
No Nama usia Tes aplikasi medis
1 Pengguna 1 15 normal normal
2 Pengguna 2 17 parsial parsial
3 Pengguna 3 11 normal normal
4 Pengguna 4 25 normal normal
5 Pengguna 5 17 normal normal
6 Pengguna 6 34 normal normal
7 Pengguna 7 42 parsial parsial
Sumber : penulis
28
BAB V
PENUTUP
5.1 Kesimpulan
Berdasarkan dari pengujian aplikasi yang telah dilakukan di bab sebelumnya
dapat disimpulkan sebagai berikut :
1. Aplikasi diagnosa buta warna menggunakan metode ishihara dan Cambridge
berbasis android dapat di implementasikan disemua perangkat android
minimal versi API level 14 atau setara dengan Android versi 4.0-4.0.2 Ice
Cream Sandwich.
2. Aplikasi diagnosa buta warna ini dapat digunakan sebagai pengganti buku
ishihara
3. Keakuratan aplikasi ini 85 % dan tidak dapat di implementasikan di rumah
sakit maupun puskesmas karna sistem diagnosa harus dengan menjawab
semua soal hal ini membutuhkan waktu.
4. Aplikasi ini diakses secara offline.
5.2 Saran
Dalam penyelesaian tugas akhir ini masih terdapat kekurangan, sehingga
penulis memberikan beberapa saran untuk pengembangan selanjutnya yaitu sebagai
berikut :
1. Pengembangan aplikasi diagnosa buta warna menggunakan metode Ishihara
dan Cambridge berbasis Android selanjutnya dapat dikembangkan lagi
menggunakan metode lain .
2. Pengembangan sistem pakar ini selanjutnya dapat memberikan validasi dari
pakar yang lebih sempurna.
3. Penambahan teori pada metode Cambridge.
DAFTAR PUSTAKA
Anonim , 2018. “Definisi buta warna”
http://repository.usu.ac.id/bitstream/handle/123456789/23511/Chapter%
20II.pdf;jsessionid=515B6CBED84DEB8D05415AC4830ED6B7?sequ
ence=4 %20dasar%20teori%20mengenai%20ishihara%20dari%20jurnal
(Diakses pada 9 April 2018, 07:10:28 WITA)
Marianti dr, 2016. ”Pengertian Buta Warna”.
https://www.alodokter.com/buta-warna (Diakses pada 26 Maret
2018,09:19:01 WITA)
Ranti, Awang , Harsa. 2010. “APLIKASI TES BUTA WARNA DENGAN
METODE ISHIHARA BERBASIS KOMPUTER”. Sempaja .
Samarinda. Jurnal. Universitas Mulawarman. Diakses pada 19 Juni
2018. 22:09:10.
Raditya Wirawidana, 2017. “Jenis jenis versi android dari pertama hingga kini”
http://skatel-xiv121890.blogspot.co.id/2014/10/nodejs.html . (Diakses
pada 26 Maret 2018,11:29:11 WITA)
Komputerdia, 2016. “Pengenalan , pengertian, memahami android studio lebih
dekat”.
http://catatankecilsalman.blogspot.co.id/2012/04/compile-
hellowordjava-menggunakan.html . (Diakses pada 26 Maret
2018,12:30:01 WITA)
Jayusman, 2018. “Penjelasan jdk”.
https://jayusman.com/penjelasan-jdk/ . (Diakses pada 26 Maret
2018,12:30:01 WITA)
xv
LAMPIRAN
1. main xml (menu utama) <?xml version="1.0" encoding="utf-8"?>
<RelativeLayout
xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:app="http://schemas.android.com/apk/res-auto"
xmlns:tools="http://schemas.android.com/tools"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:background="#8eaeff"
tools:context=".MainActivity">
<LinearLayout
android:id="@+id/linetesIsh"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_alignParentLeft="true"
android:layout_margin="20dp"
android:background="#8eaeff"
android:orientation="vertical">
<ImageView
android:layout_width="132dp"
android:layout_height="150dp"
android:src="@drawable/tes"/>
<TextView
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:gravity="center"
android:text="Tes Ishihara"
android:textSize="16sp"/>
</LinearLayout>
<LinearLayout
android:id="@+id/lineabout"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_alignParentRight="true"
android:layout_margin="20dp"
android:background="#8eaeff"
android:orientation="vertical">
<ImageView
android:layout_width="150dp"
android:layout_height="150dp"
android:src="@drawable/tes" />
<TextView
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:gravity="center"
android:text="About"
android:textSize="16sp"/>
</LinearLayout>
<LinearLayout
android:id="@+id/linetescam"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_alignParentBottom="true"
xvi
android:layout_alignParentStart="true"
android:layout_alignParentLeft="true"
android:layout_marginBottom="82dp"
android:layout_marginStart="30dp"
android:layout_marginLeft="30dp"
android:background="#8eaeff"
android:orientation="vertical">
<ImageView
android:layout_width="132dp"
android:layout_height="150dp"
android:src="@drawable/tes" />
<TextView
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:gravity="center"
android:text="Tes Cambridge"
android:textSize="16sp" />
</LinearLayout>
<LinearLayout
android:id="@+id/linesptbt"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_alignStart="@+id/lineabout"
android:layout_alignLeft="@+id/lineabout"
android:layout_alignTop="@+id/linetescam"
android:background="#8eaeff"
android:orientation="vertical">
<ImageView
android:layout_width="150dp"
android:layout_height="150dp"
android:src="@drawable/tes" />
<TextView
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:gravity="center"
android:text="seputar buta warna"
android:textSize="16sp" />
</LinearLayout>
</RelativeLayout>
2. main.java(menu utama)
package com.example.hanif.tesbutawarna;
import android.content.Intent;
import android.support.v7.app.AppCompatActivity;
import android.os.Bundle;
import android.view.View;
import android.widget.LinearLayout;
import android.widget.Toast;
public class MainActivity extends AppCompatActivity {
LinearLayout mlinetesIsh, mLineabout; //variabel baru bertipe
LinearLayout
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_main);
xvii
//menyambungkan variabel pada MainActivity.java dengan id
pada activity_main
//pastikan tipe data variabel dengan view id sama
mlinetesIsh = (LinearLayout)
findViewById(R.id.linetesIsh);
mLineabout = (LinearLayout) findViewById(R.id.lineabout);
//memberi aksi ketika diklik
mlinetesIsh.setOnClickListener(new View.OnClickListener()
{
@Override
public void onClick(View view) {
//hasil aksinya ditulis disini (dalam method
onClick)
//pada kali ini hasil yang diinginkan adalah
pindah activity, maka
//membuat objek baru dari kelas intent,
//dari MainActivity akan pindah ke KuisPilihaGanda
Intent i = new Intent(MainActivity.this,
kuisishihara.class);
startActivity(i); //jalankan Intent
}
});
mLineabout.setOnClickListener(new View.OnClickListener() {
@Override
public void onClick(View view) {
//hasil aksinya ditulis disini (dalam method
onClick)
//pada kali ini hasil yang diinginkan adalah
pindah activity, maka
//membuat objek baru dari kelas intent,
//dari MainActivity akan pindah ke KuisEssay
Intent i = new Intent(MainActivity.this,
about.class);
startActivity(i);
}
});
}
}
3. Kuis ishihara .xml <?xml version="1.0" encoding="utf-8"?>
<RelativeLayout
xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:app="http://schemas.android.com/apk/res-auto"
xmlns:tools="http://schemas.android.com/tools"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:background="#8eaeff"
tools:context=".kuisishihara">
<LinearLayout
android:id="@+id/lineSkor2"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_alignParentRight="true"
android:layout_margin="10dp">
xviii
<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="SKOR : "
android:textSize="22sp"/>
<TextView
android:id="@+id/tvSkor2"
android:layout_width="50dp"
android:layout_height="wrap_content"
android:text="0"
android:textSize="22sp"/>
</LinearLayout>
<LinearLayout
android:id="@+id/lineGambar"
android:layout_width="match_parent"
android:layout_height="260dp"
android:layout_below="@id/lineSkor2"
android:layout_margin="10dp"
android:orientation="vertical">
<ImageView
android:id="@+id/ivGambar"
android:layout_width="match_parent"
android:layout_height="230dp" />
<TextView
android:layout_marginTop="10dp"
android:id="@+id/tvSoal2"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:gravity="center"
android:textSize="18sp" />
</LinearLayout>
<EditText
android:id="@+id/edtJawaban"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:layout_below="@id/lineGambar"
android:layout_margin="10dp"
android:background="#fff"
android:gravity="center"
android:hint="Masukkan Jawaban disini"
android:padding="10dp"
android:textSize="18sp"
android:inputType="text"/>
<Button
android:id="@+id/btnSubmit2"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_alignParentRight="true"
android:layout_below="@id/edtJawaban"
android:layout_margin="10dp"
android:text="SUBMIT"
android:background="#5f7dc9"/>
<Button
android:id="@+id/btEx"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_alignParentStart="true"
android:layout_alignParentLeft="true"
android:layout_alignParentTop="true"
xix
android:text="EXIT" />
</RelativeLayout>
4. Kuis essay.java ( untuk mengisi daftar nilai benar,pertanyaan dan
jawaban).
package com.example.hanif.tesbutawarna;
/**
* create by Acer on 19/06/2018
*/
public class soalessay {
//membuat array untuk pertanyaan
public String pertanyaan[] = {
"Angka berapa yang tampak diatas ?",
"Angka berapa yang tampak diatas ?",
"Angka berapa yang tampak diatas ?",
"Angka berapa yang tampak diatas ?",
"Angka berapa yang tampak diatas ?",
"Angka berapa yang tampak diatas ?",
"Angka berapa yang tampak diatas ?",
"Angka berapa yang tampak diatas ?",
"Angka berapa yang tampak diatas ?",
"Angka berapa yang tampak diatas ?",
"Angka berapa yang tampak diatas ?",
"Angka berapa yang tampak diatas ?",
"Angka berapa yang tampak diatas ?",
"Jalur atau saluran diatas warna apa ?",
"Jalur atau saluran diatas warna apa ?",
"Angka berapa yang tampak diatas ?",
"Angka berapa yang tampak diatas ?",
"Jalur atau saluran diatas warna apa ?",
"Jalur atau saluran diatas warna apa ?",
"Jalur atau saluran diatas warna apa ?",
"Jalur atau saluran diatas warna apa ?",
"Jalur atau saluran diatas warna apa ?",
"Jalur atau saluran diatas warna apa ?",
"Jalur atau saluran diatas warna apa ?",
};
//membuat array untuk set gambar (dari String diubah jadi
ImageView)
//pastikan yang tertulis disini sama dengan nama di drawable
//lihat gambar penjelasan1
private String image[] = {
"ishihara1",
"ishihara2",
"ishihara3",
"ishihara4",
"ishihara5",
"ishihara6",
"ishihara7",
"ishihara8",
"ishihara9",
"ishihara10",
"ishihara11",
"ishihara12",
"ishihara13",
"ishihara14",
"ishihara15",
"ishihara16",
xx
"ishihara17",
"ishihara18",
"ishihara19",
"ishihara20",
"ishihara21",
"ishihara22",
"ishihara23",
"ishihara24",
};
//membuat array jawaban benar
private String jawabanBenar[] = {
"12",
"8",
"29",
"3",
"5",
"15",
"74",
"6",
"45",
"5",
"7",
"16",
"73",
"orange",
"orange",
"26",
"42",
"merahungu",
"orange",
"hijau",
"orange",
"biruhijau",
"merah",
"orange",
};
//membuat getter untuk mengambil pertanyaan
public String getPertanyaan(int x) {
String soal = pertanyaan[x];
return soal;
}
//membuat getter untuk mengambil jawaban benar
public String getStringGambar(int x) {
String gambar = image[x];
return gambar;
}
//membuat getter untuk mengambil jawaban benar
public String getJawabanBenar(int x){
String jawaban = jawabanBenar[x];
return jawaban;
}
}
5. Kuis Ishihara.java
package com.example.hanif.tesbutawarna;
xxi
import android.content.Intent;
import android.content.res.Resources;
import android.graphics.drawable.Drawable;
import android.support.v7.app.AppCompatActivity;
import android.os.Bundle;
import android.view.View;
import android.widget.Button;
import android.widget.EditText;
import android.widget.ImageView;
import android.widget.TextView;
import android.widget.Toast;
import static android.R.attr.x;
public class kuisishihara extends AppCompatActivity {
TextView mtvSkor2,mtvSoal2;
ImageView mivGambar;
EditText medtJawaban;
Button mbtnSubmit2;
int x=0;
int arr;
double skor;
String jawaban;
soalessay essay = new soalessay();
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_kuisishihara);
mtvSkor2 = (TextView) findViewById(R.id.tvSkor2);
mtvSoal2 = (TextView) findViewById(R.id.tvSoal2);
mivGambar = (ImageView) findViewById(R.id.ivGambar);
medtJawaban = (EditText) findViewById(R.id.edtJawaban);
mbtnSubmit2 = (Button) findViewById(R.id.btnSubmit2);
Button btexit= (Button) findViewById(R.id.btEx);
setKonten();
btexit.setOnClickListener(new View.OnClickListener() {
@Override
public void onClick(View view) {
finish();
}
});
mbtnSubmit2.setOnClickListener(new View.OnClickListener()
{
@Override
public void onClick(View view) {
cekJawaban();
}
});
}
public void setKonten(){
medtJawaban.setText(null);
arr = essay.pertanyaan.length;
if(x >= arr){ //jika nilai x melebihi nilai arr(panjang
array) maka akan pindah activity (kuis selesai)
String score2report = mtvSkor2.getText().toString();
String jumlahSkor = String.valueOf(skor);
//menjadikan skor menjadi string
Intent i = new Intent(kuisishihara.this,
HasilSkoring.class);
xxii
//waktu pindah activity, sekalian membawa nilai
jumlahSkor yang ditampung dengan inisial skorAkhir2
//singkatnya skorAkhir2 = jumlahSkor
//jika masih belum jelas silahkan bertanya
i.putExtra("scorereport",score2report);
i.putExtra("skorAkhir2",jumlahSkor);
i.putExtra("activity","kuisishihara");
startActivity(i);
}else{
//setting text dengan mengambil text dari method
getter di kelas SoalEssay
mtvSoal2.setText(essay.getPertanyaan(x));
ubahGambar();
jawaban = essay.getJawabanBenar(x).toString();
}
x++;
}
public void ubahGambar(){
Resources res = getResources();
String mPhoto = essay.getStringGambar(x);
int resID = res.getIdentifier(mPhoto, "drawable",
getPackageName());
Drawable drawable = res.getDrawable(resID);
mivGambar.setImageDrawable(drawable);
}
public void cekJawaban(){
if(!medtJawaban.getText().toString().isEmpty()){ //jika
edit text TIDAK kosong
//jika text yang tertulis di edit text tsb = nilai
dari var jawaban
if(medtJawaban.getText().toString().equalsIgnoreCase(jawaban)){
skor = skor + 4.16;
mtvSkor2.setText(""+skor); //mtvSkor2 diset
nilainya = var skor
Toast.makeText(this, "Jawaban Benar",
Toast.LENGTH_SHORT).show(); //keluar notifikasi "Jawaban Benar"
setKonten(); //update next konten
}else{
mtvSkor2.setText(""+skor);
Toast.makeText(this, "Jawaban Salah",
Toast.LENGTH_SHORT).show();
setKonten();
}
}else{
Toast.makeText(this, "Silahkan pilih jawaban dulu!",
Toast.LENGTH_SHORT).show();
}
}
//ini adalah method bawaan dari Android Studio
//fungsi : memberi aksi ketika tombol back pada hp diklik
public void onBackPressed(){
Toast.makeText(this, "Selesaikan kuis",
Toast.LENGTH_SHORT).show();
//jadi yang awalnya klik tombol back maka akan kembali ke
activity sebelumnya
//kali ini ketika tombol back diklik maka
//hanya muncul Toast
}
}
xxiii
6. Hasil skoring.xml
<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout
xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:app="http://schemas.android.com/apk/res-auto"
xmlns:tools="http://schemas.android.com/tools"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:background="@drawable/congrate"
tools:context=".HasilSkoring">
<TextView
android:id="@+id/tvSkorAkhir"
android:layout_width="220dp"
android:layout_height="wrap_content"
android:layout_centerInParent="true"
android:layout_marginBottom="20dp"
android:background="#b5fffe"
android:gravity="center"
android:padding="10dp"
android:text="SKOR : 100"
android:textColor="#000"
android:textSize="36sp"/>
<Button
android:id="@+id/btnMenu"
android:layout_width="120dp"
android:layout_height="60dp"
android:layout_alignParentBottom="true"
android:layout_centerHorizontal="true"
android:layout_marginBottom="20dp"
android:text="HOME"
android:background="#f58686"
android:textSize="20sp"/>
</RelativeLayout>
7. Hasil skoring.java
package com.example.hanif.tesbutawarna;
import android.content.Intent;
import android.support.v7.app.AppCompatActivity;
import android.os.Bundle;
import android.view.View;
import android.widget.Button;
import android.widget.TextView;
import android.widget.Toast;
public class HasilSkoring extends AppCompatActivity {
TextView mtvHasilAkhir;
Button mbtnMenu;
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_hasil_skoring);
mtvHasilAkhir = (TextView) findViewById(R.id.tvSkorAkhir);
mbtnMenu = (Button) findViewById(R.id.btnMenu);
setSkor();
xxiv
mbtnMenu.setOnClickListener(new View.OnClickListener() {
@Override
public void onClick(View view) {
Intent i = new Intent(HasilSkoring.this,
MainActivity.class);
startActivity(i);
}
});
}
//method untuk mengatur skor yang akan ditampilkan pada
textview
public void setSkor() {
//hasil lemparan (putExtra) dari activity sebelumnya
ditampung dalam variabel lokal
String
scorefinal=getIntent().getStringExtra("scorereport");
String activity = getIntent().getStringExtra("activity");
String skorkuisishihara =
getIntent().getStringExtra("skorAkhir");
String skorEssay =
getIntent().getStringExtra("skorAkhir2");
if (activity.equals("kuisishihara")) { //jika var activity
bernilai PilihanGanda
//dipastikan activity sebelumnya datang dari kelas
KuisPilihanGanda
//maka skornya diatur dari skorPilGan
// mtvHasilAkhir.setText("SKOR : " + skorkuisishihara);
double scorefin = Double.parseDouble(scorefinal);
if (scorefin==99.84) {
String disc = " Mata anda normal ";
mtvHasilAkhir.setText("SKOR : " + scorefinal + "\n
diskripsi: " +disc);
}else if(scorefin>70.72 && scorefin<99.84){
String disc = " Anda Buta Warna Parsial";
mtvHasilAkhir.setText("SKOR : " + scorefinal + "\n
diskripsi: " +disc);
}else {
String disc = " Anda Buta Warna Total";
mtvHasilAkhir.setText("SKOR : " + scorefinal + "\n
diskripsi: " +disc);
}
}
}
//ini adalah method bawaan dari Android Studio
//fungsi : memberi aksi ketika tombol back pada hp diklik
public void onBackPressed() {
Toast.makeText(this, "Tidak bisa kembali, silahkan tekan
menu", Toast.LENGTH_SHORT).show();
}
}
//jadi yang awalnya klik tombol back maka akan kembali ke
activity sebelumnya