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
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
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
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
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
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
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
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
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
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
DAFTAR SINGKATAN
bps Bits per second
DHCP Dynamic Host Configuration Protocol HOA Hangout On Air
HTTP Hyper Text Transfer Protocol
IE Internet Explorer
IP Internet Protocol
ITU-T International Telecommunication Union-Telecommunication Standards Sector
LMS Learning Management System
Moodle Modular Object-Oriented Dynamic Learning Environment
PC Personal Computer
PSNR Peak Signal to Noise Ratio
RTP Real-time Transport Protocol
RTSP Real-time Transport Streaming Protocol
TCP Transport Control Protocol
TIPHON Telecommunications and Internet Protocol Harmonization Over Network UTP Unshielded Twisted-pair
XAMPP Cross-Platform (X), Apache, MySQL, PHP and Perl
