3.8. Perancangan Sistem
Pada tahapan perancangan sistem ini akan dijelaskan tentang perancangan menu sistem dan perancangan antarmuka aplikasi identifikasi diagnosis hypertensive
retinopathy. Perancangan ini bertujuan agar pengguna dapat mudah menjalankan aplikasi.
3.8.1. Perancangan Menu Sistem
Struktur menu pada sistem dapat dilihat pada Gambar 3.12.
Gambar 3.12. Struktur menu sistem
3.8.2. Perancangan Antarmuka
Perancangan antarmuka terdiri atas rancangan tampilan splash, tampilan halaman utama, dan tampilan halaman training.
3.8.2.1. Perancangan Tampilan Splash
Halaman splash merupakan tampilan utama ketika system dijalankan. Rancangan tampilan halaman splash dapat dilihap pada Gambar 3.13.
Tampilan Halaman Splash
Training
Upload
Process
Reset Tampilan
Halaman Utama
Universitas Sumatera Utara
Universitas Sumatera Utara
Keterangan : a.
Textfield yang merupakan tempat hasil url location file. Textfield ini juga bisa diklik sehingga akan menampilkan kotak dialog untuk memilih file citra retina.
b. Tombol upload yang akan menampilkan kotak dialog dan memilih citra retina
yang akan diuji. c.
Tombol process yang akan memproses citra retina yang telah dipilih sebelumnya. Setelah diproses maka hasilnya akan tampil pada bagian-bagian
pre processing image yaitu green channel, CLAHEcontrast limited adaptive histogram equalization, morpclosemorphological close, backexclusion
background exclusion, thresholding, CCAconnected componen anaysis. Selain itu juga akan tampil nilai dari ekstrasi cirinya pada bagian feature
extraction. Dan juga hasil dari identifikasi citra retina pada bagian result. d.
Bagian ini akan menampilkan image hasil dari citra retina yang dipilih. e.
Bagian ini merupakan panel yang akan menampilkan hasil dari image yang telah diproses
f. Pada bagian ini akan tampil nilai dari ekstraksi ciri dari citra retina yang terdiri
dari nilai fractal dimension dan ketujuh nilai invariant moments. g.
Panel yang akan menampilkan hasil identifikasi dari citra retina input. h.
Bagian ini merupakan menu yang terdiri dari menu training dan menu exit. i.
Frame utama yang menampung keseluruhan panel yang terdiri dari judul frame, tombol minimize yang akan memperkecil ukuran jendela aplikasi,
tombol maximize yang disabled karena frame sudah diatur sebesar ukuran layar, jadi tidak bisa diperbesar lagi, dan terakhir tombol close yang akan
menutup aplikasi tersebut.
3.8.2.3. Perancangan Tampilan Halaman Training
Tampilan halaman training merupakan halaman yang bertujuan untuk menginput citra training yang hasil ekstraksi cirinya akan disimpan kedalam database. Halaman ini
terdiri dari 3 button, dan 2 panel yang berisi list file citra yang diplih sebagai training. Perancangan tersebut dapat dilihat pada Gambar 3.15.
Universitas Sumatera Utara
Gambar 3.15. Rancangan halaman training
Keterangan : a.
Panel yang akan menampilkan file citra normal yang telah dipilih b.
Panel yang akan menampilkan file citra HR yang telah dipilih. c.
Tombol upload citra normal yang akan menampilkan kotak dialog dan bisa pilih file lebih dari satu atau multiselected.
d. Tombol upload citra HR yang akan menampilkan kotak dialog dan bias pilih
file lebih dari satu sama halnya dengan tombol upload citra normal e.
Tombol proses yang akan memproses semua file yang telah dipilih dan hasil dari ekstraksi cirinya disimpan kedalam database.
Universitas Sumatera Utara
BAB 4 IMPLEMENTASI DAN PENGUJIAN