3.12 Perancangan Tampilan
Tampilan aplikasi Studi perbandingan Algoritma Thinning dengan Visual Basic 6.0 dirancang dengan menggunakan sebuah tampilan utama dan hanya terdiri dari satu
form saja, sedang Form lainnya hanya sebagai form tambahan saja.
3.12.1 Perancangan Antar Muka Pemakai
Salah satu kriteria penting dari sebuah antarmuka adalah tampilan menarik. Seorang pengguna, apalagi pengguna baru, biasanya tertarik untuk mencoba sebuah program
aplikasi dengan terlebih dahulu tertarik pada suatu tampilan yang ada di hadapan matanya.
3.3.1.1. Perancangan Tampilan Utama
Tampilan utama dirancang sedemikian rupa untuk mempermudah user dalam berinteraksi dengan aplikasi. Tampilan utama dirancang dengan fitur-fitur yang
menarik dan memudahkan penguna dalam pengoperasiannya user friendly. Form utama ini dirancang Tampilan utama dibagi dalam empat bagian utama yakni bagian
atas yang merupakan judul aplikasi, dibawah berisikan beberapa picture yang disusun berurut mulai dari picture original, dibawahnya tersedia tombol Browse dan Tombol
Clear, disamping picture original ini ada picture Grayscale, Picture Treshold, Picture Biner, di bawahnya ada tombol proses dan tombol clear, Picture Hasil Algoritma
ZhangSuen, Picture hasil Algoritma Stentiford, Picture hasil algoritma Hilditch, Picture Hasil algoritma Rosenfeld, masing-masing algoritma picture tersebut memiliki
tombol yang sama dibawahnya yaitu tombol Proses, tombol Save, tombol Open dan tombol Clear. Disebelah kanan tersedia tombol tentang Program, dibawahnya ada
tombol menu profil sayadan terakhir Tombol Exit. Rancangan untuk tampilan utama
aplikasi dapat dilihat pada Gambar 3.44.
Universitas Sumatera Utara
1 Citra Original
Citra GrayScale Citra Treshold
Citra Biner
Citra Algoritma ZhangSuen
Citra Algoritma Stentiford
Citra Algoritma Hilditch
Citra Algoritma Rosenfeld
Browse Tombol
menu Program
Tombol Menu
Profil
Tombol EXIT
Judul Aplikasi Picture
Tombol Proses Tombol Save
Tombol Open Tombol Clear
Tombol Navigasi
Iterasi Waktu Proses
Jumlah Titik Terhapus
Clear Proses
Clear Proses
Clear Proses
Clear
Gambar 3.44 Rancangan menu utama
3.3.1.2 Menu Profil
Tampilan menu profil dirancang dengan beberapa bentuk animasi yang berbeda-beda. Dalam form ini terdiri dari judul aplikasi yang ditampilkan dalam bentuk animasi
dimana tampilan warna judul aplikasi berubah-ubah yang diset dengan menggunakan timer Cancel, logo ditampilkan secara animasi diset dengan menggunakan Timer
Tunda, Teks Kata Pengantar juga ditampilkan dengan animasi diset dengan menggunakan Timer Gulung sehingga pengguna mudah untuk membacanya.
Semuanya dirancang demikian guna untuk membuat tampilan profil lebih menarik. Tombol Exit digunakan sebagai tombol keluar dari menu Profil dan kembali pada
MenuUtama.
Universitas Sumatera Utara
Logo Animasi
Photo Profil
5 6
7 Teks Berjalan Daftar Pustaka
Judul Aplikasi
EXIT
Timer Cancel Timer Gulung
Timer Tunda
Gambar 3.45 Rancangan menu profil.
3.3.1.3 Menu Program
Tampilan menu program ini hanya terdiri dari satu menu saja yakni menu WordPad dirancang sedimikian rupa guna untuk menampilkan literatur teori algoritma Thinning
serta beberapa algoritma Thinning yang akan dibandingkan.
Wordpad Pembahasan tentang Algoritma
Thining
Gambar 3.46 Rancangan menu teori program.
Universitas Sumatera Utara
BAB 4
IMPLEMENTASI APLIKASI
4.1 Implementasi