SISTEM INFORMASI E-LEARNING SD AL FIRDAUS SURAKARTA BERBASIS WEB Tugas Akhir Disusun untuk memenuhi salah satu syarat dalam memperoleh gelar Ahli Madya pada Program Studi Diploma III Teknik Informatika Universitas Sebelas Maret.
Disusun Oleh : ALIFA MILLYANA AZELLA NIM. M3113013
PROGRAM DIPLOMA III TEKNIK INFORMATIKA FAKULTAS MATEMATIKA DAN ILMU PENGETAHUAN ALAM UNIVERSITAS SEBELAS MARET 2016
HALAMAN PERSETUJUAN
ii
HALAMAN PENGESAHAN
iii
PERNYATAAN
iv
MOTTO
Rahmat sering datang kepada kita dalam bentuk kesakitan, kehilangan dan kekecewaan, tetapi kalau kita sabar, kita segera akan melihat bentuk aslinya. (Joseph Addison)
Ilmu itu diperoleh dari lidah yang gemar bertanya serta akal yang suka berpikir. ( Abdullah bin Abbas )
“Do the best and pray. God will take care of the rest.” Lakukan yang terbaik, kemudian berdoalah. Tuhan yang akan mengurus sisanya.
v
HALAMAN PERSEMBAHAN Tugas Akhir ini penulis persembahkan kepada : 1.
Ibu, ayah, adik-adik dan keluarga tercinta yang telah memberikan pengorbanan dan selalu mendoakan yang terbaik serta memberikan motivasi.
2.
Pembimbing yang selalu memberikan bimbingan dan arahan yang bermanfaat.
3.
Dosen-dosen DIII Teknik Informatika yang telah memberikan perkuliahan sehingga ilmu yang diberikan dapat digunakan dalam pembuatan Tugas Akhir ini.
4.
Teman-teman kelas TI angkatan 2013, khususnya teman-teman TI A angkatan 2013 terimakasih atas bantuan dan dukungan selama ini.
vi
KATA PENGANTAR Puji syukur Alhamdulillah selalu penulis haturkan kepada Allah SWT yang telah melimpahkan rahmat dan barokahnya sehingga penulis dapat menyelesaikan Tugas Akhir dengan judul “Sistem Informasi E-learning SD Al Firdaus Surakarta Berbasis Web”. Laporan Tugas Akhir ini disusun untuk memenuhi salah satu syarat dalam memperoleh gelar Amd. pada Program Studi Diploma III Teknik Informatika Universitas Sebelas Maret. Dalam melakukan penelitian dan penyusunan laporan Tugas Akhir ini penulis telah mendapatkan banyak dukungan dan bantuan dari berbagai pihak. Penulis mengucapkan terima kasih yang tak terhingga kepada: 1.
Keluarga tercinta, Ibu, ayah dan adik penulis yang selalu mendukung dalam menyelesaikan Tugas Akhir ini.
2.
Prof. Ir. Ari Handono Ramelan, M.Sc(Hons)., Ph.D., selaku Pimpinan Fakultas MIPA Universitas Sebelas Maret yang memberikan izin kepada penulis untuk belajar.
3.
Abdul Aziz, S.Kom., M.Cs., selaku Ketua Program Studi Diploma III Teknik Informatika Universitas Sebelas Maret yang memberikan izin kepada penulis untuk belajar.
4.
Berliana Kusuma Riasti, S.T., M.Eng., selaku dosen pembimbing yang telah dengan penuh kesabaran dan ketulusan memberikan ilmu dan bimbingan terbaik kepada penulis.
5.
Para Dosen Program Studi Diploma III Teknik Informatika Universitas Sebelas Maret yang telah memberikan bekal ilmu kepada penulis.
6.
Para Karyawan/wati Program Studi Diploma III Teknik Informatika Universitas Sebelas Maret yang telah membantu penulis dalam proses belajar.
7.
Kedua orang tua penulis serta semua teman-teman D3 Teknik Informatika yang selalu memberikan doa, motivasi, dan dorongan selama pelaksanaan pengerjaan tugas akhir ini.
vii
Penulis menyadari sepenuhnya bahwa laporan Tugas Akhir ini masih jauh dari sempurna. Untuk itu, semua jenis saran, kritik dan masukan yang bersifat membangun sangat penulis harapkan. Akhir kata, semoga tulisan ini dapat memberikan manfaat dan memberikan wawasan tambahan bagi para pembaca dan khususnya bagi penulis sendiri. Surakarta, Juni 2016
Penulis
viii
DAFTAR ISI HALAMAN PERSETUJUAN ............................................................................. ii HALAMAN PENGESAHAN ............................................................................. iii PERNYATAAN .................................................................................................. iv MOTTO ................................................................................................................ v HALAMAN PERSEMBAHAN .......................................................................... vi KATA PENGANTAR ........................................................................................ vii DAFTAR ISI ....................................................................................................... ix DAFTAR TABEL .............................................................................................. xv DAFTAR GAMBAR ....................................................................................... xviii INTISARI ........................................................................................................ xxiv ABSTRACT ..................................................................................................... xxv BAB I PENDAHULUAN..................................................................................... 1 1.1 Latar Belakang ............................................................................................... 1 1.2 Perumusan Masalah ....................................................................................... 2 1.3 Tujuan ............................................................................................................ 2 1.4 Manfaat .......................................................................................................... 2 1.5 Batasan Masalah ............................................................................................ 3 1.6 Metodologi Penelitian .................................................................................... 3 1.6.1 Pengumpulan Data........................................................................... 3 1.6.2 Desain dan Perancangan .................................................................. 3 1.6.3 Analisa Data .................................................................................... 4 1.6.4 Implementasi ................................................................................... 4 1.6.5 Testing ............................................................................................. 5 1.7 Sistematika Penulisan .................................................................................... 5 BAB II TINJAUAN PUSTAKA DAN LANDASAN TEORI ............................. 6 2.1 Tinjauan Pustaka............................................................................................ 6 2.2 Landasan Teori .............................................................................................. 7 2.2.1 Electronic Learning (E-learning) .................................................... 7 2.2.2 Sistem Informasi .............................................................................. 8 2.2.3 Web................................................................................................ 10 2.2.4 JavaScript dan jQuery.................................................................... 10 2.2.5 HyperText Markup Language (HTML) ........................................ 11
ix
2.2.6 MySQL .......................................................................................... 11 2.2.7 Basis Data ...................................................................................... 11 2.2.8 PHP Hypertext Preprocessor (PHP) .............................................. 13 2.2.9 Model View Control ...................................................................... 13 2.2.10 Framework ..................................................................................... 14 2.2.11 Codeigniter .................................................................................... 14 2.2.12 Unified Modelling Language ......................................................... 14 2.2.13 Use Case Diagram ........................................................................ 15 2.2.14 Sequence Diagram ......................................................................... 19 BAB III ANALISIS DAN RANCANGAN SISTEM ........................................ 21 3.1 Alat dan Bahan ............................................................................................ 21 3.1.1 Alat ................................................................................................ 21 3.1.2 Bahan ............................................................................................. 21 3.2 Jadwal Penelitian ......................................................................................... 22 3.3 Perancangan Sistem Informasi .................................................................... 23 3.3.1 Proses Bisnis .................................................................................. 23 3.3.2 Non Fungsional Sistem.................................................................. 28 3.3.3 Use Case Diagram ........................................................................ 28 3.3.4 Use Case Text ................................................................................ 30 3.3.5 Class Diagram ............................................................................... 94 3.3.6 Sequence Diagram......................................................................... 95 3.4 Perancangan Basis Data ............................................................................. 123 3.4.1 ERD ............................................................................................. 123 3.4.2 Relasi Antar Table ....................................................................... 123 3.4.3 Tabel Fisik ................................................................................... 124 3.5 Perancangan Antarmuka (User Interface) ................................................. 132 3.5.1 Halaman Login User.................................................................... 132 3.5.2 Halaman Utama Guru .................................................................. 132 3.5.3 Halaman Daftar Kelas Ajar ......................................................... 133 3.5.4 Halaman Daftar Siswa ................................................................. 134 3.5.5 Halaman Daftar Mata Pelajaran .................................................. 134 3.5.6 Halaman Pilih Mata Pelajaran ..................................................... 135 3.5.7 Halaman Daftar Soal Tugas......................................................... 135 3.5.8 Halaman Form Tambah Soal Tugas ............................................ 136
x
3.5.9 Halaman Form Edit Soal Tugas .................................................. 136 3.5.10 Halaman Daftar Pengumpulan Tugas Siswa ............................... 137 3.5.11 Halaman Koreksi Tugas Siswa .................................................... 138 3.5.12 Halaman Pilih Mata Pelajaran ..................................................... 138 3.5.13 Halaman Laporan Penilaian Tugas .............................................. 139 3.5.14 Halaman Cetak Laporan Penilaian Tugas ................................... 139 3.5.15 Halaman Pilih Mata Pelajaran ..................................................... 140 3.5.16 Halaman Daftar Materi ................................................................ 140 3.5.17 Halaman Form Tambah Materi ................................................... 141 3.5.18 Halaman Form Edit Materi .......................................................... 142 3.5.19 Halaman Tampil Data File Materi ............................................... 142 3.5.20 Halaman Form Tambah File Materi ............................................ 143 3.5.21 Halaman Form Edit File Materi .................................................. 143 3.5.22 Halaman Pilih Mata Pelajaran & Jenis Soal ................................ 144 3.5.23 Halaman Tampil Kumpulan Data Soal Pilgan ............................ 145 3.5.24 Halaman Form Tambah Data Soal Pilgan ................................... 145 3.5.25 Halaman Form Edit Data Soal Pilgan ......................................... 146 3.5.26 Halaman Kumpulan Data Soal Essay .......................................... 147 3.5.27 Halaman Form Tambah Data Soal Essay .................................... 148 3.5.28 Halaman Form Edit Data Soal Essay .......................................... 149 3.5.29 Halaman Pilih Mata Pelajaran ..................................................... 149 3.5.30 Halaman Daftar Latihan Soal ...................................................... 150 3.5.31 Halaman Form Tambah Latihan Soal .......................................... 150 3.5.32 Halaman Form Edit Latihan Soal ................................................ 151 3.5.33 Halaman Tampil Struktur Soal .................................................... 151 3.5.34 Halaman Data Siswa Mengerjakan ............................................. 152 3.5.35 Halaman Tampil Detail Soal ....................................................... 152 3.5.36 Halaman Tampil Kesimpulan Latihan Soal ................................ 153 3.5.37 Halaman Pilih Mata Pelajaran ..................................................... 153 3.5.38 Halaman Laporan Penilaian Latihan Soal ................................... 154 3.5.39 Halaman Cetak Laporan Penilaian Latihan Soal ......................... 155 3.5.40 Halaman Profil Guru ................................................................... 155 3.5.41 Halaman Beranda Siswa .............................................................. 156 3.5.42 Halaman Pilih Mata Pelajaran ..................................................... 156
xi
3.5.43 Halaman Daftar Soal Tugas......................................................... 157 3.5.44 Halaman Form Upload Tugas Siswa ........................................... 157 3.5.45 Halaman Tampil Jawaban Tugas Siswa ...................................... 158 3.5.46 Halaman Form Edit Jawaban Tugas Siswa ................................. 158 3.5.47 Halaman Pilih Mata Pelajaran ..................................................... 159 3.5.48 Halaman Daftar Materi ................................................................ 159 3.5.49 Halaman Daftar File Materi......................................................... 160 3.5.50 Halaman Pilih Mata Pelajaran ..................................................... 160 3.5.51 Halaman Daftar Latihan Soal ...................................................... 161 3.5.52 Halaman Mulai Mengerjakan ...................................................... 161 3.5.53 Halaman Siswa Mengerjakan Soal .............................................. 162 3.5.54 Halaman Nilai Akhir Mengerjakan ............................................. 162 3.5.55 Halaman Pilihan Mata Pelajaran ................................................. 163 3.5.56 Halaman Tampil Daftar Nilai Tugas ........................................... 163 3.5.57 Halaman Pilih Mata Pelajaran ..................................................... 164 3.5.58 Halaman Daftar Nilai Latihan Soal ............................................. 164 3.5.59 Halaman Kesimpulan Siswa ........................................................ 165 3.5.60 Halaman Tampil Profil Siswa ..................................................... 166 BAB IV IMPLEMENTASI DAN PENGUJIAN ............................................. 167 4.1 Implementasi Sistem.................................................................................. 167 4.1.1 Halaman Login User.................................................................... 167 4.1.2 Halaman Utama Guru .................................................................. 167 4.1.3 Tampil Daftar Kelas Ajar ............................................................ 168 4.1.4 Tampil Daftar Siswa .................................................................... 168 4.1.5 Tampil Daftar Mata Pelajaran ..................................................... 168 4.1.6 Pilih Mata Pelajaran .................................................................... 169 4.1.7 Tampil Daftar Soal Tugas ........................................................... 169 4.1.8 Tambah Data Soal Tugas............................................................. 170 4.1.9 Edit Data Soal Tugas ................................................................... 170 4.1.10 Tampil Daftar Pengumpulan Tugas............................................. 171 4.1.11 Tampil Daftar yang Belum Mengumpulkan Tugas ..................... 172 4.1.12 Koreksi Tugas Siswa ................................................................... 172 4.1.13 Pilih Tahun Akademik, Mata Pelajaran dan Kelas ...................... 173 4.1.14 Laporan Penilaian Tugas ............................................................. 173
xii
4.1.15 Cetak Laporan Penilaian Tugas ................................................... 174 4.1.16 Pilih Mata Pelajaran dan Kelas.................................................... 174 4.1.17 Tampil Data Materi ..................................................................... 175 4.1.18 Tampil Data Materi ..................................................................... 175 4.1.19 Edit Data Materi .......................................................................... 176 4.1.20 Tampil Data File Materi .............................................................. 177 4.1.21 Tambah Data File Materi............................................................. 177 4.1.22 Edit Data File Materi ................................................................... 178 4.1.23 Pilih Mata Pelajaran .................................................................... 178 4.1.24 Tampil Data Kumpulan Soal Pilgan ............................................ 179 4.1.25 Tambah Data Soal Pilgan ............................................................ 179 4.1.26 Edit Data Soal Pilgan................................................................... 180 4.1.27 Tampil Data Kumpulan Soal Essay ............................................. 181 4.1.28 Tambah Data Soal Essay ............................................................. 182 4.1.29 Edit Data Soal Essay ................................................................... 182 4.1.30 Pilih Mata Pelajaran dan Kelas.................................................... 183 4.1.31 Tampil Data Latihan Soal ............................................................ 183 4.1.32 Tambah Data Latihan Soal .......................................................... 183 4.1.33 Edit Data Latihan Soal................................................................. 184 4.1.34 Tampil Struktur Soal ................................................................... 185 4.1.35 Tampil Data Siswa Mengerjakan ................................................ 186 4.1.36 Tampil Detail Soal Siswa Mengerjakan ...................................... 186 4.1.37 Tampil Kesimpulan Pengerjaan .................................................. 187 4.1.38 Laporan Penilaian Latihan Soal................................................... 188 4.1.39 Cetak Laporan Penilaian Latihan Soal ........................................ 188 4.1.40 Tampil Profil Guru ...................................................................... 189 4.1.41 Halaman Beranda Siswa .............................................................. 190 4.1.42 Halaman Pilih Mata Pelajaran ..................................................... 190 4.1.43 Halaman Tampil Daftar Tugas .................................................... 190 4.1.44 Halaman Form Upload Tugas Siswa ........................................... 191 4.1.45 Halaman Tampil Jawaban Tugas Siswa ...................................... 192 4.1.46 Halaman Edit File Jawaban Tugas Siswa .................................... 192 4.1.47 Halaman Pilih Mata Pelajaran ..................................................... 193 4.1.48 Tampil Daftar Materi Siswa ........................................................ 193
xiii
4.1.49 Tampil Daftar File Materi Siswa ................................................. 194 4.1.50 Pilih Mata Pelajaran .................................................................... 194 4.1.51 Tampil Daftar Latihan Soal ......................................................... 195 4.1.52 Tampil Halaman Mulai Mengerjakan ......................................... 195 4.1.53 Tampil Halaman Mengerjakan Soal ............................................ 196 4.1.54 Tampil Nilai Hasil Pengerjaan Soal ............................................ 196 4.1.55 Halaman Pilih Pelajaran .............................................................. 197 4.1.56 Tampil Daftar Nilai Tugas Siswa ................................................ 197 4.1.57 Halaman Pilih Mata Pelajaran ..................................................... 198 4.1.58 Halaman Tampil Daftar Nilai Latihan Soal ................................. 198 4.1.59 Tampil Kesimpulan Pengerjaan Latihan Soal Siswa ................... 199 4.1.60 Tampil Profil Siswa ...................................................................... 200 4.2 Analisa Sistem ........................................................................................... 201 BAB V PENUTUP ........................................................................................... 206 5.1 Kesimpulan ................................................................................................ 206 5.2 Saran .......................................................................................................... 206 DAFTAR PUSTAKA ....................................................................................... 207
xiv
DAFTAR TABEL [
Tabel 2.1 Tabel Definisi Sistem Informasi ........................................................... 8 Tabel 2.2 Tabel Simbol Komponen Use Case.................................................... 15 Tabel 2.3 Tabel Simbol Komponen class diagram ............................................ 18 Tabel 2.4 Tabel Simbol-Simbol pada Seqeunce Diagram.................................. 19 Tabel 3.1 Tabel Jadwal Penelitian ...................................................................... 22 Tabel 3.2 Kebutuhan Fungsional ........................................................................ 24 Tabel 3.3 Use Case Text Tampil Daftar Kelas Ajar ........................................... 30 Tabel 3.4 Use Case Text Tampil Daftar Siswa ................................................... 30 Tabel 3.5 Use Case Text Tampil Daftar Mata Pelajaran .................................... 31 Tabel 3.6 Use Case Text Tampil Data Soal Tugas ............................................. 31 Tabel 3.7 Use Case Text Pencarian Data Soal Tugas ......................................... 32 Tabel 3.8 Use Case Text Tambah Data Soal Tugas ........................................... 33 Tabel 3.9 Use Case Text Edit Data Soal Tugas ................................................. 34 Tabel 3.10 Use Case Text Hapus Data Soal Tugas ............................................ 36 Tabel 3.11 Use Case Text Tampil Daftar Pengumpulan Tugas ......................... 37 Tabel 3.12 Use Case Text Tampil Daftar yang Belum Mengumpulkan Tugas .. 37 Tabel 3.13 Use Case Text Pencarian Data Pengumpulan Tugas Siswa ............. 38 Tabel 3.14 Use Case Text Download File Jawaban Tugas Siswa ...................... 39 Tabel 3.15 Use Case Text Edit Nilai Tugas Siswa ............................................. 40 Tabel 3.16 Use Case Text Hapus Data Pengumpulan Tugas Siswa ................... 41 Tabel 3.17 Use Case Text Laporan Penilaian Tugas .......................................... 42 Tabel 3.18 Use Case Text Cetak Laporan Penilaian Tugas ................................ 43 Tabel 3.19 Use Case Text Tampil Data Materi .................................................. 43 Tabel 3.20 Use Case Text Pencarian Data Materi .............................................. 44 Tabel 3.21 Use Case Text Tambah Data Materi ................................................. 45 Tabel 3.22 Use Case Text Edit Data Materi ....................................................... 46 Tabel 3.23 Use Case Text Hapus Data Materi ................................................... 47 Tabel 3.24 Use Case Text Tampil Data File Materi ........................................... 48 Tabel 3.25 Use Case Text Pencarian Data File Materi ....................................... 49 Tabel 3.26 Use Case Text Tambah Data File Materi ......................................... 50 Tabel 3.27 Use Case Text Edit Data File Materi ................................................ 52 Tabel 3.28 Use Case Text Hapus Data File Materi ............................................ 53
xv
Tabel 3.29 Use Case Text Tampil Data Kumpulan Soal Pilgan ......................... 54 Tabel 3.30 Use Case Text Pencarian Data Soal Pilgan ...................................... 55 Tabel 3.31 Use Case Text Tambah Data Soal Pilgan ......................................... 56 Tabel 3.32 Use Case Text Edit Data Soal Pilgan ............................................... 57 Tabel 3.33 Use Case Text Hapus Data Soal Pilgan ............................................ 58 Tabel 3.34 Use Case Text Tampil Data Kumpulan Soal Essay ......................... 59 Tabel 3.35 Use Case Text Pencarian Data Soal Essay ....................................... 60 Tabel 3.36 Use Case Text Tambah Data Soal Essay .......................................... 61 Tabel 3.37 Use Case Text Edit Data Soal Essay ................................................ 62 Tabel 3.38 Use Case Text Hapus Data Soal Essay ............................................. 63 Tabel 3.39 Use Case Text Tampil Data Latihan Soal......................................... 64 Tabel 3.40 Use Case Text Pencarian Data Latihan Soal .................................... 65 Tabel 3.41 Use Case Text Tambah Data Latihan Soal ....................................... 66 Tabel 3.42 Use Case Text Edit Data Latihan Soal ............................................. 67 Tabel 3.43 Use Case Text Hapus Data Latihan Soal .......................................... 68 Tabel 3.44 Use Case Text Tampil Struktur Soal ................................................ 69 Tabel 3.45 Use Case Text Tampil Data Siswa Mengerjakan ............................. 70 Tabel 3.46 Use Case Text Pencarian Siswa Mengerjakan ................................. 71 Tabel 3.47 Use Case Text Tampil Detail Soal Siswa Mengerjakan ................... 72 Tabel 3.48 Use Case Text Edit Nilai Essay Siswa Mengerjakan ....................... 73 Tabel 3.49 Use Case Text Tampil Kesimpulan Pengerjaan ............................... 74 Tabel 3.50 Use Case Text Hapus Data Siswa Mengerjakan............................... 75 Tabel 3.51 Use Case Text Laporan Penilaian Latihan Soal ............................... 76 Tabel 3.52 Use Case Text Cetak Laporan Penilaian Latihan Soal ..................... 77 Tabel 3.53 Use Case Text Tampil Profil Guru ................................................... 77 Tabel 3.54 Use Case Text Tampil Daftar Soal Tugas Siswa .............................. 78 Tabel 3.55 Use Case Text Pencarian Daftar Tugas Siswa .................................. 78 Tabel 3.56 Use Case Text Download File Tugas ............................................... 79 Tabel 3.57 Use Case Text Upload File Jawab Tugas ......................................... 80 Tabel 3.58 Use Case Text Tampil File Jawaban Tugas Siswa ........................... 81 Tabel 3.59 Use Case Text Edit File Jawaban Tugas Siswa ................................ 82 Tabel 3.60 Use Case Text Tampil Daftar Nilai Tugas Siswa ............................. 83 Tabel 3.61 Use Case Text Tampil Daftar Materi Siswa ..................................... 84 Tabel 3.62 Use Case Text Pencarian Daftar Materi Siswa ................................. 84
xvi
Tabel 3.63 Use Case Text Tampil Daftar File Materi Siswa .............................. 85 Tabel 3.64 Use Case Text Pencarian Daftar File Materi Siswa ......................... 86 Tabel 3.65 Use Case Text Download File Materi Siswa .................................... 87 Tabel 3.66 Use Case Text Tampil Daftar Latihan Soal Siswa ........................... 88 Tabel 3.67 Use Case Text Pencarian Daftar Latihan Soal Siswa ....................... 88 Tabel 3.68 Use Case Text Mengerjakan Latihan Soal........................................ 89 Tabel 3.69 Use Case Text Tampil Hasil Nilai Akhir Latihan Soal .................... 91 Tabel 3.70 Use Case Text Tampil Daftar Nilai Latihan Soal ............................. 92 Tabel 3.71 Use Case Text Tampil Kesimpulan Pengerjaan Siswa ..................... 93 Tabel 3.72 Use Case Text Tampil Profil Siswa .................................................. 93 Tabel 3.73 Tabel User ....................................................................................... 124 Tabel 3.74 Tabel Pegawai................................................................................. 124 Tabel 3.75 Tabel Siswa..................................................................................... 125 Tabel 3.76 Tabel kelas ...................................................................................... 126 Tabel 3.77 Tabel Thn_akademik ...................................................................... 126 Tabel 3.78 Tabel Kelas_siswa .......................................................................... 127 Tabel 3.79 Tabel Kelas_ajar ............................................................................. 127 Tabel 3.80 Tabel Mata_pelajaran ..................................................................... 127 Tabel 3.81 Tabel Materi ................................................................................... 127 Tabel 3.82 Tabel File_materi ............................................................................ 128 Tabel 3.83 Tabel Soal_tugas ............................................................................. 128 Tabel 3.84 Tabel Jawab_tugas .......................................................................... 129 Tabel 3.85 Tabel Lat_soal ................................................................................ 129 Tabel 3.86 Tabel Batasan_materi ..................................................................... 129 Tabel 3.87 Tabel Soal ....................................................................................... 130 Tabel 3.88 Tabel Jawaban ................................................................................ 130 Tabel 3.89 Tabel Mengerjakan ......................................................................... 130 Tabel 3.90 Tabel Detail_soal ............................................................................ 131
xvii
DAFTAR GAMBAR [
Gambar 3.1 Proses Bisnis E-learning SD Al Firdaus Surakarta ........................ 24 Gambar 3.2 Use Case Sistem Informasi E-learning Berbasis Web.................... 29 Gambar 3.3 Class Diagram Sistem Informasi E-learning Berbasis Web........... 94 Gambar 3.4 Sequence Diagram Tampil Daftar Kelas Ajar ................................ 95 Gambar 3.5 Sequence Diagram Tampil Daftar Siswa........................................ 95 Gambar 3.6 Sequence Diagram Tampil Daftar Mata Pelajaran ......................... 96 Gambar 3.7 Sequence Diagram Tampil Data Soal Tugas .................................. 96 Gambar 3.8 Sequence Diagram Tambah Data Soal Tugas ................................ 97 Gambar 3.9 Sequence Diagram Edit Data Soal Tugas ....................................... 97 Gambar 3.10 Sequence Diagram Hapus Data Soal Tugas ................................. 98 Gambar 3.11 Sequence Diagram Daftar Pengumpulan Tugas ........................... 98 Gambar 3.12 Sequence Diagram Daftar yang Belum Mengumpulkan Tugas ... 99 Gambar 3.13 Sequence Diagram Edit Nilai Tugas Siswa .................................. 99 Gambar 3.14 Sequence Diagram Edit Nilai Tugas Siswa ................................ 100 Gambar 3.15 Sequence Diagram Laporan Penilaian Tugas ............................. 100 Gambar 3.16 Sequence Diagram Cetak Laporan Penilaian Tugas ................... 101 Gambar 3.17 Sequence Diagram Tampil Data Materi ..................................... 101 Gambar 3.18 Sequence Diagram Tambah Data Materi.................................... 102 Gambar 3.19 Sequence Diagram Edit Data Materi .......................................... 102 Gambar 3.20 Sequence Diagram Hapus Data Materi ...................................... 103 Gambar 3.21 Sequence Diagram Tampil Data Materi ..................................... 103 Gambar 3.22 Sequence Diagram Tambah Data Materi.................................... 104 Gambar 3.23 Sequence Diagram Edit Data Materi .......................................... 104 Gambar 3.24 Sequence Diagram Hapus Data Materi ...................................... 105 Gambar 3.25 Sequence Diagram Tampil Data Kumpulan Soal Pilgan ............ 105 Gambar 3.26 Sequence Diagram Tambah Data Soal Pilgan ............................ 106 Gambar 3.27 Sequence Diagram Edit Data Soal Pilgan .................................. 106 Gambar 3.28 Sequence Diagram Hapus Data Soal Pilgan ............................... 107 Gambar 3.29 Sequence Diagram Tampil Data Kumpulan Soal Essay ............ 107 Gambar 3.30 Sequence Diagram Tambah Data Soal Essay ............................. 108 Gambar 3.31 Sequence Diagram Edit Data Soal Essay ................................... 108 Gambar 3.32 Sequence Diagram Hapus Data Soal Essay ................................ 109
xviii
Gambar 3.33 Sequence Diagram Tampil Data Latihan Soal ........................... 109 Gambar 3.34 Sequence Diagram Tambah Data Latihan Soal .......................... 110 Gambar 3.35 Sequence Diagram Edit Data Latihan Soal ................................ 110 Gambar 3.36 Sequence Diagram Hapus Data Latihan Soal ............................. 111 Gambar 3.37 Sequence Diagram Tampil Struktur Soal ................................... 111 Gambar 3.38 Sequence Diagram Tampil Data Siswa Mengerjakan ................ 112 Gambar 3.39 Sequence Diagram Detail Soal Siswa Mengerjakan .................. 112 Gambar 3.40 Sequence Diagram Detail Soal Siswa Mengerjakan .................. 113 Gambar 3.41 Sequence Diagram Kesimpulan Pengerjaan ............................... 113 Gambar 3.42 Sequence Diagram Hapus Data Siswa Mengerjakan ................. 114 Gambar 3.43 Sequence Diagram Laporan Penilaian Latihan Soal .................. 114 Gambar 3.44 Sequence Diagram Laporan Penilaian Latihan Soal .................. 115 Gambar 3.45 Sequence Diagram Tampil Profil Guru ...................................... 115 Gambar 3.46 Sequence Diagram Tampil Daftar Soal Tugas ........................... 116 Gambar 3.47 Sequence Diagram Upload File Jawab Tugas ............................ 116 Gambar 3.48 Sequence Diagram Tampil File Jawaban Tugas Siswa .............. 117 Gambar 3.49 Sequence Diagram Edit File Jawaban Tugas Siswa ................... 117 Gambar 3.50 Sequence Diagram Edit File Jawaban Tugas Siswa ................... 118 Gambar 3.51 Sequence Diagram Tampil Daftar Materi Siswa ........................ 118 Gambar 3.51 Sequence Diagram Tampil Daftar Materi Siswa ........................ 119 Gambar 3.52 Sequence Diagram Tampil Daftar Latihan Soal Siswa .............. 119 Gambar 3.53 Sequence Diagram Mengerjakan Latihan Soal .......................... 120 Gambar 3.54 Sequence Diagram Mengerjakan Latihan Soal .......................... 120 Gambar 3.55 Sequence Diagram Tampil Daftar Nilai Latihan Soal ................ 121 Gambar 3.56 Sequence Diagram Tampil Kesimpulan Pengerjaan Siswa ........ 121 Gambar 3.57 Sequence Diagram Tampil Profil Siswa ..................................... 122 Gambar 3.58 ERD Sistem Informasi E-learning Berbasis Web ....................... 123 Gambar 3.59 ERD Sistem Informasi E-learning Berbasis Web ....................... 124 Gambar 3.60 Halaman Login User .................................................................. 132 Gambar 3.61 Halaman Utama Guru ................................................................. 133 Gambar 3.62 Halaman Daftar Kelas Ajar ......................................................... 133 Gambar 3.63 Halaman Daftar Siswa ................................................................ 134 Gambar 3.64 Halaman Daftar Mata Pelajaran .................................................. 134 Gambar 3.65 Halaman Pilih Mata Pelajaran .................................................... 135
xix
Gambar 3.66 Halaman Daftar Soal Tugas ........................................................ 135 Gambar 3.67 Halaman Form Tambah Soal Tugas ........................................... 136 Gambar 3.68 Halaman Form Edit Soal Tugas .................................................. 137 Gambar 3.69 Halaman Daftar Pengumpulan Tugas ......................................... 137 Gambar 3.70 Halaman Koreksi Tugas .............................................................. 138 Gambar 3.71 Halaman Pilih Mata Pelajaran .................................................... 138 Gambar 3.72 Halaman Laporan Penilaian Tugas ............................................. 139 Gambar 3.73 Halaman Cetak Laporan Penilaian Tugas ................................... 139 Gambar 3.74 Halaman Pilih Mata Pelajaran .................................................... 140 Gambar 3.75 Halaman Daftar Materi ............................................................... 141 Gambar 3.76 Halaman Form Tambah Materi................................................... 141 Gambar 3.77 Halaman Form Edit Materi ......................................................... 142 Gambar 3.78 Halaman Daftar File Materi ........................................................ 142 Gambar 3.79 Halaman Form Tambah File Materi ........................................... 143 Gambar 3.80 Halaman Form Edit File Materi .................................................. 144 Gambar 3.81 Halaman Pilih Mata Pelajaran & Jenis Soal ............................... 144 Gambar 3.82 Halaman Tampil Kumpulan Data Soal Pilgan ............................ 145 Gambar 3.83 Halaman Form Tambah Data Soal Pilgan .................................. 146 Gambar 3.84 Halaman Form Edit Data Soal Pilgan ......................................... 147 Gambar 3.85 Halaman Kumpulan Data Soal Essay ......................................... 148 Gambar 3.86 Halaman Form Tambah Soal Essay ............................................ 148 Gambar 3.87 Halaman Form Edit Soal Essay .................................................. 149 Gambar 3.88 Halaman Pilih Mata Pelajaran .................................................... 149 Gambar 3.89 Halaman Daftar Latihan Soal...................................................... 150 Gambar 3.90 Halaman Form Tambah Latihan Soal ......................................... 150 Gambar 3.91 Halaman Form Edit Latihan Soal ............................................... 151 Gambar 3.92 Halaman Tampil Struktur Soal ................................................... 151 Gambar 3.93 Halaman Daftar Siswa Mengerjakan .......................................... 152 Gambar 3.94 Halaman Tampil Detail Soal....................................................... 152 Gambar 3.95 Halaman Tampil Kesimpulan Latihan Soal ................................ 153 Gambar 3.96 Halaman Pilih Mata Pelajaran .................................................... 154 Gambar 3.97 Halaman Laporan Penilaian Latihan Soal .................................. 154 Gambar 3.98 Halaman Cetak Laporan Penilaian Latihan ................................ 155 Gambar 3.99 Halaman Tampil Profil Guru ...................................................... 155
xx
Gambar 3.100 Halaman Beranda Siswa ........................................................... 156 Gambar 3.101 Halaman Pilih Mata Pelajaran .................................................. 156 Gambar 3.102 Halaman Daftar Soal Tugas ...................................................... 157 Gambar 3.48 Halaman Form Upload Tugas Siswa .......................................... 157 Gambar 3.104 Halaman Tampil Jawaban Tugas Siswa ................................... 158 Gambar 3.105 Halaman Form Edit Jawaban Tugas Siswa............................... 158 Gambar 3.106 Halaman Pilih Mata Pelajaran .................................................. 159 Gambar 3.107 Halaman Daftar Topik Materi ................................................... 159 Gambar 3.108 Halaman Daftar File Materi ...................................................... 160 Gambar 3.109 Halaman Pilih Mata Pelajaran .................................................. 160 Gambar 3.110 Halaman Daftar Latihan Soal ................................................... 161 Gambar 3.111 Halaman Mulai Mengerjakan ................................................... 161 Gambar 3.112 Halaman Siswa Mengerjakan Soal ........................................... 162 Gambar 3.113 Halaman Hasil Nilai Mengerjakan ........................................... 162 Gambar 3.114 Halaman Pilih Mata Pelajaran .................................................. 163 Gambar 3.115 Halaman Tampil Daftar Nilai Tugas......................................... 164 Gambar 3.116 Halaman Pilih Mata Pelajaran .................................................. 164 Gambar 3.117 Halaman Daftar Nilai Latihan Soal .......................................... 165 Gambar 3.118 Halaman Kesimpulan Siswa ..................................................... 165 Gambar 3.119 Halaman Tampil Profil Siswa ................................................... 166 Gambar 4.1 Halaman Login User .................................................................... 167 Gambar 4.2 Halaman Utama Guru ................................................................... 167 Gambar 4.3 Halaman Daftar Kelas Ajar ........................................................... 168 Gambar 4.4 Halaman Daftar Siswa .................................................................. 168 Gambar 4.5 Halaman Daftar Siswa .................................................................. 169 Gambar 4.6 Halaman Pilih Mata Pelajaran ...................................................... 169 Gambar 4.7 Halaman Tampil Daftar Soal Tugas ............................................. 170 Gambar 4.8 Halaman Form Tambah Data Soal Tugas ..................................... 170 Gambar 4.9 Halaman Form Edit Data Soal Tugas ........................................... 171 Gambar 4.10 Halaman Daftar Pengumpulan Tugas ......................................... 172 Gambar 4.11 Halaman Daftar yang Belum Mengumpulkan Tugas ................. 172 Gambar 4.12 Halaman Koreksi Tugas .............................................................. 173 Gambar 4.13 Halaman Pilih Mata Pelajaran .................................................... 173 Gambar 4.14 Halaman Laporan Penilaian Tugas ............................................. 174
xxi
Gambar 4.15 Halaman Cetak Laporan Penilaian Tugas ................................... 174 Gambar 4.16 Halaman Cetak Laporan Penilaian Tugas ................................... 175 Gambar 4.17 Halaman Tampil Data Materi ..................................................... 175 Gambar 4.18 Halaman Form Tambah Data Materi .......................................... 176 Gambar 4.19 Halaman Form Edit Data Materi ................................................ 176 Gambar 4.19 Halaman Tampil Data File Materi .............................................. 177 Gambar 4.21 Halaman Tambah Data File Materi ............................................ 177 Gambar 4.22 Halaman Tambah Data File Materi ............................................ 178 Gambar 4.23 Halaman Pilih Mata Pelajaran .................................................... 178 Gambar 4.24 Halaman Data Kumpulan Soal Pilgan ........................................ 179 Gambar 4.25 Halaman Tambah Data Soal Pilgan ............................................ 180 Gambar 4.26 Halaman Edit Data Soal Pilgan .................................................. 181 Gambar 4.27 Halaman Data Kumpulan Soal Essay ......................................... 181 Gambar 4.28 Halaman Tambah Data Soal Essay ............................................. 182 Gambar 4.29 Halaman Edit Data Soal Essay ................................................... 182 Gambar 4.30 Halaman Pilih Mata Pelajaran .................................................... 183 Gambar 4.31 Halaman Tampil Data Latihan Soal ............................................ 183 Gambar 4.32 Halaman Form Tambah Data Latihan Soal ................................ 184 Gambar 4.33 Halaman Form Tambah Data Latihan Soal ................................ 185 Gambar 4.34 Halaman Tampil Struktur Soal ................................................... 186 Gambar 4.35 Halaman Tampil Data Siswa Mengerjakan ................................ 186 Gambar 4.36 Halaman Tampil Detail Soal Siswa Mengerjakan ...................... 187 Gambar 4.37 Halaman Tampil Kesimpulan Pengerjaan .................................. 188 Gambar 4.38 Halaman Tampil Laporan Penilaian Latihan Soal ...................... 188 Gambar 4.39 Halaman Cetak Laporan Penilaian Latihan Soal ........................ 189 Gambar 4.40 Tampil Profil Guru...................................................................... 189 Gambar 4.41 Tampil Beranda Siswa ................................................................ 190 Gambar 4.42 Tampil Pilih Mata Pelajaran ....................................................... 190 Gambar 4.43 Tampil Daftar Soal Tugas ........................................................... 191 Gambar 4.44 Tampil Form Upload Tugas ........................................................ 191 Gambar 4.45 Tampil Jawaban Tugas Siswa ..................................................... 192 Gambar 4.46 Tampil Jawaban Tugas Siswa ..................................................... 192 Gambar 4.47 Halaman Pilih Mata Pelajaran .................................................... 193 Gambar 4.48 Halaman Pilih Mata Pelajaran .................................................... 193
xxii
Gambar 4.49 Halaman Tampil Daftar File Materi Siswa ................................. 194 Gambar 4.50 Halaman Pilih Mata Pelajaran .................................................... 194 Gambar 4.51 Halaman Daftar Latihan Soal...................................................... 195 Gambar 4.52 Halaman Mulai Mengerjakan ..................................................... 195 Gambar 4.53 Halaman Mengerjakan Soal ........................................................ 196 Gambar 4.54 Halaman Nilai Hasil Pengerjaan Soal ......................................... 196 Gambar 4.55 Halaman Nilai Hasil Pengerjaan Soal ......................................... 197 Gambar 4.56 Halaman Tampil Daftar Nilai Tugas Siswa ................................ 197 Gambar 4.57 Halaman Pilih Mata Pelajaran .................................................... 198 Gambar 4.58 Halaman Daftar Nilai Latihan Soal............................................. 198 Gambar 4.59 Halaman Tampil Kesimpulan Pengerjaan Latihan Soal Siswa... 199 Gambar 4.60 Halaman Tampil Profil Siswa ..................................................... 200
xxiii
INTISARI Alifa. 2016. Sistem Informasi E-learning SD Al Firdaus Surakarta Berbasis Web. Program DIII Teknik Informatika. Fakultas Matematika dan Ilmu Pengetahuan Alam. Universitas Sebelas Maret. Sekolah Dasar Al Firdaus yang berada di kota Surakarta, provinsi Jawa Tengah, merupakan salah satu sekolah yang menggunakan metode pembelajaran secara konvensional, yang hanya dapat dilakukan dengan syarat terjadinya pertemuan antara siswa dengan guru di dalam kelas. Sekolah tersebut belum mengoptimalkan pemanfaatan teknologi informasi untuk mendukung kegiatan belajar di luar sekolah, yaitu suatu sarana untuk mengelola dan memudahkan penyebaran materi maupun ilmu pengetahuan melalui media internet yang ditujukan untuk memberikan efektivitas belajar siswa-siswi. Oleh karena itu, dibutuhkan suatu sistem baru yang dapat menunjang kegiatan belajar mengajar dengan memanfaatkan media informasi yang berkembang di zaman modern ini. Sistem yang dibangun adalah Sistem Informasi E-learning SD Al Firdaus Surakarta berbasis web yang diharapkan dapat membantu dan meningkatkan kegiatan pembelajaran siswa. Siswa dapat mengakses seputar pengunduhan materi, pengumpulan tugas serta latihan soal, tidak terbatas oleh tempat dan waktu sehingga tingkat pemahaman lebih mudah dicapai. Sistem informasi ini dikembangkan dengan metode observasi, pengumpulan data, analisa data, desain dan perancangan, implementasi, hingga testing. Sistem Informasi dibuat dengan bahasa pemrograman HTML, CSS, dan Java Script untuk tampilannya, dan bahasa pemrograman PHP (Hypertext Preprocessor) serta framework codeigniter untuk pemrograman webnya. Kata Kunci : Sistem Informasi, E-learning, SD Al Firdaus Surakarta, Pembelajaran, PHP, CodeIgniter
xxiv
ABSTRACT Alifa. 2016. Information Systems E-learning Al Firdaus Surakarta-based Web. Diploma of Information Technology Program. Faculty of Mathematics and Natural Sciences. University of March. Primary School Al Firdaus who was in the city of Surakarta, Central Java province, is one of the school's teaching methods for conventional, which can only be done provided the meeting between students and teachers in the classroom. School is not optimizing the use of information technology to support learning activities outside of school, which is a means to manage and facilitate the dissemination of material and knowledge through the Internet aimed at providing effective learning students. Therefore, we need a new system that can support teaching and learning activities by making use of the media information that was developed in modern times. The system is constructed of Information Systems E-learning Al Firdaus Surakarta web-based and is expected to help improve the students' learning. Students can access the downloads on the material, the collection of duties and exercises, not limited by place and time so that the level of understanding is more easily achieved. This system was developed by the method of observation, data collection, data analysis, design and planning, implementation, and testing. Systems built with the programming language HTML, CSS, Java Script and to zoom, and programming languages PHP (Hypertext Preprocessor) and CodeIgniter framework for its programming. Keywords: Information Systems, E-learning, Al Firdaus Surakarta, Learning, PHP, CodeIgniter
xxv
