Antarmuka FormCover Antarmuka Form Fitur Wajah Antarmuka Form Deteksi

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