PERANCANGAN E-LEARNING DENGAN LMS MOODLE DAN TATAP MUKA VIA VIDEO STREAMING MENGGUNAKAN GOOGLE HANGOUTS oleh Zerlina Amelia Kalendesang NIM: 622009601 Skripsi Untuk melengkapi salah satu syarat memperoleh Gelar Sarjana Teknik Program Studi Sistem Komputer Fakultas Teknik Elektronika dan Komputer Universitas Kristen Satya Wacana Salatiga Mei 2015
INTISARI Pengadaan e-learning dalam mendukung kegiatan pembelajaran di universitas seringkali menghadapi beberapa kendala. Salah satunya adalah minat penggunaannya pada tiap fakultas. Untuk meningkatkan minta para pengguna, maka dilakukan integrasi Google Hangouts On Air dengan Learning Management System (LMS) Moodle untuk menciptakan kolaborasi yang mendukung tatap muka via video streaming. Integrasi dilakukan dengan menanamkan button Google HOA pada Moodle sehingga dapat mendukung kegiatan pembelajaran dua arah secara asinkron, yaitu melalui video streaming. Langkah selanjutnya adalah mengukur performansi jaringan terhadap pengaksesan video streaming, yaitu latency/delay dan throughput, pada jaringan intranet. Hasil akhir menunjukkan bahwa kinerja jaringan menghasilkan kategori excellent dengan nilai latency sebesar 2-160ms. Sedangkan throughput dalam mengakses video streaming adalah sebesar 2Kbps. Kata kunci: Moodle, Google HOA, Video Streaming, Latency, Throughput i
ABSTRACT Procurement of e-learning in supporting learning activities in University face several obstacles oftentimes. One of them is the interest of the user at each faculty. Therefore, to increase the user s interest, the integration of Google Hangouts On Air with a Learning Management System (LMS) Moodle to create a face-to-face collaboration support via video streaming is made. The integration is done by embedding Google HOA button on Moodle so that it can support two-way asynchronous learning, namely via streaming video. The next step is to measure the performance of the network to access the streaming video, the latency/delay and throughput, on the intranet. The final results show that the performance of the network is excellent with a latency of 2-160ms value. While accessing the video streaming, throughput amounted 2Kbps. Keywords: Moodle, Google HOA, Video Streaming, Latency, Throughput ii
KATA PENGANTAR Puji syukur penulis panjatkan kepada Tuhan Yesus Kristus, karena atas berkat dan penyertaan-nya penulis dapat penyelesaikan skripsi ini. Skripsi ini disusun sebagai syarat untuk menyelesaikan studi di Fakultas Teknik Elektro dan Komputer Universitas Kristen Satya Wacana. Dalam penyusunan skripsi ini penulis menyadari tidak mampu menjalankan sendiri, untuk itu pada kesempatan ini penulis ingin mengucapkan terimakasih kepada: 1. Bapak Hartanto Kusuma Wardana, M.T dan Bapak Darmawan Utomo, M.Eng sebagai pembimbing I dan II, yang telah meluangkan waktunya untuk memberikan bimbingan, bantuan, koreksi, serta saran-saran dalam penyelesaian skripsi ini. 2. Bapak Saptadi Nugroho, M.Sc. sebagai Kaprogdi Sistem Komputer atas masukan dan bantuan bapak dari awal kuliah hingga penyusunan akhir skripsi saya ini. 3. Para Dosen FTEK yang telah memberikan ilmunya dan mendidik saya selama perkuliahan di FTEK. 4. Seluruh Staff TU dan karyawan FTEK. 5. Keluarga saya yang tercinta Papa, Mama, Ide, dan Icin yang selalu sabar dan berdoa buat saya. 6. Immanuel Cell Group, Jubilee Youth Salatiga, dan keluarga besar GKB Jubilee Salatiga atas dukungan, perhatian, dan doanya. 7. Teman-teman seperjuangan FTEK 2007 dan 2009. Terima kasih untuk kebersamaannya selama ini. 8. Berbagai pihak yang telah membantu penyusunan skripsi ini yang tidak dapat penulis sebutkan satu-persatu. Penulis menyadari bahwa skripsi ini memiliki banyak kekurangan. Karena itu saran dan kritik akan penulis terima dengan senang hati. Akhir kata, semoga skripsi ini dapat bermanfaat bagi pembaca. Penulis iii
DAFTAR ISI INTISARI... i ABSTRACT... ii KATA PENGANTAR... iii DAFTAR ISI... iv DAFTAR GAMBAR... vi DAFTAR GRAFIK... vii DAFTAR TABEL... viii DAFTAR SINGKATAN... ix BAB I PENDAHULUAN... 1 1.1. Latar Belakang... 1 1.2. Tujuan... 1 1.3. Spesifikasi Sistem... 2 1.4. Sistematika Penulisan... 2 BAB II TINJAUAN PUSTAKA... 3 2.1. E-Learning... 3 2.1.1. Definisi E-Learning... 3 2.1.2. Komponen E-Learning... 3 2.1.3. Klasifikasi E-Learning... 3 2.2. LMS Moodle... 4 2.2.1. Filosofi Edukasi Moodle... 4 2.2.2. Kelebihan LMS Moodle... 5 2.3. Video Streaming... 6 2.3.1. Definisi Video Streaming... 6 2.3.2. Jenis Video Streaming... 7 2.3.3. Istilah dalam Streaming... 7 2.3.4. Protokol Streaming... 9 2.4. Google Hangouts... 9 BAB III PERANCANGAN IMPLEMENTASI SISTEM... 11 3.1. Gambaran Umum Sistem... 11 3.2. Perangkat Lunak... 14 3.2.1. Integrasi Moodle dan Google HOA... 15 iv
3.2.2. Cara Kerja Sistem... 15 BAB IV PENGUJIAN DAN ANALISIS... 17 4.1. Implementasi Sistem... 17 4.1.1. Perangkat Keras... 17 4.1.2. Perangkat Lunak... 19 4.2. Prosedur Pengujian... 19 4.2.1. Pengujian Kompabilitas... 19 4.2.2. Pengujian dengan Skenario... 19 4.2.3. Langkah-langkah Pengujian... 19 4.3. Hasil Pengujian... 20 4.3.1. Pengujian Kompabilitas... 20 4.3.2. Pengujian dengan Skenario... 21 4.4. Analisis... 22 BAB V KESIMPULAN DAN SARAN... 29 DAFTAR PUSTAKA... 30 KODE TAMBAHAN UNTUK MENAMBAHKAN BUTTON HANGOUT PADA HALAMAN WEB [1]... 31 HASIL PENGUJIAN... 33 NILAI LATENCY/DELAY (sec) PADA JARINGAN KABEL... 38 NILAI LATENCY/DELAY (sec) PADA JARINGAN NIRKABEL... 39 NILAI LATENCY/DELAY (sec) DAN THROUGHPUT (Kbps) PADA CLIENT TUNGGAL... 40 NILAI THROUGHPUT (Kbps) PADA JARINGAN KABEL... 41 NILAI THROUGHPUT (Kbps) PADA JARINGAN NIRKABEL... 42 PANDUAN PENGGUNAAN WIRESHARK... 43 v
DAFTAR GAMBAR Gambar 2.1. Tipe Materi Berdasarkan Cara Penyampaiannya... 6 Gambar 2.2. Arsitektur Video Streaming... 7 Gambar 3.1. Diagram Blok Sistem... 12 Gambar 3.2. Use Case Diagram Pengguna... 12 Gambar 3.3. Flowchart Menambahkan Konten Video Streaming oleh Pengajar... 13 Gambar 3.4. Flowchart Mengakses Konten Video Streaming oleh Peserta Didik... 14 Gambar 3.5. Halaman User Client... 15 Gambar 3.6. Prosedur Umum Proses Streaming... 16 Gambar 4.1. Topologi Jaringan Sistem... 17 Gambar 4.2. Halaman Awal Situs... 20 Gambar 4.3. Halaman Login... 20 Gambar 4.4. Halaman Awal Setelah Login... 21 Gambar 4.5. Tampilan Video... 21 Gambar H.1.... 42 Gambar H.2.... 43 Gambar H.3.... 44 vi
DAFTAR GRAFIK Grafik 4.1. Latency pada Jaringan Kabel... 23 Grafik 4.2. Perbandingan Latency antara Client Jamak dan Client Tunggal... 24 Grafik 4.3. Throughput pada Jaringan Kabel... 26 Grafik 4.4. Latency pada Client Tunggal... 27 Grafik 4.5. Throughput pada Client Tunggal... 27 Grafik 4.6. Latency pada Client Jamak... 28 Grafik 4.7. Throughput pada Client Jamak... 28 vii
DAFTAR TABEL Tabel 2.1. Penerapan E-Learning berdasarkan Cara Penyampaiannya... 4 Tabel 2.2. Perbandingan Fitur antara Moodle dan LMS Lainnya... 5 Tabel 4.1. Spesifikasi Jaringan Sistem... 17 Tabel 4.2. Ringkasan Informasi Pengujian Kompabilitas Web Browser dengan Wireshark... 21 Tabel 4.3. Standarisasi Latency Versi TIPHON... 22 Tabel 4.4. Persentase Latency pada Jaringan dengan Client Jamak... 24 viii
DAFTAR SINGKATAN bps DHCP HOA HTTP IE IP ITU-T LMS Moodle PC PSNR RTP RTSP TCP TIPHON UTP XAMPP Bits per second Dynamic Host Configuration Protocol Hangout On Air Hyper Text Transfer Protocol Internet Explorer Internet Protocol International Telecommunication Union-Telecommunication Standards Sector Learning Management System Modular Object-Oriented Dynamic Learning Environment Personal Computer Peak Signal to Noise Ratio Real-time Transport Protocol Real-time Transport Streaming Protocol Transport Control Protocol Telecommunications and Internet Protocol Harmonization Over Network Unshielded Twisted-pair Cross-Platform (X), Apache, MySQL, PHP and Perl ix