Team project ©2017
Hak cipta dan penggunaan kembali:
Lisensi ini mengizinkan setiap orang untuk menggubah,
memperbaiki, dan membuat ciptaan turunan bukan untuk
kepentingan komersial, selama anda mencantumkan nama
penulis dan melisensikan ciptaan turunan dengan syarat
yang serupa dengan ciptaan asli.
Copyright and reuse:
This license lets you remix, tweak, and build upon work
non-commercially, as long as you credit the origin creator
and license it on your new creations under the identical
terms.
RANCANG BANGUN SISTEM
CONTEXT-AWARE CLASSROOM LEARNING
DENGAN BLUETOOTH LOW ENERGY BEACON
PADA UNIVERSITAS MULTIMEDIA NUSANTARA
SKRIPSI
Diajukan Guna Memenuhi Persyaratan Memperoleh Gelar Sarjana Komputer (S.Kom)
Abraham Galih Prakosa
00000009253
PROGRAM STUDI SISTEM INFORMASI
FAKULTAS TEKNIK DAN INFORMATIKA
UNIVERSITAS MULTIMEDIA NUSANTARA
TANGERANG
2019
i
PERNYATAAN
Dengan ini saya menyatakan bahwa skripsi ini adalah karya ilmiah saya sendiri,
bukan plagiat dari karya ilmiah yang ditulis oleh orang lain atau lembaga lain, dan
semua karya ilmiah orang lain atau lembaga lain yang dirujuk dalam skripsi ini
telah disebutkan sumber kutipannya serta dicantumkan di Daftar Pustaka.
Jika di kemudian hari terbukti ditemukan kecurangan / penyimpangan, baik dalam
pelaksanaan skripsi maupun dalam penulisan laporan skripsi, saya bersedia
menerima konsekuensi dinyatakan TIDAK LULUS untuk mata kuliah skripsi yang
telah saya tempuh dan status kesarjanaan strata satu yang sudah diterima akan
dicabut.
Tangerang, 20 Desember 2018
HALAMAN PENGESAHAN
Skripsi dengan judul“Rancang Bangun Sistem Context-Aware Classroom Learning Dengan Bluetooth
Low Energy Beacon pada Universitas Multimedia Nusantara”
oleh
Abraham Galih Prakosa
telah diujikan pada hari Kamis, 18 Januari 2019
pukul 09.00 s.d. 10.30 dan dinyatakan lulus
dengan susunan penguji sebagai berikut.
Ketua Sidang
Friska Natalia, Ph.D.
Penguji
Marcelli Indriana, S.Kom. M.Sc.
Dosen Pembimbing
Yustinus Eko Soelistio, S.Kom., M.M.
Disahkan oleh
Ketua Program Studi Sistem Informasi - UMN
iii
KATA PENGANTAR
Puji dan syukur kepada Tuhan Yang Maha Kasih atas penyertaan-Nya sehingga
skripsi dengan judul “Rancang Bangun Sistem Context-Aware Classroom Learning
dengan Bluetooth Low Energy Beacon pada Universitas Multimedia Nusantara“
dapat selesai pada waktunya. Skripsi ini diajukan penulis kepada Program Strata 1,
Program Studi Sistem Informasi, Fakultas Teknologi Informasi, Universitas
Multimedia Nusantara.
Seiring selesainya proses penulisan skripsi ini, penulis mengucapkan terimakasih
kepada Universitas Multimedia Nusantara yang telah memberikan beasiswa
prestasi bagi penulis selama menempuh pendidikan di Universitas Multimedia
Nusantara sehingga dapat memberikan motivasi yang berkelanjutan bagi penulis
untuk belajar dan berkarya lebih lagi hingga kuliah selesai.
Penulis ingin mengucapkan terima kasih kepada:
1. Bapak Yustinus Eko Soelistio, S.Kom., M.M. selaku dosen pembimbing
penulis atas saran-saran yang telah diberikan saat berlangsungnya
pengerjaan skripsi,
2. Bapak Enrico Siswanto, S.Kom., M.B.A. yang telah menawarkan ide
penggunaan bluetooth beacon, menjadi pembimbing proposal skripsi dan
membantu penulis dalam menerapkan teknologi bluetooth beacon pada
aplikasi mobile,
3. Orang tua penulis yang senantiasa mendoakan dan mendukung pengerjaan
4. Nicoletta Joan Ongko yang telah mendukung, menemani, dan membantu
memeriksa penulisan selama pengerjaan skripsi,
5. Kawan-kawan dari “The We Boos” yang selalu mengingatkan dan
mengerjakan skripsi bersama-sama.
Ucapan terimakasih juga penulis sampaikan kepada teman-teman satu angkatan
yang telah mengerjakan skripsi bersama-sama dan saling memberi saran satu sama
lain.
Semoga skripsi ini dapat memberikan informasi yang bermanfaat bagi para
pembaca di kemudian hari nanti.
Tangerang, 20 Desember 2018
v
RANCANG BANGUN SISTEM CONTEXT-AWARE CLASSROOM LEARNING DENGAN BLUETOOTH LOW ENERGY BEACON PADA UNIVERSITAS
MULTIMEDIA NUSANTARA
ABSTRAK
Oleh: Abraham Galih Prakosa
Masa perkuliahan menitikberatkan proses belajar mengajar sebagai fondasi utama dalam memperkaya ilmu dan pengalaman mahasiswa. Tendensi konsep perkuliahan saat ini dan ke depannya adalah kelas yang dimediasi oleh teknologi. Teori konstruktifisme menekankan bahwa pembelajaran dimulai oleh pelajar. Universitas Multimedia Nusantara merupakan sebuah institut pendidikan tingkat tinggi di Tangerang. Metode akses materi di institut tersebut biasanya menggunakan portal e-learning maupun dibagi oleh dosen. Dibutuhkan tahapan yang tidak sedikit dan cenderung menjadi obstruksi, dimana teknologi bluetooth
low energy beacon dapat menjadi solusi untuk mengurangi sifat tersebut. Penelitian Smart Campus membuktikan bahwa teknologi serupa dapat diimplementasi
kegiatan universitas untuk memberikan informasi kontekstual.
Digunakan siklus pengembangan aplikasi metode agile unified process dalam merancang keseluruhan sistem. Berdasarkan analisis requirement metode pembelajaran konvensional dan rancangan baru, dirancang aplikasi mobile berbasis Android dan web back-end pendukung berbasis CodeIgniter untuk memenuhi kebutuhan dalam mempermudah akses materi. Pengujian dilakukan dengan kuis kelas pemakai aplikasi dan tidak, dimana hasil akan diuji menggunakan two sample t-test.
Hasil perancangan adalah aplikasi mobile yang dapat digunakan di gawai Android dan back-end yang dapat diakses melalui internet. Mahasiswa dapat mengakses materi melalui aplikasi mobile hanya dengan masuk ke kelas yang terdapat beacon. Hasil uji statistik berdasar ujicoba aplikasi adalah tidak ada perbedaan nilai kuis yang signifikan antara kelas pengguna aplikasi dan yang tidak.
Kata kunci : android mobile application, bluetooth beacon, context-aware
CONTEXT-AWARE CLASSROOM LEARNING SYSTEM DESIGN USING BLUETOOTH LOW ENERGY BEACON IN UNIVERSITAS
MULTIMEDIA NUSANTARA
ABSTRACT
By: Abraham Galih Prakosa
University lecturing period focuses on teaching and learning process as main foundation for experience and knowledge enrichment. Nowadays, lecturing concept tend to have a technology mediated class. Constructivism theory accentuate that learning start within learner. Universitas Multimedia Nusantara is a high level education, multimedia based institute located in Tangerang. Class material is usually accessed using e-learning portal or shared from lecturers. These mentioned methods don’t have simple phases and tend to be obstruction, where bluetooth low energy beacon technology can become a solution. Smart Campus research has proved that similar technology has been implemented in campus activities to provide contextual information
Agile unified method lifecycle will be used to design the system. Based on requirement analysis and new system design, an Android mobile application and CodeIgniter web back-end will be designed to fulfill requirements to ease material access. Testing is done using quiz in classes that use the application and the ones that not, where the result will be tested statistically using two sample t-test.
Result of design is a mobile application that runs in Android based gadgets and a web back-end that can be accessed through internet. Students can access material through mobile application by entering classes that has beacon. Statistic test result based on application testing concluded it can’t be said that there is a significant quiz score difference between application classes and normal class.
Keyword : android mobile application, bluetooth beacon, context-aware classroom learning, material access method
vii
DAFTAR ISI
PERNYATAAN ... i
HALAMAN PENGESAHAN ... ii
KATA PENGANTAR ... iii
ABSTRAK ... v
ABSTRACT ... vi
DAFTAR ISI ... vii
DAFTAR TABEL ... ix
DAFTAR GAMBAR ... x
DAFTAR DIAGRAM ... xii
BAB I PENDAHULUAN ... 1 1.1. Latar Belakang ... 1 1.2. Rumusan Masalah ... 3 1.3. Batasan Masalah ... 4 1.4. Tujuan Penelitian ... 4 1.5. Manfaat Penelitian ... 5
BAB II LANDASAN TEORI ... 6
2.1. Context-aware Ubiquitous Learning ... 6
2.1.1. Electronic Learning ... 7
2.1.2. Mobile Learning ... 7
2.1.3. Ubiquitous Learning ... 9
2.2. Bluetooth Low Energy (BLE) ... 9
2.2.1. Bluetooth Beacon ... 10
2.2.2. Eddystone Format ... 11
2.2.3. Estimote Beacon ... 12
2.3. Sistem Operasi Android ... 13
2.3.1. Android Software Stack ... 14
2.3.2. MySQL Database ... 17
2.5. Representational State Transfer Application Programming Interface
(REST API) ... 19
2.6. Agile Unified Process ... 20
2.7. Penelitian Terdahulu ... 22
BAB III METODE PENELITIAN ... 23
3.1. Objek Penelitian ... 23
3.2. Metode Pengembangan Aplikasi ... 24
3.3. Metode Pengujian Aplikasi... 31
BAB IV ANALISIS DAN PEMBAHASAN ... 33
4.1. Perancangan Aplikasi Back-end ... 33
4.1.1. Fase Inception ... 33
4.1.2. Fase Elaboration ... 34
4.1.3. Fase Construction ... 52
4.1.4. Fase Transition ... 60
4.2. Perancangan Aplikasi Mobile ... 64
4.2.1. Fase Elaboration ... 64
4.2.2. Fase Construction ... 71
4.2.3. Fase Transition ... 75
4.3. Hasil Perancangan Aplikasi ... 77
4.3.1. Hasil Perancangan Aplikasi Mobile ... 77
4.3.2. Hasil Perancangan Aplikasi Back-end ... 80
4.4. Hasil Ujicoba ... 87
4.5. Diskusi ... 90
BAB V KESIMPULAN DAN SARAN ... 93
5.1. Kesimpulan ... 93
5.2. Saran ... 93
DAFTAR PUSTAKA ... 95
DAFTAR LAMPIRAN... 99
ix
DAFTAR TABEL
Tabel 2. 1. Penelitian Terdahulu ... 22
Tabel 3. 1. Perbandingan Piranti Serupa ... 24
Tabel 3. 2. Perbandingan Metode Pengembangan Aplikasi ... 25
Tabel 4. 1. Tabel users ... 45
Tabel 4. 2. Tabel log_table ... 45
Tabel 4. 3. Tabel class_list... 46
Tabel 4. 4. Tabel schedule ... 46
Tabel 4. 5. Tabel material_master ... 47
Tabel 4. 6. Tabel lecturer ... 48
Tabel 4. 7. Tabel Capaian Aplikasi Web Back-end ... 60
Tabel 4. 8. Tabel Capaian Aplikasi Mobile ... 76
Tabel 4. 9. Rincian Pelaksanaan Kuis ... 88
DAFTAR GAMBAR
Gambar 2. 1. Lapisan Protokol BLE. ... 10
Gambar 2. 2. Android Software Stack ... 17
Gambar 2. 3. Mekanisme MVC ... 19
Gambar 2. 4. Arsitektur Representational State Transfer ... 20
Gambar 3. 1. Model Agile Unified Process ... 27
Gambar 4. 1. Wireframe Halaman Login ... 48
Gambar 4. 2. Wireframe Halaman Dasbor Admin ... 49
Gambar 4. 3. Wireframe Halaman Edit/New Dasbor Admin ... 50
Gambar 4. 4. Wireframe Halaman Dasbor Dosen ... 51
Gambar 4. 5. Wireframe Halaman Edit/New Dasbor Dosen... 52
Gambar 4. 6. Hasil Testing Panggilan api_schedule ... 62
Gambar 4. 7. Hasil Testing Panggilan api_class... 63
Gambar 4. 8. Hasil Testing Panggilan api_material ... 63
Gambar 4. 9. Mock-up Antarmuka Grafis Skenario 1 ... 69
Gambar 4. 10. Mock-up Antarmuka Grafis Skenario 2 ... 70
Gambar 4. 11. Rangkaian Fungsi Pertama Apabila Terdapat Kelas ... 78
Gambar 4. 12. Rangkaian Fungsi Pertama Apabila Tidak Terdapat Kelas ... 79
Gambar 4. 13. Rangkaian Fungsi Kedua Apabila Terdapat Kelas ... 79
Gambar 4. 14. Rangkaian Fungsi Kedua Apabila Tidak Terdapat Kelas ... 80
Gambar 4. 15. Tampilan Tabel Pengelolaan Hak Akses ... 81
Gambar 4. 16. Tampilan Pengaturan Hak Akses ... 81
Gambar 4. 17. Tampilan Tabel Catatan Kegiatan Pengguna ... 82
Gambar 4. 18. Tampilan Tabel Daftar Dosen ... 83
Gambar 4. 19. Tampilan Pendaftaran Dosen Baru ... 83
Gambar 4. 20. Tampilan Tabel Pengelolaan Kelas Mata Kuliah ... 84
Gambar 4. 21. Tampilan Pendaftaran Kelas Mata Kuliah Baru... 84
Gambar 4. 22. Tampilan Tabel Pengelolaan Jadwal Mata Kuliah ... 85
Gambar 4. 23. Tampilan Pendaftaran Jadwal Kelas Baru ... 85
xi
Gambar 4. 25. Tampilan Tabel Pengelolaan Materi Salah Satu Kelas ... 86 Gambar 4. 26. Tampilan Pendaftaran Materi Perkuliahan Baru ... 87
DAFTAR DIAGRAM
Diagram 4. 1. Diagram Alir Proses Pembelajaran ... 33
Diagram 4. 2. Diagram Alir Proses Pembelajaran dengan Sistem ... 35
Diagram 4. 3. Use Case Diagram untuk Web Back-end ... 36
Diagram 4. 4. Flowchart Diagram Authentication ... 37
Diagram 4. 5. Flowchart Diagram Manage Lecturers ... 38
Diagram 4. 6. Flowchart Diagram Manage Classes ... 39
Diagram 4. 7. Flowchart Diagram Manage Schedule ... 40
Diagram 4. 8. Flowchart Diagram Manage User Flags ... 41
Diagram 4. 9. Flowchart Diagram Display User Logs ... 42
Diagram 4. 10. Flowchart Diagram Manage Materials ... 43
Diagram 4. 11. Entity Relationship Diagram untuk Web Back-end... 44
Diagram 4. 12. Use Case Diagram untuk Aplikasi Mobile ... 64
Diagram 4. 13. Class Diagram untuk Aplikasi Mobile ... 66
