Langkah 6: Menormalisasikan matriks simetris dengan cara membagi nilai setiap elemen matriks simetris dengan menjumlahkan semua elemen dalam matriks simetris
3.8 Perancangan Sistem
Pada proses membangun aplikasi, dibutuhkan perancangan pada sistem yang menjadi gambaran pada aplikasi yang dibuat. Tahapan perancangan sistem menjelaskan cara kerja perancangan flowchart, perancangan use case diagram, dan perancangan interface sistem dalam mengklasifikasi ablasio retina. Perancangan ini bertujuan mempermudah pengguna ketika menggunakan aplikasi.
3.8.1 Perancangan Flowchart
Berikut perancangan flowchart pada sistem yang mencakup proses training dan proses testing ditunjukkan pada gambar 3.22.
Gambar 3. 22 Rancangan flowchart 3.8.2 Use Case Diagram
Use case diagram memiliki satu aktor yaitu user. Dan aktor bisa melakukan dua proses yaitu proses data latih dan proses klasifikasi data sebagai data uji yang diterapkan pada aplikasi yang ditunjukkan pada gambar 3.23.
Gambar 3. 23 Use Case Sistem
Adapun deskripsi dari diagram diatas akan dijelaskan pada tabel 3.3 dan tabel 3.4
Tabel 3. 3 Deskripsi use case data latih citra Nama use case Data Latih
Aktor User
Description Pada use case ini dijelaskan bagaimana user melakukan penambahan data latih
Basic Flow Aktor Sistem
Mengklik tombol tambah data latih
Menampilkan halaman tambah data latih
Mengatur nilai kontras dan binary threshold citra data latih
Menampilkan hasil nilai kontras dan binary threshold citra data latih yang telah ditentukan Mengklik tombol buka folder Menampilkan folder citra yang
akan dimasukkan sebagai data latih
Memasukkan folder citra yang ditambah sebagai data latih
Menampilkan sumber folder citra yang telah ditambah sebagai data latih
Mengklik tombol pilih data folder
Menampilkan pop-up sumber folder citra data latih yang menyatakan bahwa proses data latih telah dipilih
Mengklik tombol data latih Menampilkan halaman data latih Mengatur jumlah node pada Mengklik tombol data latih Menampilkan hasil pelatihan
data yang mencakup confussion matrix dan confussion matrix summary
Tabel 3. 4 Deskripsi use case klasifikasi data (data uji) citra Nama use case Klasifikasi data
Aktor User
Description Pada use case ini dijelaskan bagaimana user melakukan proses pengujian pada citra ablasio retina
Basic Flow Aktor Sistem
Mengklik tombol klasifikasi data
Menampilkan sebuah halaman klasifikasi data citra
Mengatur nilai kontras dan binary threshold citra sesuaikan dengan data latih
Menampilkan hasil nilai kontras dan binary threshold citra data uji yang telah ditentukan
Memilih citra yang akan diuji Menampilkan citra asli, preprocessing, segmentation, dan feature extraction
Mengklik tombol klasifikasi data
Menampilkan hasil klasifikasi ablasio retina dari citra yang dipilih
%3CmxGraphModel%3E%3Croot%3E%3CmxCell%20id%3D%220%22%2F%3E%3CmxCell%20id%3D%221%22%20parent%3D%220%22%2F%3E%3CmxCell%20id%3D%222%22%20value%3D%22%22%20style%3D%22ellipse%3BwhiteSpace%3Dwrap%3Bhtml%3D1%3B%22%20vertex%3D%221%22%20parent%3D%221%22%3E%3CmxGeometry%20x%3D%22390%22%20y%3D%22230%22%20width%3D%22110%22%20height%3D%2250%22%20as%3D%22geometry%22%2F%3E%3C%2FmxCell%3E%3C%2Froot%3E%3C%2FmxGraphModel%3E
3.8.3 Rancangan Tampilan Utama Aplikasi
Tampilan ini merupakan tampilan halaman utama pada saat pengguna pertama kali menggunakan aplikasi. Pada tampilan ini terdapat informasi judul penelitian, logo aplikasi, nama, NIM, dan institusi penulis. Pada bagian sebelah kanan terdapat lima button yang terdiri dari tambah data latih, data latih, klasifikasi data, tentang, dan keluar.
Rancangan tampilan halaman utama ditunjukkan pada gambar 3.24.
Gambar 3. 24 Rancangan Halaman Utama Keterangan:
1. Menunjukkan gambar pada logo aplikasi
2. Tombol “Tambah data latih” sebagai halaman tambah data training bagi pengguna
3. Tombol “Data latih” sebagai halaman hasil pelatihan data dengan pengaturan data latih berdasarkan penyesuaian hidden node dan fungsi aktivasi bagi pengguna
4. Tombol “Klasifikasi data” sebagai halaman data testing bagi pengguna 5. Tombol “Tentang” sebagai halaman deskripsi pembuatan aplikasi 6. Tombol “Keluar” digunakan jika pengguna keluar dari aplikasi
3.8.4 Rancangan Tampilan Halaman Tambah data latih
Rancangan tampilan halaman tambah data latih mencakup tahapan-tahapan di dalamnya. Tahapan awal dengan memasukkan file data training berdasarkan kategori yang dipilih. Selanjutnya memilih nilai kontras dan binary threshold yang sudah dilakukan perhitungan sebelumnya. Rancangan tampilan tambah data latih dapat dilihat pada gambar 3.25
Gambar 3. 25 Rancangan Halaman Tambah Data Latih Keterangan:
1. Tombol “Halaman Utama” sebagai halaman utama yang menampilkan informasi tombol-tombol dalam penggunaan aplikasi
2. Tombol “Keluar” digunakan jika pengguna ingin keluar dari sistem aplikasi 3. Tombol “ Buka folder” sebagai memilih folder pada data citra yang dilatih 4. Tombol “Buka file” sebagai memilih data citra yang berupa file
5. Text box sebagai alamat dari source file pada data yang dilatih
6. Tombol “Proses Data File” sebagai memproses data training pada file yang telah dipilih
7. Tombol “Pilih Data Folder” sebagai penambahan data pada folder yang berisi data training dan testing ke dalam database suatu aplikasi dalam bentuk csv 8. Tombol choice kategori yang terdiri dari normal, regmatogen, dan traksional
pada data yang dilatih
9. Tombol choice kategori yang terdiri dari training dan testing 10. Text box sebagai menginput nilai kontras pada data yang dilatih
11. Text box sebagai menginput nilai binary threshold pada data yang dilatih 12. Text box sebagai status alamat folder pada data citra yang telah dipilih untuk
ditambahkan
13. Bagian box menampilkan citra awal data latih yang dipilih
14. Bagian box menampilkan hasil proses green channel pada data yang telah dilatih 15. Bagian box menampilkan hasil proses contrast yang telah diatur tingkat kontras
pada data yang telah dilatih
16. Bagian box menampilkan hasil proses simple thresholding pada data yang telah dilatih
17. Bagian menampilkan hasil proses feature extraction dengan teknik glcm pada data yang telah dilatih
3.8.5 Rancangan Tampilan Halaman Data Latih
Tampilan halaman data latih berisi pengaturan parameter dalam metode yang digunakan dan result data latih yang mencakup confusion matrix dan confusion matrix summary.
Rancangan tampilan data training dapat dilihat pada gambar 3.26.
Gambar 3. 26 Rancangan Halaman Data Latih Keterangan:
1. Tombol “Halaman Utama” sebagai halaman utama yang menampilkan informasi tombol-tombol dalam penggunaan aplikasi
2. Tombol “Keluar” digunakan jika pengguna ingin keluar dari sistem aplikasi 3. Text Box sebagai pengaturan hidden node pada metode yang digunakan 4. Text Box sebagai option fungsi aktivasi yang disesuaikan pada metode yang
digunakan
5. Tombol “Data Latih” sebagai proses data latih yang telah dimodelkan untuk mendapatkan akurasi yang baik
6. Bagian box sebagai confusion matrix untuk memperoleh hasil proses data yang dilatih
7. Bagian box sebagai confusion matrix summary untuk memperoleh accuracy, precision, recall, dan f1-score pada data yang dilatih
3.8.6 Rancangan Tampilan Halaman Klasifikasi Data
Tampilan Halaman Klasifikasi Data digunakan untuk memproses data testing dan hasil klasifikasi data. Rancangan tampilan klasifikasi data dapat dilihat pada gambar 3.27.
Gambar 3. 27 Rancangan Halaman Klasifikasi Data Keterangan:
1. Tombol “Halaman Utama” sebagai halaman utama yang menampilkan informasi tombol-tombol dalam penggunaan aplikasi
2. Tombol “Keluar” digunakan jika pengguna ingin keluar dari sistem aplikasi 3. Text box sebagai alamat dari source file pada data yang diuji
4. Tombol “Buka file” sebagai memilih data testing yang berupa file
5. Tombol “Proses Data File” sebagai memproses data testing pada file yang telah dipilih
6. Tombol “Klasifikasi Data” sebagai memproses data testing untuk memperoleh hasil klasifikasi
7. Text box sebagai menginput nilai tingkat kontras pada data yang diuji 8. Text box sebagai menginput nilai threshold pada data yang diuji 9. Text box sebagai menampilkan hasil klasifikasi data
10. Bagian box menampilkan citra awal data uji yang dipilih
11. Bagian box menampilkan hasil proses green channel pada data yang telah diuji
12. Bagian box menampilkan hasil proses contrast yang telah diatur tingkat kontras pada data yang telah diuji
13. Bagian box menampilkan hasil proses simple thresholding pada data yang telah diuji
14. Bagian menampilkan hasil proses feature extraction dengan teknik glcm pada data yang telah diuji
3.8.7 Rancangan Tampilan Halaman Tentang
Tampilan halaman tentang mencakup deskripsi tahapan pembuatan sistem aplikasi yang dibuat. Rancangan tampilan tentang dapat dilihat pada gambar 3.28.
Gambar 3. 28 Rancangan Halaman Tentang Keterangan:
1. Menunjukkan hasil deksripsi pembuatan aplikasi
2. Tombol “Tambah data latih” sebagai halaman tambah data training bagi pengguna
3. Tombol “Data latih” sebagai halaman hasil pelatihan data dengan pengaturan data latih berdasarkan penyesuaian hidden node dan fungsi aktivasi bagi pengguna
4. Tombol “Klasifikasi data” sebagai halaman data testing bagi pengguna
5. Tombol “Halaman Utama” sebagai halaman utama dalam menjalankan pertama kali aplikasi
6. Tombol “Keluar” digunakan jika pengguna keluar dari aplikasi
BAB 4