Perpustakaan Unika
PERANCANGAN RADIO STREAMING BERBASIS WEBSITE MELALUI JARINGAN SECARA OFFLINE
TUGAS AKHIR
oleh: Tedy Nugroho 02.50.0078
PROGRAM STUDI TEKNIK ELEKTRO FAKULTAS TEKNOLOGI INDUSTRI UNIVERSITAS KATOLIK SOEGIJAPRANATA SEMARANG 2011
Perpustakaan Unika
PENGESAHAN
Laporan tugas akhir dengan judul “ Perancangan Radio Streaming Berbasis Website Melalui Jaringan Secara Offline ” diajukan untuk memenuhi sebagian dari persyaratan dalam memperoleh gelar Sarjana Teknik Elektro pada Program Studi
Teknik
Elektro Fakultas
Teknologi
Industri Universitas
Katolik
Soegijapranata Semarang. Laporan Tugas Akhir ini disetujui pada tanggal 18 April 2011.
Semarang, 18 April 2011. Menyetujui, Pembimbing I
Pembimbing II
(Erdhi Widyarto, ST, MT) NPP. 058.1.2002.254
( Bernardus Harnadi. ST,MT ) NPP. 058.1.1994.158
Mengetahui: Dekan FTI
(Dr. Ir. F. Budi Setiawan, MT) NPP : 058.1.1994.150
ii
Perpustakaan Unika
ABSTRAK
Teknologi yang berkembang secara pesat menyebabkan berkembangnya teknologi pengiriman media streaming yang merupakan proses pengiriman media broadcast secara kontinu dari sebuah server untuk ditampilkan terminal client. Streaming memungkinkan media ditampilkan segera tanpa harus menunggu keseluruhan media diterima lengkap lebih dahulu, client hanya perlu mendapatkan sebagian kecil data. Client hanya perlu menunggu sebentar untuk proses loading dan buffering. Pada penelitian ini telah dibuat sebuah perangkat lunak berbasiskan streaming, dengan menggunakan interface website dengan bahasa pemrograman PHP berbasis objek oriented.
Kata kunci : internet radio, media streaming
iii
Perpustakaan Unika
KATA PENGANTAR
Puji dan syukur kita panjatkan kepada Tuhan Yang Maha Esa, atas rahmatNya yang telah diberikan sehingga penulis dapat menyelesaikan laporan Tugas Akhir dengan judul Perancangan Radio Streaming Berbasis Website Melalui Jaringan Secara Offline. Pada kesempatan ini tidak lupa penulis juga ingin menyampaikan ucapan terima kasih kepada: 1. Bapak Dr. FL Budi Setiawan, ST, MT; selaku Dekan Fakultas Teknologi Industri Universitas Katolik Soegijapranata Semarang. 2.
Bapak Erdhi Widyarto N, ST, MT; selaku dosen pembimbingI dalampenyelesaian laporan Tugas Akhir ini, yang telah memberikan saran, kritik, dan semangat selama proses penyusunan laporan Tugas Akhir ini.
3.
Bapak Bernardus Harnadi, ST, MT; selaku dosen pembimbing II dalam penyelesaian laporan Tugas Akhir ini, yang telah memberikan saran, kritik, dan semangat selama proses penyusunan laporan Tugas Akhir ini.
4.
Bapak Moch Kaslan dan Ibu Sukemi selaku orang tua dari penulis yang selalu memberikan wejangan-wejangan yang berguna bagi penulis dan meyakinkan putranya untuk terus berjuang demi kehidupan yang lebih baik, mengajarkan bersosialisasi dengan baik, saling menyayangi, membiayai semasa kecil hingga sampai saat ini.
iv
Perpustakaan Unika
5.
Indrya Wijayanti, Teo Wicaksono, Mega Kartika selaku adik dari penulis, terimakasih atas doanya selama ini.
6.
Windy Maretha Permanasari SH. Terimakasih buat semangat dan motivasinya serta telah dengan setia menunggu penulis selama ini hingga penulis penulis dapat menyelesaikan tugas akhir ini.
7.
Dosen dan Karyawan Fakultas Teknologi Industri Program Studi Teknik Elektro yang dengan ikhlas mengajarkan ilmunya kepada kami, terimakasih banyak.
8.
Om Wewe’ (Wesly Stefen Masengi) terimakasih atas pinjaman Laptopnya, sehingga penulis dapat menyelesaikan tugas akhir.
8.
Brima, ambon Lukas, Edow, Tompel, Rahmat, Teguh, Mario, Aji, Aji chating, X-G0, Ambon Demak, Puguh,Aswin. Dan seluruh temanteman angkatan 2002 serta teman-teman Fakultas Teknologi Industri Universitas Katolik Soegijapranata Semarang yang telah memberi warna dalam kehidupan penulis. Berikan yang terbaik untuk Almamatermu!
9.
Team Ockla-Ocklo (John Katrox, Ayub Chayo Chasem, Jie Ngepot, Whery Adjah, Dk West Flower,Nongol Bocah Kemplunk, Rahman Evolution) teruskan “ide-ide gila” kalian prend…
9.
Dan pihak - pihak lain yang telah membantu yang tidak dapat disebutkan namanya satu per satu.
Penulis berharap agar laporan tugas akhir ini dapat memberi manfaat kepada rekan-rekan mahasiswa selanjutnya. Penulis menyadari bahwa laporan
v
Perpustakaan Unika
tugas akhir ini masih jauh dari kata sempurna karena keterbatasan pengetahuan dan kemampuan penulis. Tetapi berkat bimbingan, nasehat, dukungan, dan dorongan dari berbagai pihak yang tidak bisa disebutkan satu-persatu, hingga akhirnya penulis dapat menyelesaikan laporan tugas akhir ini dengan sebaikbaiknya.
Semarang,
Juli 2011
Penulis
vi
Perpustakaan Unika
DAFTAR ISI
PENGESAHAN ...................................................................................................... ii ABSTRAK ............................................................................................................. iii KATA PENGANTAR ........................................................................................... iv DAFTAR ISI ......................................................................................................... vii BAB I ...................................................................................................................... 1 PENDAHULUAN .................................................................................................. 1 1.1
Latar Belakang ......................................................................................... 1
1.2
Tujuan ....................................................................................................... 2
1.3
Perumusan Masalah .................................................................................. 2
1.4
Batasan Masalah ....................................................................................... 2
1.5
Metodologi Penulisan ............................................................................... 2
1.6
Analisa Sistem .......................................................................................... 4
1.7
Sitematika Penulisan ................................................................................ 4
BAB II ..................................................................................................................... 6 DASAR TEORI ...................................................................................................... 6 2.1
Media Server dan Media Streaming ......................................................... 6
2.1.1
Media Server ..................................................................................... 6
2.1.2
Media Streaming ............................................................................... 6
2.2
CMS , Wordpress dan PHP ...................................................................... 8
2.2.1
CMS (Content Management System) ............................................... 8
2.2.2
Wordpress ......................................................................................... 9
2.2.3
Keunggulan dan Fitur WordPress ..................................................... 9
2.2.4
PHP (Hypertext Preprocessor) ........................................................ 12
2.3
HTML ..................................................................................................... 13
2.3.1
Pengertian HTML ........................................................................... 13
2.3.2
Hal Yang dapat dilakukan dengan HTML ...................................... 15
2.4
Jaringan Komputer ................................................................................. 18
2.4.1
Manfaat Jaringan Komputer ............................................................ 19
2.5
Client - Server ........................................................................................ 20
2.6
Proxy ...................................................................................................... 22
BAB III ................................................................................................................. 24
vii
Perpustakaan Unika
PERANCANGAN SISTEM PERANGKAT KERAS .......................................... 24 DAN PERANGKAT LUNAK PADA RADIO STREAMING ............................ 24 3.1
PERANCANGAN SISTEM................................................................... 24
3.1.1
Perancangan Use Case Diagram ..................................................... 25
3.1.2
Perancangan Sequence Diagram ..................................................... 25
3.1.3
Perancangan Class Diagram ............................................................ 26
3.1.4
Implementasi Sistem ....................................................................... 26
3.2
Implementasi Web Server ...................................................................... 26
3.3
Implementasi Web Client ....................................................................... 31
BAB IV ................................................................................................................. 32 ANALISA SISTEM PADA RADIO STREAMING .............................................. 32 4.1
Identifikasi Jaringan ............................................................................... 32
4.1.1
Konfigurasi Interface ...................................................................... 33
4.1.2
Konfigurasi IP Address ................................................................... 33
4.1.3
Konfigurasi DNS ............................................................................. 33
4.1.4
Konfigurasi IP Pool ......................................................................... 34
4.1.5
Konfigurasi DHCP .......................................................................... 34
4.2
Pengujian Audio Streming ..................................................................... 34
4.2.1
Pengujian Audio streming ( port 6800) ........................................... 34
4.2.2
Grafik Input dan Output Level Data Audio Streaming. .................. 39
4.3
Memasukan Audio streaming kedalam Website .................................... 40
4.3.1
Streaming Player ............................................................................. 40
4.3.2
Header ............................................................................................. 41
4.3.3
Main index ...................................................................................... 45
4.3.4
Page Template ................................................................................. 46
4.3.5
Comments ....................................................................................... 48
4.3.6
CSS Style Sheets ............................................................................. 51
BAB V................................................................................................................... 62 PENUTUP ............................................................................................................. 62 5.1
Kesimpulan ............................................................................................. 62
5.2
Saran penulis .......................................................................................... 62
DAFTAR PUSTAKA ........................................................................................... 64 LAMPIRAN .......................................................................................................... 65
viii