RANCANG BANGUN MULTI-SERVER VIDEO (VIDEO ON DEMAND) DENGAN SISTEM UPNP DAN LIVE STREAMING BERBASIS WEB
1
BAB I
PENDAHULUAN
1.1 Latar BelakangTeknologi informasi telah berkembang menjadi teknologi yang sangat membantu bahkan menentukan tingkat kenerja sebuah perusahaan. Dengan bantuan teknologi informasi , proses kerja atau bisnis yang terjadi di dalam perusahaan dapat dilakukan dengan cepat dan handal.
Pada umumnya teknologi informasi dapat di kembangkan berdasarkan kebutuhan, akan tetapi masih banyak dari teknologi informasi yang kiranya belum begitu difahami dan di jalankan oleh masyarakat luas, utamanya dalam hal ini eksplorasi aplikasi berbasis opensource masih jarang, selain itu implementasi dari berbagai aplikasi tersebut masih belum terealisasi.
Dengan demikian penulis akan menerapakan sebuah teknologi sistem informasi dalam hal ini rancangan server Live Streaming Video Conference serta server Audio Video berbasis UPnP sebagai bentuk ekplorasi dari teknologi informasi.
Ada berbagai sistem informasi yang dikembangkan dengan berbasis Web, dengan berbagai Bahasa pemrograman seperti html, php, java script dan lain sebagainya. Dengan begitu makin banyak yang bias di eksplorasi dari pemrograman web, termasuk Video player yang dapat di operasikan di dalamnya, Sehingga memunginkan sebuah Video di jalankan pada Aplikasi Browser pada komputer. Tidak dapat di pungkiri sebuah situs web jika di dalamnya terdapat tambahan Video Streaming , maka akan semakin menarik, sehingga dapat pula mengundang berbagai viewer. Server Live Streming dan Video Streaming merupakan sistem yang diharapkan dapat menjadikan web lebih menarik juga dapat memberikan informasi yang lebih komperhensif dan informatif bagi viewer.
(2)
2 1.2 Rumusan Masalah
Perumusan masalah pada tugas akhir ini meliputi beberapa hal sebagai berikut:
1.Bagaimana merancang mode multiserver Video Live Streaming dan Server Audio Video berbasis UPnP.
2.Bagaimana mengoptimalkan mode multiserver Video pada Sistem Operasi Linux dengan tampilan yang baik serta berbasis PHP.
3.Bagaimana pengujian mode multiserver Video dengan data hasil (QoS) dengan parameter Delay, Jitter, dan Throughput
1.3 Tujuan
Tujuan yang ingin dicapai dalam pembuatan Tugas Akhir ini adalah:
1.Merancang, membangun serta mengimplementasikan mode multiserver Video.
2.Mengoptimalkan mode multiserver .
3.Menguji mode multiserver Video Live Streaming dan Server Audio Video berbasis Upnp serta pengaplikasian Video pendukung teks untuk memudahkan pembelajaran.
1.4 Batasan Masalah
Adapun batasan-batasan masalah yang akan dicakup dalam tugas akhir ini antara lain:
1.Protokol jaringan yang digunakan pada server Live Streaming adalah rtmp 2.Aplikasi Live Streaming red5 yang dipakai
3.Tidak membahas keamanan jaringan
4.Operating System yang digunakan adalah linux distro LinuxMint. 5.Mengguakan Video yang berekstensi MP4(MPEG-4)
6.Pengujian di implementasikan pada jaringan dengan pengalamatan IPv4 7.Pengujian dilakukan pada jaringan Local Area Network (LAN)
(3)
3 1.5 Metode Penyelesaian Masalah
Metodologi penyelesaian masalah yang dilakukan dalam menyelesaikan tugas akhir ini adalah sebagai berikut :
1. Studi Pustaka
Mengumpulkan dan mempelajari berbagai literatur, artikel maupun jurnal-jurnal penelitian yang berhubungan dengan operating system Linux , Server Live Streming (Broadcast System) with Red5 ,Server Audio Video Upnp, IPv4.
2. Merancang sistem dan Implementasi Multiserver
Pada tahap ini akan dilakukan pembangunan dan implementasi sistem Server Live Streming (Broadcast system) dengan aplikasi Red5 dan Server Audio Video berbasis Upnp serta mulai mengubah tampilan Default dari WebServer dengan menginstall Wordpress.
3. Menganalisa Hasil
Tahap ini akan dilakukan analisis terhadap hasil dari perancangan yang telah dibangun dengan parameter Delay, Jitter, dan Througput.
4. Menyusun Laporan dan kesimpulan
Tahap ini melakukan penyusunan laporan hasil analisa dan optimalisasi dari implementasi di atas. Kemudian menyimpulkan hasil yang telah dilakukan selama percobaan.
(4)
4 1.6 Sistematika Penulisan
Untuk memudahkan pembahasan dalam Tugas Akhir ini, maka penulisan dibagi dalam beberapa BAB dengan sistematika sebagai berikut :
BAB I : Pendahuluan
Bab ini meliputi latar belakang permasalahan, tujuan, rumusan masalah, batasan masalah, metodelogi penyelesaian masalah dan sistematika penulisan.
BAB II : Landasan Teori
Bab ini menjelaskan tentang konsep dasar ServerVideo meliputi Operating System, Linux, multiserver Video Live Streaming ,dan server Audio Video dengan berbasis Upnp serta pendukung tampilan berupa CMS dengan basis PHP .
BAB III : Analisa dan Perancangan sistem
Dalam bab ini akan kita analisa permasalahan yang ada dalam MultiServer Video yaitu Live Streaming dan Server Audio Video berbasis UPnP serta lainnya yang telah di buat.
BAB IV : Implementasi dan Pengujian
Bab ini membahas tentang implementasi, pengujian dan analisa kinerja sistem setelah terbentuk, kemudian menguji untuk mengetahui bahwa sistem yang dibuat bekerja dengan baik. BAB V : Kesimpulan
Bab ini berisikan kesimpulan dan saran yang diperoleh dari hasil implementasi dalam tugas akhir ini.
(5)
RANCANG BANGUN MULTI-SERVER VIDEO
(VIDEO ON DEMAND) DENGAN SISTEM UPNP
DAN LIVE STREAMING BERBASIS WEB
TUGAS AKHIR
Diajukan Untuk Memenuhi
Persyaratan Guna Meraih Gelar Ahli Madya Diploma III Teknik Elektro Universitas Muhammadiyah Malang
FAKRUN AZIID 201210150511018 FERRY NUR INDRAWAN
201210150511002
JURUSAN D-III TEKNIK ELEKTRO
FAKULTAS TEKNIK
UNIVERSITAS MUHAMMADIYAH MALANG
2015
(6)
iii
LEMBAR PENGESAHAN
RANCANG BANGUN MULTISERVER VIDEO (VIDEO ON DEMAND) DENGAN SISTEM UPNP DAN LIVE STREAMING BERBASIS WEB Diajukan Untuk Memenuhi Persyaratan Guna Meraih Gelar Ahli Madya (D3) Jurusan Elektro Teknik Komputer Jaringan Universitas Muhammadiyah Malang
Disusun Oleh : Fakrun Aziid 201210150511018 Ferry Nur Indrawan
201210150511002
Tanggal Ujian : 24 Oktober 2015 Disetujui Oleh :
1. Galih Wasis Wicaksono, S.Kom., M.Cs. (Pembimbing I) NIP : 10814100541
2. Dr.Ir. Ermanu Azizul Hakim, M.T (Pembimbing II) NIP : 10891090233
3. Machmud Effendi, S.T.,M.Eng. (Penguji I) NIP : 10802030363
4. Eko Budi Cahyono, S.Kom.,MT (Penguji II) NIP : 10895040330
Mengetahui,
Ketua Juruasan Teknik Elektro
Ir. Nur Alif Mardiyah, M.T NIP : 10892030257
(7)
viii
KATA PENGANTAR
Dengan memanjatkan puji syukur kehadirat Allah subhanahu wa ta’ala
atas limpahan rahmat dan hidayah-Nya sehingga penulis dapat menyelesaikan tugas akhir yang berjudul :
“RANCANG BANGUN MULTI-SERVER VIDEO (VIDEO ON DEMAND) DENGAN SISTEM UPNP DAN LIVE STREAMING BERBASIS WEB”
Di dalam tulisan ini disajikan pokok-pokok pembahasan yang meliputi pendahuluan, landasan teori, perancxangan system, implementasi dan pengujian system. Penulis menyadari sepenuhnya bahwa dalam penulisan tugas akhir ini masih banyak kekurangan dan keterbatasan. Oleh karena itu penulis mengharapkan saran yang membangun agar tulisan ini bermanfaat bagi perkembangan ilmu pengetahuan kedepan.
Malang, 7 November 2015
(8)
ix DAFTAR ISI
LEMBAR JUDUL ... i
HALAMAN PERSETUJUAN ... ii
HALAMAN PENGESAHAN ... iii
SURAT PERNYATAAN... iv
ABSTRAK ... v
ABSTRACT ... vi
LEMBAR PERSEMBAHAN ... vii
KATA PENGANTAR ... viii
DAFTAR ISI ... ix
DAFTAR GAMBAR ... xi
DAFTAR TABEL ... xiv
DAFTAR GRAFIK ... xv
BAB I PENDAHULUAN ... 1
1.1 Latar Belakang ... 1
1.2 Rumusan Masalah ... 2
1.3 Tujuan ... 2
1.4 Batasan Masalah... 2
1.5 Metode Penyelesaian Masalah ... 3
1.6 Sistematika Penulisan... 4
BAB II LANDASAN TEORI .. ... 5
2.1 Web Server ………. ... 5
2.2 Red 5 (Aplikasi Server Video Live Streaming Video Conference)…….. ... 6
2.3 MediaTomb (Aplikasi Server Audio Video VOD Berbasis UPNP) ... 7
2.4 Content Management System (CMS) Wordpress ... 9
2.5 QOS (Quality Of Service) ... 10
BAB III ANALISA DAN PERANCANGAN SISTEM ... 11
(9)
x
3.1.1 Analisa Sistem Server Video Live Streaming (Video
Conference) ... 11
3.1.2 Analisa Sistem Server Audio Video berbasis UPnP ... 12
3.2 Spesifikasi Perangkat Keras ... 12
3.3 Spesifikasi Perangkat Lunak ... 14
3.4. Perancangan Server Live Streaming (Video Conference) ... 14
3.5 Perancangan Server Audio Video berbasis UPnP ... 17
BAB IV IMPLEMENTASI DAN PENGUJIAN ... 18
4.1 Implementasi Sistem Multiserver Video ... 18
4.1.1 Implementasi Pembuatan Server Live Streaming (Video Conference) ... 18
4.1.2 Implementasi Pembuatan Server Audio Video Berbasis UPnP ... 22
4.1.3 Instalasi Wordpress ... 23
4.2 Pengujian Dan Analisa Hasil ... 28
4.2.1 Pengujian Server Live Streaming (Video Streaming) pada Client ... 28
4.2.2 Pengujian Server Audio Video berbasis UPnp pada Client ... 30
4.3 Analisa dari Hasil Pengujian….. ... 32
4.3.1 Analisa Pengujian Server Live Streaming (Video Conference) ... 33
4.3.2 Analisa Pengujian Server Audio Video (Multimedia) berbasis UPnp ... 35
Bab V PENUTUP……… ... 36
5.1 Kesimpulan……. ... 36
5.2 Saran ... 36
DAFTAR PUSTAKA ………. ... 37
(10)
xi
DAFTAR GAMBAR
Gambar 3.1 Topologi Server Live Streaming (Video Conference) ... 11
Gambar 3.2 Topologi Server Audio Video berbasis UPnP... 12
Gambar 3.3 Flowchart proses pembuatan Server Video Live Streming (Video Conference) ... 15
Gambar 3.4 Cara kerja sistem server live streaming... 16
Gambar 3.5 Flowchart proses pembuatan Server Audio Video berbasis UPnP ... 17
Gambar 4.1 Operating System Linux yang telah selesai di install pada hardware ... 18
Gambar 4.2 Linux yang telah terhubung dengan internet untuk mendownload beberapa paket yang di butuhkan server ... 18
Gambar 4.3 Instalasi Java JRE(Java Runtime Environment ) dan JDK (Java Development Kit) ... 19
Gambar 4.4 Instalasi Webserver Apache 2 ... 19
Gambar 4.5 Mengekstak Aplikasi server red5 yang telah di download sebelumnya ... 19
Gambar 4.6 Pemberian hak akses paket red5 dan eksekusi (Compile) Aplikasi red5.sh ... 20
Gambar 4.7 Tampilan awal red5 yang menandakan red5 berhasil dijalankan untuk selanjutnya di konfigurasi ... 20
Gambar 4.8 Pengaturan red5 untuk mengaktifkan Microphone dan Webcam Hardware server ... 21
Gambar 4.9 Pengaturan untuk menyesuaikan dengan halaman pada file yang terdapat pada Webserver ... 21
Gambar 4.10 Konfigurasi red5 yang telah siap di pubish pada client ... 22
Gambar 4.11 Install aplikasi Mediatomb ... 22
Gambar 4.12 mengakifkan UI pada file config.xml ... 23
(11)
xii
Gambar 4.14 Install paket aplikasi mysql-server dan paket php5 untuk database
Wordpress ... 24
Gambar 4.15 Membuat database dan user database untuk wordpress ... 24
Gambar 4.16 Ekstrak paket Wordpress dan penempatan pada folder html ... 25
Gambar 4.17 Edit file wp-config.php untuk menyesuaikan Webserver dengan database wordpress ... 25
Gambar 4.18 Tampilan awal wordpress setelah berhasil terkoneksi dengan database wordpress ... 25
Gambar 4.19 Instalasi wordpress pada web untuk mendaftarkan user ke database wordpress ... 26
Gambar 4.20 Instalasi dan User Wordpress telah berhasil terdaftar ... 26
Gambar 4.21 Login pada Wordpress ... 27
Gambar 4.22 Tampilan Dashbord wordpress setelah berhasil login ... 27
Gambar 4.23 Publisher mengambil data audio dan video melalui perangkat webcam dan microphone ... 28
Gambar 4.24 Client mengakses Web server dan memilih pilihan untuk menampilkan Streaming dari server Red5 ... 29
Gambar 4.25 Tampilan akhir Server Live Streaming (Video Conference) pada client ... 29
Gambar 4.26 Client mengakses alamat dari server dan mengarahkan pada Aplikasi server Mediatomb ... 30
Gambar 4.27 Tampilan User Interface mediatomb pada Client , serta client mencopy link atau url Video yang akan di jalankan ... 31
Gambar 4.28 Client membuka aplikasi VLC ... 31
Gambar 4.29 Client meletakkan url video pada Open Media Network VLC ... 31
Gambar 4.30 Tampilan Video sesuai dengan url yang di letakkan akan muncul alamat dan content yang menandakan Server Audio Video berbasis UPnP berhasil di jalankan ... 32
Gambar 4.31 Grafik dan tabel pengukuran delay server video Live Streaming (Video Conference) ... 33
Gambar 4.32 Grafik Throughput dari server live Streaming video Conference ... 34
(12)
xiii
Gambar 4.33 Grafik Jitter dari server live Streaming video
Conference ... 34 Gambar 4.34 Grafik besar bandwidth pada server audio video berbasis
UPnP berdasarkan user ... 35 Gambar 4.35 Analisa kapasitas server audio video berbasis UPnP pada saat Client download file ... 33
(13)
xv
DAFTAR GRAFIK
Gambar 4.31 Grafik dan tabel pengukuran delay server video Live Streaming (Video Conference) ... 33 Gambar 4.32 Grafik Throughput dari server live Streaming video Conference 34 Gambar 4.33 Grafik Jitter dari server live Streaming video Conference ... 34 Gambar 4.34 Grafik besar bandwidth pada server audio video berbasis UPnP berdasarkan user ... 35
(14)
xiv
DAFTAR TABEL
Gambar 4.31 Grafik dan tabel pengukuran delay server video Live Streaming (Video Conference) ... 33
(15)
DAFTAR PUSTAKA
[1].Pengertian Apache Webserver ,. Diambil dari :
https://id.wikipedia.org/wiki/Apache_HTTP_Server (diakses pada, 20 Mei 2015)
[2].Pengertian Streaming Media,. Diambil dari :
https://en.wikipedia.org/wiki/Streaming_media (diakses pada, 6 Juni 2015)
[3].Aplikasi Server Red5,. Diambil dari :
http://net.comlabs.itb.ac.id/blog/?p=223 (diakses pada, 15 Juli 2015)
[4].Aplikasi Server Mediatomb,. Diambil dari :
http://www.mediatomb.cc (diakses pada 11 Mei 2015)
[5].Content Management System Wordpress,. Diambil dari :
https://en.wikipedia.org/wiki/WordPress (diakses pada, 20 Mei 2015)
[6].Ahmad Afis Abro,”Rancang Bangun dan Analisa QOS Video Streaming
(1)
DAFTAR GAMBAR
Gambar 3.1 Topologi Server Live Streaming (Video Conference) ... 11
Gambar 3.2 Topologi Server Audio Video berbasis UPnP... 12
Gambar 3.3 Flowchart proses pembuatan Server Video Live Streming (Video Conference) ... 15
Gambar 3.4 Cara kerja sistem server live streaming... 16
Gambar 3.5 Flowchart proses pembuatan Server Audio Video berbasis UPnP ... 17
Gambar 4.1 Operating System Linux yang telah selesai di install pada hardware ... 18
Gambar 4.2 Linux yang telah terhubung dengan internet untuk mendownload beberapa paket yang di butuhkan server ... 18
Gambar 4.3 Instalasi Java JRE(Java Runtime Environment ) dan JDK (Java Development Kit) ... 19
Gambar 4.4 Instalasi Webserver Apache 2 ... 19
Gambar 4.5 Mengekstak Aplikasi server red5 yang telah di download sebelumnya ... 19
Gambar 4.6 Pemberian hak akses paket red5 dan eksekusi (Compile) Aplikasi red5.sh ... 20
Gambar 4.7 Tampilan awal red5 yang menandakan red5 berhasil dijalankan untuk selanjutnya di konfigurasi ... 20
Gambar 4.8 Pengaturan red5 untuk mengaktifkan Microphone dan Webcam Hardware server ... 21
Gambar 4.9 Pengaturan untuk menyesuaikan dengan halaman pada file yang terdapat pada Webserver ... 21
Gambar 4.10 Konfigurasi red5 yang telah siap di pubish pada client ... 22
Gambar 4.11 Install aplikasi Mediatomb ... 22
Gambar 4.12 mengakifkan UI pada file config.xml ... 23
(2)
xii
Gambar 4.14 Install paket aplikasi mysql-server dan paket php5 untuk database
Wordpress ... 24
Gambar 4.15 Membuat database dan user database untuk wordpress ... 24
Gambar 4.16 Ekstrak paket Wordpress dan penempatan pada folder html ... 25
Gambar 4.17 Edit file wp-config.php untuk menyesuaikan Webserver dengan database wordpress ... 25
Gambar 4.18 Tampilan awal wordpress setelah berhasil terkoneksi dengan database wordpress ... 25
Gambar 4.19 Instalasi wordpress pada web untuk mendaftarkan user ke database wordpress ... 26
Gambar 4.20 Instalasi dan User Wordpress telah berhasil terdaftar ... 26
Gambar 4.21 Login pada Wordpress ... 27
Gambar 4.22 Tampilan Dashbord wordpress setelah berhasil login ... 27
Gambar 4.23 Publisher mengambil data audio dan video melalui perangkat webcam dan microphone ... 28
Gambar 4.24 Client mengakses Web server dan memilih pilihan untuk menampilkan Streaming dari server Red5 ... 29
Gambar 4.25 Tampilan akhir Server Live Streaming (Video Conference) pada client ... 29
Gambar 4.26 Client mengakses alamat dari server dan mengarahkan pada Aplikasi server Mediatomb ... 30
Gambar 4.27 Tampilan User Interface mediatomb pada Client , serta client mencopy link atau url Video yang akan di jalankan ... 31
Gambar 4.28 Client membuka aplikasi VLC ... 31
Gambar 4.29 Client meletakkan url video pada Open Media Network VLC ... 31
Gambar 4.30 Tampilan Video sesuai dengan url yang di letakkan akan muncul alamat dan content yang menandakan Server Audio Video berbasis UPnP berhasil di jalankan ... 32
Gambar 4.31 Grafik dan tabel pengukuran delay server video Live Streaming (Video Conference) ... 33
Gambar 4.32 Grafik Throughput dari server live Streaming video Conference ... 34
(3)
Gambar 4.33 Grafik Jitter dari server live Streaming video
Conference ... 34 Gambar 4.34 Grafik besar bandwidth pada server audio video berbasis
UPnP berdasarkan user ... 35 Gambar 4.35 Analisa kapasitas server audio video berbasis UPnP pada saat Client download file ... 33
(4)
xv
DAFTAR GRAFIK
Gambar 4.31 Grafik dan tabel pengukuran delay server video Live Streaming (Video Conference) ... 33 Gambar 4.32 Grafik Throughput dari server live Streaming video Conference 34 Gambar 4.33 Grafik Jitter dari server live Streaming video Conference ... 34 Gambar 4.34 Grafik besar bandwidth pada server audio video berbasis UPnP berdasarkan user ... 35
(5)
DAFTAR TABEL
Gambar 4.31 Grafik dan tabel pengukuran delay server video Live Streaming (Video Conference) ... 33
(6)
DAFTAR PUSTAKA
[1].Pengertian Apache Webserver ,. Diambil dari :
https://id.wikipedia.org/wiki/Apache_HTTP_Server (diakses pada, 20 Mei 2015)
[2].Pengertian Streaming Media,. Diambil dari :
https://en.wikipedia.org/wiki/Streaming_media (diakses pada, 6 Juni 2015)
[3].Aplikasi Server Red5,. Diambil dari :
http://net.comlabs.itb.ac.id/blog/?p=223 (diakses pada, 15 Juli 2015)
[4].Aplikasi Server Mediatomb,. Diambil dari :
http://www.mediatomb.cc (diakses pada 11 Mei 2015)
[5].Content Management System Wordpress,. Diambil dari :
https://en.wikipedia.org/wiki/WordPress (diakses pada, 20 Mei 2015)
[6].Ahmad Afis Abro,”Rancang Bangun dan Analisa QOS Video Streaming