Home > World Of ICT > Virtual Class dengan dukungan integrasi Moodle dan BigBlueButton (BBB)

Virtual Class dengan dukungan integrasi Moodle dan BigBlueButton (BBB)


Teknologi Informasi (TI) saat ini memegang peran penting dalam hidup dan kehidupan manusia, sebagian besar aktifitas keseharian kita tentunya melibatkan bantuan teknologi.  TI dapat merangsek ke berbagai bidang ilmu apapun, biasanya ketika TI sudah mulai digunakan ditandai  dengan  munculnya manfaat positif seperti efisiensi, efektifitas, dll. Tidak terkecuali pada sektor pendidikan, berbagai Sistem Informasi sudah mulai bermunculan dalam rangka mewujudkan proses penyelenggaraan pendidikan yang efektif, transparan, dan akuntable sehingga khusus untuk dunia pendidikan sering kita dengar istilah Sistem Informasi Akademik, Sistem Informasi Keuangan, Sistem Informasi E-Learning, Sistem Informasi Perpustakaan, dan sebagainya.

Ada beberapa konsep yang melatar belakangi pembelajaran e-learning untuk kegiatan pendidikan, dan beberapa diantaranya sudah banyak ditetapkan di sekolah-sekolah baik tingkat dasar maupun tingkat menengah, apalagi di perguruan tinggi. Salah satu konsep pembelajarannya adalah Virtual Class. Virtual Class merupakan teknologi yang memungkinkan penyelenggaraan perkuliahan/tatap muka meskipun pengampu mata kuliah dan pesertanya tidak berada dalam satu kelas. Proses penyelenggaraan Virtual Class ini lebih dikenal dengan Kelas maya, proses belajar mengajar masih dapat berlangsung dari jarak jauh dengan memanfaatkan beberapa software khusus yang dihubungkan melalui jalur internet. Salah salah satu diantaranya adalah dengan teknologi Video Conference/Virtual Meeting.

Sekarang muncul pertanyaan bagaimana apabila sebuah organisasi pendidikan ingin membangun sistem virtual class tadi, saya coba sampaikan di pemaparan berikut.

Kita coba bereksperimen dengan menggunakan aplikasi open source yang insya Alloh halal dan barokah😀, yang dibutuhkan adalah satu set sistem operasi open source bisa Linux/FreeBSD, disini saya coba menggunakan Linux Ubuntu, kemudian LMS (Learning Management System) menggunakan aplikasi Moodle, untuk Conference melalui Web Browser saya menggunakan BigBlueButton(BBB), authentikasi memanfaatkan Active Directory LDAP dari mail sistem.

Install Ubuntu server

  • Lakukan instalasi pada server Vclass, bisa menggunakan Ubuntu versi 10.04 atau 12.04,  ditempat saya menggunakan Ubuntu 10.04 LTS 64 Bit yang berjalan pada Platform Cloud (IaaS), pastikan bahwa anda sudah melakukan proses update dan upgrade untuk memperoleh packages terbaru  server Repo
    sudo apt-get update
    sudo apt-get upgrade

Install LMS (Learning Management System)

Menghindari service conflict pada Web Server

  • BigBlueButton secara default menggunakan Nginx  sebagai web server (bukan Apache),  Nginx sendiri banyak digunakan pada sistem dengan beban yang tinggi seperti Sourceforge, Hulu, Github, WordPress, TorrentReactor, bahkan Detik.com pun menggunakan Nginx ini, karena Apache sudah terlebih dahulu diinstall melalui LAMP bawaan si Ubuntu Server, maka kita perlu membedakan listening port si Nginx dan Apache tadi

Install BigBlueButton

pada server Ubuntu 64-bit Lucid (10.04)

  • Download library  BigBlueButton repository key :
wget http://archive.bigbluebutton.org/bigbluebutton.asc 
sudo apt-key add bigbluebutton.asc
  • Tambahkan BigBlueButton Repositories ke repository list:
echo "deb http://archive.bigbluebutton.org/lucid bigbluebutton-lucid main" | sudo tee /etc/apt/sources.list.d/bigbluebutton.list
  • Pastikan opsi Multiverse Ensure sudah include di  souces list (dibutuhkan untuk msttcorefonts):
    echo "deb http://us.archive.ubuntu.com/ubuntu/ lucid multiverse" | sudo tee -a /etc/apt/sources.list
  • Update software lists:
    sudo apt-get update
  • Install asterisk:
    sudo apt-get install asterisk
  • Install BigBlueButton
    sudo apt-get install bigbluebutton
  • Restart BigBlueButton:
    sudo bbb-conf --restart
    sudo bbb-conf --check

Pastikan Port yang digunakan sudah di Allow di Firewall

  • BigBlueButton secara default berjalan pada port 1935/RTMP (streaming video), 9123 untuk  desktop sharing, dan port 80 untuk Nginx webserver. Selanjutnya Red5  Flash Media Server menggunakan port 5080, Tomcat6 java server menggunakan port 8080, Asterisk menggunakan UDP port 5060  (plus SIP ports 6079-6099 and RTP ports 3000-3029). Asterisk Management Interface menggunakan  port 5038. Pastikan keseluruhan port tadi sudah dibuka di Firewall

Check  IP address Server

  • Pengecekan IP Server Vclass bisa menggunakan perintah berikut
  ifconfig

Test BigBlueButton

  • Apabila proses instalasi BigBlueButton berjalan sukses maka akan muncul halaman interface BBB, misal IP Vclass server 192.168.0.55:
   http://192.168.0.55

bbb-1

Mengganti  host location  BigBlueButton server

   sudo bbb-conf --setip vclass.unila.ac.id

Lalu  restart BigBlueButton :

   sudo bbb-conf --clean

Mengganti BBB listening port

  • Apabila Nginx sudah listen port ke port 81, makan kita perlu merubah listen port BBB ke  81
   sudo bbb-conf --setip bigbluebutton.mydomain.org:81
  • Reboot the server.
  • Sekarang  BigBlueButton server sudah bisa diakses via port 81:
    http://vclass.unila.ac.id:81

Change virtual host  of Nginx

  • Virtual host configuration NginX disimpan pada file  /etc/nginx/sites-available (dan  virtual host di folder /etc/nginx/sites-enabled ).
    sudo nano /etc/nginx/sites-available/bigbluebutton
  • Mengganti  listening port, edit line
    listen 81;
  • Perintah tadi akan melisten NginX di port 81
  • Restart Nginx:
    sudo /etc/init.d/nginx restart
  • Check the changed settings:
    bbb-conf --check
  • Reboot server.

Integrasi BigBlueButton dan Moodle

  • LMS-Moodle  yang diinstall tadi running
    http://vclass.unila.ac.id
  • BBB yang sudah di install
    http://vclass.unila.ac.id:81

Install BBB <-> Moodle API

  • Download API code plugin dari  DualCode ke folder /usr/share/moodle/mod  dan  unzip:
    sudo wget http://www.dualcode.com/bigbluebutton/bigbluebutton.zip
    sudo unzip bigbluebutton.zip
  • Copy folder bigbluebutton/mod/bigbluebutton ke folder Moodle /usr/share/moodle/mod folder:
    sudo mkdir /usr/share/moodle/mod/bigbluebutton
    sudo cp -r bigbluebutton/mod/bigbluebutton/* /usr/share/moodle/mod/bigbluebutton/
  • Copy folder bigbluebutton/lang ke  /usr/share/moodle/lang folder:
    sudo cp -r bigbluebutton/lang/* /usr/share/moodle/lang/
  • Login ke Moodle  sebagai Administrator  dan load module BBB tadi :
Moodle -> Site Administration -> Notifications (Klik Notifikasi)
                -> Activities -> Manage Activities -> BigBlueButton -> Settings
-> Masukkan IP address/URL Server BigBlueButton . misal masukka http://vclass.unila.ac.id:81/bigbluebutton/   
-> Masukkan Security Salt dari server  BigBlueButton .  ada pada file   “bigbluebutton.properties” BigBlueButton server.
     /var/lib/tomcat6/webapps/bigbluebutton/WEB-INF/classes/bigbluebutton.properties
  • SALT String ada pada line berikut:
     beans.dynamicConferenceService.securitySalt=your_number_here

Masukkan string SALT tadi pada moodle . (SALT ini berfungsi untuk mencreate Conference ROOM di Server BBB)

moodle-set

salt-bbb

Contoh Activity melalui Moodle dan BigBlue Button

bbb-2

Tampilan Conference Class

Moodle-BBB

  1. mimi
    July 13, 2013 at 11:34 pm

    pak untuk membuat bigbluebutton yang terintegras sama moodle ini harus pake ip publik ya??

    bisa nggak kita hosting aja moodle san bigbluebutton nya?
    makasi pak

  2. September 16, 2014 at 3:26 am

    mas … disini apa kita butuh server DNS sendiri atau bisa langsung tanpa ada server DNS .. tolong bantuannya newbi ..

  1. No trackbacks yet.

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s

%d bloggers like this: