1. i
LAPORAN
KERJA PROYEK
DESAIN DAN IMPLEMENTASI INFRASTRUKTUR E-LEARNING
BERBASIS BIGBLUEBUTTON PADA SMK TELKOM SANDHY PUTRA
PURWOKERTO
Disusun Oleh :
Kelompok 8
1. Muhamad Aburizal Pangestu ( 3103113198 )
2. Rafly Ainun Khafidz ( 3103113209 )
3. Shafira Fitri Cahyaning Ratri ( 3103113218 )
4. Zufar Dhiyaulhaq ( 3103113228 )
PAKET KEAHLIAN TEKNIK KOMPUTER DAN JARINGAN
SMK TELKOM SANDHY PUTRA PURWOKERTO
2. ii
TAHUN PELAJARAN 2015/2016
LEMBAR PENGESAHAN
Laporan Kerja Proyek ini telah disetujui dan disahkan pada :
Hari : ...............................
Tanggal : ...............................
Pembimbing I, Pembimbing II,
Agus Widodo S.Kom Yogi Sasongko S.Kom
Mengetahui:
Kepala SMK Telkom Sandhy Putra
Purwokerto
WIDYATMOKO, ST, MMT, MBA
3. iii
KATA PENGANTAR
Assalamu’alaikum Wr. Wb.
Syukur Alhamdulillah kami ucapkan kehadirat Allah SWT. Atas limpahan rahmat
dan karunia-Nya sehingga kami dapat menyelesaikan laporan ini. Sholawat serta salam
tetap tercurahkan kepada junjungan kita nabi besar Muhammad SAW. Adapun tujuan dari
penyusunan laporan ini adalah salah satu syarat yang harus dipenuhi dalam menyelesaikan
studi di SMK Telkom Sandhy Putra Purwokerto.
Dengan terselesaikannya laporan kerja proyek ini, kami ingin menyampaikan terima
kasih semua pihak yang telah membantu dalam penyusunannya terutama kepada :
1 Bapak. Widyatmoko S.T., M.MT., M.BA selaku Kepala Sekolah SMK Telkom
Sandhy Putra Purwokerto.
2 SMK telkom Sandhy Putra Purwokerto sebagai wadah berjalannya kerja proyek
3 Bapak Agus Widodo S.Kom dan Bapak Yogi Sasongko S.Kom, selaku pembimbing.
4 Bapak Ferat Kristanto SE,S.Kom dan Bapak Putra Utama Eka Sakti,S.Kom selaku
penguji.
5 Teman-teman dan semua pihak yang telah membantu di dalam proses penyusunan
laporan ini.
Semoga segala bantuan dan pengorbanannya mendapatkan balasan yang setimpal
dari Allah SWT, Amin. Akhirnya, kami berharap semoga dapat bermanfaat bagi semua
pihak.
Wassalamu’alaikum Wr. Wb.
12 Febuari, 2016
Penyusun
4. iv
DAFTAR ISI
SAMPUL DEPAN...................................................................................................... i
LEMBAR PENGESAHAN....................................................................................... ii
KATA PENGANTAR............................................................................................... iii
DAFTAR ISI............................................................................................................... iv
DAFTAR GAMBAR................................................................................................. v
BAB I PENDAHULUAN
A. Latar Belakang...................................................................................... 1
B. Tujuan.................................................................................................... 2
BAB II PROSES PRODUKSI
A. Waktu dan Tempat Pelaksanaan.......................................................... 3
B. Alat dan Bahan...................................................................................... 3
C. Gambar Kerja........................................................................................ 4
D. Proses Pengerjaan................................................................................. 4
BAB III HASIL YANG DICAPAI
A. Hasil Kerja Proyek............................................................................... 20
B. Manfaat yang Dirasakan....................................................................... 21
C. Pengembangan...................................................................................... 21
BAB IV PENUTUP
A. Kesimpulan........................................................................................... 22
B. Saran...................................................................................................... 22
DAFTAR PUSTAKA................................................................................................ 23
LAMPIRAN
5. 1
BAB I
PENDAHULUAN
A. Latar Belakang
Dunia pendidikan saat ini pasti mengalami perubahan kemajuan dalam proses
pembelajarannya. Sistem pebelajaran yang sudah ada selama ini dianggap kurang sesuai
lagi dengan perkembangan sekarang. Internet merupakan sebuah kemajuan teknologi.
Kemajuan inilah yang mendorong lahirnya suatu desain pembelajaran secara online.
Elearning adalah pembelajaran jarak jauh (distance learning) yang memanfaatkan
teknologi komputer, jaringan komputer dan Internet. elearning memungkinkan pelajar dan
pengajar untuk melakukan kegiatan belajar mengajar melalui komputer di tempat
mereka masing-masing tanpa harus secara fisik bertemu langsung di kelas.elearning
sering pula dipahami sebagai suatu bentuk pembelajaran berbasis web yang bisa diakses
dari jaringan lokal atau internet.
Sebagai sekolah menengah kejuruan terbaik di Jawa Tengah, SMK Telkom Sandhy
Putra Purwokerto berperan dalam pengembangan ilmu pengetahuan khususnya di bidang
Teknologi Informasi. Selama ini semua proses pembelajaran di SMK Telkom Sandhy
Putra Purwokerto masih bersifat konvensional, dengan kata lain bahwa proses belajar
mengajar antara siswa dengan guru hanya dapat dilakukan dengan syarat terjadinya
pertemuan antara siswa dengan guru di dalam kelas. Jika pertemuan antara siswa dengan
guru tidak terjadi maka secara otomatis proses pembelajaran pun tidak dapat dilaksanakan.
Dengan adanya elearning dimaksudkan sebagai alternatif ketika guru sedang berhalangan
hadir untuk memberikan pengajaran ataupun saat siswa sedang melaksanakan kegiatan
prakerin.
Bigbluebutton adalah sebuah proyek open source yang dibangun dari banyak komponen
open source untuk menciptakan sebuah sistem web conferencing terintegrasi sehingga
memungkinkan untuk presentasi jarak jauh dengan slide, audio, video, chat dan desktop-
sharing yang berjalan di komputer.
Sebagai tim yang mendesain dan mengimplementasikan bigbluebutton yang aslinya
digunakan sebagai web conference untuk melakukan pembelajaran karena bigbluebutton
menawarkan banyak fitur didalamya diantaranya ada fasilitas presentasi, webcam, audio,
dan chat. Kami mengambil beberapa referensi tutorial penginstalan dan pengkonfigurasian
bigbluebutton dari website resmi bigbluebutton yaitu docs.bigbluebutton.org.
6. 2
B. Tujuan
Tujuan dari kerja proyek ini adalah untuk mengembangkan pengetahuan yang telah
didapatkan selama peroses pembelajaran dalam bentu karya kerja proyek “Desain dan
Implementasi infrastruktur elearning berbasis bigbluebutton pada SMK Telkom
Sandhy Putra Purwokerto” dan sebagai pengembangan fasilitas belajar mengajar di
SMK Telkom Sandhy Putra Purwokerto. Dengan menggunakan perangkat lunak gratis di
bawah GNU Lesser General Public License, sehingga biaya yang dikeluarkan akan jauh
lebih rendah dibandingkan dengan sistem web conferencing komersial.
7. 3
BAB II
PROSES PRODUKSI
A. Waktu dan Tempat Pelaksanaan
SMK Telkom Sandhy Putra Purwokerto didirikan pada tanggal 30 Januari 1993, dengan
surat dari Kepala Kantor Wilayah Depdikbud Propinsi Jawa Tengah No.130/103/I/1993
tanggal 22 Januari 1993, tentang persetujuan pendirian sekolah swasta yang
diselenggarakan oleh Yayasan Sandhykara Putra Telkom dan diresmikan oleh
Menparpostel Bapak Soesilo Soedarman.
Kami menerapkan kerja proyek untuk SMK Telkom Sandhy Putra Purwokerto
B. Alat dan Bahan
Dalam membuat elearning server, beberapa alat dan bahan yang digunakan yaitu kabel
twisted pair, sebagai media transmisi dengan mengacu dalam topologi, kabel yang
digunakan adalah twisted pair. Untuk menghubungkan perangkat dengan media transmisi
dibutuhkan konektor RJ-45 dengan pemasangan secara standar dengan T568A dan T568B.
Untuk memasang konektor dengan media transmisi diperlukan crimping tools lalu gunakan
LAN Tester untuk mengetes apakah media transmisi dalam keaadaan baik atau buruk.
Untuk membuat elearning server dapat berjalan, dibutuhkan beberapa software
diantaranya:
1. Ruby, berfungsi agar aplikasi bigbluebutton dapat berjalan karena bekerja pada
bahasa ruby.
2. Openoffice dan libreoffice, agar file presentasi pada tampilan elearning dapat
berjalan.
3. Ffmpeg, yaitu codec yang digunakan agar audio dan video dapat berjalan.
4. Bigbluebutton, yaitu software utama sebagai elearning server.
5. Php5-fpm, berfungsi agar file php dapat dijalankan.
6. Wordpress, yaitu sebagai CMS.
7. Mysql-server, berfungsi sebagai database dari wordpress.
8. Plugin bigbluebutton, berfungi sebagai control bigbluebutton. Dapat membuat kelas
baru, jadwal, dll.
8. 4
C. Gambar Kerja
Gambar II.1. Topologi Jaringan
Mengacu kepada topologi, server elearning berada dibelakang router dengan ip private.
Router berfungsi untuk melakukan port forwarding dari ip publik yang didapatkan.
D. Proses Pengerjaan
ikuti langkah-langkah pengerjaan untuk ini :
1. Persiapan Alat dan Bahan.
a. Pengecekan kondisi server.
b. mempersiapkan dvd untuk operating system.
2. Instalasi Operating System.
a. Instalasi operating system ubuntu 10.04 server.
b. Konfigurasi ip address.
3. Instalasi BigBlueButton.
a. remote ke server mengunakan ssh.
b. Instalasi Ruby.
1) Pindah folder ke /usr/local/src
a) cd /usr/local/src/
2) Mendownload ruby
a) sudo wget
https://bigbluebutton.googlecode.com/files/ruby1.9.2_1.9.2-p290-
1_amd64.deb
3) Mengextrak paket, ada error, lanjut saja
a) sudo dpkg -i ruby1.9.2_1.9.2-p290-1_amd64.deb
4) Melakukan instalasi ruby
a) sudo apt-get install -f
b) sudo update-alternatives --install /usr/bin/ruby ruby
/usr/bin/ruby1.9.2 500 --slave /usr/bin/ri ri /usr/bin/ri1.9.2 --slave
9. 5
/usr/bin/irb irb /usr/bin/irb1.9.2 --slave /usr/bin/erb erb /usr/bin/erb1.9.2 -
-slave /usr/bin/rdoc rdoc /usr/bin/rdoc1.9.2
c) sudo update-alternatives --install /usr/bin/gem gem
/usr/bin/gem1.9.2 500
5) Lakukan pengecekan atas instalasi
a) ruby -v
b) gem -v
c) sudo gem install hello
Gambar II.2. Instalasi Ruby
Gambar II.3. Pengecekan Ruby
c. Tambah repository untuk instalasi bigbluebutton.
1) sudo wget http://ubuntu.bigbluebutton.org/bigbluebutton.asc -O- | sudo
apt-key add -
2) sudo echo "deb http://ubuntu.bigbluebutton.org/lucid_dev_081/
bigbluebutton-lucid main" | sudo tee /etc/apt/sources.list.d/bigbluebutton.list
3) grep "lucid multiverse" /etc/apt/sources.list
10. 6
Gambar II.4. Menambahkan repository
d. Lakukan upgrade software.
1) sudo apt-get update
2) sudo apt-get dist-upgrade
e. Instalasi Libreoffice.
1) Pindah folder ke /usr/local/src/
a) cd /usr/local/src/
2) Mendownload paket openoffice
a) sudo wget
https://bigbluebutton.googlecode.com/files/openoffice.org_1.0.4_all.deb
3) Menginstall paket openoffice
a) sudo dpkg -i openoffice.org_1.0.4_all.deb
4) Menginstall python software
a) sudo apt-get install python-software-properties
5) Menambah repository libreoffice
a) sudo add-apt-repository ppa:libreoffice/libreoffice-3-5
b) sudo apt-get update
6) Menginstall libreoffice
a) sudo apt-get install libreoffice
11. 7
Gambar II.5. Instalasi Libreoffice
f. Instalasi ffmpeg.
1) sudo apt-get install build-essential git-core checkinstall yasm texi2html
libvorbis-dev libx11-dev libxfixes-dev zlib1g-dev pkg-config
Gambar II.6. Instalasi ffmpeg
2) cd /usr/local/src
3) Instalasi libvpx-1.2.0
a) sudo git clone https://chromium.googlesource.com/webm/libvpx/
"libvpx-1.2.0"
b) cd "libvpx-1.2.0"
c) sudo git checkout "v1.2.0"
d) sudo ./configure
e) sudo make
12. 8
f) sudo checkinstall --pkgname=libvpx --pkgversion="1.2.0" --
backup=no --deldoc=yes --default
Gambar II.7. Instalasi ffmpeg
4) cd /usr/local/src
5) Instalasi ffmpeg
a) sudo wget "http://ffmpeg.org/releases/ffmpeg-2.0.1.tar.bz2"
b) sudo tar -xjf "ffmpeg-2.0.1.tar.bz2"
c) cd "ffmpeg-2.0.1"
d) sudo ./configure --enable-version3 --enable-postproc --enable-
libvorbis --enable-libvpx
e) sudo make
f) sudo checkinstall --pkgname=ffmpeg --pkgversion="5:2.0.1" --
backup=no --deldoc=yes --default
g) Cek apakah ffmpeg berhasil di install
ffmpeg -version
13. 9
Gambar II.8. Instalasi ffmpeg
g. Instalasi Bigbluebutton.
1) apt-get install bigbluebutton
Gambar II.9. Instalasi bigbluebutton
4. Instalasi Wordpress.
a. Instalasi php5-fpm.
1) Menambah repository
a) sudo add-apt-repository ppa:l-mierzwa/lucid-php5
b) sudo apt-get update
14. 10
2) Menginstall php5-fpm
a) sudo apt-get install -y php5-fpm php5-mysql php5-curl php5-gd
php5-idn php-pear php5-imagick php5-imap php5-mcrypt php5-
memcache php5-mhash php5-ming php5-ps php5-pspell php5-recode
php5-snmp php5-sqlite php5-tidy php5-xmlrpc php5-xsl php5-json
Gambar II.10. Instalasi php5-fpm
3) Membuka file konfigurasi
a) nano /etc/php5/fpm/php-fpm.conf
4) tuliskan “listen = /var/run/php5-fpm.socket” pada bagian paling bawah
file konfigurasi
Gambar II.11. Instalasi php5-fpm
b. Merubah root folder.
1) cd /etc/nginx/sites-available
2) nano bigbluebutton
3) Ubah root folder ke “/var/www/" dan index ke “index.php”
4) Lalu tambahkan script untuk mengaktifkan php diakhir file konfigurasi.
location ~ .php$ {
16. 12
d. instalasi wordpress.
1) Extrak file wordpress
a) tar -xzvf latest.tar.gz
2) Memindahkan file ke /var/www/
a) mv -f wordpress/ /var/www/wordpress
3) Pindah direktori
a) cd /var/www/wordpress
4) Mengduplikat file wp-config
a) cp wp-config-sample.php wp-config.php
5) Melakukan instalasi mysql-server
a) apt-get install mysql-server mysql-client
Gambar II.14. Instalasi mysql
6) Isikan password untuk mysql-server
7) Membuka mysql
a) mysql -u root -p
8) Membuat database
a) >CREATE DATABASE wordpress;
b) >CREATE USER zufar@localhost IDENTIFIED BY 'stematel';
c) >GRANT ALL PRIVILEGES ON wordpress.* TO zufar@localhost;
d) >FLUSH PRIVILEGES;
e) >exit
Gambar II.15. Membuat database
17. 13
9. cd /var/www/wordpress
10. Menyunting file config
a) nano wp-config.php
Ganti db_name, db_user, dan db_password sesuai yang telah dibuat
di mysql
/** The name of the database for WordPress */
define('DB_NAME', 'wordpress');
/** MySQL database username */
define('DB_USER', 'zufar');
/** MySQL database password */
define('DB_PASSWORD', 'stematel');
Tambahkan diakhir file konfigurasi
define('FS_METHOD','direct');
Gambar II.16. Menyunting file konfig
11) Pindah file index.php yang berada di /var/www/wordpress ke /var/www/
a) cd /var/www/wordpress
b) cp index.php backupindex.php
c) mv index.php /var/www
12) Lalu ubat direktori pada index php
a) cd /var/www
b) nano index.php, rubah direktori wordpressnya.
require( dirname( __FILE__ ) . '/wordpress/wp-blog-
header.php' );
18. 14
Gambar II.17. Menyunting file index.php
13) Beri akses 777 agar dapat mengunduh plugin.
a) cd /var/www/wordpress
b) chmod 777 -R wp-content
14)Beri owner agar saat upload dokumen tidak error
a) chown -R tomcat6:tomcat6 /var/bigbluebutton
15) service nginx restart
16) service php5-fpm restart
Gambar II.18. Memberi akses dan owner.
e. Mengkonfigurasi wordpress
1) Buka ip address dari server untuk melakukan instalasi
2) Pilih bahasa, isikan nama situs, username, password dan email. Lalu
install
19. 15
Gambar II.19. Instalasi web wordpress
3) Pilih pengaturan di sisi kiri panel, pilih umum. Ganti alamat wordpress
dan alamat situs
a) Alamat wordpress : http://9.9.9.2/wordpress
b) Alamat situs : http://9.9.9.2
Gambar II.20. Konfigurasi umum wordpress
5. Mengintegrasikan wordpress dan bigbluebutton.
a. Instalasi plugin bigbluebutton.
1) pilih menu plugin di sisi kiri panel, klik tambah baru
2) Cari pada kotak pencarian plugin bigbluebutton, lalu install
20. 16
3) Lalu aktifkan plugin bigbluebutton
4) Pilih menu tampilan, lalu pilih widget, masukan widget bigbluebutton
Gambar II.21. Instalasi plugin bigbluebutton
b. Mengkonfigurasi plugin bigbluebutton.
1) Pergi ke menu pengaturan, lalu pilih bigbluebutton
2) Isi bigbluebutton url
a) http://9.9.9.2/bigbluebutton
3) Isi bigbluebutton shared secret dengan security salt yang dapat dilihat di
a) /var/lib/tomcat6/webapps/bigbluebutton/WEB-
INF/classes/bigbluebutton.properties
c. Buat sebuah meeting room.
Gambar II.22. Instalasi plugin bigbluebutton
6. Melakukan uji coba terhadap e-learning.
a. Buka website.
b. Pada widget bigbluebutton, masukan nama(sembarang) dan isikan password
dengan password user biasa atau presentator.
21. 17
Gambar II.23. Instalasi plugin bigbluebutton
7. Mengkonfigurasi Port Forwarding.
a. Konfigurasi port forwarding pada port TCP 80,1935, dan 9123 di router
mikrotik
1) ip firewall nat add chain=dstnat dst-address=192.168.88.1 protocol=tcp
dst-port=80 action=dst-nat to-addresses=9.9.9.2 to-port=80
2) ip firewall nat add chain=dstnat dst-address=192.168.88.1 protocol=tcp
dst-port=1935 action=dst-nat to-addresses=9.9.9.2 to-port=1935
3) ip firewall nat add chain=dstnat dst-address=192.168.88.1 protocol=tcp
dst-port=9123 action=dst-nat to-addresses=9.9.9.2 to-port=9123
Gambar II.24. Konfigurasi port forwarding TCP
b. Konfigurasi port forwarding pada port UDP 16384-32768
1) ip firewall nat add chain=dstnat dst-address=192.168.88.1 protocol=udp
dst-port=16384-32768 action=dst-nat to-addresses=9.9.9.2 to-port=16384-
32768
22. 18
Gambar II.25. Konfigurasi port forwarding UDP
8. Mengkonfigurasi DNS.
a. Setting dns agar domain ‘elearning.smktelkom.sch.id’ diterjemahkan ke
192.168.88.1.
Gambar II.26. Konfigurasi DNS
b. Buka file /etc/hosts dan tambahkan
1) 192.168.88.1 elearning.smktelkom.sch.id
Gambar II.27. Konfigurasi file /etc/hosts
c. Buka web dengan menggunakan ip address private yaitu 9.9.9.2, lalu rubah
alamat wordpress dan alamat situs
1) Alamat wordpress : http://elearning.smktelkom.sch.id/wordpress
2) Alamat situs : http://elearning.smktelkom.sch.id
23. 19
Gambar II.28. Konfigurasi URL Wordpress
d. Pada server, ketikan perintah
1) Sudo bbb-conf --setip elearning.smktelkom.sch.id
Gambar II.29. Mengubah url bigbluebutton
e. Buka web dengan alamat “elearning.smktelkom.sch.id”, login dan masuk ke
pengaturan bigbluebutton, ubah bigbluebutton url
1) http://elearning.smktelkom.sch.id/bigbluebutton
Gambar II.30. Mengubah URL bigbluebutton
24. 20
BAB III
HASIL YANG DICAPAI
A. Hasil Kerja Proyek
Hasil kerja proyek berupa sebuah layanan learning yang dapat diakses melalui browser
dan layanan tersebut tersimpan pada komputer server. Ada 2 cara yang dapat digunakan
untuk mengakses elearning, yaitu sebagai administrator, guru, dan sebagai siswa.
a) Sebagai administrator, dapat mengkonfigurasi bigbluebutton, dapat membuat
sebuah kelas baru, mengkonfigurasi password untuk guru dan untuk siswa.
b) Sebagai guru, dapat memasuki kelas sebagai presentator, yang artinya dapat
melakukan presentasi dan mengatur kelas.
c) Sebagai siswa, hanya dapat memasuki kelas untuk mendengarkan presentator
bicara.
Untuk memasuki kelas elearning, buka web utama, cari panel bigbluebutton, login
dengan username sembarang dan password yang telah ditentukan. Password dibedakan
menjadi password untuk presentator/guru dan password untuk siswa.
Gambar III.1. Panel Bigbluebutton
25. 21
Gambar III.2. Tampilan Kelas Elearning
B. Manfaat yang Dirasakan
E-learning server memberikan banyak manfaat dalam dunia pendidikan. Terlebih lagi
sekarang model ujian sudah mulai beralih dari media kertas menjadi media komputer
(UNBK). Manfaatnya antara lain adalah :
1 Sebagai media pembelajaran.
2 Memudahkan pengajar untuk memberikan pengajaran jika tidak dapat bertemu
secara langsung.
C. Pengembangan
Kedepannya, aplikasi bigbluebutton dalam dikembangkan bukan hanya sebagai media
pembelajaran jarak jauh tetapi juga sebagai media yang dapat digunakan untuk melakukan
teleconference. Selain itu akan diintegrasikan dengan moodle agar dapat melakukan
pengambilan nilai secara online.
26. 22
BAB IV
PENUTUP
A. Kesimpualan
Dari hasil pelaksanaan kerja proyek di SMK Telkom Sandhy Putra Purwokerto, dapat
diambil kesimpulan :
1. Dengan adanya pelaksanaan kerja proyek ini, para siswa diharapkan dapat mengerti
prosedur proyek asli yang dapat diterapkan dikehidupan nyata.
2. Dengan adanya produk e-learning ini, diharapkan dapat membantu kinerja kegiatan
belajar mengajar.
B. Saran
Untuk meningkatkan pelaksanaan kerja proyek di SMK Telkom Sandhy Putra
Purwokerto pada tahun mendatang, ada beberapa saran yang mungkin bisa dijadikan bahan
pertimbangan dalam melakukan pelaksanaan kerja proyek :
1. melakukan sosialisasi terhadap format proposal dan laporan sehingga tidak membuat
para siswa bingung.
2. Waktu pelaksanaan kerja proyek berdekatan dengan hal penting yang lain seperti UAS,
Tryout, dan persiapan UN.
27. 23
DAFTAR PUSTAKA
How to install wordpress with nginx, www.digitalocean.com/community/tutorials/how-to-
install-wordpress-with-nginx-on-ubuntu-14-04.
How to install bigbluebutton 0.81, https://jlcarrillo.wordpress.com/how-to-install-
bigbluebutton-0-81-english/
docs.bigbluebutton.org.
groups.google.com.