39
Gambar 3.9 Sequence Diagram Play Audio
3.3 Perancangan Antarmuka
Perancangan antarmuka dibuat agar tampilan aplikasi lebih user friendly sehingga mudah dipahami dan digunakan oleh pengguna. Perancangan antarmuka aplikasi
kompresi audio ini terdiri dari beberapa tampilan, yaitu menu utama, halaman untuk proses kompresi, halaman untuk proses dekompresi, play audio dan bantuan. Berikut
ini adalah rancangan menu dan sub-sub menu antarmuka aplikasi. 3.3.1 Menu Utama
Rancangan menu utama merupakan tampilan pertama yang muncul saat aplikasi dijalankan, dapat dilihat pada Gambar 3.10. Setelah menu utama dijalankan,
selanjutnya akan ada empat tampilan sub menu seperti :
a. sub menu kompresi, b. sub menu dekompresi,
c. sub menu play dan d. sub menu bantuan.
x
Aplikasi Kompresi MP3
1
Ok
2
Gambar 3.10 Rancangan Antarmuka Menu Utama
Keterangan : 1. Label yang menampilkan judul aplikasi.
2. Tombol untuk masuk ke halaman sub menu.
Universitas Sumatera Utara
40
3.3.2 Sub Menu Kompresi Rancangan pada sub menu kompresi akan menampilkan halaman untuk melakukan
proses kompresi audio. Rancangan sub menu kompresi dapat dilihat pada Gambar 3.11.
Kompresi Bantuan
Play Dekompresi
Buka
Reset Kompres
Informasi Audio
x
Aplikasi Kompresi Audio
1 2
3 4
5 6
7
Nama Path
Ukuran Awal File Hasil
Ukuran Akhir Rasio
Lama Proses
Gambar 3.11 Rancangan Antarmuka Sub Menu Kompresi
Keterangan : 1. Halaman sub menu Kompresi untuk melakukan kompresi.
2. Tombol untuk membuka dan memilih file audio yang ingin dikompresi. 3. Text box untuk menampilkan audio yang telah dipilih.
4. Text box untuk menampilkan informasi tentang audio yang dipilih berupa nama audio, lokasi, ukuran awal, lokasi file setelah dikompres, ukuran akhir setelah
dikompresi, rasio kompresi dan waktu yang dibutukan saat proses kompresi. 5. Tombol kompresi untuk memulai proses kompresi.
6. Tombol reset untuk mengulang ke pengaturan semula. 7. Textbox untuk menampilkan detail format audio yang ingin dikompres.
3.3.3 Sub Menu Dekompresi Rancangan sub menu dekompresi merupakan halaman untuk melakukan proses
dekompresi audio. Rancangan untuk sub menu dekompresi dapat dilihat pada Gambar 3.12.
Universitas Sumatera Utara
41
Kompresi Bantuan
Play Dekompresi
Buka
Reset Dekompres
Informasi Audio
x
Aplikasi Kompresi Audio
1 2
3 4
5 6
7
Nama Path
Ukuran Awal File Hasil
Ukuran Akhir Rasio
Gambar 3.12 Rancangan Antarmuka Sub Menu Dekompresi
Keterangan : 1. Halaman
sub menu
Dekompresi untuk
melakukan dekompresi
atau mengembalikan audio ke bentuk semula.
2. Tombol untuk membuka dan memilih file audio yang ingin didekompresi. 3. Text box untuk menampilkan audio yang telah dipilih.
4. Text box untuk menampilkan informasi tentang audio yang dipilih berupa nama audio, lokasi audio, ukuran awal, lokasi file hasil audio yang telah didekompresi,
ukuran akhir setelah didekompresi dan waktu yang dibutukan saat proses dekompresi.
5. Tombol dekompres untuk memulai proses dekompresi. 6. Tombol reset untuk mengulang ke pengaturan semula.
7. Textbox untuk menampilkan detail format audio yang ingin didekompresi.
3.3.4 Sub Menu Play Rancangan sub menu play merupakan halaman aplikasi untuk memainkan audio yang
telah di kompresi. Pada sub menu play terdiri tombol play, pause dan tombol keluar. Rancangan sub menu play dapat dilihat pada Gambar 3.13.
Universitas Sumatera Utara
42
7
Kompresi Bantuan
Play Dekompresi
Buka
Stop Play
Informasi Audio
x
Aplikasi Kompresi Audio
1 2
3 4
5
Nama Path
Pause 7
6
Gambar 3.13 Rancangan Antarmuka Sub Menu Play
Keterangan : 1. Halaman sub menu Play untuk memainkan atau mendengarkan audio hasil
kompresi. 2. Tombol untuk membuka dan memilih file audio yang ingin dimainkan atau
didengarkan. 3. Text box untuk menampilkan audio yang telah dipilih.
4. Text box untuk menampilkan informasi tentang audio yang dipilih berupa nama file audio dan lokasi tempat audio.
5. Tombol play untuk memainkan audio. 6. Tombol pause untuk memberhentikan sejenak audio yang dimainkan.
7. Tombol stop untuk menghentikan audio.
3.3.5 Sub Menu Bantuan Rancangan sub menu bantuan merupakan halaman panduan bagaimana cara
menjalankan aplikasi. Sub menu bantuan ini ditujukan untuk pengguna agar mudah dalam menjalankan aplikasi. Rancangan sub menu bantuan dapat diliihat pada
Gambar 3.14.
Universitas Sumatera Utara
43
7
Kompresi Bantuan
Play Dekompresi
x
Aplikasi Kompresi Audio
1
Gambar 3.14 Rancangan Antarmuka Sub Menu Bantuan
Keterangan : Halaman sub menu Bantuan untuk disediakan bagi penggguna yang belum
mengerti cara pemakaian aplikasi.
Universitas Sumatera Utara
BAB 4
IMPLEMENTASI DAN PENGUJIAN SISTEM
Pada bab ini akan dijelaskan tentang proses pengimplementasian algoritma Shannon- Fano pada aplikasi, sesuai dengan perancangan aplikasi yang telah dilakukan pada
Bab 3 serta melakukan pengujian terhadap aplikasi yang dibangun.
4.1 Implementasi Perancangan Antarmuka Aplikasi
Kategori