30
BAB III PERANCANGAN SISTEM
Pada bab ini dijelaskan perancangan aplikasi dimulai dengan gambaran sistem, desain arsitektur dari sistem, perancangan database, perancangan aplikasi User Interface website,
perancangan aplikasi website data Audio streaming, dan perancangan aplikasi website live streaming radio, perancangan broadcasting radio.
3.1. Gambaran Sistem
Aplikasi website streaming radio ini bertujuan untuk memudahkan para pengguna dalam menikmati fasilitas radio tanpa terbatas jarak, dengan menggunakan fasilitas internet,
dan juga bertujuan untuk memudahkan para broadcaster radio dalam menyiarkan acara mereka. Sistem dibangun berbasis website sehingga dapat diakses oleh pengguna yang
memiliki fasilitas internet. Sistem dibagi menjadi dua bagian yaitu dibagian aplikasi client website streaming yang digunakan oleh pengguna komputer client dan aplikasi administrator
komputer server yang digunakan oleh administrator dan broadcaster radio.
3.1.1. Aplikasi Client Website Streaming
Aplikasi client website streaming digunakan oleh para pengguna internet untuk dapat menikmati fasilitas streaming Audio dan juga on demand streaming radio secara real time.
Use case untuk pengguna dalam menggunakan aplikasi dapat dilihat pada Gambar 3.1
Gambar 3.1 Use Case diagram Pengguna
31
Penjelasannya adalah sebagai berikut: 1.
Melihat jadwal Pengguna dapat melihat berita acara dari website.
2. Memutar data Audio Pengguna dapat memutar data Audio yang sudah disiapkan.
3. Memutar on demand streaming radio Pengguna dapat memutar radio secara real time
4. Memilih kualitas suara Pengguna dapat memilih kualitas suara yang ingin didengar sehingga dapat
menyesuaikan dengan bandwidth pengguna. 5. Melihat panduan
Pengguna dapat melihat informasi dari halaman panduan serta pengumuman.
Diagram alir halaman aplikasi client website streaming dapat dilihat pada Gambar 3.2. Penjelasan untuk Gambar 3.2 adalah sebagai berikut:
1. Ketika website dibuka, maka halaman yang pertama muncul adalah halaman home, dimana pengguna dapat melihat informasi seputar mengenai website, dibagian atas
ada beberapa pilihan untuk menuju ke halaman – halaman website lainnya.
2. Ketika pengguna memilih tab halaman music, maka akan ditampilkan halaman website dimana terdapat beberapa pilihan judul serta tombol kualitas yang ingin
dipilih dan juga terdapat audio player yang disediakan fitur play, pause, volume control, serta navigator bar dan juga kontrol waktu. Dimana pengguna dapat
melakukan control suara, pause, serta fast forward maupun rewind. 3. Jika pengguna menekan salah satu tombol dari dua pilihan kualitas suara, maka
aplikasi akan menampilkan notifikasi judul serta kualitas yang telah dipilih. 4. Data Audio serta kualitas yang telah dipilih nantinya dapat langsung diputar dengan
Audio player yang sudah disediakan. 5. Ketika pengguna memilih tab halaman live stream, maka akan ditampilkan halaman
website dimana terdapat dua pilihan server radio yang ingin diputar. 6. Jika pengguna menekan salah satu dari dua pilihan server, maka player applet akan
memutar radio secara realtime. 7. Ketika pengguna memilih tab halaman panduan, maka akan ditampilkan halaman
website yang berisi panduan dalam menggunakan aplikasi.
32
8. Ketika pengguna memilih tab pengumuman, maka akan ditampilkan halaman website yang berisi pengumuman - pengumuman serta informasi acara.
Gambar 3.2 Diagram alir client website streaming
Untuk spesifikasi kebutuhan sistem dapat dilihat pada surat tugas dan surat perubahan spesifikasi yang dilampirkan pada bendel ini.
3.1.2. Aplikasi Administrator Komputer Server
