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