3.3 Perancangan Sistem
3.3.3. Perancangan Interface
Pada perancangan sistem terdapat pembuatan Graphic User Interface (GUI) yang akan mempermudah user dalam menggunakan sistem yang ada. Pada sistem, terdapat 5 buah form yang akan ditampilkan antara lain form beranda, form kompresi, from dekompresi, form bantuan dan form tentang.
3.3.3.1. Form Beranda
Pada halaman beranda terdapat keterangan mengenai sistem yaitu judul dari skripsi yang dibuat, logo dan juga nama. Halaman beranda pada aplikasi dapat dilihat pada Gambar 3.11.
Gambar 3.11 Perancangan Interface Halaman Beranda.
Keterangan : 1. Tab Beranda
Berguna untuk menampilkan tampilan beranda dari sistem yang ada.
2. Tab Fibonacci
Berguna untuk menampilkan menu Kompresi fibonacci pada sistem 3. Tab Huffman
Berguna untuk menampilkan menu Kompresi Huffman pada system
4. Tab Bantuan
Berguna untuk menampilkan menu Bantuan yang ada pada sistem 5. Tab tentang
Berguna untuk menampilkan menu Tentang mengenai sistem yang dibangun.
3.3.3.2. Form Kompresi Fibonacci
Pada halaman kompresi terdapat beberapa button dan beberapa text box yang akan digunakan dalam melakukan proses kompresi. Form kompresi pada aplikasi dapat dilihat pada Gambar 3.12.
Gambar 3.12 Form kompresi pada system
Keterangan : 1. Tab Beranda
Berguna untuk menampilkan tampilan beranda dari sistem yang ada.
2. Tab Fibonacci
Berguna untuk menampilkan menu Kompresi fibonacci pada sistem 3. Tab Huffman
Berguna untuk menampilkan menu Kompresi Huffman pada system
4. Tab Bantuan
Berguna untuk menampilkan menu Bantuan yang ada pada system 5. Tab tentang
Berguna untuk menampilkan menu Tentang mengenai sistem yang dibangun 6. Text Box
Berguna untuk menampilkan keterangan halaman kompresi 7. Button Buka
Berguna untuk memilih file yang akan dikompresi 8. Button Kompresi
Berguna untuk mengeksekusi data yang ada sehingga terkompresi 9. Label Text
Berguna untuk menampilkan keterangan mengenai sistem 10. Label Text
Berguna untuk menampilkan keterangan mengenai sistem 11. Label Text
Berguna untuk menampilkan keterangan mengenai sistem 12. Label Text
Berguna untuk menampilkan keterangan mengenai sistem 13. Label Text
Berguna untuk menampilkan keterangan mengenai sistem 14. Label Text
Berguna untuk menampilkan keterangan mengenai sistem
3.3.3.3. Form Dekompresi Fibonacci
Pada form dekompresi terdapat button yang berguna dalam mengeksekusi dari file yang telah dikompresi. Form dekompresi pada aplikasi dapat dilihat pada Gambar 3.13.
Gambar 3.13 Form dekompresi pada sistem
Keterangan : 1. Tab Beranda
Berguna untuk menampilkan tampilan beranda dari sistem yang ada.
2. Tab Fibonacci
Berguna untuk menampilkan menu Kompresi fibonacci pada sistem 3. Tab Huffman
Berguna untuk menampilkan menu Kompresi Huffman pada sistem 4. Tab Bantuan
Berguna untuk menampilkan menu Bantuan yang ada pada system 5. Tab tentang
Berguna untuk menampilkan menu Tentang mengenai sistem yang dibangun 6. Text Box
Berguna untuk menampilkan keterangan halaman Dekompresi 7. Text Box
Berguna untuk menampilkan keterangan halaman Dekompresi 8. Button Buka
Berguna untuk memilih file yang akan diDekompresi 9. Button Dekompresi Fibonacci
Berguna untuk mengeksekusi data yang ada sehingga terkompresi
10. Label Text
Berguna untuk menampilkan keterangan mengenai sistem
3.3.3.4. Form Kompresi Huffman
Pada halaman kompresi terdapat beberapa button dan beberapa text box yang akan digunakan dalam melakukan proses kompresi. Form kompresi pada aplikasi dapat dilihat pada Gambar 3.14.
Gambar 3.14 Form Kompresi Huffman pada sistem
Keterangan : 1. Tab Beranda
Berguna untuk menampilkan tampilan beranda dari sistem yang ada.
2. Tab Fibonacci
Berguna untuk menampilkan menu Kompresi fibonacci pada sistem 3. Tab Huffman
Berguna untuk menampilkan menu Kompresi Huffman pada sistem 4. Tab Bantuan
Berguna untuk menampilkan menu Bantuan yang ada pada system 5. Tab tentang
Berguna untuk menampilkan menu Tentang mengenai sistem yang dibangun
6. Text Box
Berguna untuk menampilkan keterangan halaman kompresi 7. Button Buka
Berguna untuk memilih file yang akan dikompresi 8. Button Kompresi
Berguna untuk mengeksekusi data yang ada sehingga terkompresi 9. Label Text
Berguna untuk menampilkan keterangan mengenai sistem 10. Label Text
Berguna untuk menampilkan keterangan mengenai sistem 11. Label Text
Berguna untuk menampilkan keterangan mengenai sistem 12. Label Text
Berguna untuk menampilkan keterangan mengenai sistem 13. Label Text
Berguna untuk menampilkan keterangan mengenai sistem 14. Label Text
Berguna untuk menampilkan keterangan mengenai sistem
3.3.3.5. Form Dekompresi Huffman
Pada form dekompresi terdapat button yang berguna dalam mengeksekusi dari file yang telah dikompresi. Form dekompresi pada aplikasi dapat dilihat pada Gambar 3.15.
Gambar 3.15 Form Dekompresi Huffman pada system
Keterangan : 1. Tab Beranda
Berguna untuk menampilkan tampilan beranda dari sistem yang ada.
2. Tab Fibonacci
Berguna untuk menampilkan menu Kompresi fibonacci pada sistem 3. Tab Huffman
Berguna untuk menampilkan menu Kompresi Huffman pada sistem 4. Tab Bantuan
Berguna untuk menampilkan menu Bantuan yang ada pada system 5. Tab tentang
Berguna untuk menampilkan menu Tentang mengenai sistem yang dibangun 6. Text Box
Berguna untuk menampilkan keterangan halaman Dekompresi
7. Text Box
Berguna untuk menampilkan keterangan halaman Dekompresi 8. Button Buka
Berguna untuk memilih file yang akan diDekompresi 9. Button Dekompresi Huffman
Berguna untuk mengeksekusi data yang ada sehingga terkompresi 10. Label Text
Berguna untuk menampilkan keterangan mengenai sistem
3.3.3.6. Form Bantuan
Pada form bantuan terdapat pictureBox yang berguna untuk menampilkan gambar yang berisi informasi cara kerja sistem. Form bantuan pada aplikasi dapat dilihat pada Gambar 3.16.
Gambar 3.16 Form Bantuan pada system
Keterangan : 1. Tab Beranda
Berguna untuk menampilkan tampilan beranda dari sistem yang ada.
2. Tab Fibonacci
Berguna untuk menampilkan menu Kompresi fibonacci pada system
3. Tab Huffman
Berguna untuk menampilkan menu Kompresi Huffman pada sistem 4. Tab Bantuan
Berguna untuk menampilkan menu Bantuan yang ada pada sistem 5. Tab tentang
Berguna untuk menampilkan menu Tentang mengenai sistem yang dibangun 6. PictureBox
Berguna untuk menampilkan gambar yang berisikan informasi cara menggunakan aplikasi
3.3.3.7. Form Tentang
Pada form Tentang terdapat pictureBox yang berguna untuk menampilkan gambar yang berisi informasi tengtang sistem. Form bantuan pada aplikasi dapat dilihat pada Gambar 3.17.
Gambar 3.17 Form Tentang pada system
Keterangan : 1. Tab Beranda
Berguna untuk menampilkan tampilan beranda dari sistem yang ada.
2. Tab Fibonacci
Berguna untuk menampilkan menu Kompresi fibonacci pada sistem 3. Tab Huffman
Berguna untuk menampilkan menu Kompresi Huffman pada sistem 4. Tab Bantuan
Berguna untuk menampilkan menu Bantuan yang ada pada sistem 5. Tab tentang
Berguna untuk menampilkan menu Tentang mengenai sistem yang dibangun 6. PictureBox
Berguna untuk menampilkan gambar yang berisikan informasi tentang sistem
BAB 4
IMPLEMENTASI DAN PENGUJIAN SISTEM