3.3.7 Rancangan Antar Muka
Sistem akan dibangun menggunakan bahasa pemrograman C dengan menggunakan software Microsoft Visual Studio. Rancangan antar muka akan disesuaikan dengan
kebutuhan dan software yang digunakan. Antar muka menggunakan empat form, form utama, form about, form Help, form metode LIP.
3.3.7.1 Antar Muka Mainform
Pada Mainform user dapat memilih menu yang tersedia, antar muka mainform dapat dilihat pada Gambar 3.8.
X
__
Application Implementasi
Color Constancy menggunakan Logarithmic Image Processing
Nama NIM
Lambang USU
DEPARTEMEN S1 ILMU KOMPUTER FAKULTAS ILMU KOMPUTER DAN TEKNOLOGI INFORMASI
UNIVERSITAS SUMATERA UTARA
4
5 1
2
3
Gambar 3.8 Rancangan Form Utama
Komponen yang dipakai untuk membangun antar muka Mainform pada gambar 3.9, dapat dilihat pada tabel 3.3.
Universitas Sumatra Utara
Tabel 3.3 Rincian Rancangan Form Utama
No Tipe
Teks Nama
Keterangan 1
MenuStrip Application
Menustrip1 Terdapat beberapa sub menu
2 Label
Judul Label1
- 3
Label Nama, NIM
Label2 -
4 PictureBox
LambangUSU PictureBox1 - 5
Label Jurusan
Label2 -
Tabel di atas dapat dijelaskan sebagai berikut: 1. Pada tipe MenuStrip diberi nama Application yang terdapat beberapa sub menu.
2. Pada tipe Label1 berisi Judul dari skripsi. 3. Sedangkan pada tipe Label2 berisi Nama dan NIM.
4. Pada tipe PictureBox terdapat lambang dari Universitas Sumatera Utara. 5. Pada tipe Label selanjutnya berisi nama Jurusan, yaitu Ilmu Komputer.
3.3.7.2 Antar Muka Form LIP
Antar muka Form Proses LIP dapat dilihat pada rancangan Gambar 3.10.
Application Help
X __
Citra Awal Citra Hasil
Proses LIP
1 2
3 4
5 6
7 8
9
Buka Citra Simpan Citra
Gambar 3. 10 Antar Muka Form LIP
Universitas Sumatra Utara
Gambar 3.10 dapat dijelaskan sebagai berikut: 1. MenuStrip yang diberi nama Application yang berisi beberapa submenu.
2. MenuStrip yang diberi nama Help yaitu menu bantuan atau panduan. 3. PictureBox untuk memuat citra sebelum melalui proses LIP.
4. PictureBox untuk memuat citra setelah melalui proses LIP. 5. Label Citra Awal untuk PictureBox citra sebelum proses LIP.
6. Label Citra Hasil untuk PictureBox citra setelah proses LIP. 7. Button Buka Citra untuk membuka file citra berformat .jpg dan .bmp yang akan
diolah LIP. 8. Button Proses LIP untuk memulai proses LIP.
9. Selanjutnya yaitu Button Simpan Citra untuk menyimpan citra yang telah diolah dengan LIP.
Komponen yang dipakai untuk membangun antar muka Form LIP pada Gambar 3.10, dapat dilihat pada Tabel 3.4.
Penjelasan dari tabel 3.4 dibawah yaitu, pada MenuStrip terdapat beberapa submenu yaitu Form About dan How To Use. Pada PictureBox pertama terdapat citra awal yang akan
diolah dan pada PictureBox kedua terdapat citra hasil yang telah diolah.
Selanjutnya, terdapat label Citra Awal dan Citra Hasil. Terdapat PictureBox Buka Citra untuk membuka file citra yang akan diproses, lalu PictureBox ProsesLIP untuk
memproses file citra, dan PictureBox Simpan Citra untuk menyimpan citra yang telah diproses.
Tabel 3.4 Komponen pada Form LIP
No Tipe
Teks Nama
Keterangan 1
MenuStrip Application
Menustrip1 Terdapat sub menu
2 MenuStrip
Help MenuStrip2
Submenu untuk ke Form About dan How To use
3 PictureBox
Citra Awal PBcitraAwal
Menampilkan citra awal yang akan diproses
Universitas Sumatra Utara
4 PictureBox
Citra Hasil PBcitraHasil
Menampilkan citra hasil yang sudah diproses
5 Label
Citra Awal Label1
- 6
Label Citra Hasil
Label2 -
7 PictureBox
Buka Citra PBbukaCitra
Membuka file citra yang akan diproses
8 PictureBox
ProsesLIP PBprosesLIP
Memproses file citra 9
PictureBox Simpan Citra PBsimpanCitra Menyimpan citra yang telah
diproses
Universitas Sumatra Utara
BAB 4 IMPLEMENTASI DAN PENGUJIAN