Activity Diagram Perancangan Sistem

main di sini di asumsikan sebagai player, setelah itu pengguna memilih lagu yang di inginkan, kemudian tekan play pada player, maka lagu akan berputar seperti pada Gambar 3.3. Gambar 3.3. Activity Diagram Player Lagu Pada penambahan lagu, terdapat dua jenis penambahan yaitu penambahan data lagu melalui server dan penambahan lagu melalui folder. Untuk menambah data lagu melalui server, maka pengguna di haruskan membuka menu utama terlebih dahulu, menu utama di sini di asumsikan sebagai menu playlist, kemudian pengguna terlebih dahulu menekan tombol tambah playlist, dan memilih data penyimpanan lagu yang telah tersimpan dari web server, tekan “ok”, maka lagu akan muncul dalam playlist. Untuk penambahan data lagu melalui folder ,maka pengguna di haruskan membuka menu utama, menu utama disini diasumsikan sebagai player lalu buka menu playlist, setelah itu tekan tambah folder, maka menu browse direktori akan muncul, pengguna mencari data lagu yang di inginkan dan tekan “ok”, maka data lagu yang di inginkan oleh pengguna akan muncul dalam playlist, seperti Gambar 3.4 di bawah ini. Gambar 3.4 Activity Diagram Tambah Data Pada diagram simpan data, Untuk menyimpan data lagu, pengguna harus terlebih dahulu membuka menu playlist, pada menu playlist sudah terdapat data lagu yang di inginkan pengguna untuk di simpan sebagai playlist, kemudian pengguna menekan tombol simpan, maka data lagu yang terdapat pada playlist akan tersimpan, seperti Gambar 3.5 di bawah ini. Pada diagram hapus data, untuk menghapus data lagu, terdapat 2 jenis dalam menghapus data lagu dalam playlist, yaitu menghapus lagu satu per satu dan menghapus semua lagu dalam playlist. Untuk menghapus lagu satu per satu, pengguna harus terlebih dahulu memilih salah satu lagu yang akan di hapus dalam data playlist, kemudian tekan hapus lagu, maka lagu akan terhapus. Untuk Menghapus semua lagu, pengguna menekan tombol hapus semua, maka lagu yang tedapat dalam playlist, akan terhapus semua. Seperti pada Gambar 3.6 berikut. Gambar 3.5 Activity Diagram Simpan Lagu Gambar 3.6 Activity Diagram Hapus Lagu

3.2.5 Perancangan Antarmuka

Perancangan antarmuka merupakan perancangan halaman aplikasi yang nantinya akan berinteraksi secara langsung dengan pengguna. Seperti halnya antar antarmuka Web Server, antarmuka menu player lagu, antarmuka menu playlist. Dalam merancang suatu antarmuka aplikasi sangat penting sekali, karena akan menyangkut dalam pembuatan interface suatu aplikasi yang akan di buat, Adapun perancangan yang akan dibuat adalah sebagai berikut: 1. Gambar 3.7 antarmuka web server, terdapat check box, keterangan judul lagu, dan tombol simpan playlist. dalam antar muka web server terdapat fungsi yang berbeda, seperti yang di jelaskan pada tabel 3.1 di bawah ini. Simpan Playlist a b c Gambar 3.7 Antarmuka Web Server Keterangan : Tabel 3.1 Keterangan Antarmuka Web Server a : Merupakan check box, untuk memilih lagu yang di inginkan. b : Merupakan text lagu, menampilkan judul lagu. c : Untuk tombol simpan lagu yang telah di pilih. 2. Gambar 3.8 antarmuka menu player, terdapat 7 buah tombol yaitu: tombol previous, tombol pause, tombol stop, tombol play, tombol next, tombol volume, dan tombol playlist. dalam setiap tombol pada menu player, terdapat fungsi yang berbeda, funsi tombol akan di jelaskan pada tabel 3.2 di bawah ini.