3.4.3 Rancangan Antarmuka
Sistem akan dibangun menggunakan bahasa pemrograman Visual Basic dengan menggunakan software Microsoft Visual Studio 2010. Rancangan antar muka
disesuaikan dengan kebutuhan dan software yang digunakan. Antar muka menggunakan 4 form, yaitu : form cover, form fitur wajah, form deteksi, dan form
about. Form cover berfungsi sebagai cover dari sistem dimana terdapat menu utama.
3.4.3.1 Antarmuka FormCover
Gambar 3.9 Rancangan Form Cover
Komponen yang dipakai untuk membangun antar muka form Cover pada Gambar 3.9 adalah sebagai berikut :
1. Menu “Fitur Wajah” : untuk masuk ke tampilan fitur wajah.
2. Menu “Deteksi” : untuk masuk ke tampilan Deteksi.
3. Menu “About” : untuk masuk ke tampilan about.
4. Menu “Exit” : untuk keluar dari program.
3.4.3.2 Antarmuka Form Fitur Wajah
Pada form fitur wajah terdapat antarmuka yang bertujuan untuk melakukan ekstraksi fitur wajah menggunakan K-Means clustering menggunakan citra wajah
Deteksi Wajah Skin Color Detection – K-Means Clustering Fitur Wajah
Deteksi About
Exit
Universitas Sumatera Utara
yang dipilih oleh pengguna. Proses ekstraksi fitur wajah menggunakan jumlah cluster yang di-input oleh pengguna untuk membentuk cluster pada K-Means
clustering.
Gambar 3.10 Rancangan Form Fitur Wajah
Komponen yang dipakai untuk membangun antar muka form fitur wajah pada Gambar 3.10 adalah sebagai berikut :
1. PictureBox1 : control yang berfungsi untuk menampilkan gambar yang
dibuka oleh pengguna.
2. Button “Open” : button yang berfungsi untuk membuka dialog untuk
memilih gambar.
3. Button “Scan” : button yang berfungsi untuk memulai proses
pengelompokkan fitur wajah.
PictureBox1
TextLabel RichTextBox1
Fitur Wajah Open
Scan Save
Exit Cluster CentroidR CentroidG
Universitas Sumatera Utara
4. Button “Save” : button yang berfungsi untuk menyimpan informasi fitur
wajah.
5. Button “Exit” : button yang berfungsi untuk keluar dari antarmuka.
6. Text “TextLabel” : control yang berfungsi untuk menampung jumlah
cluster yang digunakan.
7. Richtextbox “Richtextbox1” : control yang berfungsi untuk menampung
informasi proses.
8. Tabel “Tabel1” : control yang berfungsi untuk menampilkan hasil cluster
dari K-Means clustering.
3.4.3.3 Antarmuka Form Deteksi
Gambar 3.11 Rancangan Form Deteksi
Komponen yang dipakai untuk membangun antar muka form deteksi pada Gambar 3.11 adalah sebagai berikut :
PictureBox1
TextLabel RichTextBox1
Deteksi Open
Deteksi Exit
PictureBox2
Universitas Sumatera Utara
1. PictureBox1 : control yang berfungsi untuk menampilkan gambar yang
dibuka oleh pengguna.
2. PictureBox2 : control yang berfungsi untuk menampilkan gambar hasil
deteksi wajah.
3. Button “Open” : button yang berfungsi untuk membuka dialog untuk
memilih gambar.
4. Button “Deteksi” : button yang berfungsi untuk memulai proses deteksi.
5. Button “Exit” : button yang berfungsi untuk keluar dari antarmuka.
6. Text “TextLabel” : control yang berfungsi untuk menampung jumlah
cluster yang digunakan.
7. Richtextbox “Richtextbox1” : control yang berfungsi untuk menampilkan
informasi proses yang dilakukan sistem.
3.4.3.4 Antarmuka Form About