Perancangan Antar Muka Perancangan Perangkat Lunak Untuk Perbaikan Citra Digital Dengan Menggunakan Lima (5) Teknik Penyaringan (Filtering)

Muhammad Arifin Siregar : Perancangan Perangkat Lunak Untuk Perbaikan Citra Digital Dengan Menggunakan Lima 5 Teknik Penyaringan Filtering, 2009. USU Repository © 2009 BAB 4 PERANCANGAN DAN IMPLEMENTASI Perancangan perangkat lunak untuk Perbaikan kualitas Citra dengan Menggunakan Lima Teknik Penyaringan Filtering dimulai dari perancangan antar muka interface perangkat lunak. Yang dimaksud dengan antar muka perangkat lunak adalah tampilan di layar monitor yang akan digunakan oleh user untuk berinteraksi dengan program.

4.1 Perancangan Antar Muka

Perancangan antar muka interface merupakan tampilan program aplikasi yang digunakan oleh pemakai user untuk dapat berkomunikasi dengan komputer. Adapun yang menjadi rancangan antar muka dalam perancangan ini adalah rancangan menu utama program. Tampilan layar atau jendela utama menyediakan beberapa menu pilihan. Menu utama program terdiri dari File, View, Filtering, Informasi. Setelah memilih menu, interaksi terjadi dengan jendela form lain sesuai dengan tujuan dari pemilihan menu yang bersangkutan. Form adalah nama lain dari jendela window ketika dalam perancangan program. Sedangkan istilah jendela digunakan setelah program dijalankan. Ada beberapa form yang dirancang untuk mendukung perangkat lunak ini yaitu : 1. Form Splash 2. Form Utama 3. Form Histogram 4. Form Informasi 5. Form Penutun Pemakaian Untuk mendukung operasi penyimpanan file data dan pencarian nama file data yang akan dibuka digunakan kotak dialog yang sudah disediakan oleh Visual Basic 6.0. Kotak dialog yang digunakan adalah kotak dialog Open dan Save. Muhammad Arifin Siregar : Perancangan Perangkat Lunak Untuk Perbaikan Citra Digital Dengan Menggunakan Lima 5 Teknik Penyaringan Filtering, 2009. USU Repository © 2009

4.1.1 Form Splash

Form Splash merupakan form yang pertama sekali muncul pada saat program dijalankan. Dalam form ini akan ditampilkan nama judul perancangan yang akan dibuat dan gambar atau logo. Rancangan dari form splash diperlihatkan pada Gambar 4.1 berikut. Gambar 4.1 Rancangan Form Splash 1. Label judul digunakan untuk menampilkan judul tugas akhir yang sekaligus menjadi nama perangkat lunak yakni “Perancangan Perangkat Lunak Untuk Perbaikan Citra Digital dengan Menggunakan Lima 5 Teknik Penyaringan Filtering”. 2. Label penulis digunakan untuk menampilkan informasi singkat tentang penulis yakni nama penulis dan NIM. 3. Gambar latar belakang adalah gambar yang digunakan untuk menghias form splash. Format gambar latar belakang adalah .jpg. Form Splash ini akan ditampilkan paling lama 3 detik atau hingga klik mouse di daerah gambar.

4.1.2 Rancangan Form Utama

Ketika program dijalankan form utama akan menjadi jendela utama aplikasi. Untuk memudahkan pemakaian perangkat lunak, maka disediakan beberapa menu utama yakni File, View, Filtering, Informasi dan toolbar yang terdapat di bawah menu. Masing-masing menu utama masih memiliki submenu. Label Judul Label Nama Penulis, NIM Gambar Latar Belakang Muhammad Arifin Siregar : Perancangan Perangkat Lunak Untuk Perbaikan Citra Digital Dengan Menggunakan Lima 5 Teknik Penyaringan Filtering, 2009. USU Repository © 2009 Pada form utama ini juga tersedia enam buah jendela kecil untuk menampilkan citra yang diolah dan citra hasil pengolahan. Masing-masing jendela dilengkapi dengan batang penggulung tampilan untuk menggulung tampilan citra yang berukuran lebih besar dari jendela yang disediakan. Jendela citra ini digunakan untuk menampilkan : 1. Citra Awal 2. Citra hasil proses Intesity Filtering 3. Citra hasil proses Frequency Filtering 4. Citra hasil proses Mean Filtering 5. Citra hasil proses Median Filtering 6. Citra hasil proses Modus Filtering Jendela citra ini juga dapat digunakan untuk menampilkan histogram dari citra yang bersangkutan. Rancangan form utama ini diperlihatkan pada Gambar 4.2 berikut. Gambar 4.2 Rancangan Form Utama

4.1.2.1 Rancangan Menu Utama File

Menu utama file terdiri dari beberapa sub menu, antara lain ; a. New : Untuk membuka area gambar yang baru b. Open : Digunakan untuk membuka gambar yang baru c. Save as : Digunakan untuk menyimpan gambar    Judul Program Bar Menu Citra Awal Citra hasil Intensity Filtering Citra hasil Mean Filtering Citra hasil Modus Filtering Citra hasil Median Filtering Citra hasil Frequency Filtering Toolbar Bar Proses Muhammad Arifin Siregar : Perancangan Perangkat Lunak Untuk Perbaikan Citra Digital Dengan Menggunakan Lima 5 Teknik Penyaringan Filtering, 2009. USU Repository © 2009 d. Close : Untuk menutup aplikasi pada gambar e. Exit : Keluar dari menu program. Rancangan dari Menu Utama File perangkat lunak yang akan digunakan seperti pada gambar 4.3 berikut: Gambar 4.3 Rancangan Menu Utama File

4.1.2.1.1 Rancangan Sub Menu Open

Sub menu open berisi tentang bagaimana membuka file-file gambar yang akan diproses. Rancangan dari sub menu open yang akan digunakan seperti pada gambar 4.4 berikut: File View Filtering Help    Citra Awal Citra hasil Intensity Filtering Citra hasil Mean Filtering Citra hasil Modus Filtering Citra hasil Median Filtering Citra hasil Frequency Filtering Bar Proses New Open Save As Close Exit ﾔ Open Look In :  ? Muhammad Arifin Siregar : Perancangan Perangkat Lunak Untuk Perbaikan Citra Digital Dengan Menggunakan Lima 5 Teknik Penyaringan Filtering, 2009. USU Repository © 2009 Gambar 4.4 Rancangan Sub Menu Open

4.1.2.1.2 Rancangan Sub Menu Save As

Sub menu Save As adalah tempat menyimpanan hasil yang telah diproses. Dalam hal penyimpanan hasil yang sudah di proses, maka akan digunakan format file gambar sesuai dengan keinginan user. Rancangan dari sub menu save as perangkat lunak yang akan digunakan seperti pada gambar 4.5 berikut: Gambar 4.5 Rancangan Sub Menu Save As

4.1.3 Rancangan Form Utama View

 Save As Save In : File Name : File Of Type : ? Open Cancel ﾔ ﾔ ﾔ Muhammad Arifin Siregar : Perancangan Perangkat Lunak Untuk Perbaikan Citra Digital Dengan Menggunakan Lima 5 Teknik Penyaringan Filtering, 2009. USU Repository © 2009 Dalam menu view ini akan menampilkan menu-menu yang akan memproses gambar yang sudah di proses dengan metode-metode filtering. Menu utama view terdiri dari beberapa sub menu: 1. Picture : Digunakan untuk menampilkan gambar yang sudah diproses dengan histogram 2. Histogram : Digunakan untuk penyebaran nilai-nilai intensitas piksel dari suatu citra. Rancangan dari menu view yang akan digunakan seperti pada gambar 4.6 berikut: Gambar 4.6 Rancangan form utama View

4.1.3.1 Rancangan Sub Menu Histogram

Sub Menu Histogram digunakan untuk menggambarkan penyebaran nilai-nilai intensitas pixel pada gambar yang dibuka dengan cara mengklik pada menu View dan memilih Histogram. Rancangan dari sub menu Histogram yang akan digunakan seperti pada gambar 4.7 berikut: File View Filtering Help    Citra Awal Citra hasil Intensity Filtering Citra hasil Mean Filtering Citra hasil Modus Filtering Citra hasil Median Filtering Citra hasil Frequency Filtering Bar Proses Picture Histogram Histogram Gambar Warna RGB : Gambar Histogram ﾔ Muhammad Arifin Siregar : Perancangan Perangkat Lunak Untuk Perbaikan Citra Digital Dengan Menggunakan Lima 5 Teknik Penyaringan Filtering, 2009. USU Repository © 2009 Gambar 4.7 Rancangan Sub Menu Histogram

4.1.4 Rancangan Form Utama Filtering

Dalam menu filtering ini akan menampilkan menu-menu yang akan memproses gambar baik dalam penghapusan derau atau noise maupun penghalusan pada gambar atau citra. Form utama filtering terdiri dari beberapa sub menu, antara lain: 1. Intensity Filtering : Membersihkan noise dengan mendeteksi intensitas dari setiap titik dilayar. 2. Frequency Filtering : Membersihkan gambar dari noise dengan menganalisis jumlah noise yang ada pada gambar. 3. Mean Filtering : Menghaluskan gambar yang terlalu kasar 4. Median Filtering : Menghaluskan gambar tetapi tidak sehalus mean filtering. 5. Median Filtering : Membuat gambar menjadi berbintil-bintil atau menjadi kotor. Berikut adalah rancangan dari menu filtering perangkat lunak yang akan digunakan, seperti pada gambar 4.8 berikut: File View Filtering Help    Citra hasil Citra hasil Citra hasil Citra Awal Citra hasil Intensity Filtering Citra hasil Frequency Filtering Bar Proses Intensity Filtering Frequency Filtering Mean Filtering Median Filtering Modus Filtering Muhammad Arifin Siregar : Perancangan Perangkat Lunak Untuk Perbaikan Citra Digital Dengan Menggunakan Lima 5 Teknik Penyaringan Filtering, 2009. USU Repository © 2009 Gambar 4.8 Rancangan Utama Form Filtering

4.1.5 Form Utama Help

Dalam menu Help ini akan menampilkan menu info dan about program. Dimana sub menu info berisikan tentang cara pemakain program, dan about program berisikan tentang penulis. Rancangan dari Menu Help yang akan digunakan seperti pada gambar 4.9 berikut: Gambar 4.9 Form Utama Help

4.1.5.1 Rancangan Sub Menu Info

Form Informasi Penulis digunakan untuk menampilkan informasi tentang judul tugas akhir, nama penulis dan ucapan terimakasih. Rancangan form Informasi Penulis diperlihatkan pada Gambar 4.10. File View Filtering Help    Citra Awal Citra hasil Intensity Filtering Citra hasil Mean Filtering Citra hasil Modus Filtering Citra hasil Median Filtering Citra hasil Frequency Filtering Bar Proses Info About Program Muhammad Arifin Siregar : Perancangan Perangkat Lunak Untuk Perbaikan Citra Digital Dengan Menggunakan Lima 5 Teknik Penyaringan Filtering, 2009. USU Repository © 2009 1. Label judul digunakan untuk menampilkan judul tugas akhir yang sekaligus menjadi nama perangkat lunak yakni “Perancangan Perangkat Lunak Untuk Perbaikan Kualitas Citra Digital dengan Menggunakan Lima Teknik Penyaringan Filtering”. 2. Gambar Logo USU dan foto penulis ditampilkan berselang seling dengan interval waktu tertentu 3. Label Nama Penulis menampilkan nama penulis dan nomor induk mahasiswa. Gambar 4.10 Rancangan Form Informasi 4. Label Ucapan Terimakasih digunakan untuk menampilkan ucapan terimakasih kepada pihak-pihak yang mendukung penulis dalam penyelesaian penulisan tugas akhir ini. 5. Label Nama USU, digunakan untuk menampilkan nama perguruan tinggi Universitas Sumatera Utara – Medan. Teks tampilan dianimasikan dengan tampilan berjalan atau berputar ke arah kiri. 6. Tombol OK digunakan untuk menutup tampilan informasi ini

4.1.5.2 Rancangan Sub Menu About Program

Label Judul Label Nama Penulis, NIM Gambar Logo USU Foto Label Ucapan Terimakasih Label Nama USU OK  Informasi Muhammad Arifin Siregar : Perancangan Perangkat Lunak Untuk Perbaikan Citra Digital Dengan Menggunakan Lima 5 Teknik Penyaringan Filtering, 2009. USU Repository © 2009 Sub menu about program digunakan untuk menampilkan bantuan atau penuntun pemakaian perangkat lunak. Rancangan tampilan form Penuntun Pemakaian diperlihatkan pada Gambar 4.11 berikut. Gambar 4.11 Rancangan Form Pemakaian Pemakaian 1. Layar teks Penuntun Pemakaian digunakan untuk menampilkan teks penuntun pemakaian program. Layar teks ini memiliki batang penggulung scorllbar tampilan secara vertikal dan horisontal. 2. Tombol Tutup. Tombol ini digunakan untuk menutup form Penuntun Pemakaian.

4.2 Perancangan Proses