Institutional Repository | Satya Wacana Christian University: Perancangan E-Learning dengan Lms Moodle dan Tatap Muka Via Video Streaming Menggunakan Google Hangouts
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
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
ix
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
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
ix