Gambar 3.11. Rancangan tampilan awal aplikasi
Keterangan:
1. Logo yang akan digunakan adalah logo yang berhubungan dengan daun.
2. Nama aplikasi yang akan digunakan adalah Plant-syclopedia.
3.
Tombol “Training Data” akan menghubungkan pengguna untuk masuk ke halaman proses data latih daun.
4.
Tombol “Testing Data” akan menghubungkan pengguna untuk masuk ke halaman proses data uji daun.
5.
Tombol “Keluar” akan memungkinkan pengguna untuk keluar dari sistem 2.
Rancangan Tampilan Training Data Pada tampilan training data terdapat tiga buah panel, yaitu panel Leaf Details,
panel Tree Image dan panel Leaf Image Training, serta satu menu dropdown “File”. Rancangan tampilan training data dapat dilihat pada Gambar 3.12.
Gambar 3.12. Rancangan tampilan halaman data training
1 2
3
4
Universitas Sumatera Utara
Keterangan :
1. Berisi tampilan input data informasi daun yang akan di training
Tombol “Add” memungkinkan user untuk meng-input data informasi
mengenai daun yang akan di training
Tombol “Edit” memungkinkan user untuk memperbaharui data informasi yang telah di input
Tombol “Delete” memungkinkan user untuk menghapus data informasi
yang telah di input
2. Berisi tampilan input gambar tanaman dari daun yang akan di training
Tombol “Get Image” memungkinkan user untuk meng-input gambar
tanaman dari daun yang akan di training
Tombol “Preview” memungkinkan user untuk menampilkan gambar tanaman yang telah di input
Tombol “Delete” memungkinkan user untuk menghapus gambar yang
telah di input
3. Berisi tampilan input data training setiap daun.
Tombol “Get Images” memungkinkan user untuk memilih citra daun
yang akan di training.
Tombol “Preview” memungkinkan user untuk menampilkan daftar file citra daun yang telah dipilih untuk di training.
Tombol
“Delete” memungkinkan user untuk menghapus citra daun yang telah dipilih untuk di training.
4.
Tombol “Do Training” memungkinkan user untuk memproses data atau gambar yang di-input untuk di training. Setelah data atau gambar diproses
maka hasil gambar pre-processing seperti grayscaling, gaussian, dan thresholding akan disimpan ke dalam database.
3. Rancangan Tampilan Testing Data
Pada tampilan testing data terdapat dua buah panel, dimana panel bagian kiri menampilkan input citra yang akan diuji dan panel bagian kanan menampilkan
hasil klasifikasi, pre-processing dan nilai ekstraksi fitur. Rancangan tampilan testing data dapat dilihat pada Gambar 3.13.
Universitas Sumatera Utara
Gambar 3.13. Rancangan tampilan halaman data testing
Keterangan :
1.
Tombol “Browse” memungkinkan user untuk meng-input data ke dalam database.
2.
Tombol “Reset” memungkinkan user untuk menghapus data yang telah dipilih untuk di-input ke dalam database.
3. Menampilkan preview gambar dari daftar data yang telah dipilih user
