Rancangan Antarmuka ANALISIS DAN PERANCANGAN SISTEM

3.4. Rancangan Antarmuka

Dalam membangun Aplikasi Pendeteksi Wajah Manusia untuk Menghitung Jumlah Manusia Menggunakan Metode Viola-Jones perlu adanya perancangan antar muka yang berfungsi sebagai perantara sistem dengan pengguna user interface. Dalam perancangan interface diharapkan dapat tercipta kemudahan bagi pengguna user friendly dalam mengoperasikan sistem ini. Rancangan tampilan yang akan bangun adalah: 1. Merancang Menu Utama yang berfungsi sebagai tempat untuk menampilkan Judul Tugas Akhir, gambar latar serta sub menu aplikasi. 2. Merancang program pengenalan manusia. 3. Merancang tampilan About, yang terdiri dari : a. Tampilan judul tugas akhir b. Tampilan profil penulis serta foto. c. Tampilan logo sebagai identitas perguruan tinggi. d. Tombol berfungsi sebagai tombol untuk keluar. 4. Merancang tampilan Help, yang terdiri dari : 1. Tampilan judul tugas akhir 2. Tampilan penjelasan singkat tentang aplikasi serta cara kerja sistem. 3. Tombol berfungsi sebagai tombol untuk keluar. 3.4.1. Rancangan Menu Utama Rancangan Menu Utama merupakan tampilan yang muncul setelah pengguna melakukan login. Pada rancangan ini terdapat judul aplikasi, gambar latar serta sub menu antara lain Pengenalan, Help, About serta Keluar. Rancangan Menu Utama terlihat seperti pada Gambar 3.9. Universitas Sumatera Utara Gambar 3.9. Rancangan Menu Utama Keterangan : Pada halaman menu utama yang terdapat gambar latar dan terdapat tampilan sub menu pilihan aplikasi yang dapat diakses setelah pengguna berhasil melakukan otoritas pengguna sub Menu pada menu Utama terdiri dari menu Pengenalan, Help, About serta tombol Exit, yang berfungsi sebagai berikut: 1. Menu Pengenalan berfungsi untuk melakukan pengenalan manusia. 2. Menu Help berfungsi untuk menampilkan halaman bantuan. 3. Menu About berfungsi untuk menampilkan halaman keterangan. 4. Menu Exit berfungsi untuk keluar dari halaman menu utama. 3.4.2. Rancangan Pengenalan Dengan Load File Rancangan Pengenalan berfungsi untuk melakukan pengenalan dan menghitung jumlah manusia pada citra yang di-load dimana setiap objek akan diberi kotak sebagai tanda objek telah dikenali. Rancangan Pengenalan dapat dilihat seperti pada Gambar 3.10. Aplikasi Pendeteksi Manusia untuk Menghitung Jumlah Manusia Menggunakan Metode Viola-Jones Help About Exit Pengenalan GAMBAR LATAR Dengan Load File Dengan Capture Webcam Universitas Sumatera Utara Gambar 3.10. Rancangan Pengenalan dengan Load File Keterangan: 1. Label : berfungsi untuk menampilkan nama file citra yang di-load 2. Label : berfungsi untuk menampilkan ukuran file citra yang di-load 3. Label : berfungsi untuk menampilkan ukuran citra sesudah resize. 4. Label : berfungsi untuk menampilkan jumlah manusia yang terdeteksi. 5. Button : berfungsi untuk menampilkan citra manusia pada layar 6. Button : berfungsi untuk mengenali dan menghitung jumlah manusia yang ada pada citra yang di-load 7. Button : berfungsi untuk membersihkan tampilan data hasil pengenalan 8. Button : berfungsi untuk menutup form 9. PictureBox : berfungsi untuk tempat menampilkan citra yang di-load 10. ListBox : berfungsi untuk tempat menampilkan nilai grayscale citra yang di-load. 11. ProgressBar: berfungsi untuk menampilkan progress pengenalan citra. 3.4.3. Rancangan Pengenalan Dengan Capture Webcam Rancangan Pengenalan Dengan Capture Webcam berfungsi untuk melakukan pengenalan dan menghitung jumlah manusia pada citra yang di-capture webcam Exit Deteksi Size xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx Load Nama File xxxxxxxxx Clear Citra Xxxxxxxxxxxxxxxxxxxxxxxxxxxxx xxxxxxxxxxxxxxxxxxxxxxxxxxxxx xxxxxxxxxxxxxxxxxxxxxxxxxxxxx xxxxxxxxxxxxxxxxxxxxxxxxxxxxx xxxxxxxxxxxxxxxxxxxxxxxxxxxxx xxxxxxxxxxxxxxxxxxxxxxxxxxxxx xxxxxxxxxxxxxxxxxxxxxxxxxxxxx xxxxxxxxxxxxxxxxxxxxxxxxxxxxx Grayscale Citra Xxxx Xxxx Xxxx Xxxx Xxxx Xxxx Xxxx xxxx Xxxx Xxxx Xxxx xxxx ProgressBar xxxxxxxxxxxxxxxxxxxxxx 1 2 5 6 7 8 9 8 10 11 Jumlah Manusia xxxxxxxxxxxxxxxxxxxxxxxxx 4 Dimensi citra xxxxxxxxx 3 Universitas Sumatera Utara dimana setiap objek akan diberi kotak sebagai tanda objek telah dikenali. Rancangan Pengenalan Dengan Capture Webcam dapat dilihat seperti pada Gambar 3.11. Gambar 3.11 Rancangan Pengenalan Dengan Capture Webcam Keterangan: 1. Label : berfungsi untuk menampilkan jumlah manusia yang terdeteksi serta waktu proses. 2. Button Start : berfungsi untuk mengaktifkan webcam streaming video 3. Button Capture : berfungsi untuk mengambil frame citra 4. Button Deteksi : berfungsi untuk mengenali dan menghitung jumlah manusia yang ada pada citra yang di-capture 5. Button : berfungsi untuk membersihkan tampilan data hasil pengenalan 6. Button : berfungsi untuk menutup form 7. PictureBox : berfungsi untuk tempat menampilkan citra yang di-Streaming webcam. 8. PictureBox : berfungsi untuk tempat menampilkan citra yang di-capture webcam. 9. ListBox : berfungsi untuk tempat menampilkan nilai grayscale citra yang di-capture. Clear Capture Start Deteksi Citra Xxxxxxxxxxxxxxxxxxxxxx xxxxxxxxxxxxxxxxxxxxxx xxxxxxxxxxxxxxxxxxxxxx xxxxxxxxxxxxxxxxxxxxxx xxxxxxxxxxxxxxxxxxxxxx xxxxxxxxxxxxxxxxxxxxxx xxxxxxxxxxxxxxxxxxxxxx Grayscale Citra Xxxx Xxxx Xxxx Xxxx Xxxx Xxxx Xxxx xxxx ProgressBar xxxxxxxxxxxxxxxxxxxxxx 2 5 6 8 10 Jumlah Manusia xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx 4 3 Exit Citra Streaming Webcam 7 Citra Xxxxxxxxxxxxxxxxxxxxxx xxxxxxxxxxxxxxxxxxxxxx xxxxxxxxxxxxxxxxxxxxxx xxxxxxxxxxxxxxxxxxxxxx xxxxxxxxxxxxxxxxxxxxxx xxxxxxxxxxxxxxxxxxxxxx xxxxxxxxxxxxxxxxxxxxxx Citra Capture Webcam 9 8 Universitas Sumatera Utara 10. ProgressBar: berfungsi untuk menampilkan progress pengenalan citra. 3.4.4. Rancangan Help Rancangan Help adalah rancangan sederhana yang terdiri dari objek Label-label serta gambar. Tampilan ini dirancang untuk menampilkan informasi tentang persiapan awal mengenai perangkat keras yang digunakan serta tata cara pengoperasian aplikasi yang dijelaskan tahap demi tahap. Untuk lebih jelasnya rancangan Help dapat dilihat pada Gambar 3.12. Gambar 3.12. Rancangan Help 3.4.5. Rancangan About Rancangan About adalah tampilan sederhana yang hanya memiliki satu tombol yaitu tombol Quit. Rancangan ini berfungsi untuk menampilkan informasi tentang profil penulis. Profil penulis meliputi biodata singkat penulis serta data-data akademik berupa nama mahasiswa, Nomor Induk Mahasiswa. Untuk lebih jelasnya rancangan About dapat dilihat pada Gambar 3.13. Gambar 3.13. Rancangan About Pengoperasian Sistem XXXXXXXXXXXXX XXXXXXXXXXXXX APLIKASI PENDETEKSI WAJAH MANUSIA UNTUK MENGHITUNG JUMLAH MANUSIA MENGGUNAKAN METODE VIOLA-JONES APLIKASI PENDETEKSI WAJAH MANUSIA UNTUK MENGHITUNG JUMLAH MANUSIA MENGGUNAKAN METODE VIOLA-JONES Nama Penulis NIM Logo Kampus Universitas Sumatera Utara 3.4.6. Rancangan Pengujian Rancangan Hasil Pengujian Aplikasi Pendeteksi Wajah Manusia Untuk Menghitung Jumlah Manusia Menggunakan Metode Viola-Jones dapat dilihat pada Tabel 3.5. Tabel 3.5. Rancangan Hasil Pengujian Deteksi Wajah Manusia dengan Load Image No Nama File Jumlah manusia Real Jumlah manusia terdeteksi Size Akurasi Error Koreksi Visual 1 xxxxxxxxxxxxxx xxx xxx xxx xx xx xx 2 xxxxxxxxxxxxxx xxx xxx xxx xx xx xx 3 xxxxxxxxxxxxxx xxx xxx xxx xx xx xx 4 xxxxxxxxxxxxxx xxx xxx xxx xx xx xx 5 xxxxxxxxxxxxxx xxx xxx xxx xx xx xx 6 xxxxxxxxxxxxxx xxx xxx xxx xx xx xx 7 xxxxxxxxxxxxxx xxx xxx xxx xx xx xx 8 xxxxxxxxxxxxxx xxx xxx xxx xx xx xx 9 xxxxxxxxxxxxxx xxx xxx xxx xx xx xx 10 xxxxxxxxxxxxxx xxx xxx xxx xx xx xx Rata-rata xx xx xx Keterangan: Akurasi : Jumlah Manusia Terdeteksi Jumlah Manusia Real x 100 Error : Abs Jumlah Manusia Real - Jumlah Manusia TerdeteksiJumlah Manusia Real x 100 Koreksi Visual : Jumlah bukan wajah manusia terdeteksi dalam tanda kotak Universitas Sumatera Utara Tabel 3.6. Rancangan Hasil Pengujian Deteksi Wajah Manusia dengan Capture Webcam No. Jumlah Manusia Real Jumlah Manusia Terdeteksi Akurasi Error Koreksi Visual 1. xxx xxx xx xx xx 2. xxx xxx xx xx xx 3. xxx xxx xx xx xx 4. xxx xxx xx xx xx 5. xxx xxx xx xx xx 6. xxx xxx xx xx xx 7. xxx xxx xx xx xx 8. xxx xxx xx xx xx 9. xxx xxx xx xx xx 10. xxx xxx xx xx xx Rata-rata xx xx xx Keterangan: Akurasi : Jumlah Manusia Terdeteksi Jumlah Manusia Real x 100 Error : Abs Jumlah Manusia Real - Jumlah Manusia TerdeteksiJumlah Manusia Real x 100 Koreksi Visual : Jumlah bukan wajah manusia terdeteksi dalam tanda kotak Universitas Sumatera Utara

BAB 4 IMPLEMENTASI DAN PENGUJIAN SISTEM