48
e. Perancangan antarmuka
interface
Antarmuka yang dimaksud adalah rancangan tampilan pada layar monitor untuk memvisualisasikan dan menampilkan informasi yang diperlukan agar
pengguna dapat memahami bagaimana menjalankan program. Ada beberapa rancangan tampilan antarmuka. Sebagai contoh terlihat pada gambar 3.6 di bawah
ini adalah rancangan tampilan awal saat program dijalankan. Pada tampilan awal program ini, terdapat dua tombol yang dapat diakses yaitu tombol “Lanjutkan”
yang berfungsi untuk masuk ke program utama, dan tombol “Keluar” untuk keluar dari program.
KOMPRESI CITRA DENGAN METODE DISCRETE COSINE TRANSFORM
Lanjutkan LOGO USD
PROGRAM STUDI ILMU KOMPUTER JURUSAN MATEMATIKA
FAKULTAS SAINS DAN TEKNOLOGI UNIVERSITAS SANATA DHARMA
2008
Keluar
Gambar 3.7 Rancangan tampilan awal program
49
i Tampilan program utama
Tampilan program utama menampilkan semua isi fungsi navigasi ke semua tampilan yang lain dalam keseluruhan program. Dalam tampilan ini
pula, terdapat tombol yang dapat dieksekusi, yaitu tombol “Buka File Citra” untuk membuka file citra.
KOMPRESI CITRA DENGAN METODE DISCRETE COSINE TRANSFORM
CITRA ASLI Metode
Kuantisasi
Blok
CITRA TRANSFORMASI
CITRA REKONSTRUKSI
MSE : PSNR :
Prosentase Blok Matriks
Langsung Lihat Blok
Baris : Kolom :
Perblok Total
Hitung Error
Matriks Blok Citra Asli
Matriks Blok Citra Transform
Matriks Blok Citra Rekonstruksi
Tampilkan
Buka File Citra
Nama File: Resolusi:
Transformasi Kuantisasi
Rekonstruksi Keluar
Home Reset
Gambar 3.8 Rancangan tampilan program utama
ii Tampilan Citra Asli
Pada tampilan ini, citra asli sebelum dilakukan pemampatan akan tampil dalam kolom “Citra Asli” setelah pengguna user membuka file citra.
Terdapat beberapa informasi yang dapat dilihat yaitu nama file cita dan resolusi citra.
50
iii Tampilan buka berkas citra
Jika pengguna user menekan tombol “Buka File” maka akan keluar tampilan buka berkas citra. Pada tampilan buka berkas citra ini, terdapat
dua buah tombol navigasi. Pada tombol “Open” akan membukamenampilan berkas citra yang akan dimampatkan pada kotak
yang terdapat pada tampilan citra asli. Sedangkan tombol “Cancel” akan membatalkan pencarian berkas citra, dan akan kembali pada tampilan
sebelumnya. Citra yang dapat dibuka\ditampilkan adalah citra dengan tipe file .BMP,
karena dalam hal ini, pembatasan masalah hanya pada citra bertipe file .BMP.
Dalam tampilan ini pula, terdapat radiobutton yang dapat dieksekusi menjadi aktif ketika user sudah melakukan buka file citra, yaitu “Blok
Matriks” untuk mengaktifkan popup menu pemilihan blok yang akan digunakan untuk trasformasi, dan “Langsung” yang akan mengaktifkan
popup menu pemilihan prosentase untuk kuantisasi pemampatan yang diinginkan.
51
Gambar 3.9 Rancangan tampilan buka berkas citra
iv Pemilihan metode kuantisasi
Pada tahap ini, user akan diminta memilih metode kuantisasi yang akan digunakan, sebelum dapat melakukan transformasi. Ada dua metode yang
dapat dipilih yaitu dengan blok matriks atau secara langsung. Jika user memilih “Langsung” maka kotak untuk memasukkan nilai kuantisasi di
sebelah tombol transformasi akan menghilang, karena kuantisasi akan dilakukan dengan prosentase yang dipilih user.
v Tampilan citra transformasi
Setelah membuka citra dan memilih metode kuantisasi, maka tombol transformasi akan aktif. Jika user mengakses tombol tersebut, maka citra
akan ditransformasi berdasarkan metode yang telah dipilih.
BUKA FILE CITRA Look in :
File Name : Files of Type :
Open Cancel
52
vi Tampilan citra rekonstruksi
Tampilan citra rekonstruksi akan menampilkan citra hasil rekonstruksi dari matriks hasil transformasi. Citra ini berguna untuk membandingkan
kualitas dari citra asli dengan citra yang telah dikenai fungsi transformasi DCT dan kemudian direkonstruksi.
vii Fungsi-fungsi lain
Selain fungsi utama program seperti yang tersebut di atas, dalam program ini juga terdapat beberapa tombol yang terdapat disebelah kanan tampilan
program diantaranya adalah:
• Tombol “Help”
Tombol ini berfungsi untuk menampilkan jendela help yang berisi tentang petunjuk pemakaian program. Menu ini berguna untuk
pengguna yang belum mengerti bagaimana cara menjalankan program ini. Gambar 3.6 di bawah ini adalah rancangan tampilan help.
Gambar 3.10 Rancangan tampilan help
KOMPRESI CITRA DENGAN METODE DISCRETE COSINE TRANSFORM
HELP
Kategori