PERANCANGAN E-LEARNING BERBASIS AUDIO-VISUAL DENGAN MEMANFAATKAN WEB STREAMING MENGGUNAKAN PROTOKOL RTMP DAN APLIKASI OPEN SOURCE

  JURNAL J _{E-ISSN : 2541}

• – CLICK – 2469 _{P-ISSN : 2355}
• – 7958

  Jurnal Sistem Informasi Dan Manajemen Informatika

PERANCANGAN E-LEARNING BERBASIS AUDIO-VISUAL DENGAN

MEMANFAATKAN WEB STREAMING MENGGUNAKAN PROTOKOL

  

Haddad Sammir

  Sistem Informasi, STMIK Jayanusa Padang, Jl. Olo Ladang No. 1 Padang email:

  ABSTRACT

Audio-visual based e-learning give better result compared with conventional e-learning, therefore this

research try to design audio-visual based e-learning by using streaming technologies. We choose web

streaming because of it’s availability on almost all computing device.The design of e-learning on this research

sucsessfully present audio-visual exprerience to the user.

  Keywords: e-learning, web streaming, nginx, rtmp ABSTRAK

Pendekatan e-learning berbasis audio visual memberikan hasil yang lebih baik dibandingkan dengan

pendekatan e-learning konvensional, oleh karena itu penelitian ini berusaha merancang e-learning berbasikan

audio-visual dengan memanfaatkan teknologi streaming. Web steaming menjadi pilihan karena

ketersediaannya pada banyak perangkat. Perancangan e-learning menggunkan web streaming berhasil

menghadirkan pengalaman audio-visual kepada pengguna Kata Kunci: e-learning, web streaming, nginx, rtmp

PENDAHULUAN dan dengan mahasiswa lainnya (Ratnasari,

Latar belakang penelitian 2012).

  

E-learning telah menjadi kelengkapan Beberapa peneliti merancang

  e-

  utama bagi institusi pendidikan. Pertumbuhan learning dengan beragam metoda. Kosasi juga semakin pesat dan wilayah (2015) dalam Prosiding Seminar Nasional

  e-learning

  Asia menduduki peringkat nomor satu dengan Pendidikan Teknik Informatika merancang e- tingkat pertumbuhan 17,3% (Naresh & Reddy, learning dengan memberikan layanan berupa 2015). Teknologi e-learning memungkinkan download materi kuliah, membuat komentar pembelajaran dilakukan dari mana saja dan untuk mendiskusikan materi kuliah, serta kapan saja serta mempermudah interaksi propagasi informasi melalui berita dan buletin. antara mahasiswa dengan materi kuliah, dosen Penenelitian lainnya yang dilakukan oleh

  Haryoko (2009) menunjukkan bahwa hasil

  Vol. 4 No. 1 Juli 2017

• – CLICK
• – 2469
P-ISSN : 2355 <
• – 7958

  NGINX adalah sebuah web server yang berfokus kepada kemampuan untuk melayani banyak pengguna pada waktu yang bersamaan, berkinerja tinggi dan penggunaan memory yang rendah. NGINX dapat digunakan untuk melayani permintaan web dinamis seperti mengakses skrip PHP menggunakan FastCGI.

  Web Player Web player

  , mengkomposisikan layar, encoding dan broadcasting . Transmisi dilakukan melalui protokol RTMP dan dapat mengirimkan data (video) ke server tujuan yang mendukung RTMP seperti Youtube, Twitch dan DailyMotion.

  capture

  Open Broadcaster Software (OBS) adalah software opensource yang berfungsi untuk merekam dan melakukan live streaming. OBS menyediakan real-time source dan device

  Open Broadcaster Software

  PHP Hypertext Pre-Processor (PHP) merupakan bahasa scripting yang umum digunakan untuk pemrograman web namun dapat juga digunakan untuk pemrograman umum. Bahasa ini dikembangkan oleh Rasmus Lerdorf pada tahun 1994. PHP dapat digunakan bersama halaman web atau dapat juga dieksekusi melalui command line.

  PHP

  NGINX RTMP Module merupakan modul nginx yang menambahkan fungsionalitas streaming video pada NGINX. Modul ini diaktifkan dengan menambahkannya saat melakukan kompilasi menggunakan dan mengkonfigurasikan modul ini agar memberikan hasil sesuai dengan yang diharapkan.

  NGINX RTMP Module

  NGINX dapat diperluas fungsionalitasnya melalui penambahan modul.

  NGINX

  E-ISSN : 2541

  Macromedia yang kemudian dibeli oleh Adobe meluncurkan versi tidak lengkap dari spesifikasi protokol untuk umum. Motivasi utama RTMP adalah menjadi protokol untuk memutar video Flash.

  streaming audio/video dan data melalui internet antara flash player dengan server.

  Real Time Messaging Protocol (RTMP) pada awalnya merupakan sebuah protokol yang dikembangkan oleh Macromedia untuk

  RTMP

  teknologi opensource serta dirancang untuk dapat bekerja dengan sumber daya komputer rendah. Hasil dari penelitian ini diharapkan dapat memberikan nuansa baru bagi mahasiswa dalam mengakses e-learning sehingga dapat meningkatkan minat belajar serta hasil belajar mahasiswa.

  streaming dibuat dengan memadukan

  Pendekatan audio-visual yang digunakan dalam penelitian ini adalah melalui pemanfaatan web streaming. Web streaming materi kuliah secara audio visual. Aplikasi web

  belajar mahasiswa teknik jaringan komputer yang diajar menggunakan media audio-visual memiliki skor yang jauh lebih tinggi dibandingkan dengan mahasiswa teknik jaringan komputer yang diajar menggunakan pendekatan konvensional.

  Jurnal Sistem Informasi Dan Manajemen Informatika Vol. 4 No. 1 Juli 2017

  JURNAL J

  merupakan pemutar video yang bekerja pada browser. Web player memungkinkan distribusi video melalui internet menjadi lebih luas karena video dapat JURNAL J _{E-ISSN : 2541}

• – CLICK – 2469 _{P-ISSN : 2355}
• – 7958

  Jurnal Sistem Informasi Dan Manajemen Informatika

  diakses secara langsung melalui browser. Web penyimpanan hasil seperti contohnya

  

player merupakan sebuah software yang menggunakan komputer untuk melakukan

umumnya dibangun menggunakan JavaScript. simulasi.

  5. Computer Based Training.

  Streaming Media 6.

  Computer Assisted Instruction.

  Streaming media adalah metoda Merupakan sebuah bentuk pembelajaran

  mendistribusikan content multimedia dengan yang terotomatisasi tinggi. Komputer cara mengantarkannya dan menyajikannya dapat menyesuaikan urutan instruksi pada waktu yang bersamaan. Metoda ini sesuai dengan kebutuhan masing-masing

  Multimedia yang didistribusikan, contohnya 7.

  Web Based Learning. video dapat langsung dimainkan tanpa perlu Proses belajar online berbasis halaman terlebih dahulu menerima keseluruhan web . datanya.

  8. Virtual Learning Environment.

  Merupakan sebuah web based learning

  E-Learning

  yang memberikan nuansa ruang kelas. E-

  E-Learning merupakan metode learning tipe ini memiliki ruang kelas pembelajaran menggunakan media audio virtual serta ujian virtual. visual yang didistribusikan melalui teknologi 9.

  M Learning. internet. E-Learning mengubah paradigma Mobile (M) learning memungkinkan model proses pembelajaran sehingga proses siswa untuk belajar dari mana saja belajar mengajar tidak lagi bergantung kepada menggunakan perangkat mobile. lokasi dan waktu, Kosasi (2015).

  10. Massive Open Online Course (MOOCs) Naresh &amp; Reddy (2015) menulis evolusi Model pembelajaran yang

  

e-learning sebagai berikut: menghubungkan dan mengelaborasikan

1.

  cara untuk terlibat dalam proses belajar. Multimedia learning.

  Pembelajaran yang dikombinasikan MOOCs merupakan media pembelajaran dengan dua atau lebih media seperti audio, online yang dibangun untuk berbagi musik, video dan gambar. informasi, memperbincangkan topik dan 2. bekerja sama dalam cara yang terstruktur. Technology Enhanced Learning.

  Proses pembelajaran yang dibantu atau 11.

  Selective Open Online Course (SOOCs) disampaikan oleh berbagai bentuk SOOCs serupa dengan MOOCs namun teknologi seperti internet, komputer, dengan sedikit perbedaan pada bagian konverensi video dan lain-lain. private dan selective. Bagian private

  3. adalah bagian dengan tujuan serupa Computer Based Instruction.

  Akifitas belajar dan mengajar yang dengan pembelajaran online tradisional. menggunakan komputer. Bagian selective adalah bagian inovatif 4. dimana setiap orang dapat bergabung. Computer Managed Instruction.

  Penggunaan teknologi yang dapat membimbing aktifitas pembelajaran melalui pengujian, analisa dan

  Vol. 4 No. 1 Juli 2017

  E-ISSN : 2541

  JURNAL J

• – CLICK
• – 2469
P-ISSN : 2355 <
• – 7958

  Jurnal Sistem Informasi Dan Manajemen Informatika Vol. 4 No. 1 Juli 2017 METODE PENELITIAN

  Metode penelitian yang digunakan adalah sebagai berikut:

  1. Instalasi aplikasi server dan broadcaster.

  Terdapat dua aplikasi utama pada sisi penyedia yaitu server streaming yang bertugas menyebarluaskan data video dan broadcaster yang merupakan sumber video. Konfigurasi pada server dan broadcaster.

  3. Mempersiapkan Web Client.

  Web client merupakan web based video player yang diatur agar menampilkan video dari broadcaster.

  4. Pengujian Menguji apakah web streaming dapat mendistribusikan materi perkuliahan secara audio visual.

  HASIL Konfigurasi NGINX

  events { worker_connections 1024; ## Default: 1024 } http { server { listen 8080; server_name localhost; } } rtmp { server { listen 1935; chunk_size 4000; application mytv { # enable live streaming live on; # record first 1K of stream record all; record_path /home/hsammir/TMP/av; record_max_size 1K;

  # append current timestamp to each flv record_unique on; # publish only from all ip allow publish all; #deny publish none; allow play all; } }

  Konfigurasi Jaris Player

  &lt;object classid="clsid:D27CDB6E-AE6D-11cf-

  96B8-444553540000" codebase="http://download.macromedia.com/ pub/shockwave/cabs/flash/swflash.cab#versio n=10,0,45,2" width="640" height="360" &gt; &lt;param name="allowFullscreen" value="true"&gt; &lt;param name="allowScriptAccess" value="always"&gt; &lt;param name="movie" value="JarisFLVPlayer.swf"&gt; &lt;param name="bgcolor" value="#000000"&gt; &lt;param name="quality" value="high"&gt; &lt;param name="scale" value="noscale"&gt; &lt;param name="wmode" value="opaque"&gt; &lt;param name="flashvars" value="source=jaris- intro.mp4&amp;type=video&amp;streamtype=file&amp;pos ter=poster.png&amp;autostart=false&amp;logo=logo.p ng&amp;logoposition=top left&amp;logoalpha=30&amp;logowidth=130&amp;logolin k=http://jaris.sourceforge.net&amp;hardwarescalin g=false&amp;darkcolor=000000&amp;brightcolor=4c4 JURNAL J _{E-ISSN : 2541}

• – CLICK – 2469 _{P-ISSN : 2355}
• – 7958

  Jurnal Sistem Informasi Dan Manajemen Informatika

  c4c&amp;controlcolor=FFFFFF&amp;hovercolor=67A Output

  8C1"&gt; Tampilan Konfigurasi Open Broadcaster

  &lt;param name="seamlesstabbing" Software value="false"&gt; &lt;embed type="application/x-shockwave-flash" pluginspage="http://www.adobe.com/shockw ave/download/index.cgi?P1_Prod_Version=S width="640" height="360" src="JarisFLVPlayer.swf" allowfullscreen="true" allowscriptaccess="always"

  Gambar 1. Konfigurasi Software

  bgcolor="#000000" quality="high" Tampilan Open Broadcaster Software scale="noscale" wmode="opaque" flashvars="source=foo&amp;type=video&amp;streamt ype=rtmp&amp;server=rtmp://192.168.1.12:1935/ mytv/&amp;poster=poster.png&amp;autostart=false&amp;lo go=logo.png&amp;logoposition=top left&amp;logoalpha=30&amp;logowidth=130&amp;logolin k=http://jaris.sourceforge.net&amp;hardwarescalin g=false&amp;darkcolor=000000&amp;brightcolor=4c4 c4c&amp;controlcolor=FFFFFF&amp;hovercolor=67A

  8C1" seamlesstabbing="false"

  Gambar 2. Open Broadcaster Software

  &gt; &lt;noembed&gt;

  Tampilan Web Streaming &lt;/noembed&gt; &lt;/embed&gt; &lt;/object&gt;

  Gambar 3. Tampilan Web Streaming Vol. 4 No. 1 Juli 2017 JURNAL J _{E-ISSN : 2541}

• – CLICK – 2469 _{P-ISSN : 2355}
• – 7958

  Jurnal Sistem Informasi Dan Manajemen Informatika SIMPULAN

  http://wwwimages.adobe.com/content/ Penelitian mengenai perancangan e- dam/Adobe/en/devnet/rtmp/pdf/rtmp_

  learning berbasis audio-visual memberikan specification_1.0.pdf

  hasil sebagai berikut: Haryoko, S. (2009, Maret). Efektifitas 1.

  Pemanfaatan Media Audio-Visual Web server NGINX dengan dilengkapi modul nginx-rtmp dan dukungan aplikasi Sebagai Alternatif Optmalisasi

  opensource lainnya seperti Open Pembelajaran. Jurnal Broadcasting Software dan Jaris Player Edukasi@Elektro, 5 (1).

  dapat memfasilitasi distibusi video Kosasi, S. (2015, September 12). Perancangan 2.

  Motivasi Belajar Guru dan Siswa. Pemanfaatan screen sharing melalui video

  streaming bagi dosen dapat menghadirkan Prosiding Seminar Nasional suasana belajar yang real time menyerupai Pendidikan Teknik Informatika .

  pembelajaran di kelas fisik. Naresh, B., &amp; Reddy, B. S. (2015, September).

  3. Current Trends is E-Learning and Suasana belajar interaktif pada e-learning, dapat diakses mahasiswa dari mana saja. Future Scenario. Mediterranean

  Journal of Social Science, 6 (5).

  DAFTAR PUSTAKA Ratnasari,

  A. (2012). Studi Pengaruh

  

Jaris Player Documentation . (2015, Penerapan E-Learning Terhadap

  November 26). Retrieved May 23, Keaktifan Mahasiswa Dalam Kegiatan 2016, from Github Jaris Player: Belajar Mengajar Studi Kasus https://github.com/jegoyalu/jarisplayer Universitas Mercu Buana Jakarta.

  /blob/master/documentation.txt Seminar Nasional Aplikasi Teknologi Adobe. (2012, December 21). Informasi. Yogyakarta.

  Adobe’s Real Time Messaging Protocol. Retrieved

  May 15, 2016, from

  Vol. 4 No. 1 Juli 2017