Implementasi Video Live Streaming Sebagai Media Pembelajaran Interaktif Berbasis Virtual Class TUGAS AKHIR

Implementasi Video Live Streaming Sebagai Media Pembelajaran Interaktif Berbasis Virtual Class

TUGAS AKHIR

Sebagai Persyaratan Guna Meraih Gelar Sarjana Strata 1 Teknik Informatika Universitas Muhammadiyah Malang

Oleh : Heri Apit Yuli Widodo 09560380

JURUSAN TEKNIK INFORMATIKA FAKULTAS TEKNIK UNIVERSITAS MUHAMMADIYAH MALANG 2013 i

LEMBAR PERSETUJUAN IMPLEMENTASI VIDEO LIVE STREAMING SEBAGAI MEDIA PEMBELAJARAN INTERAKTIF BERBASIS VIRTUAL CLASS

TUGAS AKHIR

Sebagai Persyaratan Guna Meraih Gelar Sarjana Strata 1 Teknik Informatika Universitas Muhammadiyah Malang

Menyetujui,

Pembimbing I

Pembimbing II

Ir. Lailis Syafa’ah, MT NIP : 108.9009.0189

Saifudin, S. Kom NIDN : 071.611.8701

ii

LEMBAR PENGESAHAN IMPLEMENTASI VIDEO LIVE STREAMING SEBAGAI MEDIA PEMBELAJARAN INTERAKTIF BERBASIS VIRTUAL CLASS

TUGAS AKHIR Sebagai Persyaratan Guna Meraih Gelar Sarjana Strata 1 Teknik Informatika Universitas Muhammadiyah Malang

Disusun Oleh : Heri Apit Yuli Widodo 09560380

Tugas Akhir ini telah diuji dan dinyatakan lulus melalui sidang majelis penguji pada tanggal 25 Juli 2013

Menyetujui, Penguji I

Penguji II

Yuda Munarko, MSc NIP : 108.9203.0257

Setio Basuki, ST NIP. 108.0907.0477 Mengetahui,

Ketua Jurusan Teknik Informatika

Eko Budi Cahyono, S.Kom, MT NIP : 108.9504.0330

iii

LEMBAR PERNYATAAN

Yang bertanda tangan dibawah ini : NAMA

: HERI APIT YULI WIDODO

NIM

: 09560380

FAK./JUR.

: TEKNIK/TEKNIK INFORMATIKA

Dengan

ini

saya

menyatakan

“IMPLEMENTASI

MEDIA

bahwa

Tugas

Akhir

dengan

judul

VIDEO LIVE STREAMING SEBAGAI

PEMBELAJARAN

INTERAKTIF

BERBASIS

VIRTUAL CLASS” beserta seluruh isinya adalah karya saya sendiri dan bukan merupakan karya tulis orang lain, baik sebagian maupun seluruhnya, kecuali dalam bentuk kutipan yang telah disebutkan sumbernya. Demikian surat pernyataan ini saya buat dengan sebenar-benarnya. Apabila kemudian ditemukan adanya pelanggaran terhadap etika keilmuan dalam karya saya ini, atau ada klaim dari pihak lain terhadap keaslian karya saya ini maka saya siap menanggung segala bentuk resiko/sanksi yang berlaku.

Mengetahui

Malang, 18 Juli 2013

Dosen Pembimbing

Yang Membuat Pernyataan

Ir. Lailis Syafa’ah, MT

Heri Apit Yuli Widodo

iv

LEMBAR PERSEMBAHAN Alkhamdulillah, Rasa syukur penulis kepada Alloh ‘Azza wa Jalla

atas

rahmat dan karunia yang telah dilimpahkan-NYA, sehingga penulis dapat menyelesaikan tugas akhir ini dengan baik. Sholawat dan salam semoga selalu tercurahkan kepada Rosululloh Sholalloohu’alaihiwassalaam. Dalam penyelesaian tugas akhir ini tidak lepas dari bantuan dan dorongan berbagai pihak, oleh karena itu penulis ingin menyampaikan terima kasih kepada : 1.

Kedua Orang Tua yang telah membimbing dan mengasuh penulis hingga sekarang.

2.

Adik-adikku dan Kakak-kakakku yang telah membantuku baik dari materi maupun moril.

3.

Ir. Lailis Syafa’ah, MT dan Saifudin, S. Kom selaku pembimbing tugas akhir yang bersedia meluangkan waktunya untuk membantu mengerjakan tugas akhir ini.

4.

Sahabat Ta’lim ( Yasir, Reza, Ridwan, Faisal, Mr. Teguh, Bion, Faizal, Said, Umam, Faruq dan Arif Tirtana ).

5.

Sahabat UKM-K JF dan LSO-K EAMY.

6.

Sahabat Asisten 2009 (Aris, Fiza, Yudhi, Ruli, Rida, Dimas, Lia, Dea, Putra, Misbah, Arifin, Ilham dan sahabat Asisten 2009 lainya).

7.

Pak Hariyadi, Mas Fredy, Mas Joe, Pak Arif dan Sahabat Infotech lainya yang tidak disebutkan.

8.

Ustadz Alfin Shahih, Ali Rojin, Yunus, Sami’un, Mas Arif dan sahabat Griya Tilawah lainya.

9.

Sahabat IT Class H 2009.

10. Mas Herman yang menjamuku dengan baik saat di lereng semeru. 11. Sahabat Informatika 2009 yang pernah penulis kenal. 12. Sahabat Perpustakaan UMM 13. Semua pihak yang telah membantu yang tidak bisa penulis sebutkan satu persatu

v

KATA PENGANTAR

Alkhamdulillah, atas limpahan rahmat dan hidayah Alloh ‘Azza wa Jalla, penulis dapat menyelesaikan tugas akhir yang berjudul :

“IMPLEMENTASI VIDEO LIVE STREAMING SEBAGAI

MEDIA PEMBELAJARAN INTERAKTIF BERBASIS VIRTUAL CLASS” Di dalam tulisan ini disajikan pokok-pokok pembahasan yang meliputi pendahuluan, perancangan sistem, implementasi dan pengujian sistem. Penulis menyadari sepenuhnya bahwa daam penulisan akhir ini masih ada kekurangan dan keterbatasan, oleh karena itu diharapkan saran dan kritik yang membangun agar tulisan ini bermanfaat dalam perkembangan ilmu pengetahuan dan teknologi ke depan.

Malang, 18 Juli 2013 Penulis

vi

DAFTAR ISI LEMBAR PERSETUJUAN .................................................................................... i LEMBAR PENGESAHAN ................................................................................... ii LEMBAR PERNYATAAN .................................................................................. iii ABSTRAK ............................................................................................................ iv ABSTRACT ............................................................................................................ v LEMBAR PERSEMBAHAN ............................................................................... vi KATA PENGANTAR ......................................................................................... vii DAFTAR ISI …………………………………………………………………....viii DAFTAR GAMBAR …………………………………………………………….xi DAFTAR TABEL ……………………………………………………………....xiv 1. PENDAHULUAN .............................................................................................. 1 1.1 Latar Belakang ........................................................................................... 1 1.2 Rumusan Masalah ...................................................................................... 2 1.3 Batasan Masalah ........................................................................................ 2 1.4 Tujuan Penelitian ....................................................................................... 2 1.5 Metodologi Penelitian ................................................................................ 3 1.6 Sistematika Penulisan ................................................................................ 4 2. LANDASAN TEORI ......................................................................................... 6 2.1 Virtual Class............................................................................................... 6 2.1.1 Penerapan Virtual Class ................................................................... 6 2.1.2 Modular Object-Oriented Learning Environment ........................... 8 2.2 Teknologi Streaming .................................................................................. 8 2.2.1 Video Streaming .............................................................................. 9 2.2.2 Live Streaming ............................................................................... 11 2.2.3 Parameter Unjuk Kerja Video Streaming ...................................... 11 2.2.4 Real Time Encode dan Pre-encoded Video ................................... 12 2.2.5 Bit Rate .......................................................................................... 13 2.2.6 Kompresi Video ............................................................................. 13 2.2.6 Standar Kompresi Video ............................................................... 13 2.3 Streaming Server ...................................................................................... 15

vii

2.3.1 Darwin Streaming Server .............................................................. 16 2.3.2 Session Description Protocol (SDP) ............................................. 19 2.4 Aplikasi Capture Video ............................................................................ 20 2.4.1 Wirecast......................................................................................... 20 2.5 Protokol Jaringan ..................................................................................... 22 2.5.1 Transport Control Protocol (TCP) ................................................. 22 2.5.2 User Datagram Protocol (UDP) ..................................................... 22 2.6 Web Server .............................................................................................. 23 2.6.1 Apache Web Server....................................................................... 23 2.6.2 PHP ............................................................................................... 24 2.6.3 MYSQL ......................................................................................... 24 2.7 Aplikasi Penguji Sistem........................................................................... 25 2.7.1 Video LAN Client (VLC) ............................................................. 25 2.7.2 Quality Of Service (QOS) ............................................................. 25 2.7.3 Iperf ............................................................................................... 26 3. ANALISA DAN PERANCANGAN SISTEM ................................................ 27 3.1 Analisa Sistem ......................................................................................... 27 3.2 Analisa Kebutuhan Sistem ....................................................................... 28 3.2.1 Spesifikasi Komputer Server ......................................................... 28 3.2.2 Spesifikasi Komputer Broadcaster ................................................. 29 3.3 Blok Diagram Sistem ............................................................................... 29 3.4 Perancangan Kerja Sistem ....................................................................... 30 3.5 Konfigurasi Sistem................................................................................... 31 3.5.1 Konfigurasi Alamat IP ................................................................... 31 3.5.2 Konfigurasi Wirecast Broadcaster ................................................. 33 3.5.3 Konfigurasi Darwin Streaming Server (DSS)................................ 36 3.5.4 Konfigurasi Apache Web Server ................................................... 40 3.5.5 Konfigurasi Moodle ....................................................................... 41 3.5.3 Konfigurasi Iperf ........................................................................... 46 4. IMPLEMENTASI DAN PENGUJIAN ............................................................ 47 4.1 Implementasi Sistem ................................................................................ 47 4.1.1 Implementasi Wirecast Broadcaster .............................................. 47

viii

4.1.2 Implementasi Darwin Streaming Server ........................................ 48 4.1.3 Implementasi Live Video Streaming ............................................. 50 4.1.4 Implementasi Ujian Online ............................................................ 50 4.1.5 Implementasi Sistem Diskusi ........................................................ 53 4.2 Pengujian Sistem ...................................................................................... 54 4.2.1 Pengujian Layanan Authentifikasi ................................................. 55 4.2.2 Pengujian Video Live Streaming ................................................... 55 4.2.3 Pengujian Ujian Online ................................................................. 57 4.2.4 Pengujian Sistem Diskusi .............................................................. 59 4.2.5 Pengujian Server Streaming .......................................................... 60 4.3 Hasil Pengujian ........................................................................................ 66 4.4 Analisa Hasil Pengujian ........................................................................... 68 5. PENUTUP ........................................................................................................ 77 5.1 Kesimpulan .............................................................................................. 77 5.2 Saran ........................................................................................................ 78 DAFTAR PUSTAKA ........................................................................................... 79 BIOGRAFI PENULIS .......................................................................................... 80

ix

DAFTAR GAMBAR Gambar 2.1 Proses Video Streaming ........................................................................10 Gambar 2.2 Tampilan Utama Darwin Streaming Server .......................................18 Gambar 2.3 Tampilan Wirecast .............................................................................21 Gambar 3.1 Diagram Blok Sistem .........................................................................30 Gambar 3.2 Flowchart Sistem Streaming Server ...................................................31 Gambar 3.3 Tampilan Network Connections.........................................................32 Gambar 3.4 Konfigurasi IP Address ......................................................................32 Gambar 3.5 Pengecekan IP Address ......................................................................33 Gambar 3.6 Menu Broadcast Settings ....................................................................34 Gambar 3.7 Halaman Broadcast Settings...............................................................34 Gambar 3.8 Pengaturan Encoder Video .................................................................35 Gambar 3.9 Pengaturan Encoder Audio.................................................................35 Gambar 3.10 Proses Instalasi Darwin Streaming Sercer .......................................37 Gambar 3.11 Konfigurasi Username & Password DSS .........................................37 Gambar 3.12 Halaman Login Darwin Streaming Server .......................................38 Gambar 3.13 Tampilan Setup Assisten MP3 Broadcaster Password .....................39 Gambar 3.14 Tampilan Setup Assistant Secure Administration ............................39 Gambar 3.15 Tampilan Setup Assistant Media Folder ..........................................39 Gambar 3.16 Tampilan Setup Assistant Streaming on Port 80 ..............................40 Gambar 3.17 Tampilan Utama Darwin Streaming Server .....................................40 Gambar 3.18 Proses Instalasi Apache Web Server ................................................41 Gambar 3.19 Menjalankan Apache Web Server ....................................................41 Gambar 3.20 Proses Ekstrak Moodle .....................................................................41 Gambar 3.21 Halaman Instalasi Moodle ................................................................42 Gambar 3.22 Konfigurasi Web Address Pada Moodle ..........................................42 Gambar 3.23 Konfigurasi Server Moodle ..............................................................43 Gambar 3.24 Halaman Utama Moodle ..................................................................43 Gambar 3.25 Mengganti Latar Moodle ..................................................................44 Gambar 3.26 Halaman Pengaturan Kategori .........................................................44 Gambar 3.27 Halaman Pengaturan Kursus ............................................................45

x

Gambar 3.28 Tampilan Kategori Yang Telah Dibuat ............................................45 Gambar 3.29 Tampilan Kursus Jaringan Wireless .................................................46 Gambar 3.30 Instalasi Iperf ....................................................................................46 Gambar 4.1 Proses Broadcast Video ......................................................................48 Gambar 4.2 Halaman Utama Darwin Streaming Server ........................................49 Gambar 4.3 User Aktif ...........................................................................................49 Gambar 4.4 Scripts Embed Video Live Streaming ................................................50 Gambar 4.5 Pengaturan Nama Ujian .....................................................................50 Gambar 4.6 Pengaturan Waktu Pelaksanaan dan Soal Ujian .................................51 Gambar 4.7 Pengaturan Jenis Soal Ujian ...............................................................51 Gambar 4.8 Pembuatan Soal Ujian ........................................................................52 Gambar 4.9 Pembuatan Pilihan Jawaban ...............................................................52 Gambar 4.10 Menampilkan Soal............................................................................53 Gambar 4.11 Daftar Soal Pada Questions In This Quiz.........................................53 Gambar 4.12 Menambahkan AKtivitas Diskusi ....................................................54 Gambar 4.13 Konfigurasi Sistem Diskusi..............................................................54 Gambar 4.14 Halaman Login .................................................................................55 Gambar 4.15 Halaman Utama Virtual Class ..........................................................55 Gambar 4.16 Proses Capture Video .......................................................................56 Gambar 4.17 Video Live Streaming pada Komputer Client ..................................56 Gambar 4.18 Mengakses Kursus Jaringan Wireless ..............................................57 Gambar 4.19 Memilih Mata Kuliah Jaringan Wireless B ......................................57 Gambar 4.20 Menu Untuk Memulai Ujian ............................................................58 Gambar 4.21 Konfirmasi Untuk Mengikuti Quiz ..................................................58 Gambar 4.22 Soal Ujian .........................................................................................59 Gambar 4.23 Hasil Ujian........................................................................................59 Gambar 4.24 Notifikasi Mengikuti Diskusi ...........................................................60 Gambar 4.25 Sistem Diskusi ..................................................................................60 Gambar 4.26a Pengujian 2 Client di Protokol TCP ...............................................61 Gambar 4.26b Pengujian 2 Client di Protokol UDP ..............................................61 Gambar 4.27a Pengujian 2 Client di Protokol VoD...............................................61 Gambar 4.27b Pengujian 2 Client di Protokol UDP VoD .....................................62

xi

Gambar 4.28a Pengujian 3 Client di Protokol TCP ...............................................62 Gambar 4.28b Pengujian 3 Client di Protokol UDP ..............................................62 Gambar 4.29a Pengujian 3 Client di Protokol TCP VoD ......................................63 Gambar 4.29b Pengujian 3 Client di Protokol UDP VoD .....................................63 Gambar 4.30a Pengujian 5 Client di Protokol TCP ...............................................64 Gambar 4.30b Pengujian 5 Client di Protokol UDP ..............................................64 Gambar 4.31a Pengujian 5 Client di Protokol TCP VoD ......................................64 Gambar 4.31b Pengujian 5 Client di Protokol UDP VoD .....................................65 Gambar 4.32a Pengujian 7 Client di Protokol TCP ...............................................65 Gambar 4.32b Pengujian 7 Client di Protokol UDP ..............................................65 Gambar 4.33a Pengujian 7 Client di Protokol TCP VoD ......................................66 Gambar 4.33b Pengujian 7 Client di Protokol UDP VoD .....................................66 Gambar 4.34 Grafik Nilai Transfer Video Live Streaming ...................................68 Gambar 4.35 Grafik Nilai Transfer Video on Demand..........................................69 Gambar 4.36 Grafik Nilai Bandwith Video Live Streaming .................................70 Gambar 4.37 Grafik Nilai Bandwith Video on Demand........................................71 Gambar 4.38 Grafik Nilai Video Live Streaming ..................................................72 Gambar 4.39 Grafik Nilai Video on Demand ........................................................73 Gambar 4.40 Grafik Nilai Throughput Video Live Streaming ..............................74 Gambar 4.41 Grafik Nilai Video on Demand ........................................................75

xii

DAFTAR TABEL Tabel 1.1 Tabel Standar Kompresi Video ..............................................................15 Tabel 3.1 Tabel Spesifikasi Hardware Komputer Server.......................................28 Tabel 3.2 Tabel Spesifikasi Software Komputer Server ........................................28 Tabel 3.3 Tabel Spesifikasi Hardware Komputer Broadcaster ..............................29 Tabel 3.4 Tabel Spesifikasi Software Komputer Broadcaster ...............................29 Tabel 4.1 Hasil Pengujian Streaming Server pada Video Live Streaming ...........67 Tabel 4.2 Hasil Pengujian Streaming Server pada Video On Demand..................68

xiii

DAFTAR PUSTAKA

[1]

Wahono, S., Romi, 2003. Pengantar E-Learning dan Pengembanganya. Kuliah Umum IlmuKomputer.Com

[2]

Prassida F., Grandys dan Ahmad, Muklason, 2011. Virtual Class Sebagai Strategi Pembelajaran Untuk Peningkatan Kualitas Student-Centered Learning di Perguruan Tinggi. ITS. Surabaya

[3]

Nugroho, Bunafit, 2005. Instalasi & Konfigurasi Jaringan Windows dan Linux. Penerbit Andi. Yogyakarta

[4]

Apple Computer, Inc. 2001. About Darwin Streaming Server. US

[5]

Arief, M., Rudyanto, 2011. Pemrograman Web Dinamis Menggunakan PHP dan MySQL. Penerbit Andi. Yogyakarta

[6]

Purbo, Onno W dan Antonius, A., Hartanto, 2002. E-Learning Berbasis PHP dan MySQL. PT Elex Media Komputindo. Jakarta

[7]

Praktikum 14 Analisa QoS Jaringan. Diakses tanggal 9 April 2013 http://lecturer.eepisits.edu/~zenhadi/kuliah/Jarkom1/Prakt%20Modul%2014%20Analisa%20Q oS.pdf

[8]

Rancang Bangun Intranet Video Live Streaming untuk Proses Belajar Mengajar. Diakses tanggal 9 April 2013 http://mfile.narotama.ac.id/files/Tubagus%20Purworusmiadi/Kumpulan%20 File%20PDF/video_streaming.pdf

[9]

Tools video live streaming berbasis web. Diakses tanggal 10 April 2013 http://nurmanto.com/tools-video-live-streaming-berbasis-web/

[10] Wirecast. Diakses tanggal 1 Juli 2013 http://en.wikipedia.org/wiki/Wirecast

xiv

BIOGRAFI PENULIS Heri Apit Yuli Widodo, lahir di kabupaten Banyumas pada 06 Juli 1988 yang merupakan anak ke 6 dari 8 bersaudara. Memulai pendidikan formalnya pada bangku Taman kanak-kanak (TK) Diponegoro Beji pada tahun 1993, kemudian dilanjutkan jenjang sekolah dasar (SD) 02 Beji pada tahun 1993-2000, Sekolah Lanjutan Tingkat Pertama (SLTP) Gunung Jati 1 Purwokerto pada tahun 2000-2003, Sekolah Menengah Kejuruan (SMK) Kesatrian Purwokerto pada tahun 2003-2006, Diploma 1 Polibisnis Wahana Adi Hutama (WAH) Purwokerto Jurusan Komputer pada tahun 2006-2007, dan melanjutkan studi di Jurusan Teknik

Informatika

Bidang

minat

Jaringan

Komputer

di

Universitas

Muhammadiyah Malang. Penulis aktif diberbagai kegiatan kemahasiswaan dilingkup fakultas dan universitas dari mulai menjadi staff hingga kepala departemen di UKM-K Jama’ah AR. Fachruddin dan LSO-K EAMY, menjabat menjadi asisten Laboratorium Teknik Informatika mulai tahun 2010 hingga 2013. Pada tahun 2013 penulis memutuskan untuk bergabung dengan lembaga Tahfidz Al-Qur’an di Griya Tilawah Malang hingga selesai studi di UMM. Selain itu penulis juga pernah mendapatkan beasiswa PPA dan telah banyak mendapatkan sertifikat baik dalam bentuk kegiatan maupun keahlian (skill).

xv