BAB III ANALISA DAN PERANCANGAN
3.2 Perancangan Tampilan
Perancangan aplikasi identifikasi tanda tangan dengan menggunakan metode Backpropagation ini dilakukan dengan menggunakan bahasa pemograman Microsoft Visual Basic 6.0 (VB6). Aplikasi memiliki 10 buah form, antara lain: 1. Form Splash Screen
2. Form Utama 3. Form Buka Gambar 4. Form Atur Tebal Pensil 5. Form Pilih Threshold, 6. Form Pelatihan
7. Form Pengenalan 8. Form Hasil Pengenalan
9. Form Database Pengenalan, dan 10. Form About.
3.2.1 Rancangan Form Splash Screen
Form ini menampilkan logo dan nama aplikasi serta identitas mahasiswa penyusun tugas akhir (nama dan NPM). Form ini akan tampil pertama sekali saat aplikasi dijalankan. Rancangan form dapat dilihat pada gambar berikut.
Gambar 3.13 Rancangan Form Splash Screen
Keterangan:
1 : picture box, menampilkan logo (icon) aplikasi. 2 : label, berisi nama aplikasi.
3 : label, berisi nama dan NPM dari penulis / penyusun tugas akhir. 4 : label, berisi nama universitas, kota dan jurusan serta program studi.
3.2.2 Rancangan Form Utama
Form Utama berfungsi untuk menampilkan gambar tanda tangan yang di-scan untuk dikenali. Pada form ini, user juga dapat langsung membuat tanda tangannya pada daerah penggambaran. Rancangan form dapat dilihat pada gambar berikut.
Gambar 3.14 Rancangan Form Utama
Keterangan:
1 : tombol ‘Buka’, untuk membuka Form “Buka Gambar”.
2 : tombol ‘Kosongkan’, untuk mengosongkan daerah tampilan gambar. 3 : tombol ‘Proses Pengambangan’, untuk melakukan proses thresholding. 4 : tombol ‘Pelatihan Pola’, untuk melatih pola tanda tangan.
5 : tombol ‘Pengenalan Pola’, untuk menampilkan hasil pengenalan tanda tangan dengan membuka Form Proses Pengenalan.
6 : tombol ‘Database’, untuk menampilkan pola tanda tangan yang telah dilatih dan disimpan pada database, dengan membuka Form Database.
7 : tombol ‘About’, untuk membuka Form About. 8 : tombol ‘Keluar’, untuk menutup form.
9 : daerah tampilan gambar tanda tangan atau tempat membubuhkan tanda tangan user secara manual.
3.2.3 Rancangan Form Buka Gambar
Form Buka Gambar berfungsi untuk memilih gambar tanda tangan hasil scan yang tersimpan pada harddisk dan akan ditampilkan pada Form Utama. Rancangan Form dapat dilihat pada gambar berikut.
x Buka Gambar 4 Cari di : Nama File : Ukuran File : 2 5 6 7 1 OK 3
Gambar 3.15 Rancangan Form Buka Gambar
Keterangan:
1 : combobox, untuk memilih drive.
2 : listbox, untuk menampilkan direktori / folder. 3 : textbox, untuk menampilkan nama file gambar.
4 : listbox, untuk menampilkan list file yang berupa gambar. 5 : tombol “OK”, untuk memilih file gambar.
6 : daerah tampilan gambar.
3.2.4 Form Atur Tebal Pensil
Form ini berfungsi untuk mengatur ketebalan pensil yang akan digunakan untuk melakukan coretan tanda tangan. Semakin besar nilai ini, maka semakin tebal pula coretan tinta tanda tangan pada area penggambaran. Form ini akan muncul setelah user menekan klik kanan mouse pada area kosong di form Utama. Rancangan form dapat dilihat pada gambar berikut.
Gambar 3.16 Rancangan Form Atur Tebal Pensil
Keterangan:
1 : label, menampilkan nilai lebar pensil. 2 : slider, untuk memilih nilai lebar pensil.
3 : tombol “OK”, untuk memilih nilai lebar pensil.
4 : tombol “Batal”, untuk membatalkan pengaturan nilai pensil.
3.2.5 Form Pilih Threshold
Form ini berfungsi untuk memilih nilai threshold (yang akan digunakan untuk melakukan proses pengambangan terhadap gambar). Form pengaturan akan muncul sesaat setelah user menekan tombol “Proses Pengambangan” pada toolbar. Rancangan form dapat dilihat pada gambar berikut.
Gambar 3.17 Rancangan Form Pilih Threshold
Keterangan:
1 : label, menampilkan nilai threshold. 2 : slider, untuk memilih nilai threshold.
3 : tombol “OK”, untuk memilih nilai threshold dan melakukan proses pengambangan terhadap gambar yang terdapat pada Form Utama.
4 : tombol “Batal”, untuk membatalkan proses pengambangan.
3.2.6 Rancangan Form Pelatihan
Form Pelatihan berfungsi untuk melakukan pelatihan pola terhadap input gambar tanda tangan yang ditampilkan pada Form Utama. Gambar tanda tangan akan diekstraksi ciri dan dilatih dengan menggunakan metode Backpropagation. Rancangan form dapat dilihat pada gambar berikut.
Keterangan:
1 : textbox, untuk memasukkan nama dari pemilik tanda tangan.
2 : tombol “Latih Pola Tanda Tangan”, untuk melakukan proses pelatihan pola dan menyimpannya ke dalam database.
3 : picturebox, merupakan daerah hasil ekstraksi ciri tanda tangan (20 x 20 kotak).
3.2.7 Rancangan Form Pengenalan
Form Pengenalan berfungsi untuk melakukan proses pengenalan dan menampilkan hasil pengenalan pada Form Hasil Pengenalan. Rancangan form dapat dilihat pada gambar berikut.
Gambar 3.19 Rancangan Form Pengenalan
Keterangan:
1 : textbox, untuk menampilkan nama dari pemilik tanda tangan. 2 : textbox, untuk menampilkan nomor urut database.
3 : tombol “Kenali Pola TTD”, untuk melakukan proses pengenalan dan menampilkan gambar tanda tangan pada form Hasil Pengenalan.
4 : picturebox, merupakan daerah hasil ekstraksi ciri tanda tangan (20 x 20 kotak).
3.2.8 Rancangan Form Hasil Pengenalan
Form Hasil Pengenalan berfungsi untuk menampilkan hasil dari proses pengenalan yang telah dilakukan oleh Form Proses Pengenalan. Rancangan form dapat dilihat pada gambar berikut.
OK
x
Hasil Pengenalan
3
Hasil Pengenalan :
Pemilik tanda tangan adalah X
2 1
Gambar 3.20 Rancangan Form Hasil Pengenalan
Keterangan:
1 : nama pemilik tanda tangan.
2 : gambar tanda tangan yang dikenali. 3 : tombol “OK”, untuk menutup form.
3.2.9 Rancangan Form Database
Form Database berfungsi untuk menampilkan semua pola tanda tangan yang telah dilatih dan disimpan di dalam database. Form ini dibutuhkan user untuk melihat pola tanda tangan beserta identitas pemilik tanda tangan yang telah tersimpan di dalam database. Rancangan form dapat dilihat pada gambar berikut.
Gambar 3.21 Rancangan FormDatabase Pengenalan
Keterangan:
1 : list, untuk memilih nama pemilik.
2 : picturebox, untuk menampilkan gambar tanda tangan.
3 : pola tanda tangan dari pemilik yang sedang ditunjuk pada list nama. 4 : tombol “OK”, untuk menutup form.
3.2.10 Rancangan Form About
Form ini berfungsi untuk menampilkan identitas dari mahasiswa penyusun tugas akhir dan sekaligus pembuat aplikasi. Rancangan form dapat dilihat pada gambar berikut.
Keterangan:
1 : foto mahasiswa penyusun tugas akhir. 2 : nama aplikasi.
3 : nama dan NPM mahasiswa penyusun tugas akhir.
4 : nama jurusan, program studi, nama universitas dan tahun pembuatan. 5 : tombol ‘OK’, untuk menutup form About.
6 : tombol ‘System Info’, untuk menampilkan kotak dialog “System Information” dari windows, yang berisi spesifikasi software dan hardware dari komputer yang sedang digunakan.