aplikasi diagnosa buta warna menggunakan...

58
APLIKASI DIAGNOSA BUTA WARNA MENGGUNAKAN METODE ISHIHARA DAN CAMBRIDGE BERBASIS ANDROID TUGAS AKHIR EVITA LUSIANA 150309276193 POLITEKNIK NEGERI BALIKPAPAN JURUSAN TEKNIK ELEKTRONIKA BALIKPAPAN 2018

Upload: phamnguyet

Post on 27-Mar-2019

240 views

Category:

Documents


2 download

TRANSCRIPT

Page 1: APLIKASI DIAGNOSA BUTA WARNA MENGGUNAKAN …spmi.poltekba.ac.id/spmi/fileTA/150309276193_2018.pdf · TUGAS AKHIR EVITA LUSIANA ... ishihara color blind test menu, ... dengan judul

APLIKASI DIAGNOSA BUTA WARNA MENGGUNAKAN

METODE ISHIHARA DAN CAMBRIDGE BERBASIS

ANDROID

TUGAS AKHIR

EVITA LUSIANA

150309276193

POLITEKNIK NEGERI BALIKPAPAN

JURUSAN TEKNIK ELEKTRONIKA

BALIKPAPAN

2018

Page 2: APLIKASI DIAGNOSA BUTA WARNA MENGGUNAKAN …spmi.poltekba.ac.id/spmi/fileTA/150309276193_2018.pdf · TUGAS AKHIR EVITA LUSIANA ... ishihara color blind test menu, ... dengan judul

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

Page 3: APLIKASI DIAGNOSA BUTA WARNA MENGGUNAKAN …spmi.poltekba.ac.id/spmi/fileTA/150309276193_2018.pdf · TUGAS AKHIR EVITA LUSIANA ... ishihara color blind test menu, ... dengan judul
Page 4: APLIKASI DIAGNOSA BUTA WARNA MENGGUNAKAN …spmi.poltekba.ac.id/spmi/fileTA/150309276193_2018.pdf · TUGAS AKHIR EVITA LUSIANA ... ishihara color blind test menu, ... dengan judul
Page 5: APLIKASI DIAGNOSA BUTA WARNA MENGGUNAKAN …spmi.poltekba.ac.id/spmi/fileTA/150309276193_2018.pdf · TUGAS AKHIR EVITA LUSIANA ... ishihara color blind test menu, ... dengan judul

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.

Page 6: APLIKASI DIAGNOSA BUTA WARNA MENGGUNAKAN …spmi.poltekba.ac.id/spmi/fileTA/150309276193_2018.pdf · TUGAS AKHIR EVITA LUSIANA ... ishihara color blind test menu, ... dengan judul
Page 7: APLIKASI DIAGNOSA BUTA WARNA MENGGUNAKAN …spmi.poltekba.ac.id/spmi/fileTA/150309276193_2018.pdf · TUGAS AKHIR EVITA LUSIANA ... ishihara color blind test menu, ... dengan judul

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.

Page 8: APLIKASI DIAGNOSA BUTA WARNA MENGGUNAKAN …spmi.poltekba.ac.id/spmi/fileTA/150309276193_2018.pdf · TUGAS AKHIR EVITA LUSIANA ... ishihara color blind test menu, ... dengan judul

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.

Page 9: APLIKASI DIAGNOSA BUTA WARNA MENGGUNAKAN …spmi.poltekba.ac.id/spmi/fileTA/150309276193_2018.pdf · TUGAS AKHIR EVITA LUSIANA ... ishihara color blind test menu, ... dengan judul

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.

Page 10: APLIKASI DIAGNOSA BUTA WARNA MENGGUNAKAN …spmi.poltekba.ac.id/spmi/fileTA/150309276193_2018.pdf · TUGAS AKHIR EVITA LUSIANA ... ishihara color blind test menu, ... dengan judul

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

Page 11: APLIKASI DIAGNOSA BUTA WARNA MENGGUNAKAN …spmi.poltekba.ac.id/spmi/fileTA/150309276193_2018.pdf · TUGAS AKHIR EVITA LUSIANA ... ishihara color blind test menu, ... dengan judul

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

Page 12: APLIKASI DIAGNOSA BUTA WARNA MENGGUNAKAN …spmi.poltekba.ac.id/spmi/fileTA/150309276193_2018.pdf · TUGAS AKHIR EVITA LUSIANA ... ishihara color blind test menu, ... dengan judul

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

Page 13: APLIKASI DIAGNOSA BUTA WARNA MENGGUNAKAN …spmi.poltekba.ac.id/spmi/fileTA/150309276193_2018.pdf · TUGAS AKHIR EVITA LUSIANA ... ishihara color blind test menu, ... dengan judul

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

Page 14: APLIKASI DIAGNOSA BUTA WARNA MENGGUNAKAN …spmi.poltekba.ac.id/spmi/fileTA/150309276193_2018.pdf · TUGAS AKHIR EVITA LUSIANA ... ishihara color blind test menu, ... dengan judul

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

Page 15: APLIKASI DIAGNOSA BUTA WARNA MENGGUNAKAN …spmi.poltekba.ac.id/spmi/fileTA/150309276193_2018.pdf · TUGAS AKHIR EVITA LUSIANA ... ishihara color blind test menu, ... dengan judul

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

Page 16: APLIKASI DIAGNOSA BUTA WARNA MENGGUNAKAN …spmi.poltekba.ac.id/spmi/fileTA/150309276193_2018.pdf · TUGAS AKHIR EVITA LUSIANA ... ishihara color blind test menu, ... dengan judul

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.

Page 17: APLIKASI DIAGNOSA BUTA WARNA MENGGUNAKAN …spmi.poltekba.ac.id/spmi/fileTA/150309276193_2018.pdf · TUGAS AKHIR EVITA LUSIANA ... ishihara color blind test menu, ... dengan judul

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?

Page 18: APLIKASI DIAGNOSA BUTA WARNA MENGGUNAKAN …spmi.poltekba.ac.id/spmi/fileTA/150309276193_2018.pdf · TUGAS AKHIR EVITA LUSIANA ... ishihara color blind test menu, ... dengan judul

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.

Page 19: APLIKASI DIAGNOSA BUTA WARNA MENGGUNAKAN …spmi.poltekba.ac.id/spmi/fileTA/150309276193_2018.pdf · TUGAS AKHIR EVITA LUSIANA ... ishihara color blind test menu, ... dengan judul

4

Page 20: APLIKASI DIAGNOSA BUTA WARNA MENGGUNAKAN …spmi.poltekba.ac.id/spmi/fileTA/150309276193_2018.pdf · TUGAS AKHIR EVITA LUSIANA ... ishihara color blind test menu, ... dengan judul

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.

Page 21: APLIKASI DIAGNOSA BUTA WARNA MENGGUNAKAN …spmi.poltekba.ac.id/spmi/fileTA/150309276193_2018.pdf · TUGAS AKHIR EVITA LUSIANA ... ishihara color blind test menu, ... dengan judul

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.

Page 22: APLIKASI DIAGNOSA BUTA WARNA MENGGUNAKAN …spmi.poltekba.ac.id/spmi/fileTA/150309276193_2018.pdf · TUGAS AKHIR EVITA LUSIANA ... ishihara color blind test menu, ... dengan judul

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

Page 23: APLIKASI DIAGNOSA BUTA WARNA MENGGUNAKAN …spmi.poltekba.ac.id/spmi/fileTA/150309276193_2018.pdf · TUGAS AKHIR EVITA LUSIANA ... ishihara color blind test menu, ... dengan judul

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).

Page 24: APLIKASI DIAGNOSA BUTA WARNA MENGGUNAKAN …spmi.poltekba.ac.id/spmi/fileTA/150309276193_2018.pdf · TUGAS AKHIR EVITA LUSIANA ... ishihara color blind test menu, ... dengan judul

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

Page 25: APLIKASI DIAGNOSA BUTA WARNA MENGGUNAKAN …spmi.poltekba.ac.id/spmi/fileTA/150309276193_2018.pdf · TUGAS AKHIR EVITA LUSIANA ... ishihara color blind test menu, ... dengan judul

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

Page 26: APLIKASI DIAGNOSA BUTA WARNA MENGGUNAKAN …spmi.poltekba.ac.id/spmi/fileTA/150309276193_2018.pdf · TUGAS AKHIR EVITA LUSIANA ... ishihara color blind test menu, ... dengan judul

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.

Page 27: APLIKASI DIAGNOSA BUTA WARNA MENGGUNAKAN …spmi.poltekba.ac.id/spmi/fileTA/150309276193_2018.pdf · TUGAS AKHIR EVITA LUSIANA ... ishihara color blind test menu, ... dengan judul

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

Page 28: APLIKASI DIAGNOSA BUTA WARNA MENGGUNAKAN …spmi.poltekba.ac.id/spmi/fileTA/150309276193_2018.pdf · TUGAS AKHIR EVITA LUSIANA ... ishihara color blind test menu, ... dengan judul

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

Page 29: APLIKASI DIAGNOSA BUTA WARNA MENGGUNAKAN …spmi.poltekba.ac.id/spmi/fileTA/150309276193_2018.pdf · TUGAS AKHIR EVITA LUSIANA ... ishihara color blind test menu, ... dengan judul

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/

Page 30: APLIKASI DIAGNOSA BUTA WARNA MENGGUNAKAN …spmi.poltekba.ac.id/spmi/fileTA/150309276193_2018.pdf · TUGAS AKHIR EVITA LUSIANA ... ishihara color blind test menu, ... dengan judul

13

Page 31: APLIKASI DIAGNOSA BUTA WARNA MENGGUNAKAN …spmi.poltekba.ac.id/spmi/fileTA/150309276193_2018.pdf · TUGAS AKHIR EVITA LUSIANA ... ishihara color blind test menu, ... dengan judul

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

Page 32: APLIKASI DIAGNOSA BUTA WARNA MENGGUNAKAN …spmi.poltekba.ac.id/spmi/fileTA/150309276193_2018.pdf · TUGAS AKHIR EVITA LUSIANA ... ishihara color blind test menu, ... dengan judul

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.

Page 33: APLIKASI DIAGNOSA BUTA WARNA MENGGUNAKAN …spmi.poltekba.ac.id/spmi/fileTA/150309276193_2018.pdf · TUGAS AKHIR EVITA LUSIANA ... ishihara color blind test menu, ... dengan judul

15

3.4 Diagram Proses Perancangan

Gambar 3.2 Diagram Proses Perancangan

Sumber : Penulis

Page 34: APLIKASI DIAGNOSA BUTA WARNA MENGGUNAKAN …spmi.poltekba.ac.id/spmi/fileTA/150309276193_2018.pdf · TUGAS AKHIR EVITA LUSIANA ... ishihara color blind test menu, ... dengan judul

16

3.5 Diagram Akhir Sistem Kerja Aplikasi

Gambar 3.3 Diagram Proses Perancangan

Sumber : Penulis

Page 35: APLIKASI DIAGNOSA BUTA WARNA MENGGUNAKAN …spmi.poltekba.ac.id/spmi/fileTA/150309276193_2018.pdf · TUGAS AKHIR EVITA LUSIANA ... ishihara color blind test menu, ... dengan judul

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

Page 36: APLIKASI DIAGNOSA BUTA WARNA MENGGUNAKAN …spmi.poltekba.ac.id/spmi/fileTA/150309276193_2018.pdf · TUGAS AKHIR EVITA LUSIANA ... ishihara color blind test menu, ... dengan judul

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

Page 37: APLIKASI DIAGNOSA BUTA WARNA MENGGUNAKAN …spmi.poltekba.ac.id/spmi/fileTA/150309276193_2018.pdf · TUGAS AKHIR EVITA LUSIANA ... ishihara color blind test menu, ... dengan judul

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

Page 38: APLIKASI DIAGNOSA BUTA WARNA MENGGUNAKAN …spmi.poltekba.ac.id/spmi/fileTA/150309276193_2018.pdf · TUGAS AKHIR EVITA LUSIANA ... ishihara color blind test menu, ... dengan judul

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

Page 39: APLIKASI DIAGNOSA BUTA WARNA MENGGUNAKAN …spmi.poltekba.ac.id/spmi/fileTA/150309276193_2018.pdf · TUGAS AKHIR EVITA LUSIANA ... ishihara color blind test menu, ... dengan judul

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

Page 40: APLIKASI DIAGNOSA BUTA WARNA MENGGUNAKAN …spmi.poltekba.ac.id/spmi/fileTA/150309276193_2018.pdf · TUGAS AKHIR EVITA LUSIANA ... ishihara color blind test menu, ... dengan judul

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

Page 41: APLIKASI DIAGNOSA BUTA WARNA MENGGUNAKAN …spmi.poltekba.ac.id/spmi/fileTA/150309276193_2018.pdf · TUGAS AKHIR EVITA LUSIANA ... ishihara color blind test menu, ... dengan judul

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

Page 42: APLIKASI DIAGNOSA BUTA WARNA MENGGUNAKAN …spmi.poltekba.ac.id/spmi/fileTA/150309276193_2018.pdf · TUGAS AKHIR EVITA LUSIANA ... ishihara color blind test menu, ... dengan judul

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

Page 43: APLIKASI DIAGNOSA BUTA WARNA MENGGUNAKAN …spmi.poltekba.ac.id/spmi/fileTA/150309276193_2018.pdf · TUGAS AKHIR EVITA LUSIANA ... ishihara color blind test menu, ... dengan judul

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

Page 44: APLIKASI DIAGNOSA BUTA WARNA MENGGUNAKAN …spmi.poltekba.ac.id/spmi/fileTA/150309276193_2018.pdf · TUGAS AKHIR EVITA LUSIANA ... ishihara color blind test menu, ... dengan judul

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

Page 45: APLIKASI DIAGNOSA BUTA WARNA MENGGUNAKAN …spmi.poltekba.ac.id/spmi/fileTA/150309276193_2018.pdf · TUGAS AKHIR EVITA LUSIANA ... ishihara color blind test menu, ... dengan judul

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

Page 46: APLIKASI DIAGNOSA BUTA WARNA MENGGUNAKAN …spmi.poltekba.ac.id/spmi/fileTA/150309276193_2018.pdf · TUGAS AKHIR EVITA LUSIANA ... ishihara color blind test menu, ... dengan judul

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

Page 47: APLIKASI DIAGNOSA BUTA WARNA MENGGUNAKAN …spmi.poltekba.ac.id/spmi/fileTA/150309276193_2018.pdf · TUGAS AKHIR EVITA LUSIANA ... ishihara color blind test menu, ... dengan judul

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.

Page 48: APLIKASI DIAGNOSA BUTA WARNA MENGGUNAKAN …spmi.poltekba.ac.id/spmi/fileTA/150309276193_2018.pdf · TUGAS AKHIR EVITA LUSIANA ... ishihara color blind test menu, ... dengan judul

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)

Page 49: APLIKASI DIAGNOSA BUTA WARNA MENGGUNAKAN …spmi.poltekba.ac.id/spmi/fileTA/150309276193_2018.pdf · TUGAS AKHIR EVITA LUSIANA ... ishihara color blind test menu, ... dengan judul

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"

Page 50: APLIKASI DIAGNOSA BUTA WARNA MENGGUNAKAN …spmi.poltekba.ac.id/spmi/fileTA/150309276193_2018.pdf · TUGAS AKHIR EVITA LUSIANA ... ishihara color blind test menu, ... dengan judul

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);

Page 51: APLIKASI DIAGNOSA BUTA WARNA MENGGUNAKAN …spmi.poltekba.ac.id/spmi/fileTA/150309276193_2018.pdf · TUGAS AKHIR EVITA LUSIANA ... ishihara color blind test menu, ... dengan judul

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">

Page 52: APLIKASI DIAGNOSA BUTA WARNA MENGGUNAKAN …spmi.poltekba.ac.id/spmi/fileTA/150309276193_2018.pdf · TUGAS AKHIR EVITA LUSIANA ... ishihara color blind test menu, ... dengan judul

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"

Page 53: APLIKASI DIAGNOSA BUTA WARNA MENGGUNAKAN …spmi.poltekba.ac.id/spmi/fileTA/150309276193_2018.pdf · TUGAS AKHIR EVITA LUSIANA ... ishihara color blind test menu, ... dengan judul

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",

Page 54: APLIKASI DIAGNOSA BUTA WARNA MENGGUNAKAN …spmi.poltekba.ac.id/spmi/fileTA/150309276193_2018.pdf · TUGAS AKHIR EVITA LUSIANA ... ishihara color blind test menu, ... dengan judul

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;

Page 55: APLIKASI DIAGNOSA BUTA WARNA MENGGUNAKAN …spmi.poltekba.ac.id/spmi/fileTA/150309276193_2018.pdf · TUGAS AKHIR EVITA LUSIANA ... ishihara color blind test menu, ... dengan judul

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);

Page 56: APLIKASI DIAGNOSA BUTA WARNA MENGGUNAKAN …spmi.poltekba.ac.id/spmi/fileTA/150309276193_2018.pdf · TUGAS AKHIR EVITA LUSIANA ... ishihara color blind test menu, ... dengan judul

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

}

}

Page 57: APLIKASI DIAGNOSA BUTA WARNA MENGGUNAKAN …spmi.poltekba.ac.id/spmi/fileTA/150309276193_2018.pdf · TUGAS AKHIR EVITA LUSIANA ... ishihara color blind test menu, ... dengan judul

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();

Page 58: APLIKASI DIAGNOSA BUTA WARNA MENGGUNAKAN …spmi.poltekba.ac.id/spmi/fileTA/150309276193_2018.pdf · TUGAS AKHIR EVITA LUSIANA ... ishihara color blind test menu, ... dengan judul

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