MEMBANGUN SISTEM PEMBELAJARAN AL-QUR’AN

MENGGUNAKAN BIG BLUEBUTTON BERBASIS

INTRANET STUDY KASUS MASJID

AL-FITRAH TERBAN

NASKAH PUBLIKASI

diajukan oleh

Nurul Taufik Hidayah

09.11.2657

kepada

SEKOLAH TINGGI MANAJEMEN INFORMATIKA DAN KOMPUTER

AMIKOM YOGYAKARTA

YOGYAKARTA

2016

1

MEMBANGUN SISTEM PEMBELAJARAN AL-QUR’AN MENGGUNAKAN

BIG BLUEBUTTON BERBASIS INTRANET STUDY KASUS

MASJID AL-FITRAH TERBAN

Nurul Taufik Hidayah1)

, Melwin Syafrizal2)

,

1,2)

Teknik Informatika STMIK AMIKOM Yogyakarta

Jl Ringroad Utara, Condongcatur, Depok, Sleman, Yogyakarta Indonesia 55283

Email : nurul.h@students.amikom.ac.id, melwin@amikom.ac.id

Abstract – The development of information

technology continues to evolve quickly and evenly in

different ways, especially in the field of education.

Education in the field of learning the holic Qur'an is

one of the examples of education should be developed

using information technology in order to provide

effective and efficient time schedule.

Part of takmir Al-Fitrah is an manage organization

a wide range of activities at the mosque Al-Fitrah.

Education learning Qur'an or commonly called TPA is

one of the main activities in takmir held by parties to

educate the community in reading Al-Quran. TPA

itself in for the 2 groups has been that children / youth

and parents.

Using information technology as a learning tool

allows to increase effectiveness and efficiency in

learning the Qur'an. In addition the state of society as

well as human resources who understand information

technology to support the development of the education

system of the Qur'an uses big bluebutton intranet

based in Al-Fitrah

Keywords: Information Technology, TPA, Mosque,

education

1. Pendahuluan

Metode pembelajaran konfensional yang berjalan

saat ini tidak bisa memberikan dampak efektifitas dari

segi waktu, penyampaian materi serta biaya yang di

keluarkan guna membeli buku atau kitab-kitab yang

di butuhkan. Sehingga, masyarakat tidak terlalu antusias

dalam mempelajari Al-Qur’an. Untuk itu perlu di bangun

sebuah sistem pembelajaran yang interaktif dan dapat di

akses kapanpun oleh masyarakat.

Menggunakan teknologi informasi sebagai

sarana pembelajaran memungkinkan dalam

meningkatkan efektivitas serta efisiensi dalam

pembelajaran Al-qur’an. Selain itu keadaan

masyarakat serta sumber daya manusia yang

mengerti teknologi informasi menjadi faktor

pendukung dalam pembangunan sistem pembelajaran

Al-Qur’an berbasis intranet di masjid Al-fitrah.

Rumusan masalah yang dapat di paparkan pada analisa

gambaran di atas adalah sebagai berikit:

1) Bagaimna pebuatan sistem informasi berbasis

intranet sebagai alat untuk menunjang pendidikan

di masjid Al-Fitrah?

2) Bagaimana cara pembuatan halaman website serta

mengintegrasikan halam tersebut ke dalam web

server?

3) Bagaimana pembuatan perpustakaan berbasis

intranet di dalam sebuah server?

1.1 Metode Penelitian

Metode pengumpulan informasi dan data yang

digunakan dalam penelitian ini adalah metode PPDIOO

yang meliputi:

1) Prepare

Mempersiapkan segala sesuatu yang di mulai dari

persiapan kebutuhan untuk jaringan agar dapat di

lakukan analisis awal untuk proses pembuatan sistem

pembelajaran Al-Qur’an menggunakan Big

Bluebutton berbasis intranet.

2) Plan

Tahap ini yang di lakukan adalah

perencanaan jaringan yang di buat serta menetukan

hardware dan software yang di gunakan dalam

penelitian ini

3) Design

Tahap desaign ini di buat suatu topologi

jaringan untuk proses system pembelajaran Al-

Qur’an menggunakan Big Bluebutton berbasis

intranet. Dalam tahap ini di gunakan website

www.gliffy.com untuk mendesain sebuah jaringan.

4) Implement

Pada tahap implementasi ini, desaign yang

telah di buat di implementasikan dengan

menggunakan hardware dan software yang telah di

persiapkan.

5) Operate

Setelah implementasi perangkat dalam topologi

jaringan, langkah selanjutnya adalah proses

pengoperasian dengan melakukan konfigurasi

yang sudah di rancang dalam tahap desaign sebelunya.

6) Optimize

Tahap optimisasi ini di lakukan dengan

menganalisis kinerja jaringan yang sudah di buat

apakah sudah berjalan dengan baik.

2

2. Pembahasan

Implementasi merupakan tahapan setelah

melakukan analisis dan perancangan sistem pada siklus

rekayasa perangkat lunak dalam hal ini penulis

merancang system jaringan computer menggunakan

software packet tracer. Pada tahapan ini aplikasi system

yang di rancang siap dioperasikan pada keadaan yang

sebenarnya sehingga dari sini akan diketahui apakah

program atau aplikasi atau sistem yang telah dibuat

benar-benar dapat menghasilkan keluaran yang sesuai

dengan tujuan yang diinginkan.

Program harus bebas terlebih dahulu dari kesalahan-

kesalahan sebelum program diterapkan dan

diimplementasikan. Kesalahaan program yang mungkin

terjadi adalah kesalahan bahasa (syntax), kesalahan pada

saat program sedang berjalan (runtime) atau kesalahan

logika, ataupun kesalahan saat mengkonfigurasi server.

Setelah sistem bebas dari kesalahan, system di uji

menggunakan software system uji seperti wireshark

ataupun ping menggunakan terminal.

Sistem pembelajaran Al-Qur’an menggunakan Big

Bluebutton berbasis intranet ini membutuhkan satu buah

website server serta satu buah aplikasi big bluebutton

yang juga berbasis web. Jika website server (portal)

berfungsi untuk sitem informasi pendidikan berupa bank

materi ataupun informasi yang bersifat berita, maka

aplikasi website big bluebutton berfungsi untuk media

interaktif antara murid dengan pengajar.

2.1 Tinjauan Pustaka

Dalam membaca Al-Qur’an terdapat kaidah-kaidah

dalam pengucapan huruf hijaiyah (hukum tajwid) yang

harus dimengerti dan dipahami oleh pembaca Al-Qur’an

tetapi pada prakteknya sering tidak diindahkan, banyak

yang hanya sekedar membaca tanpa mengetahui

hukumnya.

Kendala-kendala yang dihadapi dalam proses belajar

membaca Al-Qur’an bagi pemula adalah dalam proses

pengucapan huruf masih belum bisa membedakan antara

pengucapan huruf satu dengan huruf yang lain dalam

huruf hijaiyah dengan lafal yang hampir sama.

Fahrizal Hadiansyah (2009), membuat sebuah

sistem pembelajaran Al-Qur’an “Website Pembelajaran

Tahap Dasar Membaca Al’Qur’an Dengan Metode

Interaktif Learning”. Implementasi Metode tersebut

terdapat sebuah website sebagai media interaksi user

terhadap sistem. Sistem yang di kembangkan

menggunakan media internet sebagai alat berkomunikasi

antar perangkat komputer.

Pembangunan sistem tersebut menggunakan

software antara lain: sistem operasi : Microsoft Windows

XP, Software lainnya : Adobe Potoshop CS3, Visio 2007,

Macromedia Dreamweaver MX sebagai implementasi

perancangan sistemMySql-5 sebagai media penyimpanan

(database).Web Browser : Internet Explorer 6

Sistem ini hanya bisa berinteraksi tanpa ada

pembimbing yang nyata atau tentor atau pengajar, selain

itu web site ini menggunakan media komunikasi internet

yang terkenal cukup mahal. Dalam kaidah pengucapan

huruf hijaiyah perlu sebuah contoh dalam pengucapanya.

Penambahan sebuah media interaksi seperti live

chat, atau media konferensi yang lain di harapkan

mampu menambah daya serap anak didik dari segi

contoh pengucapan dan penghafalan huruf. Perubahan

media komunikasi dari semulanya internet menjadi

intranet local di harapkan dapat mempermudah anak

didik dalam konektivitas pembelajaran dari segi

kecepatan dan biaya

2.2 Server Ubuntu

Server big bluebutton berjalan pada system operasi

linux Ubuntu, lebih khusus disini server di buat

menggunakan platform Ubuntu 14.04 LTS. Adapun

tampilan awal dari instalasi Ubuntu 14.04 yang telah di

buat adalah sebagai berikut:

Gambar 1. Tampilan Ubuntu Server 14.04LTS

Untuk menginstall atau menjalankan aplikasi big blue

button, di perlukan tahapan demi tahapan di antaranya:

1) Update Server Ubuntu

Seperti biasa bahwa terminal pada sistem

operasi linux dapat memberikan segala perintah untuk

mengeksekusi aksi yang hendak dijalankan oles

sistem operasi. Termasuk untuk

melakukan update dan upgrade distro Ubuntu, untuk

melakukan upgrade sistem operasi atau distro Linux

Ubuntu pengguna cukup melakukan koneksi internet,

buka terminal, kemudian ketik kode perintah Berikut:

$ sudo apt-get upgrade

3

Gambar 2. Update Ubuntu Server 14.04LTS

2) Install FFMPEG

FFMPEG merupakan salah satu framework yang

bisa digunakan untuk decode, encode, transcode, mux,

demux, stream, filter untuk berbagai format

multimedia. Adapun tahapan dalam instalasi ffmpeg

menggunakan perintah:

sudo apt-get install build-essential git-core

checkinstall yasm texi2html libvorbis-dev libx11-dev

libvpx-dev libxfixes-dev zlib1g-dev pkg-config netcat

libncurses5-dev

FFMPEG_VERSION=2.3.3

cd /usr/local/src

if [ ! -d "/usr/local/src/ffmpeg-

${FFMPEG_VERSION}" ]; then

sudo wget "http://ffmpeg.org/releases/ffmpeg-

${FFMPEG_VERSION}.tar.bz2"

sudo tar -xjf "ffmpeg-

${FFMPEG_VERSION}.tar.bz2"

fi

cd "ffmpeg-${FFMPEG_VERSION}"

sudo ./configure --enable-version3 --enable-postproc -

-enable-libvorbis --enable-libvpx

sudo make

sudo checkinstall --pkgname=ffmpeg --

pkgversion="5:${FFMPEG_VERSION}" --

backup=no --deldoc=yes –default

kemudian masukkan perintah:

$ chmod +x install-ffmpeg.sh

$ ./install-ffmpeg.sh

Gambar 3. Hasil konfigurasi FFMPEG

3) Install Libre Office

Libre Office adalah sebuah paket aplikasi

perkantoran sumber terbuka dan bebas yang

dikembangkan oleh The Document

Foundation (TDF). Nama Libre Office merupakan

gabungan dari kata Libre (bahasa Spanyol dan

Perancis yang berarti bebas) dan Office (bahasa

Inggris yang berarti kantor). Paket aplikasi ini

merupakan turunan dari OpenOffice.org

Tahapan dalam instalasi libre office ini dapat di

lakukan dengan perintah di terminal sebagai berikut:

$ sudo apt-get install software-properties-common

$ sudo add-apt-repository ppa:libreoffice/libreoffice-

4-4

4) Install Api Demo

Api demo di gunakan untuk join meting big

bluebutton dengan pengajar yang terhubung pada

jaringan server al-fitrah. Untuk instalasi api demo big

bluebutton bisa di jalankan dengan perintah:

$ sudo apt-get install bbb-demo

5) Enable Web Rtc Audio

Web Rtc Audio di gunakan untuk

berkomunikasi menggunakan web browser. Hal

tersebut sangatlah penting mengingat server ini di

bangun untuk berkomunikasi dan pembelajaran.

Untuk menjalankan web rtc audio bisa menggunakan

perintah :

$ sudo bbb-conf –enable webrtc

6) Install Big Bluebutton

Setelah semua terinstal dengan baik maka

langkah selanjutnya adalah install big bluebutton 0.9.

adapun perintah yang di gunakan untuk istalasi

tersebut sebagai berikut:

$ sudo apt-get install bigbluebutton

Perintah tersebut jika di tampilkan di dalam sebuah

terminal adalah sebagai berikut:

Gambar 4. Instalasi Big Bluebutton

4

2.2.1 DNS Server

Software yang di gunakan dalam menggunakan DNS

Server ini adalah Bind9. DNS sendiri merupakan sebuah

software aplikasi yang di gunakan untuk merubah IP

Addres ke dalam sebuah nama domain.

IP addres yang di gunakan dalam pembuatan sistem

DNS ini adalah 172.0.0.1 dengan nama domain

alfitrah.com, dengan artian IP yang di gunakan tersebut

di rubah ke dalam nama domai alfitrah.com. konfigurasi

yang di jalankan setelah terinstall bind 9 adalah :

$ nano /etc/bind/named.conf.local

Perintah tersebut tersebut menghasilkan output

seperti gambar di bawah ini:

Gambar 5. Konfigurasi DNS Server

Gambar di atas menunjukkan bahwaannya IP

172.0.0.1 telah memiliki alamat atau nama domain yaitu

alfitrah.com, dimana nama domain tersebut akan di

gunakan untuk membuka halam library web server local.

Kemudian membuat direktori baru bernama zones :

mkdir zones, kemudian Masuk ke direktori baru tersebut

melalui command : cd zones, membuat file baru bernama

alfitrah.com. nano alfitrah.com.db

Gambar 6. Konfigurasi DNS

Selanjutnya menentukan reverse DNS lookup

dengan perintah seperti berikut ini:

nano /etc/resolv.conf

Gambar 7. Konfigurasi DNS Lookup

2.2.2 Web Server

Software yang di gunakan untuk menjalankan

sebuah web server local pada sebuah server ubuntu

menggunakan aplikasi apache web server. Software

tersebut di gunakan untuk meletakkan sebuah laman

index.html sehingga dapat di akses oleh user yang

terkoneksi dengan sistem jaringan lokal tersebut

menggunakan web browser.

Adapun web server yang telah di masukkan di buat

menjadi virtual host. host yang pertama adalah untuk big

bluebutton sedangkan host yang ke dua adalah portal

library pembelajara n peserta didik. File html sendiri di

buat menggunakan Adobe Dreamweaver CS4. Adapun

tampilan dari web library server tersebut adalah sebagai

berikut:

Gambar 8. Web server portal

2.3 Portal Utama Web Server

Pengoperasian sistem pembelajaran ini di buat

sesederhana mungkin sehingga user dapat

mengoperasikan sistem dengan kesan yang mudah. Hal

yang harus di lakukan pertama kali oleh user adalah

mengkoneksikan device baik itu komputer laptop

ataupun device lainnya ke dalam sebuah server local

alfitrah.

Langkah selanjutnya adalah membuka web browser

seperti mozila firefox, opera atau google chrome dengan

catatan web browser yang di gunakan telah terintegrasi

dengan flash, karena web browser tersebut akan di

gunakan untuk media konferensi big bluebutton.

Masukkan alamat www.alfitrah.com seperti gambar di

bawah ini:

5

Gambar 9. Web server portal penuh

Portal utama halaman di atas berisi berbagai macam

menu termasuk di dalamnya terdapat link yang akan

menghubungkan client ke dalam sistem big bluebutton

serta update materi pembelajaran yang akan maupun

telah di ajarkan. Berbagai macam menu yang di

tawarkan oleh sistem ini tergambar pada gambar di

bawah ini:

Gambar 10. Navigasi Website Local

2.4 Halaman Big Bluebutton

Langkah pertama dalam pengoperasian sistem big

bluebutton ini adalah dengan memilih menu “

COURSES “ pada navigasi web alfitrah.com, sehingga

sistem langsung memanggil IP Big Bluebutton yaitu

192.168.122.1. sehingga muncul tab baru dengan

halaman seperti di bawah ini:

Gambar 11. Halaman Join Meeting

Dalam sebuah laman konferensi big bluebutton

terdapat sistem yang dapat memudahkan peserta didik

atau client untuk memperlancar jalannya sistem

pembelajaran. Salah satu sistem yang bisa di gunakan

oleh presenter dalam melakukan proses pengajaran Al-

Qur’an adalah menu presentasi, menu presentasi terdapat

pada gambar di bawah ini:

Gambar 12. Menu Upload

Buka menu di dalam lingkaran hitam tersebut dipilih

maka akan muncul tampilan seperti di bawah ini:

Gambar 13. Memilih File Upload

Kemudian jika presenter memilih file yang akan di

presentasikan maka akan muncul tampilan seperti

gambar di bawah ini:

Gambar 14. Halaman Utama Big Bluebutton

3. Kesimpulan

Dengan menggunakan teknologi intranet dan software

yang telah terintegrasi di dalamnya seperti DNS, Web

Server serta DHCP, sistem pembelajaran Al-Qur’an jarak

jauh dengan bertatap muka (web conferensi) menggunakan

big bluebutton dapat di terapkan pada lingkungan masjid

Al-Fitrah Terban.

Menggunakan Software Adobe Dreamweaver CS4

dapat di gunakan sebagai aplikasi pembuatan portal library

server, kemudian website tersebut di integrasikan ke dalam

web server, kemudian website tersebut di berikan IP

Addres yang dirubah oleh DNS server menjadi nama

domain, sehingga user atau peserta didik dapat mengakses

web menggunakan web browser dengan mengetikkan

nama alamat.

Dengan cara menambahkan atau menyisipkan e-book,

materi ataupun jural pembelajaran di dalam web tersebut,

otomatis peserta didik dapat mendownload materi tersebut.

Library Server bertujuan Sebagai alat bantu penunjang

pembelajaran Al-Qur’an di masjid Al-Fitrah.

Saran dari pembuatan sistem pembelajaran ini adalah :

Sistem pembelajaran Al-Qur’an menggunakan Big

Bluebutton berbasis intranet di atas masih memiliki

kekurangan, sehingga penulis dapat memberikan saran

agar sistem tersebut dapat di kembangkan supaya lebih

interaktif dan dinamis

6

Daftar Pustaka

[1] Alfata H.Analisis dan Perancangan System

Informasi Untuk Keunggulan Bersaing

Perusahaan & Organisasi Modern. Yogyakarta.

Andi 2007

[2] Sudjana N.Media Pengajaran. Sinar Baru

Algesindo. Bandung 2011

[3] Madcom.Cara Cepat dan Mudah Membangun

Jaringan computer. Andi.Yogyakarta 2013

[4] Wahana Computer.Implementasi dan

Konfigurasi Jaringan MS Windows 2008

Server.Andi.Yogyakarta 2010

[5] Winarno Edy, Membuat sendiri Jaringan

Komputer.Elex Media Komputindo. 2013.

[6] Hardiansyah F. Website Pembelajaran Tahap

Dasar Membaca Al’Qur’an Dengan Metode

Interaktif Learning.2009

Biodata Penulis

Nurul Taufik Hidayah, pernah mengikuti pelatihan

CISCO Networking Academy pada tahun 2008 di SMK

Assalaam, Lulus SMK TKJ Assalaam pada tahun 2009,

kemudian melanjutkan studi di STMIK AMIKOM

Yogyakarta pada tahun 2009

Melwin Syafrizal, memperoleh gelar Sarjana Komputer

(S.Kom), Jurusan Teknik Informatika STMIK

AMIKOM Yogyakarta, lulus tahun 2004. Memperoleh

gelar Master of Engineering (M.Eng) Program Pasca

Sarjana Magister Teknologi Informasi Fakultas Teknik

Elektro Universitas Gajah Mada Yogyakarta, lulus tahun

2009. Saat ini menjadi Dosen di STMIK AMIKOM

Yogyakarta, pada Program Studi D3-Teknik

Informatika.