ONLINE ON DEMAND DAN LIVE STREAMING RADIO DENGAN REAL TIME
STREAMING PROTOCOL
oleh Cerian Yuwono NIM : 612007005
Skripsi
Untuk melengkapi salah satu syarat memperoleh Gelar Sarjana Teknik
Program Studi Teknik Komputer Fakultas Teknik Elektronika dan Komputer
Universitas Kristen Satya Wacana Salatiga
INTISARI
On demand streaming radio merupakan salah satu upaya untuk menghasilkan
kemudahan dalam penyebaran radio, serta dapat menanggulangi masalah pembajakan.
Aplikasi ini dibangun berbasis website HTLM5 dan PHP yang dilengkapi dengan
pemutar audio dengan format mp3, dan menggunakan bahasa pemprograman Java
dengan Java media Framework. Dalam aplikasi On demand radio streaming terdapat
dua kualitas codec audio yang biasa digunakan dalam standart telekomunikasi, yaitu
GSM dan G711.
Aplikasi website dilengkapi dengan fitur pemutaran data audio, berformat mp3
dengan dua kualitas yang berbeda, yaitu kualitas high dengan fitur stereo, dan low
dengan fitur mono. Juga dilengkapi aplikasi on demand streaming radio dengan dua
buah server yang berbeda. Server 1 menggunakan codec GSM dan server 2
menggunakan codec G.711.
Pengujian telah dilakukan dan diuji oleh 16 client sekaligus yang terhubung
dengan jaringan lokal, dari hasil pengujian didapat persentase keberhasilan sebesar
100%, dimana aplikasi dapat diakses oleh platform windows XP, windows 7 dan
windows 8, dengan berbagai macam web browser yang telah di-dukung java applet
plugin. Dari hasil pengujian juga didapatkan delay di-bawah 1 menit, sehingga user
ii
ABSTRACT
On demand streaming radio is an efford to ease the radio deployment, as well as
to reduce the piracy problem. This application was built in web form based with
HTML5 and PHP that is equipped with mp3 audio player, and using Java programming
language with Java Media Framework. In the streaming radio application, there are two
quality of audio codec that commonly used in the telecommunication standarts, namely
GSM and G711 audio codec.
Website application is equipped with a mp3 data playback audio feature, with two
different quality, which are High quality with stereo, and Low quality with mono. This
application also included on demand streaming radio with two different servers. Server
1 using the GSM codec, and server 2 using G711 codec.
Test has been done and tested by 16 clients at the same time, as long as they are
connected to the local network, from the test resulted that the application has 100%
success rate, where the application can be accessed by windows XP, windows 7 and
windows 8 platform, with all website browser that has been supported with java applet.
From the test results are obtained that this application have less than 1 minute delay, so
KATA PENGANTAR
Puji syukur saya panjatkan kepada Tuhan Yesus Kristus karena berkat dan rahmat
– Nya selama ini, sehingga saya mampu menyelesaikan skripsi sebagai tugas akhir
perkuliahan ini. Tidak lupa pula saya ucapkan terima kasih kepada bapak Hartanto W,
M.T selaku pembimbing pertama dan bapak Saptadi Nugroho, M.Sc selaku
pembimbing kedua yang telah menyediakan waktu dan membantu saya dalam
mengerjakan skripsi hingga selesai.
Terselesaikannya skripsi ini juga tak lepas dari dukungan baik dalam dukungan
doa maupun dukungan keuangan dan kasih sayang dari keluarga saya, saya ucapkan
terimakasih kepada kedua orang tua saya papa Yuwono Suroso dan mama Ratna
Indrawati yang telah mendukung dan membiayai kuliah selama ini. Dan juga tak lupa
pula saya ucapkan terima kasih kepada keluarga kakak saya Arief Yuwono M.Kom dan
Bevilia Indrati Yuwono M.Arch yang telah membantu dan memberi semangat untuk
menyelesaikan skripsi ini.
Selain itu, saya ucapkan terima kasih kepada Maharani Widjojo atas bantuan
semangat, kasih sayang, serta dukungan yang dia berikan selama ini yang menjadi
motivasi saya dalam menyelesaikan skripsi.
Terima kasih pula atas dukungan dan semangat dari teman-teman Fakultas
Teknik Elektro dan Elektronika, teman – teman kos Diponegoro 73, dan teman – teman
lain yang tidak saya sebutkan satu per satu, atas inspirasi untuk terus belajar, berjuang
dan berusaha.
Apresiasi juga saya berikan kepada seluruh dosen dan para laboran (FTEK)
iv
membimbing selama perkuliahan dan telah memberikan ilmu yang bermanfaat sebagai
dasar pembuatan skripsi ini.
Sebagai penutup, saya selaku sebagai penulis berharap tugas akhir ini dapat
memberi manfaat dan menambah pengetahuan bagi para pembaca. Karena kekurangan
dan keterbatasan yang saya miliki menjadikan skripsi ini jauh dari sempurna. Maka dari
itu kritik dan saran yang membangun akan saya terima dengan berbesar hati.
Salatiga, Juni 2013
Penulis
vi
2. 4. 3. RealTime Transport Protocol (RTP) 21 2. 4. 4. RealTime Control Protocol (RTCP) 23
3. 1. 1. Aplikasi Client Website Streaming 30 3. 1. 2. Aplikasi Administrator Komputer Server 32
3. 2. Desain Arsitektur Sistem 34
3. 3. Perancangan Database 35
3. 3. 1. Database Server 36
3. 4. Perancangan Aplikasi Website on demand Streaming Radio 36 3. 4. 1. Aplikasi Administrator Komputer Server 36
4. 1. Spesifikasi Alat 45
4. 2. Prosedur Pengujian 46
4. 2. 1. Prosedur Pengujian Kompatibilitas Aplikasi 47 4. 2. 2. Prosedur Pengujian berdasarkan skenario yang telah dibuat
49
4. 3. Hasil Pengujian 52
4. 3. 1. Hasil Pengujian Kompatibilitas 52 4. 3. 2. Hasil Pengujian berdasarkan skenario yang telah dibuat 55
BAB V KESIMPULAN DAN SARAN 68
5. 1. Kesimpulan 68
5. 2. Saran 68
viii
DAFTAR GAMBAR
HALAMAN
Gambar 1.1. Arsitektur Sistem 3
Gambar 2.1. Arsitektur Streaming 7
Gambar 2.2. Perbedaan Download dan Streaming 8 Gambar 2.3. Delay yang terjadi dalam pengiriman data 10
Gambar 2.4. Proses terjadinya Jitter 11
Gambar 2.5. Proses Audio Encoding 12
Gambar 2.6. Proses Capture Audio 13
Gambar 2.12. Wireshark RTP Stream Analysis 29
Gambar 3.1. Use Case diagram Pengguna 30
Gambar 3.2. Diagram alir Client website streaming 32
Gambar 3.3. Use Case diagram Administrator 33
Gambar 3.4. Diagram Alir Aplikasi Administrator Komputer Server 34 Gambar 3.5. Arsitektur website streaming radio 35 Gambar 3.6. Diagram Alir Aplikasi Streaming Data Audio 42 Gambar 4.1. Player HTML5 pada web browser Google Chrome 53 Gambar 4.2. Player HTML5 pada web browser Mozila Firefox 54 Gambar 4.3. Player HTML5 pada web browser Internet Explorer 54 Gambar 4.4. Applet player on demand streaming radio 55 Gambar 4.5. Tampilan utama halaman Administrator 55 Gambar 4.6. Tampilan Form penambahan informasi data Audio kedalam Database
Gambar 4.11. Tampilan halaman Home pada Aplikasi Website On demand Streaming
radio 58
Gambar 4.12. Halaman panduan ketika Pengguna menekan link “DOWNLOAD JRE
PLUGIN” 59
Gambar 4.13. Tampilah Halaman “Music” 60
Gambar 4.14. Notifikasi Pemilihan Kualitas 60
Gambar 4.15. Hasil Capture Software Wireshark yang menangkap paket-paket RTP 61 Gambar 4.16. Hasil analisa RTP Streams Analysis yang ditangkap 61 Gambar 4.17. Hasil Analisa paket data RTP dari “Server1” 62 Gambar 4.18. Hasil Analisa paket data RTP dari “Server2” 63
Gambar 4.19. Tampilan Halaman “live stream” 64
x
DAFTAR TABEL
HALAMAN
Tabel 1.1. Perbandingan dengan yang sudah ada 2
Tabel 2.1. Perbandingan codec audio 14
Tabel 3.1. Atribute database 36
Tabel 4.1. Pengujian Kompatibilitas 49
Tabel 4.2. Identifikasi dan Pelaksanaan Pengujian Skenario 52
Tabel 4.3. Hasil Pengujian Kompatibilitas 53
Tabel 4.4. Hasil Pengujian Delay pada Aplikasi Website on demand Streaming
Radio 66
DAFTAR KODE
HALAMAN
Kode 3.1. Daftar perangkat keras inputan 37
Kode 3.2. Media info sebagai data sumber 37
Kode 3.3. Lokasi media sebagai data sumber 38
Kode 3.4. Lokasi Output streaming radio server 1 38 Kode 3.5. Lokasi Output streaming radio server 2 38 Kode 3.6. Pengambilan dan Penampilan seluruh data dari Database 40
Kode 3.7. Penambahan data kedalam Database 40
Kode 3.8. Ubah data dari Database 40
Kode 3.9. Hapus data dari Database 40
Kode 3.10. Player Audio HTML5 43
Kode 3.11. Menggundang applet player 44
xii
DAFTAR SINGKATAN
ARP Address Resolution Protocol
CSS Cascading Style Sheet
Codec Compression-Decompression
DNS Domain Name Service
FTP File Transfer Protocol
HTML HyperText Markup Language
HTTP HyperText Transfer Protocol
ICMP Internet Control Message Protocol
IGMP Internet Group Management Protocol
IP Internet Protocol
ITU International Telecommunication Union
JMF Java Media Framework
JVM Java Virtual Machine
LAN Local Area Network PCM Pulse Code Modulation
PHP PHP: Hypertext Preprocessor RAM Random Access Memory
RPE-LTP RegularPulse Excitation LongTerm Predictor
RTCP Real Time Control Protocol
RTP RealTime Transport Protocol
RTSP Real Time Streaming Protocol
SGML Standard Generalized Markup Language
SMPTP Simple Mail Transfer Protocol
SQL Structure Query Language
Telnet Telecommunication Network
TCP/IP Transmission Control Protocol/Internet Protocol UDP User Datagram Protocol
UI User Interface
URL Uniform Resource Locator
W3C World Wide Web Consortium
WAMP Windows, Apache, MySQL, PHP
WHATWG Web Hypertext Application Technology Working Group