Implementasi Perancangan Antarmuka Aplikasi

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

Tampilan menu utama pada aplikasi kompresi audio dapat dilihat pada Gambar 4.1. Menu utama ini merupakan tampilan pertama yang pertama kali muncul saat aplikasi dijalankan. Gambar 4.1 Tampilan Antarmuka Menu Utama Aplikasi Universitas Sumatera Utara 45 Tampilan aplikasi meliputi tampilan menu utama aplikasi dan beberapa sub menu yang ada di dalamnya. Tampilan ini dibuat sesuai dengan rancangan tampilan yang telah dibuat pada tahap perancangan sebelumnya. Setelah menu utama dijalankan akan menampilkan judul aplikasi yang dibuat dan nama pembuat aplikasi, serta tombol Ok. Kemudian pengguna akan mengklik Ok dan akan muncul tampilan sub-sub menu. Tampilan sub –sub menu tersebut adalah sub menu kompresi untuk melakukan proses kompresi audio, sub menu dekompresi untuk mengembalikan audio ke bentuk semula, sub menu play untuk memainkan audio hasil kompresi serta sub menu bantuan untuk cara panduan aplikasi sehingga memudahkan pengguna dalam menjalankan aplikasi. Tampilan antarmuka salah satu sub menu aplikasi dapat dilihat pada Gambar 4.2. Gambar 4.2 Tampilan Antarmuka Sub Menu Aplikasi 4.1.1 Tampilan Sub Menu Kompresi Tampilan sub menu kompresi merupakan halaman untuk melakukan proses kompresi audio menggunakan algoritma Shannon-Fano. Tampilan sub menu kompresi dapat dilihat pada Gambar 4.3 berikut. Universitas Sumatera Utara 46 Gambar 4.3 Tampilan Sub Menu Kompresi Pada Gambar 4.3 merupakan gambar tampilan sub menu kompresi yang ditampilkan aplikasi. Pada tampilan sub menu kompresi terdapat tombol- tombol seperti tombol Buka File, tombol Kompres dan tombol Reset. Tombol Buka File digunakan untuk membuka atau memilih file audio yang ingin dikompresi. Saat pengguna mengklik Buka File akan ditampilkan file-file audio untuk dipilih, setelah itu pengguna mengklik tombol Open dapat dilihat pada Gambar 4.4. Gambar 4.4 Tampilan Buka File Sub Menu Kompresi Universitas Sumatera Utara 47 Setelah pengguna mengklik tombol Buka dan tombol Open pada salah satu audio maka audio tersebut akan terpilih untuk dilakukan kompresi. Kemudian pada audio yang dipilih akan menampilkan kepada pengguna informasi tentang audio yang dipilih seperti nama file audio, lokasi tempat file audio dan ukuran awal audio atau ukuran sebelum dikompresi dan format audio berupa jenis audio, sampling rate audio, bit rate audio dan jumlah kanal audio. Tampilan halaman ini dapat dilihat seperti pada Gambar 4.5. Gambar 4.5 Tampilan Hasil Buka File Sub Menu Kompresi Tombol Kompres dapat digunakan jika ingin melakukan kompresi atau tombol Reset digunakan untuk mengembalikan ke pengaturan semula. Ketika melakukan proses kompresi yaitu saat mengklik tombol kompresi maka aplikasi akan melakukan kompresi untuk audio yang dipilih, dan proses yang berjalan ditandai dengan proses bar. Tampilan halaman untuk melakukan kompresi dapat dilihat seperti pada Gambar 4.6. Universitas Sumatera Utara 48 Gambar 4.6 Tampilan Proses Kompresi Saat berjalannya proses kompresi maka pengguna harus menunggu proses sampai selesai. Setelah proses kompresi selesai akan ditampilkan informasi tentang audio setelah terkompres seperti ukuran audio setelah dikompresi, lokasi tempat audio terkompresi disimpan, rasio kompresi audio dan lamanya waktu yang dibutuhkan selama proses kompresi berlansung dapat dilihat pada Gambar 4.7. Gambar 4.7 Tampilan Hasil Proses Kompresi Universitas Sumatera Utara 49 4.1.2 Tampilan Sub Menu Dekompresi Selain tampilan sub menu kompresi terdapat juga tampilan sub menu dekompresi. Tampilan sub menu dekompresi merupakan halaman untuk pengguna dalam melakukan proses dekompresi audio atau tampilan halaman untuk mengembalikan ukuran audio menjadi ukuran semula dengan menggunakan algoritma Shannon-Fano. Tampilan sub menu dekompresi ini hampir sama dengan tampilan sub menu untuk kompresi. Tampilan untuk sub menu dekompresi dapat dilihat seperti pada Gambar 4.8. Gambar 4.8 Tampilan Sub Menu Dekompresi Pada tampilan sub menu dekompresi juga terdapat tombol Buka File, tombol Dekompres dan tombol Reset. Tombol Buka File yaitu untuk membuka atau memilih file audio yang ingin didekompresi. Saat pengguna mengkliknya akan ditampilkan file-file audio untuk dipilih seperti pada Gambar 4.9. Universitas Sumatera Utara 50 Gambar 4.9 Tampilan Buka File Sub Menu Dekompresi Setelah audio dipilih, maka kemudian terdapat informasi tentang audio seperti nama audio, lokasi audio dan ukuran sebelum didekompresi seperti Gambar 4.30. Gambar 4.10 Tampilan Hasil Buka File Sub Menu Dekompresi Selain itu terdapat juga tombol Dekompres dan tombol Reset pada tampilan yang dapat dilihat pada Gambar 4.11. Universitas Sumatera Utara 51 Gambar 4.11 Tampilan Proses Dekompresi Saat proses dekompresi telah selesai akan ada informasi tentang audio seperti ukuran audio setelah didekompresi, lokasi tempat audio dekompresi disimpan, dan waktu yang dibutuhkan selama proses dekompresi berlansung dapat dilihat pada Gambar 4.12 berikut. Gambar 4.12 Tampilan Hasil Proses Dekompresi Universitas Sumatera Utara 52 4.1.3 Tampilan Sub Menu Play Tampilan sub menu play terdapat merupakan halaman untuk memainkan atau mendengarkan audio baik itu audio hasil kompresi maupun hasil dekompresi. Audio hasil kompresi dapat juga dimainkan di WinAmp atau media player lainnya selain di sub menu player ini. Pada tampilan ini terdapat tombol-tombol seperti tombol Buka File, tombol Play, tombol Pause dan tombol Stop. Tampilan sub menu play dapat dilihat seperti pada Gambar 4.13. Gambar 4.13 Tampilan Sub Menu Play Tombol Buka File digunakan untuk membuka atau memilih file audio terkompresi maupun terdekompresi untuk dimainkan. Saat pengguna mengklik Buka File akan ditampilkan halaman file-file audio untuk dipilih, setelah itu pengguna mengklik tombol Open maka file audio tersebut terpilih untuk dimainkan. Halaman tampilan Tombol Buka File yang digunakan untuk membuka dan memilih audio yang ingin dimainkan terdapat pada Gambar 4.14. Universitas Sumatera Utara 53 Gambar 4.14 Tampilan Buka File Sub Menu Play Selain itu terdapat tombol Play pada tampilan untuk memainkan audio baik itu berupa audio hasil kompresi maupun hasil dekompresi, dapat dijalankan pada player ini. Player ini juga menyediakan tombol Pause yaitu untuk menghentikan audio yang sedang dimainkan sejenak dan tombol Stop untuk menghentikan audio seperti pada Gambar 4.15. Gambar 4.15 Tampilan Memainkan Audio Universitas Sumatera Utara 54 4.1.4 Tampilan Sub Menu Bantuan Tampilan terakhir aplikasi kompresi audio menggunakan algoritma Shannon-Fano ini adalan tampilan sub menu bantuan. Tampilan sub menu bantuan merupakan tampilan panduan untuk memudahkan pengguna yang belum mengerti cara menjalankan aplikasi. Isi dari tampilan sub menu bantuan ini berupa bagaimana cara melakukan kompresi, cara melakukan dekompresi dan cara melakukan pemutaran audio. Tampilan sub menu bantuan dapat dilihat seperti pada Gambar 4.16. Gambar 4.16 Sub Menu Bantuan

4.2 Pengujian Sistem