3.3 Perancangan Antar Muka
Antarmuka merupakan bentuk tampilan grafis yang berhubungan langsung dengan pengguna user. Perancangan antarmuka akan disesuaikan dengan kebutuhan dan
software yang digunakan. Sistem ini dirancang dan dibangun dengan bahasa pemrograman vb.Net dengan software Microsoft Visual Studio. Antar muka terdiri
dari form cover,form utama, form help, dan form about.
3.3.1 Form Interface Cover
Pada f orm Menu utama sistem dapat menekan tombol masuk yang tersedia.
Tampilan rancangan form Menu Utama dapat dilihat pada gambar 3.9.
X
Aplikasi DMC
Implementasi dan Analisis Algoritma Dynamic Markov Compression DMC pada File Text
Lambang USU
PROGRAM STUDI S1 ILMU KOMPUTER FAKULTAS ILMU KOMPUTER DAN TEKNOLOGI INFORMASI
UNIVERSITAS SUMATERA UTARA MEDAN
2014
1
2
NAMA NIM
DMC
Gambar 3.9 Interface Cover
Universitas Sumatera Utara
Komponen yang dipakai ntuk membangun antar muka form Menu Utama pada gambar 3.9 dapat dilihat pada tabel 3.3 berikut:
Tabel 3.3 Rincian Rancangan Form Interface Cover No.
Tipe Teks
Nama Keterangan
1. Button
DMC button1
tombol untuk masuk ke form berikutnya
2. PictureBox
- pictureBox1
menampilkan judul,
nama, nim, dan logo usu yang berupa gambar
Pada tabel 3.3 merupakan penjelasan dari komponen-komponen yang dipakai untuk membangun antar muka form cover
3.3.2 Interface Form Menu Utama
Pada form menu utama akan di inputkan file text yang nantinya akan di proses
kompresi dan dekompresi dengan algoritma DMC.
X __
File About Help Kompresi dan Dekompresi Menggunakan Algoritma DMC
Open
Besar File Byte
Save Kompresi
Dekompresi Reset
Panjang Karakter
Besar File Byte Panjang Karakter
Rasio File Durasi Kerja ms
1 2
3 4
14 9
10 11
12 13
5 6
7 8
15 16
17 18
19 21
20 22
Gambar 3.10 Interface Form Menu Utama
Komponen yang dipakai untuk membangun antar muka form Menu Utama pada gambar 3.10 dapat dilihat pada tabel 3.4 berikut:
Universitas Sumatera Utara
Tabel 3.4 Rincian Rancangan Form Interface Menu Utama No
Tipe Teks
Nama Keterangan
1. MenuStrip File
MenuStrip1 Terdapat beberapa sub menu
2. MenuStrip About
MenuStrip2 Terdapat submenu untuk
beralih ke form About
3. MenuStrip Help
MenuStrip3 Terdapat submenu untuk
beralih ke form help
4. TextBox
- txtInput
untuk menampilkan isi file text yang di pilih
5. Label
Besar File Byte label1
- 6.
Label Panjang Karakter
label2 -
7. TextBox
- txtBFawal
Menampilkan besar file 8.
TextBox -
txtPKawal Menampilkan
Panjang karakter
9. Button
Open btnOpen
Untuk menginputkan file text yang dipilih
10. Button Save
btnSave Untuk menyimpan hasil file
text yang di kompresi atau dekompresi
11. Button Kompresi
btnCom Untuk menjalankan proses
kompresi
12. Button Dekompresi
btnDecom Untk menjalankan proses
dekompresi
13. Button Reset
btnReset Untuk mengulang proses
mulai dari awal
14. TextBox -
txtOutput Untuk menampilkan hasil file
text yang telah di kompresi atau dekompresi
Universitas Sumatera Utara
No Tipe
Teks Nama
Keterangan
15. Label Besar File Byte
label3 -
16. Label Panjang Karakter
label4 -
17 Label Rasio File
label6 -
18 Label Durasi Kerja ms label5
- 19 TextBox
- txtBFakhir
Untuk menampilkan besar file yang setelah diproses
20 TextBox -
txtPKakhir Untuk menampilkan panjang
karakter yang
setelah diproses
21 TextBox -
txtRasio Untuk menampilkan rasio file
setelah diproses
22 TextBox -
txtWaktu untuk menampilkan durasi
kerja setelah diproses
Pada tabel 3.4 merupakan penjelasan komponen-komponen yang dipakai untuk membangun rancangan Form Menu Utama.
Universitas Sumatera Utara
BAB 4
IMPLEMENTASI DAN PENGUJIAN
Setelah membaca bab ini maka pembaca akan memahami pengertian tentang implementasi sistem, pengujian sistem, hasil pengujian algoritma DMC pada file text.
4.1 Implementasi Sistem