User Interface Web Audio Player User Interface Upload lagu User Interface Hasil Upload User Interface Audio Library to Playlist

BAB IV Hasil Pembahasan

Aplikasi Audio Player berbasis web ini dibangun menggunakan ASP.NET dan Microsoft visual developer 2010 Express. Bab ini membahas tentang hasil dan pembahasan yang meliputi implementasi. Web server yang digunakan adalah Internet Information Service IIS yang digunakan dalam sistem operasi Windows.

4.1 Implementasi Sistem

4.1.1 User Interface Web Audio Player

Gambar 4.1 User Interface Web Audio Player Pada User interface web audio player terdapat tiga tabel utama yaitu: tabel audio player, tabel playist, tabel controler dan beberapa tabel tambahan. Pada Gambar 4.1 adalah tampilan halaman utama web audio player.

4.1.2 User Interface Upload lagu

Dalam penguploadan lagu bisa dilakukan dengan 2 cara yaitu drag and drop dan pilih berkas. Drag and Drop Upload Lagu Gambar 4.2 Drag and Drop Upload Lagu Pada gambar 4.2 user melakukan drag and drop. Sebelumnya user memilih lagu apa yang akan di upload pada windows explorer , kemudian mendrag dan mendrop ke dalam tempat yang telah disediakan. Pilih Berkas Gambar 4.3 Pilih Berkas Pada gambar 4.3 user melakukan plikih berkas. Sebelumnya user memilih lagu apa yang akan di upload pada windows explorer, memasukan ke dalam tabel pilih berkas.

4.1.3 User Interface Hasil Upload

Gambar 4.4 User Interface Hasil Upload Pada gambar 4.4 merupakan hasil dari upload

4.1.4 User Interface Audio Library to Playlist

Dalam pemilihan lagu dari audio library to playlist bisa dilakukan dengan 2 cara yaitu drag and drop dan add selected item . Drag and Drop Gambar 4.5 Drag and Drop to Playlist Pada gambar 4.5 merupkan proses Drag and Drop audio library to playlist untuk melakukan proses pemutaran lagu. Hasil Drag and Drop Audio to Playlist Gambar 4.6 Hasil Drag and Drop Audio to Playlist Pada gambar 4.6 merupakan hasil dari proses Drag and Drop audio library to playlist untuk melakukan proses pemutaran lagu. Add selected item to Playlist Gambar 4.7 Add selcted item to playlist Klik disini Pada gambar 4.7 merupakan proses add selected item to playlist untuk melakukan proses pemutaran lagu. Hasil add selected item to playlist Gambar 4.8 Hasil add selected item Pada gambar 4.8 merupakan hasil proses add selected item to playlist untuk melakukan proses pemutaran lagu.

4.1.5 User Interface Play Audio