JURNAL TEKNIK POMITS Vol. 2, No. 1, (2013) ISSN: 2337-3539 (2301-9271 Print) 1 Pengembangan Web Conference pada Modul E-Learning Dokeos

Jefri Valentino Karibi, Muchammad Husni, Erina Letivina Anggraini Jurusan Teknik Informatika, Fakultas Teknologi Informasi, Institut Teknologi Sepuluh Nopember (ITS) Jl. Arief Rahman Hakim, Surabaya 60111 e-mail: [email protected]

Abstrak—Perkembangan teknologi internet dan sumber konferensi web ke dalam modul e-learning Dokeos dengan terbuka saat ini meningkat sangat pesat. Khususnya di bidang menggunakan BigBlueButton. Integrasi sistem sangat pendidikan, telah memberikan inovasi dengan adanya aplikasi diperlukan karena perbedaan karakteristik kedua sistem Learning Management System (LMS), salah satunya adalah tersebut akan membuatnya sulit diimplementasikan apabila Dokeos. Pada beberapa kelas virtual dibutuhkan adanya terpisah. Dengan menggunakan integrasi kedua sistem layanan berbagi audio dan video antar pengguna, presentasi demi kebutuhan komunikasi yang lebih intensif pada materi tersebut diharapkan kebutuhan akan kelas virtual dengan verbal maupun sebagai salah satu bentuk evaluasi belajar. layanan konferensi web dapat terpenuhi. Artikel ini mengatasi masalah tersebut dengan mengintegrasikan konferensi web ke dalam modul LMS II. DASAR TEORI Dokeos dengan menggunakan BigBlueButton. BigBlueButton merupakan sumber terbuka konferensi web yang mendukung A. BigBlueButton layanan berbagi audio dan video, presentasi, berbagi desktop, BigBlueButton adalah sistem konferensi web yang dan chatting. Dari hasil implementasi dan pengujian, sistem dibangun di atas 15 komponen sumber terbuka (Ubuntu, yang telah dibangun dengan teknologi berbasis Linux sudah dapat memenuhi kebutuhan untuk melakukan layanan berbagi Flex SDK, Ghostscript, Grails, ActiveMQ, ImageMagick, audio dan video antar dua pengguna atau lebih, presentasi, MySQL, Nginx, Red5, SWFTools, Tomcat, OpenOffice, dan chatting. Pengujian perangkat lunak untuk mengukur FreeSWITCH, Redis, Popcorn.js) untuk menciptakan solusi Quality of Service (QoS) yang dilakukan dengan aplikasi terintegrasi dan dapat berjalan di Mac, Unix, atau Wireshark didapatkan rata-rata delay sebesar 0,868 milidetik, komponen PC [2]. rata-rata jitter sebesar 0,002 milidetik, dan rata-rata bandwidth BigBlueButton mempunyai beberapa layanan atau fitur sebesar 97,09 kbits/detik. sebagai berikut: 1. Integrated VoIP Kata Kunci—BigBlueButton, Dokeos, e-learning, konferensi Melakukan komunikasi jarak jauh melalui Internet web. Protocol (IP) karena BigBlueButton sudah terintegrasi dengan VoIP. I. PENDAHULUAN 2. Whiteboard controls ADA abad 21 ini, perkembangan teknologi internet dan Whiteboard controls memungkinkan pengguna untuk P sumber terbuka meningkat sangat pesat. Khususnya di membubuhi keterangan dan memanggil bagian-bagian bidang pendidikan, telah memberikan inovasi dengan penting dari presentasi yang sedang dilakukan. adanya aplikasi Learning Management System (LMS), salah 3. Desktop sharing satunya adalah Dokeos. Pada beberapa kelas virtual Presenter dapat memperlihatkan desktop-nya untuk semua dibutuhkan adanya layanan berbagi audio dan video antar anggota presentasi lain. Bekerja pada Mac, Unix, dan PC. pengguna, presentasi demi kebutuhan komunikasi yang 4. Presentation lebih intensif pada materi verbal maupun sebagai salah satu Presenter dapat mengunggah berkas yang akan bentuk evaluasi belajar. dipresentasikan. Menjaga agar anggota presentasi lain BigBlueButton adalah sistem konferensi web yang tetap sinkron dengan halaman presenter saat ini. Di dalam dibangun di atas 15 kompenen sumber terbuka untuk BigBlueButton juga telah disediakan penunjuk mouse menciptakan solusi terintegrasi dan dapat berjalan di Mac, yang digunakan oleh presenter dalam memudahkan Unix, atau komponen PC [1]. Aplikasi mempunyai beberapa presentasi. layanan terintegrasi yang memungkinkan pengguna dapat 5. Webcam melakukan komunikasi jarak jauh melalui Internet Protocol Beberapa pengguna dapat berbagi webcam mereka pada (IP) dengan teknologi konferensi web. waktu yang sama. Sedangkan Dokeos, memiliki berbagai kelebihan karena 6. Chatting selain bersifat sumber terbuka, Dokeos juga berbasis web, Semua pengguna bisa melakukan chatting di dalam sehingga mudah untuk digunakan di beberapa lingkungan BigBlueButton. sistem. Dokeos sebagai LMS, telah memiliki banyak 7. Record and playback layanan yang mendukung kebutuhan kelas virtual, termasuk BigBlueButton 0.8 bisa merekam kuliah (slides, audio, komunikasi suara. Namun, pada Dokeos, komunikasi suara chatting). tersebut masih terbatas pada komunikasi satu arah. Untuk itu dalam artikel ini, akan diintegrasikan JURNAL TEKNIK POMITS Vol. 2, No. 1, (2013) ISSN: 2337-3539 (2301-9271 Print) 2

Gambar 2. Kasus guna fungsionalitas aplikasi konferensi web.

Gambar 1. Arsitektur sistem konferensi web. Diskusi instan. 11. Publikasi B. Dokeos Siswa dapat membagi tugas mereka dengan siswa yang Dokeos adalah sebuah Learning Management System lain. (LMS) berbasis web tidak berbayar yang memudahkan 12. Tracking proses pembuatan sistem e-learning. Dokeos mendukung Informasi tentang siapa yang telah mengerjakan dan berbagai jenis proses pembelajaran serta kapan. mengkolaborasikannya. Dokeos memungkinkan pengajar untuk membuat, mengatur, dan menampilkan kelas mereka III. PERANCANGAN SISTEM melalui web. Pelajar dapat mengikuti kelas yang ada, membaca isi materi, maupun berpartisipasi aktif dalam kelas tersebut melalui grup, forum, maupun chatting. Rancangan arsitektur dari sistem yang dibuat dapat Dokeos merupakan sistem yang bagus untuk digambarkan dalam diagram Gambar 1. pembelajaran, fleksibel dan mudah digunakan. Dokeos Pengguna melakukan login terlebih dahulu ke dalam ditulis dalam bahasa PHP dan menggunakan basis data Dokeos. Setelah login, pengguna bisa memilih mata kuliah MySQL [3]. dari daftar mata kuliah yang telah dibuat sebelumnya atau Berikut ini adalah beberapa layanan yang terdapat pada membuat mata kuliah yang baru. Pengguna harus memilih Dokeos: salah satu mata kuliah sebelum bisa menggunakan 1. Agenda/kalender konferensi web. Setelah memlilih mata kuliah, pengguna 2. Pengumuman bisa membuat room untuk meng-generate pranala (link) Info penting yang juga mencakup fungsionalitas layanan yang digunakan untuk menghubungkan Dokeos dengan e-mail. BigBlueButton. Setelah memperoleh pranala, pengguna bisa 3. Deskripsi arahan bergabung di dalam konferensi web BigBlueButton. Penjelasan objektif, metodologi, materi kursus, metode Setelah selesai menggunakan layanan konferensi web, taksiran untuk siswa. pengguna bisa keluar dari layanan BigBlueButton dengan 4. Dokumen menekan tombol logout (sesuai dengan bahasa tulisan yang Manajemen berkas untuk menyimpan berbagai digunakan di dalam konferensi web) yang ada pada panel dokumen. BigBlueButton tepatnya ujung kanan atas. Ketika menekan 5. Learning path tombol logout, pengguna akan diarahkan kembali ke dalam Menetapkan bagaimana siswa melakukan browsing. Dokeos tepatnya di daftar mata kuliah berada. Menjelaskan kepada siswa langkah mana yang harus Pada sistem yang dibuat pada artikel ini, terdapat dua diambil. Dengan layanan ini, dosen bisa mengatur jenis aktor, yaitu moderator (dosen) dan attendance prasyarat, misalnya: situs tidak dapat dikunjungi (peserta). Hubungan antara moderator, peserta dan sistem sebelum test diselesaikan. dapat dilihat pada Gambar 2. 6. Pranala (link) 1. Moderator bisa melakukan login terhadap sistem, Pranala ke situs lain. monitoring room, bergabung dalam chat room, join 7. Forum room di dalam konferensi web, melakukan presentasi, Diskusi asynchronous. membuat room, melakukan konferensi web dan 8. Drop box memanajemen pengguna yang telah tergabung di Siswa dapat mengumpulkan tugas ke dosen. dalam room yang telah dibuatnya. 9. Grup 2. Peserta bisa melakukan login ke dalam sistem, register Mengelompokkan beberapa pengguna menjadi satu room, bergabung di dalam chat room, join room di (untuk tugas spesifik). 10. Chatting JURNAL TEKNIK POMITS Vol. 2, No. 1, (2013) ISSN: 2337-3539 (2301-9271 Print) 3

Gambar 3. Diagram alur moderator dalam melakukan konferensi web. Gambar 4. Diagram alur peserta dalam melakukan konferensi web.

dalam konferensi web, melakukan presentasi dan tersebut, maka peserta tidak bisa mengikuti room konferensi melakukan konferensi web. web tersebut.

Gambar 3 menyajikan diagram alur proses moderator IV. IMPLEMENTASI SISTEM dalam melakukan konferensi web. Moderator melakukan login ke dalam sistem. Setelah berhasil login, moderator A. Instalasi dan Konfigurasi BigBlueButton melihat apa mata kuliah sudah terdaftar di dalam sistem, jika Dalam tahap ini, sebelum melakukan instalasi belum ada maka moderator mendaftarkan mata kuliah BigBlueButton ke dalam server, perlu dipersiapkan tersebut ke dalam sistem. Setelah itu, moderator memilih beberapa hal yaitu [4]: mata kuliah yang sesuai. Ketika memasuki antarmuka mata 1. Melakukan pengecekan terhadap versi Ubuntu yang kuliah yang ada di dalam sistem, moderator bisa membuat digunakan. Server BigBlueButton menggunakan Ubuntu room berdasarkan mata kuliah yang dipilih sebelumnya. 10.04 LTS. Setelah membuat room, moderator bisa bergabung di dalam 2. Memastikan port 80, 1935, dan 9123 tidak digunakan room untuk bisa melakukan konferensi web. Setelah selesai oleh aplikasi lain. melakukan konferensi web, moderator bisa keluar dengan 3. Menambahkan BigBlueButton key pada server. cara menekan tombol logout yang ada pada antarmuka sistem yang kemudian oleh sistem diarahkan pada 4. Menambahkan BigBlueButton repository URL. antarmuka dari mata kuliah yang baru saja diikuti. 5. Memperbarui server. Gambar 4 menyajikan diagram alur proses peserta untuk 6. Meng-install ketergantungan untuk kompilasi Ruby. bisa melakukan konferensi web. Peserta melakukan login ke B. Konfigurasi PHP dalam sistem. Setelah berhasil login, peserta melihat apa Agar Dokeos dapat berjalan dengan baik, maka perlu sudah terdaftar pada mata kuliah sudah yang akan diikuti, jika belum ada maka peserta mendaftarkan diri pada mata diperhatikan hal-hal yang berkaitan dengan setting PHP di kuliah yang akan diikuti tersebut. Setelah itu, peserta server. Untuk melakukan pemasangan PHP dilakukan memilih mata kuliah yang sesuai. Ketika memasuki dengan cara mengubah berkas php.ini yang berada pada antarmuka mata kuliah yang ada di dalam sistem, peserta etc/php5/apache2/php.ini [5]. Adapun beberapa konfigurasi mendaftarkan diri (register) pada room konferensi web yang pada berkas ini yang harus diubah antara dapat dilihat pada akan diikuti berdasarkan mata kuliah yang dipilih tadi. Jika Gambar 5. room konferensi web mata kuliah yang dipilih sudah dibuat C. Instalasi dan Konfigurasi Dokeos oleh moderator dan moderator sudah berada di dalam room konferensi web, maka peserta bisa mengikuti konferensi Proses instalasi Dokeos dijalankan melalui browser. web. Namun, jika room masih belum dibuat oleh moderator Proses instalasi dapat dilakukan setelah direktori Dokeos atau moderator belum berada di room konferensi web diletakkan pada web server dengan spesifikasi sebagai berikut [5]: JURNAL TEKNIK POMITS Vol. 2, No. 1, (2013) ISSN: 2337-3539 (2301-9271 Print) 4

max_execution_time = 300; max_input_time = 600 ; memory_limit = 512M; post_max_size = 64M; upload_max_filesize = 20M short_open_tag = On safe_mode = Off magic_quotes_gpc = On magic_quotes_runtime = Off

Gambar 5. Konfigurasi PHP.

Gambar 8. Antarmuka konferensi web oleh peserta.

Gambar 6. Tabel bbb_url.

Gambar 9. Grafik keluaran capture paket dengan Wireshark. Gambar 7. Antarmuka konferensi web oleh moderator. A. Uji coba fungsionalitas

1. Apache web server. Gambar 7 menampilkan antarmuka ketika moderator 2. PHP script language versi 5.2.x atau di atasnya dalam melakukan konferensi web. 3. Basis data MySQL versi di atas 3.23.6. Gambar 8 menampilkan antarmuka ketika peserta dalam 4. PhpMyAdmin database manager. melakukan konferensi web. D. Integrasi BigBlueButton dengan Dokeos B. Uji coba performa Untuk bisa terintegrasi dengan BigBlueButton, ada Uji coba Quality of Service (QoS) [6]. Proses capture beberapa konfigurasi yang harus dilakukan pada server paket yang dilakukan oleh Wireshark disaring terlebih Dokeos: dahulu untuk protokol TCP dengan port 1935 (RTMP), 1. Menambahkan direktori baru pada Dokeos dengan nama karena Wireshark tidak mendefinisikan paket RTMP. bbb yang kemudian diletakkan di dalam direktori Gambar 9 menampilkan keluaran yang dihasilkan dari /var/www/dokeos/main. Direktori ini berisi beberapa proses capture selama kurang lebih 140 detik. Pengukuran berkas API BigblueButton yang berfungsi untuk dilakukan dengan mengambil sampel 80 paket pertama yang mengintegrasikan BigBlueButton dengan Dokeos. ditangkap. 2. Mengubah berkas config.php yang letaknya berada pada 1. Delay /var/www/dokeos/bbb/config. Delay dihitung dari selisih waktu antar paket, didapatkan 3. Menambahkan tabel bbb_url seperti pada Gambar 6 pada rata-rata delay sebesar 0,868 milidetik. basis data dokeos_main. Tabel ini digunakan untuk 2. Jitter menyimpan informasi meeting yang sedang berjalan. Jitter dihitung dari selisih antar delay yang didapat. Rata- rata selisih delay sebesar 0,002 milidetik. 4. Mendaftarkan tabel bbb_url pada Dokeos dengan 3. Bandwidth menambahkan script pada berkas database.lib.php yang Bandwidth dihitung dari jumlah paket dirata-rata dalam letaknya terdapat pada /dokeos/main/inc/lib. detik. Sehingga didapatkan rata-rata bandwitdth sebesar 5. Menambahkan beberapa fungsi pada berkas 97,09 kbits/detik. main.api.lib.php yang letaknya terdapat pada 4. Paket loss /dokeos/main/inc/lib. Paket loss hanya terlihat ketika proses capture dihentikan. 6. Menambahkan script pada berkas course_home.php yang letaknya terdapat pada /dokeos/main/course_home. Uji coba Mean Opinion Score (MOS). MOS ditentukan secara subjektif oleh pengguna terhadap kualitas suara yang V. UJI COBA didengar. Sehingga pada pengujian kali ini akan dilakukan Uji coba yang dilakukan meliputi uji coba fungsionalitas survei. Lingkungan uji coba adalah sebagai berikut: dan uji coba performa. JURNAL TEKNIK POMITS Vol. 2, No. 1, (2013) ISSN: 2337-3539 (2301-9271 Print) 5

Tabel 1. DAFTAR PUSTAKA Data MOS [1] BigBlueButton Inc. ”About BigBlueButton”, 2013. [online] Available: http://www.bigbluebutton.org. [Diakses pada tanggal 26 Pengguna Opinion R Factor Skor MOS Juni 2013]. Very satisfied 90-100 4,3-5,0 [2] BigBlueButton Inc. “Open source components”, 2013. [online] Satisfied 80-90 4,0-4,3 Available: http://www.bigbluebutton.org/components. [Diakses pada Some users satisfied 70-80 3,6-4,0 tanggal 26 Juni 2013]. Many users dissatisfied 60-70 3,1-3,6 [3] H. R. Akhlufnie, Integrasi sistem VoIP berbasis SIP dengan sistem Nearly all users dissatisfied 50-60 2,6-3,1 manajemen pembelajaran Dokeos. Surabaya: ITS (2011) Ch. 2. Not recommended 0-50 1,0-2,6 [4] Google. “Install BigBlueButton”, 2013. [online] Available: http://code.google.com/p/bigbluebutton/wiki/InstallationUbuntu. [Diakses pada tanggal 26 Juni 2013]. Tabel 2. [5] Dokeos. “Installation guide”, 2013. [online] Available: Data survei MOS http://www.dokeos.com/doc/installation_guide.html. [Diakses pada tanggal 26 Juni 2013]. No Nama Nilai Saran [6] R. A. Frenda, Pengembangan VoIP phone berbasis web. Surabaya: 1 Mas Anto 3 Suara jelas namun masih ada bunyi ITS (2011) Ch. 2. lain yang mengganggu. 2 Bu Nunik 3 Suara lumayan jelas. 3 Bu Nur 3 Suara agak jelas. 4 Mas Indra 3 Terdengar tapi kurang jernih suaranya. 5 Nata 4 Suaranya sudah bagus, bergantung sama koneksi jaringan sepertinya. 6 Pak Fajar 3 Suaranya cukup bagus.

• Lokasi pengujian bertempat di Badan Perencanaan dan Pengembangan Institut Sepuluh Nopember (BPP ITS) Surabaya. • Koneksi yang digunakan adalah LAN dan Wireless.

Dari hasil pengujian (Tabel 2) yang dilakukan didapatkan keluaran sebagai berikut, yang menujukkan bahwa rata-rata nilai MOS untuk aplikasi ini sebesar 3,167. Ini berarti pengguna cukup puas dengan kualitas suara.

VI. KESIMPULAN Berdasarkan uji coba yang telah dilakukan, terdapat kesimpulan yang dapat diambil yaitu: 1. Server BigBlueButton dan Server Dokeos sudah berjalan dengan baik. 2. Server BigBlueButton sudah terintegrasi secara baik dengan modul-modul Dokeos yang berada pada server Dokeos. 3. Sistem ini sudah bisa membatasi pengguna yang boleh bergabung. 4. Sistem yang dibuat sudah dapat memenuhi kebutuhan untuk melakukan konferensi web, chatting, dan presentasi. 5. Pengujian perangkat lunak untuk mengukur Quality of Service (QoS) yang dilakukan dengan aplikasi Wireshark didapatkan rata-rata delay sebesar 0,868 milidetik, rata- rata jitter sebesar 0,002 milidetik, dan rata-rata bandwidth sebesar 97,09 kbits/detik. 6. Survei untuk mengukur Mean Opinion Score (MOS) mendapatkan keluaran skor 3,167 untuk kualitas suara.

UCAPAN TERIMA KASIH Penulis mengucapkan puji syukur kepada Allah SWT karena atas rahmat dan hidayah-Nya artikel ini bisa terselesaikan dengan baik. Penulis juga mengucapkan terima kasih kepada semua pihak yang telah membantu dalam menyelesaikan artikel ini.