ONLINE ON DEMAND DAN LIVE STREAMING RADIO DENGAN REAL TIME STREAMING PROTOCOL. oleh Cerian Yuwono NIM :

Transkripsi

1 ONLINE ON DEMAND DAN LIVE STREAMING RADIO DENGAN REAL TIME STREAMING PROTOCOL oleh Cerian Yuwono NIM : Skripsi Untuk melengkapi salah satu syarat memperoleh Gelar Sarjana Teknik Program Studi Teknik Komputer Fakultas Teknik Elektronika dan Komputer Universitas Kristen Satya Wacana Salatiga Juli 2013

2

3 i

4 i

5 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 dapat menikmati radio secara real-time. i

6 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 users can enjoy this live and on demand radio in real-time. ii

7 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) Fakultas Teknik Elektronika dan Komputer yang telah membantu, mengajar, dan iii

8 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 Cerian Yuwono iv

9 DAFTAR ISI HALAMAN INTISARI i ABSTRACT ii KATA PENGANTAR iii DAFTAR ISI v DAFTAR GAMBAR vii DAFTAR TABEL x DAFTAR KODE xi DAFTAR SINGKATAN xii BAB I PENDAHULUAN Tujuan Latar Belakang Gambaran Sistem Batasan Masalah Perincian Tugas Sistematika Penulisan 5 BAB II DASAR TEORI Streaming Arsitektur Streaming Streaming dan Download On demand streaming Parameter dalam audio streaming Delay Jitter Packet Loss Audio Encoding Audio Capture G.711 µlaw GSM Internet dan Website HTTP HTML5 17 v

10 PHP WAMP Server MYSQL Protocol TCP/IP UDP RealTime Transport Protocol (RTP) RealTime Control Protocol (RTCP) RealTime Streaming Protocol (RTSP) Java Media Framework Java Applet Wireshark 28 BAB III PERANCANGAN SISTEM Gambaran Sistem Aplikasi Client Website Streaming Aplikasi Administrator Komputer Server Desain Arsitektur Sistem Perancangan Database Database Server Perancangan Aplikasi Website on demand Streaming Radio Aplikasi Administrator Komputer Server Capturing Audio device Capturing Audio Encoding masukan Audio Transmisi data Audio Website Webserver Database Administrator Aplikasi Website Streaming Radio User Interface HTML5 Player Applet Player 43 BAB IV PENGUJIAN DAN ANALISIS 45 vi

11 4. 1. Spesifikasi Alat Prosedur Pengujian Prosedur Pengujian Kompatibilitas Aplikasi Prosedur Pengujian berdasarkan skenario yang telah dibuat Hasil Pengujian Hasil Pengujian Kompatibilitas Hasil Pengujian berdasarkan skenario yang telah dibuat 55 BAB V KESIMPULAN DAN SARAN Kesimpulan Saran 68 DAFTAR PUSTAKA 69 vii

12 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.7. Lapisan pada TCP/IP 19 Gambar 2.8. Arsitektur RTP 22 Gambar 2.9. Arsitektur JMF 24 Gambar State Player 25 Gambar RTP Transmitter dengan JMF 27 Gambar 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 56 Gambar 4.7. Notifikasi penambahan data berhasil 56 Gambar 4.8. Tampilan Form pengubahan informasi data dalam Database 57 Gambar 4.9. Notifikasi pengubahan informasi data berhasil 57 Gambar Notifikasi data berhasil dihapus dari Database 57 viii

13 Gambar Tampilan halaman Home pada Aplikasi Website On demand Streaming radio 58 Gambar Halaman panduan ketika Pengguna menekan link DOWNLOAD JRE PLUGIN 59 Gambar Tampilah Halaman Music 60 Gambar Notifikasi Pemilihan Kualitas 60 Gambar Hasil Capture Software Wireshark yang menangkap paket-paket RTP 61 Gambar Hasil analisa RTP Streams Analysis yang ditangkap 61 Gambar Hasil Analisa paket data RTP dari Server1 62 Gambar Hasil Analisa paket data RTP dari Server2 63 Gambar Tampilan Halaman live stream 64 Gambar Permintaan pengaktifan Java Plugin pada web browser 64 Gambar Pemutaran on demand Streaming Radio Server1 65 Gambar Pemutaran on demand Streaming Radio Server2 65 Gambar Grafik Perbandingan Delay Server1 dan Server2 66 ix

14 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 Tabel 4.5. Hasil Pengujian Skenario 67 x

15 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 Player Audio HTML5 43 Kode Menggundang applet player 44 Kode Pembuatan class StreamingApplet 44 xi

16 DAFTAR SINGKATAN ARP CSS Codec DNS FTP HTML HTTP ICMP IGMP IP ITU JMF JVM LAN PCM PHP RAM RPE-LTP RTCP RTP RTSP SGML SMPTP SQL Telnet TCP/IP UDP UI URL W3C WAMP WiFi Address Resolution Protocol Cascading Style Sheet Compression-Decompression Domain Name Service File Transfer Protocol HyperText Markup Language HyperText Transfer Protocol Internet Control Message Protocol Internet Group Management Protocol Internet Protocol International Telecommunication Union Java Media Framework Java Virtual Machine Local Area Network Pulse Code Modulation PHP: Hypertext Preprocessor Random Access Memory RegularPulse Excitation LongTerm Predictor Real Time Control Protocol RealTime Transport Protocol Real Time Streaming Protocol Standard Generalized Markup Language Simple Mail Transfer Protocol Structure Query Language Telecommunication Network Transmission Control Protocol/Internet Protocol User Datagram Protocol User Interface Uniform Resource Locator World Wide Web Consortium Windows, Apache, MySQL, PHP Wireless Fidelity xii

17 WHATWG Web Hypertext Application Technology Working Group WWW World Wide Web xiii