IMPLEMENTASI DAN PENGUJIAN
4.1 Implementasi Sistem
4.1.2 Tampilan Implementasi Sistem
Tampilan hasil implementasi program dapat dilihat pada penjelasan berikut: 1. Tampilan awal program
Tampilan awal program saat pertama kali dibuka disajikan dengan empat buah
button menu yang ditunjukkan pada gambar 4.1.
Gambar 4.1 Tampilan awal program
Tampilan awal program berisi button pilihan modul-modul seperti capture, deteksi wajah, daftar baru, dan login.
2. Tampilan daftar baru
Tampilan daftar baru menampilkan pengisian data ID user dan gambar wajah
31
Gambar 4.2 Tampilan daftar baru
Pada gambar 4.2 dapat dilihat bahwa ketika diklik tombol daftar baru, maka akan muncul kotak dialog yang mendeteksi wajah. Pada menu ini akan dilakukan sebanyak tiga kali capture wajah.
- Tampilan capture pertama
Gambar 4.3 merupakan tampilan proses ketika user klik capture untuk foto pertama. Diperlukan tiga kali capture wajah agar image dari wajah tersebut dapat lebih akurat digunakan sebagai login.
- Tampilan capture kedua
Gambar 4.4 Tampilan capture kedua
Gambar 4.4 merupakan halaman ketika menu capture klik untuk kedua kali. Dan disarankan dengan ekspresi yang berbeda agar ketika login user dapat mencoba dengan ekspresi yang berbeda-beda.
33
Gambar 4.5 Tampilan capture ketiga
Gambar 4.5 merupakan langkah akhir saat akan mengambil gambar wajah user. Setelah dilakukan capture sebanyak tiga kali dilanjutkan dengan mengklik user id dan diisi dengan user id yang user inginkan, kemudian isi nama lengkap user, masukkan sandi untuk login password, lalu tulis ulang sandi kembali.
- Tampilan daftar mengisi data diri
Gambar 4.6 merupakan tampilan halaman disaat user mengisi biodata yang nantinya data ini berfungsi untuk menentukan kita login sebagai siapa. Dan akan masuk ke folder user tersebut. Password berfungsi sebagai login kedua. Ketika aplikasi dapat mengenali wajah user kemudian masukkan password. Agar keamanan folder lebih terjamin maka aplikasi ini memiliki keamanan ganda.
- Tampilan daftar kemudian simpan
Gambar 4.7 Tampilan daftar kemudian simpan
Gambar 4.7 merupakan tampilan halaman ketika user selesai capture wajah sebanyak tiga kali dan telah mengisi data diri user, kemudian user mengklik menu simpan. Ketika diklik simpan maka aplikasi akan menyimpan capture
wajah user ke dalam database. 3. Tampilan login user
Tampilan login user sama dengan tampilan awal program. Ketika user akan login harus capture wajah telebih dahulu kemudian deteksi wajah dan login face dan
password.
- Tampilan login awal sebelum capture wajah
Tampilan login awal sebelum capture wajah. Dalam hal ini webcam akan berfungsi untuk menampilkan wajah dari user. Setelah capture maka hasil dari
35
capture akan ditampilkan pada kotak yang dibawahnya. Tampilan login awal sebelum capture dapat dilihat pada gambar 4.8.
Gambar 4.8 Tampilan login awal sebelum capture wajah - Tampilan login awal setelah capture
Pada login awal setelah capture wajah tetapi wajah belum dideteksi. Kemudian
user harus klik tombol deteksi wajah wajah dapat dideteksi. Gambar ketika
userlogin dan kemudian capture wajah dapat dilihat pada gambar 4.9.
- Tampilan login awal wajah terdeteksi
Tampilan login awal wajah terdeteksi ini menandakan bahwa user yang ketika
capture wajahnya telah dapat dideteksi oleh aplikasi ini. Setelah wajah terdeksi, maka user dapat klik login. Ketika login wajah berhasil maka kemudian akan muncul tampilan masukkan password. Tampilan login awal ketika capture dan wajah terdeksi dapat dilihat pada gambar 4.10.
Gambar 4.10 Tampilan login awal wajah terdeteksi - Tampilan login awal setelah login dan berhasil
Ketika klik tombol login maka akan muncul kotak dialog yang menyatakan bahwa user telah berhasil login sesuai dengan data gambar user yang telah tersimpan sebelumnya dalam database. Tampilan login awal setelah login dan berhasil dapat dilihat pada gambar 4.11.
37
Gambar 4.11 Tampilan login awal setelah login dan berhasil - Tampilan login password
Tampilan loginpassword memiliki fungsi untuk keamanan yang berlapis agar keamanan folder lebih terjamin. Ketika user yang telah login dengan wajah dan berhasil, maka user harus memasukkan password. Kemudian klik login
maka user dapat masuk kedalam folder. Jika login dengan menggunakan wajah berhasil tetapi password salah maka user tidak dapat masuk kedalam aplikasi. Halaman login password dapat dilihat pada gambar 4.12.
Gambar 4.12 Tampilan login password
4. Tampilan halaman folder
Tampilan halaman folder berfungsi untuk tambah folder, keluarkan folder, kunci
- Tampilan folder tidak terkunci
Ketika folder yang diinginkan tidak dikunci, maka pada status akan tertulis tidak terkunci. Ini menandakan bahwa folder HANIII tidak terkunci dan masih dapat diakses oleh orang lain dimana folder tersebut disimpan. Tampilan dari
folder yang tidak terkunci dapat dilihat pada gambar 4.13.
Gambar 4.13 Tampilan folder tidak terkunci - Tampilan folder terkunci
Tampilan halaman folder terkunci berfungsi untuk mengunci folder yang telah di tambah sebelumnya kedalam aplikasi ini. Ketika folder yang diinginkan akan dikunci, terlebih dahulu klik tombol yang berbentuk gembok untuk mengunci folder. Dan berhasil dikunci, maka pada status akan tertulis terkunci. Ini menandakan bahwa folder HANIII berhasil terkunci dan tidak akan dapat diakses oleh orang lain. Halaman folder terkunci dapat dilihat pada gambar 4.14.
39
Gambar 4.14 Tampilan folder terkunci
- Tampilan folder terkunci yang dibuka tanpa menggunakan aplikasi
Tampilan folder terkunci yang dibuka secara manual untuk melihat apakah ketika folder yang sudah dikunci pada aplikasi ini masih dapat dibuka kembali dimana folder tersebut tersimpan. Tampilan folder terkunci yang dibuka tanpa menggunakan aplikasi ini dapat dilihat pada gambar 4.15.
4.2 Pengujian
Tahap pengujian sistem adalah tahapan yang dilakukan untuk menguji sistem atau aplikasi yang dibangun apakah sudah layak di gunakan atau tidak, menguji apakah ada terdapat kekurangan atau yang lainnya. Pada sistem yang dibangun ini, ada dua tahap pengujian yang dilakukan yaitu tahap pengujian ketika aplikasi mendeteksi wajah dan ketika aplikasi tidak berhasil mendeteksi wajah.