Institutional Repository | Satya Wacana Christian University: Online on Demand dan Live Streaming Radio dengan Real Time Streaming Protocol

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

Juli 2013

i

i


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

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

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

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

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

1

1. 1. Tujuan

1

1. 2. Latar Belakang

1

1. 3. Gambaran Sistem

3

1. 4. Batasan Masalah

4


1. 5. Perincian Tugas

4

1. 6. Sistematika Penulisan

5

DASAR TEORI

6

2. 1. Streaming

6

BAB II

2. 1. 1. Arsitektur Streaming


7

2. 1. 2. Streaming dan Download

8

2. 1. 3. On demand streaming

8

2. 1. 4.

Parameter dalam audio streaming

9

2. 1. 5.

Delay


9

2. 1. 6.

Jitter

10

2. 1. 7.

Packet Loss

11

2. 2. Audio Encoding

11

2. 2. 1. Audio Capture


12

2. 2. 2. G.711 µlaw

13

2. 2. 3. GSM

13

2. 3. Internet dan Website

14

2. 3. 1. HTTP

15

2. 3. 2. HTML5

17
v

2. 3. 3. PHP

17

2. 3. 4. WAMP Server

18

2. 3. 5. MYSQL

18

2. 4. Protocol

19

2. 4. 1. TCP/IP

19

2. 4. 2. UDP

20

2. 4. 3. RealTime Transport Protocol (RTP)

21

2. 4. 4. RealTime Control Protocol (RTCP)

23

2. 4. 5. RealTime Streaming Protocol (RTSP)

23

2. 5. Java Media Framework

24

2. 6. Java Applet

27

2. 7. Wireshark

28

BAB III PERANCANGAN SISTEM

30

3. 1. Gambaran Sistem

30

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
3. 4. 1. Aplikasi Administrator Komputer Server

36
36

3. 4. 1. 1. Capturing Audio device

36

3. 4. 1. 2. Capturing Audio

37

3. 4. 1. 3. Encoding masukan Audio

38

3. 4. 1. 4. Transmisi data Audio

38

3. 4. 1. 5. Website

39

3. 4. 1. 6. Webserver

39

3. 4. 1. 7. Database Administrator

39

3. 4. 2. Aplikasi Website Streaming Radio

40

3. 4. 2. 1. User Interface

40

3. 4. 2. 2. HTML5 Player

43

3. 4. 2. 3. Applet Player

43

BAB IV PENGUJIAN DAN ANALISIS

45
vi

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

BAB V

52

4. 3. 1. Hasil Pengujian Kompatibilitas

52

4. 3. 2. Hasil Pengujian berdasarkan skenario yang telah dibuat

55

KESIMPULAN DAN SARAN

68

5. 1. Kesimpulan

68

5. 2. Saran

68

DAFTAR PUSTAKA

69

vii

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 2.10. State Player

25

Gambar 2.11. RTP Transmitter dengan JMF

27

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
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 4.10. Notifikasi data berhasil dihapus dari Database

57

viii

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

Gambar 4.20. Permintaan pengaktifan Java Plugin pada web browser

64

Gambar 4.21. Pemutaran on demand Streaming Radio “Server1”

65

Gambar 4.22. Pemutaran on demand Streaming Radio “Server2

65

Gambar 4.23. Grafik Perbandingan Delay “Server1” dan “Server2”

66

ix

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

Tabel 4.5.

Radio

66

Hasil Pengujian Skenario

67

x

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

Kode 3.12.

Pembuatan class StreamingApplet

44

xi

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

WiFi

Wireless Fidelity
xii

WHATWG Web Hypertext Application Technology Working Group
WWW

World Wide Web

xiii