RANCANG BANGUN APLIKASI E-LEARNING BERBASIS WEB
DENGAN MENERAPKAN ALGORITMA FISHER-YATES
(STUDI KASUS MATA PELAJARAN IPS TERPADU DI MTS PEMBANGUNAN UIN JAKARTA)
SKRIPSI
Diajukan untuk memenuhi salah satu syarat memperoleh derajat Sarjana Komputer
AHMAD HASAN BAHRUDDIN 1603040115
PROGRAM STUDI TEKNIK INFORMATIKA FAKULTAS TEKNIK DAN SAINS
HALAMAN PERSEMBAHAN
Dengan segala kerendahan hati, serta rasa syukur terhadap Allah SWT yang telah memberikan rahmat dan nikmat-Nya, maka saya persembahkan Laporan Tugas Akhir ini kepada :
1. Bapak Drs. Masrun, Ibu Chuzmijatun rahimullah, Ibu Sri Murtiningsih, Kakak-kakak, Adik, Keponakan-keponakan dan seluruh keluarga besar Machuz tersayang yang memberikan semangat, bimbingan, dukungan dan doanya pada saya sampai saat ini.
2. Istri tercinta Rinjani Resi Murti dan dedek bayi yang ada di kandungan yang sabar dan selalu memberikan doa dan semangat kepada saya sampai akhir perjuangan.
3. Seluruh Dosen dan Karyawan khususnya Program Studi Teknik Informatika yang telah memberikan ilmu dan wawasan serta pengalamannya.
4. Teman-teman Teknik Informatika angkatan 2015 dan 2016, yang menjadi rekan dalam menuntut ilmu.
HALAMAN MOTTO
KATA PENGANTAR
Puji syukur atas kehadirat Allah SWT yang telah melimpahkan rahmat dan hidayah-Nya, sehingga Laporan Tugas Akhir dengan judul “Rancang Bangun Aplikasi E-learning Berbasis Web Dengan Menerapkan Algoritma Fisher-yates (Studi Kasus Mata Pelajaran IPS Terpadu Di MTs Pembangunan UIN
Jakarta)” dapat terselesaikan dengan baik.
Penyusunan Laporan Tugas Akhir ini tidak terlepas dari bantuan berbagai pihak. Oleh karena itu ucapan terima kasih diberikan kepada:
1. Bapak Dr. H. Syamsuhadi Irsyad, M.H. selaku Rektor Universitas Muhammadiyah Purwokerto.
2. Bapak M. Taufiq Tamam, S.T., M.T. selaku Dekan Fakultas Teknik & Sains Universitas Muhammadiyah Purwokerto.
3. Bapak Harjono, S.T., M.Eng. selaku ketua Prodi Teknik Informatika Fakultas Teknik & Sains Universitas Muhammadiyah Purwokerto.
4. Bapak Feri Wibowo, S.Kom., M.Cs. selaku dosen pembimbing akademik Program Studi Teknik Informatika angkatan 2016.
5. Bapak Harjono, S.T., M.Eng. selaku dosen pembimbing Tugas Akhir.
6. Istri tercinta, kedua orang tua, dan keluarga besar penulis yang selalu mendukung dan mendoakan penulis.
7. Teman-teman Teknik Informatika angkatan 2015 dan 2016 atas motivasi dan dukungannya, dan semua pihak yang telah membantu penyusunan Laporan Tugas Akhir.
Akhir kata, penulis menyadari bahwa penyusunan Laporan Tugas Akhir ini masih belum sempurna. Oleh karena itu, kritik dan saran yang membangun sangat penulis harapkan. Semoga penyusunan laporan ini bermanfaat bagi semua pihak.
Purwokerto, Januari 2019
ix DAFTAR ISI
HALAMAN PERNYATAAN ORISINALITAS .... ...ii
HALAMAN PERSETUJUAN ... ...iii
HALAMAN PENGESAHAN ...iv
HALAMAN PERNYATAAN PERSETUJUAN PUBLIKASI SKRIPSI UNTUK KEPENTINGAN AKADEMIS ...v
A. RANCANG BANGUN SISTEM ... 6
B. KONSEP DASAR SISTEM ... 6
1. Pengertian Sistem ... 6
2. Karakteristik Sistem ... 7
3. Klasifikasi Sistem ... 10
C. E-LEARNING ... 11
D. ALGORITMA FISHER-YATES ... 13
E. BASIS DATA ... 16
1. Pengertian Basis Data ... 16
2. Pengertian DBMS ... 16
F. SQL ... 17
2. Pengertian PHPMyAdmin ... 19
G. BAHASA PENGEMBANGAN APLIKASI BERBASIS WEB ... 19
1. Bahasa Pemrograman ... 19
2. HTML ... 19
3. PHP ... 20
4. JavaScript ... 21
5. CSS ... 22
H. SOFTWARE PENDUKUNG ... 22
1. Macromedia Dreamweaver ... 22
2. XAMPP ... 23
3. Microsoft Office Visio ... 23
I. KAJIAN PENELITIAN TERDAHULU ... 24
BAB III... 26
TUJUAN DAN MANFAAT ... 26
A. TUJUAN ... 26
B. MANFAAT ... 26
BAB IV ... 27
METODE PENELITIAN ... 27
A. WAKTU DAN TEMPAT PENELITIAN ... 27
B. DATA DAN ALAT ... 27
1. Data ... 27
2. Alat ... 27
C. PROSEDUR KERJA ... 28
1. Analisis dan Definisi Persyaratan... 28
2. Perancangan Sistem dan Perangkat Lunak ... 29
3. Implementasi dan Pengujian Unit ... 29
4. Pengujian Sistem ... 30
5. Operasi dan Pemeliharaan ... 30
BAB V ... 31
HASIL DAN PEMBAHASAN ... 31
A. ANALISIS SISTEM ... 31
1. Analisis Proses Pembelajaran ... 31
xi
B. DESAIN SISTEM ... 38
1. Data Flow Diagram (DFD) ... 38
2. Entity Relationship Diagram (ERD) ... 54
3. Basis Data ... 55
4. Perancangan User Interface Halaman Sistem ... 68
C. IMPLEMENTASI SISTEM ... 85
1. Halaman Login ... 85
2. Halaman Beranda ... 86
3. Halaman Kelola Data Guru ... 88
4. Halaman Kelola Data Mata Pelajaran ... 89
5. Halaman Kelola Data Siswa ... 90
6. Halaman Kelola Data Kelas ... 91
7. Halaman Kelola Data Materi ... 92
8. Halaman Daftar Materi ... 93
9. Halaman Kelola Data Tugas ... 94
10. Halaman Daftar Tugas ... 96
11. Halaman Kelola Topik Ujian ... 97
12. Halaman Kelola Data Soal dan Jawaban Ujian ... 99
13. Halaman Daftar Topik Ujian ... 101
14. Halaman Kelola Jawaban Ujian ... 101
15. Halaman Kelola Data Nilai Akhir ... 104
D. INTEGRASI DAN PENGUJIAN SISTEM ... 105
E. PENERAPAN DAN PEMELIHARAAN SISTEM ... 106
DAFTAR GAMBAR
Gambar 1. Karakteristik Sistem (Jogiyanto H. M., 2005) ...10
Gambar 2. Flowchart Metode Pengacakan Fisher-yates ...15
Gambar 3. Context Diagram ...39
Gambar 12. DFD Level 2 Proses 8 (Data Kelas Mengajar) ...49
Gambar 13. DFD Level 2 Proses 9 (Data Paket) ...49
Gambar 20. Perancangan User Interface Halaman Login Sistem ...69
Gambar 21. Perancangan User Interface Halaman Beranda Admin ...70
Gambar 22. Perancangan User Interface Halaman Beranda Guru ...71
Gambar 23. Perancangan User Interface Halaman Beranda Siswa ...72
Gambar 24. Perancangan User Interface Halaman Kelola Data Guru ...73
Gambar 25. Perancangan User Interface Halaman Kelola Data Mata Pelajaran .74 Gambar 26. Perancangan User Interface Halaman Kelola Data Siswa...75
Gambar 27. Perancangan User Interface Halaman Kelola Data Kelas ...76
Gambar 28. Perancangan User Interface Halaman Kelola Materi ...77
Gambar 29. Perancangan User Interface Halaman Daftar Materi ...78
Gambar 30. Perancangan User Interface Halaman Kelola Tugas ...79
Gambar 31. Perancangan User Interface Halaman Daftar Tugas...80
Gambar 32. Perancangan User Interface Halaman Kelola Topik Ujian...81
Gambar 33. Perancangan User Interface Halaman Kelola Soal dan Jawaban Ujian ...82
Gambar 34. Perancangan User Interface Halaman Daftar Ujian ...83
Gambar 35. Perancangan User Interface Halaman Kelola Jawaban Ujian ...84
Gambar 36. Perancangan User Interface Halaman Kelola Data Nilai Akhir ...85
Gambar 37. Tampilan Halaman Login ...86
Gambar 38. Tampilan Halaman Beranda Admin ...87
Gambar 39. Tampilan Halaman Beranda Guru ...87
Gambar 40. Tampilan Halaman Beranda Siswa ...88
Gambar 41. Tampilan Halaman Kelola Data Guru...89
xiii
Gambar 43. Tampilan Halaman Data Mata Pelajaran ...90
Gambar 44. Tampilan Halaman Tambah Data Mata Pelajaran...90
Gambar 45. Tampilan Halaman Kelola Data Siswa ...91
Gambar 46. Tampilan Halaman Tambah Data Siswa ...91
Gambar 47. Tampilan Halaman Kelola Data Kelas ...92
Gambar 48. Tampilan Halaman Tambah Data Kelas...92
Gambar 49. Tampilan Halaman Kelola Data Materi ...93
Gambar 50. Tampilan Halaman Tambah Data Materi ...93
Gambar 51. Tampilan Halaman Daftar Materi ...94
Gambar 52. Tampilan Halaman Kelola Data Tugas ...95
Gambar 53. Tampilan Halaman Tambah Data Tugas ...95
Gambar 54. Tampilan Halaman Lihat Data Tugas ...96
Gambar 55. Tampilan Halaman Daftar Tugas ...96
Gambar 56. Tampilan Halaman Upload Tugas Siswa ...97
Gambar 57. Tampilan Halaman Kelola Topik Ujian ...97
Gambar 58. Tampilan Halaman Tambah Topik Ujian ...98
Gambar 59. Tampilan Halaman Lihat Hasil Ujian ...98
Gambar 60. Tampilan Halaman Data Paket...99
Gambar 61. Tampilan Halaman Data Soal ...99
Gambar 62. Tampilan Halaman Tambah Data Paket ...100
Gambar 63. Tampilan Halaman Tambah Soal Ujian ...100
Gambar 64. Tampilan Halaman Tambah Soal Ujian ...100
Gambar 65. Tampilan Halaman Data Topik Ujian ...101
Gambar 66. Tampilan Halaman Kelola Jawaban Ujian Siswa 1 ...102
Gambar 67. Tampilan Halaman Kelola Jawaban Ujian Siswa 2 ...103
Gambar 68. Tampilan Halaman Kelola Jawaban Ujian Siswa 3 ...103
Gambar 69. Potongan Kode Pengacakan Data Soal Ujian ...104
Gambar 70. Potongan Kode Pengacakan Data Jawaban Ujian ...104
Gambar 71. Tampilan Halaman Kelola Data Nilai Akhir ...105
Gambar 72. Tampilan Halaman Input Nilai Akhir ...105
DAFTAR TABEL
Tabel 1. Contoh Perhitungan Dengan Metode Pengacakan Fisher-Yates ...14
Tabel 2. Kebutuhan User ...33
Tabel 3. Kebutuhan Fungsional Sistem ...36
Tabel 4. Kebutuhan Non Fungsional Sistem ...37
Tabel 5. Aliran Data ...40
Tabel 6. Rancangan Struktur Tabel Admin ...56
Tabel 7. Rancangan Struktur Tabel Guru...56
Tabel 8. Rancangan Struktur Tabel Kelas ...57
Tabel 9. Rancangan Struktur Tabel Kelas Mengajar ...57
Tabel 10. Rancangan Struktur Tabel Mapel...58
Tabel 11. Rancangan Struktur Tabel Materi ...58
Tabel 12. Rancangan Struktur Tabel Mengajar ...59
Tabel 13. Rancangan Struktur Tabel Paket ...59
Tabel 14. Rancangan Struktur Tabel Pengguna ...60
Tabel 15. Rancangan Struktur Tabel Pilihan Siswa ...60
Tabel 16. Rancangan Struktur Tabel Pilihan Soal ...61
Tabel 17. Rancangan Struktur Tabel Siswa ...61
Tabel 18. Rancangan Struktur Tabel Siswa Kelas ...62
Tabel 19. Rancangan Struktur Tabel Tahun ...63
Tabel 20. Rancangan Struktur Tabel Tingkat...63
Tabel 21. Rancangan Struktur Tabel Tugas ...64
Tabel 22. Rancangan Struktur Tabel Tugas Siswa ...64
Tabel 23. Rancangan Struktur Tabel Ujian ...65
Tabel 24. Rancangan Struktur Tabel Ujian Siswa ...66
Tabel 25. Rancangan Struktur Tabel Nilai Akhir ...66
Tabel 26. Rancangan Struktur Tabel Soal ...67
Tabel 27. Rancangan Struktur Tabel Soal Siswa ...68
Tabel 28. Hasil Pengujian User Admin ...123
Tabel 29. Hasil Pengujian User Guru ...128
xv
DAFTAR LAMPIRAN
Wawancara Guru (Studi Pendahuluan) Daftar Siswa Kelas VII A
Peraturan Dasar Penilaian Akhir
Daftar Contoh Soal Mata Pelajaran IPS Terpadu Hasil Pengujian
INTISARI
RANCANG BANGUN APLIKASI E-LEARNING BERBASIS WEB
DENGAN MENERAPKAN ALGORITMA FISHER-YATES
(STUDI KASUS MATA PELAJARAN IPS TERPADU DI MTs PEMBANGUNAN UIN JAKARTA)
Selama ini semua proses pembelajaran di MTs Pembangunan UIN Jakarta masih bersifat konvensional, dengan kata lain proses belajar mengajar berjalan jika terjadinya pertemuan guru dan siswa di dalam kelas. Sistem E-learning
digunakan sebagai sistem pembantu kegiatan belajar mengajar. Sistem E-learning
yang dibangun meliputi upload/download materi maupun tugas, latihan soal
maupun ujian secara online dengan menerapkan algoritma fisher-yates, dan
pengelolaan nilai siswa oleh guru. Algoritma fisher-yates diterapkan untuk
melakukan pengacakan soal dan jawaban saat latihan soal maupun ujian. Jenis penelitian tugas akhir ini termasuk dalam jenis penelitian pengembangan sistem. Metode pengumpulan data yang digunakan dalam tugas akhir ini yaitu studi pustaka untuk menemukan suatu masalah sebelum penelitian, studi kasus untuk pemeriksaan mendalam dengan cara-cara sistematis, dan wawancara untuk mengumpulkan data. Metode pengembangan sistem yang digunakan dalam tugas akhir ini adalah metode waterfall. Metode waterfall merupakan sebuah metode
pengembangan perangkat lunak dengan pendekatan sekuensial yang memiliki aktivitas rekayasa sistem dan analisis, analisis kebutuhan perangkat lunak, perancangan, pembuatan kode, pengujian, dan pemeliharaan. Hasil dari tugas akhir ini adalah sistem E-learning yang menyediakan fasilitas upload/download
baik materi maupun tugas, pengacakan soal ujian/latihan soal dengan penerapan algoritma fisher-yates, dan pengelolaan nilai siswa di MTs Pembangunan UIN
Jakarta.
xvii
ABSTRACT
THE DEVELOPMENT OF WEB-BASED E-LEARNING APPLICATION BY APPLYING FISHER-YATES ALGORITHM
(A CASE STUDY OF INTEGRATED SOCIAL SCIENCES IN MTS PEMBANGUNAN OF UIN JAKARTA)
All this time, the teaching and learning processes at MTs Pembangunan of UIN Jakarta are still conventionally applied; the process runs if a meeting between teacher and students in the classroom takes place. E-learning is a system used as a support for teaching and learning activities. The E-learning system that is built includes uploading / downloading material and assignments, practicing questions and examinations online by applying the fisher-yates algorithm, and managing student grades by the teacher. The fisher-yates algorithm acts to randomize questions and answers during practice of answering questions. System development was used as the design of this research. Data collection methods used in this final project are literature studies to find research problem, case studies for in-depth examination in systematic ways, and interviews to collect data. Waterfall method was used to as development method in this final project. It is a software development method with a sequential approach that has system engineering and analysis activities, software need analysis, designing, coding, testing, and maintenance. The results of this final project are an E-learning system that provides facilities of uploading / downloading for both materials and assignments, randomizing questions in exam / with by applying the fisher-yates algorithm, and managing students’ grades at MTs Pembangunan of UIN Jakarta.
