PERANCANGAN DAN IMPLEMENTASI
3. Tabel Template
3.2 Rancangan Antarmuka Pengguna (User Interface)
Dalam membangun sebuah sistem perlu adanya perancangan antarmuka yang nantinya sangat membantu dalam pembangunan sistem. Dalam merancang antarmuka pengguna, ada beberapa syarat yang harus dipenuhi agar tercipta sebuah perangkat lunak yang mudah dan informatif untuk pengguna (user friendly).
3.2.1 Rancangan Menu Utama
Rancangan Menu Utama merupakan tampilan yang pertama kali muncul saat program dijalankan. Pada rancangan ini terdapat menu Otorisasi, Identifikasi, File, Hasil Pengujian, About, Help dan Quit. Menu Otorisasi terdiri dua sub Menu yaitu Login dan Logout. Menu File terdiri tiga sub menu yaitu Data User, Data Iris dan Hapus Data Pengujian.Bentuk rancangan Menu Utama terlihat seperti pada Gambar 3.20 berikut.
Gambar 3.20 Rancangan Menu Utama
Keterangan gambar: Data Iris Selesai Judul Skripsi xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx Gambar Latar Belakang
Data User
Pengenalan Data Pendukung Hasil Pengujian Masuk
Login
Logout
a. Masuk : berfungsi untuk mendapatkan hak pakai aplikasi sebagai pengguna sistem yang terdiri dari Login dan Logout. Login untuk pemasukan User Name dan password sedangkan Logout untuk keluar dari tombol masuk.
b. Pengenalan : berfungsi untuk melakukan pengenalan citra iris mata. c. Data Pendukung : berfungsi untuk memasukkan data iris mata, data User dan
penghapusan data hasil pengujian.
d. Hasil Pengujian Sistem : berfungsi untuk menampilkan data hasil pengujian. e. Selesai : berfungsi untuk keluar dari sistem
f. Judul Skripsi : berfungsi untuk tampilan judul tugas akhir dengan huruf. g. Gambar Latar Belakang : berfungsi untuk tampilan gambar latar belakang menu utama.
3.2.2 Rancangan Login
Rancangan Login berfungsi sebagai otorisasi hak akses pengguna (user) yang hendak mengoperasikan sistem dengan pemasukan UserID (Nama Pengguna) serta Password. Bentuk rancangan Login dapat dilihat seperti pada Gambar 3.21 berikut.
Gambar 3.21 Rancangan Login
3.2.3 Rancangan Pengenalan
Rancangan Pengenalan berfungsi untuk proses verifikasi dalam pengenalan iris mata. Pada rancangan terdapat lima tombol, yaitu: <Browse> berfungsi untuk memilih file citra, <Proses> berfungsi untuk melakukan identifikasi citra iris pengujian, <Clear> berfungsi untuk membersihkan tampilan, <Save> berfungsi untuk menyimpan hasil identifikasi ke dalam database serta <Exit> berfungsi untuk menutup rancangan Identifikasi. Rancangan Identifikasidapat dilihat seperti pada Gambar 3.22.
XXXXXXXXXX
User ID Password
OK Cancel
Gambar 3.22 Rancangan Identifikasi
Sebelum melakukan identifikasi, pastikan database iris telah dimasukkan minimal 10 record sebagai pembelajaran sistem dalam proses identifikasi yang akan tampil pada Tampilan citra iris database disebelah kanan rancangan ini.
3.2.4 Rancangan Data Pendukung
Rancangan data pendukung adalah tampilan berfungsi untuk melakukan pemasukan data nama pengguna (UserId) dan Password. Pada rancangan ini terdapat enam tombol. Tombol <Tambah> berfungsi untuk menambah data User, tombol <Cari> berfungsi untuk mencari user, tombol <Ubah> berfungsi untuk melakukan perubahan data, tombol <Hapus> berfungsi untuk menghapus data, tombol <Batal> berfungsi untuk melakukan pembatalan dan tombol <Keluar> berfungsi untuk keluar dari tampilan. Bentuk perancangan Data pendukung dapat dilihat pada Gambar 3.23.
Gambar 3.23 Rancangan Data Pendukung Citra Iris Pengujian Browse Tampilan Citra Iris Database xxxxxxxxxxxxxxxxxxxxxx xxxxxxxxxxxxxxxxxxxxxx xxxxxxxxxxxxxxxxxxxxxx Biner Template 1111111111111111111111111111 1111111111111111111111111111 11111111111111111111111111 Proses Exit xxxxxxxxxxxxxxxxxxxxxxx
Template Iris Mata
Citra Iris Database
Nama File:
User ID xxxxxxxxxx
Password xxxxxxxxxx
Tambah Cari Ubah Hapus Batal Keluar
Citra Iris Hasil Filter Citra Iris Deteksi sobel Clear Save : Hasil: xxxxxxxxxxxxxxx
3.2.5 Rancangan Data Iris
Perancangan Data Iris berfungsi untuk memasukkan data sampel citra iris mata sebagai pembanding. Pada rancangan ini terdapat enam tombol. Tombol <Browse> berfungsi untuk menambah data Iris, tombol <Proses> berfungsi untuk melakukan pembuatan template iris, tombol <Clear> berfungsi untuk melakukan pembersihan data pada tampilan, tombol <Save> berfungsi untuk menyimpan data, tombol <Exit> berfungsi untuk menutup tampilan iris mata. Rancangan Data Iris dapat dilihat pada Gambar 3.24.
Gambar 3.24 Rancangan Data Iris
3.3 Implementasi
Setelah perangkat lunak Perancangan Sistem Biometrik Berdasarkan Citra Iris Mata Dengan Metode GaborWavelet selesai dibangun, maka tahap selanjutnya adalah tahap implementasi yaitu rangkaian pelaksanaan kegiatan yang dilakukan setelah tahap perancangan sistem selesai dilaksanakan dengan tujuan yang ingin dicapai adalah dapat dioperasikannya hasil perancangan sistem yang dibuat.
3.3.1 Tampilan Menu Utama
Tampilan Menu Utama merupakan tampilan yang berfungsi untuk menampilkan menu Masuk, Pengenalan, Data Pendukung, Hasil Pengujian Sistem, serta tombol Selesai untuk menutup tampilan dan kembali ke sistem Windows. Tampilan Menu Utama dapat dilihat pada Gambar3.25. Citra Iris Pengujian Browse Biner Template 111111111111111111111111111111111 111111111111111111111111111111111 1111111111111111 Proses Exit
Template Iris Mata Citra Iris Hasil Segmentasi Citra Iris Hasil Filter Citra Iris Deteksi Sobel Clear Save Nama File: xxxxxxxxxxxxxxx
Gambar 3.25 Tampilan Menu Utama
3.3.2 Tampilan Menu Masuk
Tampilan Menu Masuk berfungsi untuk melakukan hak pengguna sistem memilih yang terdiri dari sub menu Login dan Logout.Tampilan menu masuk, sub menu Login dalam kondisi aktif (enabled) dan sub menu Logout dalam kondisi non aktif (disabled) yang berarti sistem meminta user untuk melakukan permintaan login. Jika ingin keluar dari sistem setelah melakukan login, user bisa menekan menu logout, yang akhirnya aksesnya telah ditutup. User hanya bisa membandingkan iris di menu pengenalan tetapi tidak bisa memasukan data pengguna iris.
3.3.3 Tampilan Login
Tampilan Login berfungsi untuk melakukan pemasukan nama user dan password pengguna sistem. Tampilan Login dapat dilihat pada Gambar 3.26.
3.3.4 Tampilan Menu Pengenalan iris
Tampilan Pengenalan berfungsi untuk melakukan pengenalan citra iris mata berdasarkan pencocokan template citra iris input dengan template iris database. Tampilan Identifikasi dapat dilihat pada Gambar 3.27.
Gambar 3.27 Tampilan Pengenalan
Pada Gambar 3.15, langkah awal dalam melakukan identifikasi adalah pemasukan data citra iris pengujian dan citra iris dari database. Setelah kedua data di atas dimasukkan, pilih tombol proses untuk melakukan pengujian apakan kedua citra iris tersebut adalah sama. Hasil pengujian ditampilkan setelah dilakukan pencocokan template iris mata.
3.3.5 Tampilan Data Iris
Tampilan Data Iris merupakan tampilan berguna untuk melakukan pemasukan citra iris mata untuk bahan pembelajaran dalam melakukan identifikasi iris mata. Tampilan Data Iris dapat dilihat pada Gambar 3.28.
Untuk melakukan pemasukan data iris, pilih tombol <Browse> dan selanjutnya pada kotak dialog, pilih citra iris yang hendak dimasukkan. Setelah citra iris tampil pada kotak gambar, pilih tombol <Proses> untuk melakukan pembuatan template iris mata. Setelah template iris mata terbentuk, pilih tombol <Save> untuk menyimpan hasil pembentukan template ke dalam database.
3.3.6 Tampilan Pengujian Pemasukan Data Iris dan Template
Pengujian Pemasukan data iris dan template adalah melakukan pemasukan citra iris dan template untuk keperluan pembelajaran dalam melakukan identifikasi. Pengujian pemasukan data iris dan template dapat dilihat pada Gambar 3.29.
Gambar 3.29 Tampilan Awal Pemasukan Citra iris dan template
Pada Gambar 3.16 di atas terlihat tampilan awal masih kosong, selanjutnya pilih tombol <Browse> untuk menampilkan kotak dialog pemilihan citra iris mata seperti pada Gambar 3.30.
Pada Gambar 3.30 pilih salah satu citra iris mata dan pilih tombol <Open> dan citra iris mata akan tampil seperti pada Gambar 3.31.
Gambar 3.31 Tampilan Pemilihan Citra iris
Pada Gambar 3.31 di atas pilih tombol <Proses> untuk melakukan pembuatan template iris seperti pada Gambar 3.32.
Gambar 3.32 Tampilan Hasil Template Iris dalam citra dan Biner
Selanjutnya simpan data dengan pemilihan tombol <Save> dan muncul kotak pesan hasil penyimpanan seperti pada Gambar 3.23.
3.3.7 Tampilan Pengujian Identifikasi
Pengujian identifikasi adalah proses melakukan pengenalan kepemilikan citra pengujian berdasarkan data template hasil pembelajaran. Tampilan awal identifikasi dapat dilihat seperti pada Gambar 3.34.
Gambar 3.34 Tampilan Awal Identifikasi
Pada Gambar 3.21 di atas, tampilan identifikasi masih kosong, selanjutnya pilih tombol <Browse Iris Uji> untuk melakukan pemilihan citra iris yang akan diuji. Tampilan pemilihan tombol <Browse> untuk menampilkan kotak dialog pemilihan citra iris seperti pada Gambar 3.35.
Tampilan 3.35 Tampilan Kotak Dialog Pemilihan Citra iris Pengujian
Setelah pemilihan citra iris, maka tampilan halaman identifikasi dapat dilihat seperti Pada Gambar 3.36.
Gambar 3.36 Tampilan Pemilihan Citra iris Pengujian.
Pada Gambar 3.37 di atas, lakukan pemilihan data citra iris pada database dengan cara pemilihan pada Grid sebelah kanan atas seperti pada Gambar 3.24.
Gambar 3.37 Tampilan Pemilihan Citra iris Database
Setelah dilakukan pemilihan, maka citra iris akan tampil dengan data pendukung seperti nama pemilik dan biner template iris. Selanjutnya pilih tombol <Proses> untuk melakukan identifikasi seperti pada Gambar 3.38.
3.3.8 Tampilan Hasil Pengujian
Hasil Pengujian adalah berfungsi untuk menampilkan informasi hasil proses identifikasi citra iris yang telah dilakukan. Hasil Pengujian dapat dilihat pada Gambar 3.39.