Perancangan Antarmuka Interface Prancangan Perangkat Lunak Pengenalan Wajah dengan Metode Eigenface

Tabel 3.4 Spesifikasi Proses DFD Level 2 Proses Pengenalan Foto Wajah No.Nama Proses Input Keterangan Proses Output P2.1Input Citra Wajah citra_wajah Proses mengambil citra wajah yang hendak dikenali dari tampilan yang dihasilkan oleh webcam. data_citra P2.2Perhitungan PCA data_citra Proses menghitung dan mendapatkan nilai-nilai dari citra wajah yang dibutuhkan dalam proses pengenalan wajah. data_PCA P2.3Perhitungan Jarak Euclidean data_PCA data_training Proses menghitung jarak euclidean antara citra wajah yang hendak dikenali dengan setiap citra yang disimpan ke dalam database yang diperoleh dari proses training sebelumnya. data_euclidean P2.4Perbandingan Jarak Euclidean data_euclidean Proses yang membandingkan setiap nilai jarak euclidean. Perbandingan tersebut untuk mencari nilai jarak euclidean yang paling kecil. data_training P2.5Hasil Akhir data_training Proses yang menampilkan hasil pengenalan wajah berupa citra wajah dan biodata dari database yang mempunyai jarak euclidean terkecil. citra_hasil biodata

3.6 Perancangan Antarmuka Interface

Universitas Sumatera Utara Perancangan interface memperlihatkan rancangan yang digunakan untuk mendapatkan gambaran bagaimana suatu sistem akan dibangun. Tampilan interface tersebut akan menjadi jembatan komunikasi antara sistem dengan user.

3.6.1 Rancangan Tampilan Utama

Rancangan yang akan diperlihatkan terlebih dahulu adalah rancangan halaman utama. Rancangan halaman utama menampilkan beberapa pilihan menu dari menu pelatihan, menu pengenalan, menu about, dan exit. Untuk lebih jelasnya, rancangan halaman utama ditampilkan dalam Gambar 3.7. Gambar 3.7 Rancangan Tampilan Utama Keterangan: 1. Menu Pelatihan merupakan menu yang digunakan untuk menjalankan proses pelatihan wajah. 2. Menu Pengenalan merupakan menu yang digunakan untuk menjalankan proses pengenalan wajah. 3. Menu About merupakan menu yang digunakan untuk memperlihatkan informasi mengenai pembuat aplikasi tersebut. 4. Menu Exit merupakan menu yang digunakan untuk menutup aplikasi. 5. Bagian ini digunakan sebagai tempat untuk menampilkan halaman dari menu pelatihan, menu pengenalan, dan menu about. Pelatihan Form Utama Pengenalan About Exit 1 2 3 4 5 Universitas Sumatera Utara

3.6.2 Rancangan Tampilan Proses Pelatihan Wajah

Rancangan yang diperlihatkan selanjutnya adalah rancangan halaman untuk proses pelatihan citra wajah. Rancangan halaman proses pelatihan wajah menampilkan objek yang ditangkap oleh webcam dan selanjutnya sistem akan mendeteksi dan mengambil bagian wajah dan selanjutnya mencari nilai-nilai yang akan dibutuhkan dalam proses pengenalan. Setiap hasil pelatihan citra wajah tersebut akan disimpan ke dalam database beserta biodata identitas diri dari citra wajah yang bersangkutan. Rancangan halaman proses pelatihan wajah dapat dilihat pada Gambar 3.8. Gambar 3.8 Rancangan Tampilan Halaman Proses Pelatihan Wajah Ambil Gambar Nama Alamat No. Telp Biodata Train 1 2 3 4 5 6 7 Universitas Sumatera Utara Keterangan: 1. Bagian ini digunakan sebagai tempat untuk menampilkan objek yang ditangkap oleh webcam. 2. Tombol “Ambil Gambar” merupakan tombol yang digunakan untuk mengambil bagian wajah dari objek yang ditampilkan oleh webcam. 3. Bagian ini digunakan sebagai tempat untuk menampilkan hasil pengambilan gambar wajah. 4. Textbox “Nama” merupakan bagian yang digunakan untuk mengisi nama orang dari foto wajah orang yang bersangkutan. 5. Textbox “Alamat” merupakan bagian yang digunakan untuk mengisi alamat rumah dari foto wajah orang yang bersangkutan. 6. Textbox “No. Telp” merupakan bagian yang digunakan untuk mengisi nomor telepon dari foto wajah orang yang bersangkutan. 7. Tombol “Train” merupakan tombol yang digunakan untuk melakukan proses perhitungan PCA dan menyimpan nilai-nilai citra wajah dan biodata dari citra wajah orang yang bersangkutan.

3.6.3 Rancangan Tampilan Proses Pengenalan Wajah

Rancangan halaman selanjutnya adalah rancangan halaman yang digunakan untuk proses pengenalan wajah. Rancangan halaman proses pengenalan wajah menampilkan objek yang ditangkap oleh webcam dan kemudian sistem mengambil bagian wajah dari objek tersebut dan mencari nilai-nilai yang diperlukan untuk mengenali wajah tersebut. Rancangan halaman proses pengenalan wajah dapat dilihat pada Gambar 3.9. Universitas Sumatera Utara Gambar 3.9 Rancangan Tampilan Halaman Proses Pengenalan Wajah Keterangan : 1. Bagian ini digunakan sebagai tempat untuk menampilkan objek yang ditangkap oleh webcam. 2. Tombol “Ambil Gambar” merupakan tombol yang digunakan untuk mengambil citra wajah dari objek yang ditampilkan oleh webcam tersebut. 3. Bagian ini digunakan sebagai tempat untuk menampilkan citra wajah yang diambil dari objek yang ditampilkan oleh webcam tersebut. 4. Tombol “Kenali” merupakan tombol yang digunakan untuk memulai proses perhitungan PCA dan mencari nilai jarak euclidean. Tahap akhir dari proses pengenalan wajah adalah mencari nilai terkecil dari setiap jarak euclidean antara citra wajah dengan setiap citra wajah yang terdapat di dalam database. Ambil Gambar Nama Alamat No. Telp Identitas Kenali 1 2 4 3 5 6 7 8 Universitas Sumatera Utara 5. Bagian ini digunakan sebagai tempat untuk menampilkan hasil pengenalan wajah berupa citra wajah yang bersesuaian dengan citra wajah dari objek yang ditangkap oleh webcam tersebut. 6. Textbox “Nama” merupakan tempat untuk menampilkan hasil pengenalan wajah berupa nama orang dari citra wajah orang yang bersangkutan. 7. Textbox “Alamat” merupakan tempat untuk menampilkan hasil pengenalan wajah berupa alamat orang dari citra wajah orang yang bersangkutan. 8. Textbox “No. Telp” merupakan tempat untuk menampilkan hasil pengenalan wajah berupa nomor telepon dari citra wajah orang yang bersangkutan. Universitas Sumatera Utara BAB IV IMPLEMENTASI DAN PENGUJIAN

4.1 Implementasi Sistem