SISTEM INFORMASI E-LEARNING SD AL FIRDAUS SURAKARTA BERBASIS WEB

Transkripsi

1 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. M PROGRAM DIPLOMA III TEKNIK INFORMATIKA FAKULTAS MATEMATIKA DAN ILMU PENGETAHUAN ALAM UNIVERSITAS SEBELAS MARET 2016

2 HALAMAN PERSETUJUAN ii

3 HALAMAN PENGESAHAN iii

4 PERNYATAAN iv

5 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

6 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

7 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

8 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

9 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 Latar Belakang Perumusan Masalah Tujuan Manfaat Batasan Masalah Metodologi Penelitian Pengumpulan Data Desain dan Perancangan Analisa Data Implementasi Testing Sistematika Penulisan... 5 BAB II TINJAUAN PUSTAKA DAN LANDASAN TEORI Tinjauan Pustaka Landasan Teori Electronic Learning (E-learning) Sistem Informasi Web JavaScript dan jquery HyperText Markup Language (HTML) ix

10 2.2.6 MySQL Basis Data PHP Hypertext Preprocessor (PHP) Model View Control Framework Codeigniter Unified Modelling Language Use Case Diagram Sequence Diagram BAB III ANALISIS DAN RANCANGAN SISTEM Alat dan Bahan Alat Bahan Jadwal Penelitian Perancangan Sistem Informasi Proses Bisnis Non Fungsional Sistem Use Case Diagram Use Case Text Class Diagram Sequence Diagram Perancangan Basis Data ERD Relasi Antar Table Tabel Fisik Perancangan Antarmuka (User Interface) Halaman Login User Halaman Utama Guru Halaman Daftar Kelas Ajar Halaman Daftar Siswa Halaman Daftar Mata Pelajaran Halaman Pilih Mata Pelajaran Halaman Daftar Soal Tugas Halaman Form Tambah Soal Tugas x

11 3.5.9 Halaman Form Edit Soal Tugas Halaman Daftar Pengumpulan Tugas Siswa Halaman Koreksi Tugas Siswa Halaman Pilih Mata Pelajaran Halaman Laporan Penilaian Tugas Halaman Cetak Laporan Penilaian Tugas Halaman Pilih Mata Pelajaran Halaman Daftar Materi Halaman Form Tambah Materi Halaman Form Edit Materi Halaman Tampil Data File Materi Halaman Form Tambah File Materi Halaman Form Edit File Materi Halaman Pilih Mata Pelajaran & Jenis Soal Halaman Tampil Kumpulan Data Soal Pilgan Halaman Form Tambah Data Soal Pilgan Halaman Form Edit Data Soal Pilgan Halaman Kumpulan Data Soal Essay Halaman Form Tambah Data Soal Essay Halaman Form Edit Data Soal Essay Halaman Pilih Mata Pelajaran Halaman Daftar Latihan Soal Halaman Form Tambah Latihan Soal Halaman Form Edit Latihan Soal Halaman Tampil Struktur Soal Halaman Data Siswa Mengerjakan Halaman Tampil Detail Soal Halaman Tampil Kesimpulan Latihan Soal Halaman Pilih Mata Pelajaran Halaman Laporan Penilaian Latihan Soal Halaman Cetak Laporan Penilaian Latihan Soal Halaman Profil Guru Halaman Beranda Siswa Halaman Pilih Mata Pelajaran xi

12 Halaman Daftar Soal Tugas Halaman Form Upload Tugas Siswa Halaman Tampil Jawaban Tugas Siswa Halaman Form Edit Jawaban Tugas Siswa Halaman Pilih Mata Pelajaran Halaman Daftar Materi Halaman Daftar File Materi Halaman Pilih Mata Pelajaran Halaman Daftar Latihan Soal Halaman Mulai Mengerjakan Halaman Siswa Mengerjakan Soal Halaman Nilai Akhir Mengerjakan Halaman Pilihan Mata Pelajaran Halaman Tampil Daftar Nilai Tugas Halaman Pilih Mata Pelajaran Halaman Daftar Nilai Latihan Soal Halaman Kesimpulan Siswa Halaman Tampil Profil Siswa BAB IV IMPLEMENTASI DAN PENGUJIAN Implementasi Sistem Halaman Login User Halaman Utama Guru Tampil Daftar Kelas Ajar Tampil Daftar Siswa Tampil Daftar Mata Pelajaran Pilih Mata Pelajaran Tampil Daftar Soal Tugas Tambah Data Soal Tugas Edit Data Soal Tugas Tampil Daftar Pengumpulan Tugas Tampil Daftar yang Belum Mengumpulkan Tugas Koreksi Tugas Siswa Pilih Tahun Akademik, Mata Pelajaran dan Kelas Laporan Penilaian Tugas xii

13 Cetak Laporan Penilaian Tugas Pilih Mata Pelajaran dan Kelas Tampil Data Materi Tampil Data Materi Edit Data Materi Tampil Data File Materi Tambah Data File Materi Edit Data File Materi Pilih Mata Pelajaran Tampil Data Kumpulan Soal Pilgan Tambah Data Soal Pilgan Edit Data Soal Pilgan Tampil Data Kumpulan Soal Essay Tambah Data Soal Essay Edit Data Soal Essay Pilih Mata Pelajaran dan Kelas Tampil Data Latihan Soal Tambah Data Latihan Soal Edit Data Latihan Soal Tampil Struktur Soal Tampil Data Siswa Mengerjakan Tampil Detail Soal Siswa Mengerjakan Tampil Kesimpulan Pengerjaan Laporan Penilaian Latihan Soal Cetak Laporan Penilaian Latihan Soal Tampil Profil Guru Halaman Beranda Siswa Halaman Pilih Mata Pelajaran Halaman Tampil Daftar Tugas Halaman Form Upload Tugas Siswa Halaman Tampil Jawaban Tugas Siswa Halaman Edit File Jawaban Tugas Siswa Halaman Pilih Mata Pelajaran Tampil Daftar Materi Siswa xiii

14 Tampil Daftar File Materi Siswa Pilih Mata Pelajaran Tampil Daftar Latihan Soal Tampil Halaman Mulai Mengerjakan Tampil Halaman Mengerjakan Soal Tampil Nilai Hasil Pengerjaan Soal Halaman Pilih Pelajaran Tampil Daftar Nilai Tugas Siswa Halaman Pilih Mata Pelajaran Halaman Tampil Daftar Nilai Latihan Soal Tampil Kesimpulan Pengerjaan Latihan Soal Siswa Tampil Profil Siswa Analisa Sistem BAB V PENUTUP Kesimpulan Saran DAFTAR PUSTAKA xiv

15 [ Tabel DAFTAR TABEL 2.1 Tabel Definisi Sistem Informasi... 8 Tabel 2.2 Tabel Simbol Komponen Use Case Tabel 2.3 Tabel Simbol Komponen class diagram Tabel 2.4 Tabel Simbol-Simbol pada Seqeunce Diagram Tabel 3.1 Tabel Jadwal Penelitian Tabel 3.2 Kebutuhan Fungsional Tabel 3.3 Use Case Text Tampil Daftar Kelas Ajar Tabel 3.4 Use Case Text Tampil Daftar Siswa Tabel 3.5 Use Case Text Tampil Daftar Mata Pelajaran Tabel 3.6 Use Case Text Tampil Data Soal Tugas Tabel 3.7 Use Case Text Pencarian Data Soal Tugas Tabel 3.8 Use Case Text Tambah Data Soal Tugas Tabel 3.9 Use Case Text Edit Data Soal Tugas Tabel 3.10 Use Case Text Hapus Data Soal Tugas Tabel 3.11 Use Case Text Tampil Daftar Pengumpulan Tugas Tabel 3.12 Use Case Text Tampil Daftar yang Belum Mengumpulkan Tugas.. 37 Tabel 3.13 Use Case Text Pencarian Data Pengumpulan Tugas Siswa Tabel 3.14 Use Case Text Download File Jawaban Tugas Siswa Tabel 3.15 Use Case Text Edit Nilai Tugas Siswa Tabel 3.16 Use Case Text Hapus Data Pengumpulan Tugas Siswa Tabel 3.17 Use Case Text Laporan Penilaian Tugas Tabel 3.18 Use Case Text Cetak Laporan Penilaian Tugas Tabel 3.19 Use Case Text Tampil Data Materi Tabel 3.20 Use Case Text Pencarian Data Materi Tabel 3.21 Use Case Text Tambah Data Materi Tabel 3.22 Use Case Text Edit Data Materi Tabel 3.23 Use Case Text Hapus Data Materi Tabel 3.24 Use Case Text Tampil Data File Materi Tabel 3.25 Use Case Text Pencarian Data File Materi Tabel 3.26 Use Case Text Tambah Data File Materi Tabel 3.27 Use Case Text Edit Data File Materi Tabel 3.28 Use Case Text Hapus Data File Materi xv

16 Tabel 3.29 Use Case Text Tampil Data Kumpulan Soal Pilgan Tabel 3.30 Use Case Text Pencarian Data Soal Pilgan Tabel 3.31 Use Case Text Tambah Data Soal Pilgan Tabel 3.32 Use Case Text Edit Data Soal Pilgan Tabel 3.33 Use Case Text Hapus Data Soal Pilgan Tabel 3.34 Use Case Text Tampil Data Kumpulan Soal Essay Tabel 3.35 Use Case Text Pencarian Data Soal Essay Tabel 3.36 Use Case Text Tambah Data Soal Essay Tabel 3.37 Use Case Text Edit Data Soal Essay Tabel 3.38 Use Case Text Hapus Data Soal Essay Tabel 3.39 Use Case Text Tampil Data Latihan Soal Tabel 3.40 Use Case Text Pencarian Data Latihan Soal Tabel 3.41 Use Case Text Tambah Data Latihan Soal Tabel 3.42 Use Case Text Edit Data Latihan Soal Tabel 3.43 Use Case Text Hapus Data Latihan Soal Tabel 3.44 Use Case Text Tampil Struktur Soal Tabel 3.45 Use Case Text Tampil Data Siswa Mengerjakan Tabel 3.46 Use Case Text Pencarian Siswa Mengerjakan Tabel 3.47 Use Case Text Tampil Detail Soal Siswa Mengerjakan Tabel 3.48 Use Case Text Edit Nilai Essay Siswa Mengerjakan Tabel 3.49 Use Case Text Tampil Kesimpulan Pengerjaan Tabel 3.50 Use Case Text Hapus Data Siswa Mengerjakan Tabel 3.51 Use Case Text Laporan Penilaian Latihan Soal Tabel 3.52 Use Case Text Cetak Laporan Penilaian Latihan Soal Tabel 3.53 Use Case Text Tampil Profil Guru Tabel 3.54 Use Case Text Tampil Daftar Soal Tugas Siswa Tabel 3.55 Use Case Text Pencarian Daftar Tugas Siswa Tabel 3.56 Use Case Text Download File Tugas Tabel 3.57 Use Case Text Upload File Jawab Tugas Tabel 3.58 Use Case Text Tampil File Jawaban Tugas Siswa Tabel 3.59 Use Case Text Edit File Jawaban Tugas Siswa Tabel 3.60 Use Case Text Tampil Daftar Nilai Tugas Siswa Tabel 3.61 Use Case Text Tampil Daftar Materi Siswa Tabel 3.62 Use Case Text Pencarian Daftar Materi Siswa xvi

17 Tabel 3.63 Use Case Text Tampil Daftar File Materi Siswa Tabel 3.64 Use Case Text Pencarian Daftar File Materi Siswa Tabel 3.65 Use Case Text Download File Materi Siswa Tabel 3.66 Use Case Text Tampil Daftar Latihan Soal Siswa Tabel 3.67 Use Case Text Pencarian Daftar Latihan Soal Siswa Tabel 3.68 Use Case Text Mengerjakan Latihan Soal Tabel 3.69 Use Case Text Tampil Hasil Nilai Akhir Latihan Soal Tabel 3.70 Use Case Text Tampil Daftar Nilai Latihan Soal Tabel 3.71 Use Case Text Tampil Kesimpulan Pengerjaan Siswa Tabel 3.72 Use Case Text Tampil Profil Siswa Tabel 3.73 Tabel User Tabel 3.74 Tabel Pegawai Tabel 3.75 Tabel Siswa Tabel 3.76 Tabel kelas Tabel 3.77 Tabel Thn_akademik Tabel 3.78 Tabel Kelas_siswa Tabel 3.79 Tabel Kelas_ajar Tabel 3.80 Tabel Mata_pelajaran Tabel 3.81 Tabel Materi Tabel 3.82 Tabel File_materi Tabel 3.83 Tabel Soal_tugas Tabel 3.84 Tabel Jawab_tugas Tabel 3.85 Tabel Lat_soal Tabel 3.86 Tabel Batasan_materi Tabel 3.87 Tabel Soal Tabel 3.88 Tabel Jawaban Tabel 3.89 Tabel Mengerjakan Tabel 3.90 Tabel Detail_soal xvii

18 [ Gambar DAFTAR GAMBAR 3.1 Proses Bisnis E-learning SD Al Firdaus Surakarta Gambar 3.2 Use Case Sistem Informasi E-learning Berbasis Web Gambar 3.3 Class Diagram Sistem Informasi E-learning Berbasis Web Gambar 3.4 Sequence Diagram Tampil Daftar Kelas Ajar Gambar 3.5 Sequence Diagram Tampil Daftar Siswa Gambar 3.6 Sequence Diagram Tampil Daftar Mata Pelajaran Gambar 3.7 Sequence Diagram Tampil Data Soal Tugas Gambar 3.8 Sequence Diagram Tambah Data Soal Tugas Gambar 3.9 Sequence Diagram Edit Data Soal Tugas Gambar 3.10 Sequence Diagram Hapus Data Soal Tugas Gambar 3.11 Sequence Diagram Daftar Pengumpulan Tugas Gambar 3.12 Sequence Diagram Daftar yang Belum Mengumpulkan Tugas Gambar 3.13 Sequence Diagram Edit Nilai Tugas Siswa Gambar 3.14 Sequence Diagram Edit Nilai Tugas Siswa Gambar 3.15 Sequence Diagram Laporan Penilaian Tugas Gambar 3.16 Sequence Diagram Cetak Laporan Penilaian Tugas Gambar 3.17 Sequence Diagram Tampil Data Materi Gambar 3.18 Sequence Diagram Tambah Data Materi Gambar 3.19 Sequence Diagram Edit Data Materi Gambar 3.20 Sequence Diagram Hapus Data Materi Gambar 3.21 Sequence Diagram Tampil Data Materi Gambar 3.22 Sequence Diagram Tambah Data Materi Gambar 3.23 Sequence Diagram Edit Data Materi Gambar 3.24 Sequence Diagram Hapus Data Materi Gambar 3.25 Sequence Diagram Tampil Data Kumpulan Soal Pilgan Gambar 3.26 Sequence Diagram Tambah Data Soal Pilgan Gambar 3.27 Sequence Diagram Edit Data Soal Pilgan Gambar 3.28 Sequence Diagram Hapus Data Soal Pilgan Gambar 3.29 Sequence Diagram Tampil Data Kumpulan Soal Essay Gambar 3.30 Sequence Diagram Tambah Data Soal Essay Gambar 3.31 Sequence Diagram Edit Data Soal Essay Gambar 3.32 Sequence Diagram Hapus Data Soal Essay xviii

19 Gambar 3.33 Sequence Diagram Tampil Data Latihan Soal Gambar 3.34 Sequence Diagram Tambah Data Latihan Soal Gambar 3.35 Sequence Diagram Edit Data Latihan Soal Gambar 3.36 Sequence Diagram Hapus Data Latihan Soal Gambar 3.37 Sequence Diagram Tampil Struktur Soal Gambar 3.38 Sequence Diagram Tampil Data Siswa Mengerjakan Gambar 3.39 Sequence Diagram Detail Soal Siswa Mengerjakan Gambar 3.40 Sequence Diagram Detail Soal Siswa Mengerjakan Gambar 3.41 Sequence Diagram Kesimpulan Pengerjaan Gambar 3.42 Sequence Diagram Hapus Data Siswa Mengerjakan Gambar 3.43 Sequence Diagram Laporan Penilaian Latihan Soal Gambar 3.44 Sequence Diagram Laporan Penilaian Latihan Soal Gambar 3.45 Sequence Diagram Tampil Profil Guru Gambar 3.46 Sequence Diagram Tampil Daftar Soal Tugas Gambar 3.47 Sequence Diagram Upload File Jawab Tugas Gambar 3.48 Sequence Diagram Tampil File Jawaban Tugas Siswa Gambar 3.49 Sequence Diagram Edit File Jawaban Tugas Siswa Gambar 3.50 Sequence Diagram Edit File Jawaban Tugas Siswa Gambar 3.51 Sequence Diagram Tampil Daftar Materi Siswa Gambar 3.51 Sequence Diagram Tampil Daftar Materi Siswa Gambar 3.52 Sequence Diagram Tampil Daftar Latihan Soal Siswa Gambar 3.53 Sequence Diagram Mengerjakan Latihan Soal Gambar 3.54 Sequence Diagram Mengerjakan Latihan Soal Gambar 3.55 Sequence Diagram Tampil Daftar Nilai Latihan Soal Gambar 3.56 Sequence Diagram Tampil Kesimpulan Pengerjaan Siswa Gambar 3.57 Sequence Diagram Tampil Profil Siswa Gambar 3.58 ERD Sistem Informasi E-learning Berbasis Web Gambar 3.59 ERD Sistem Informasi E-learning Berbasis Web Gambar 3.60 Halaman Login User Gambar 3.61 Halaman Utama Guru Gambar 3.62 Halaman Daftar Kelas Ajar Gambar 3.63 Halaman Daftar Siswa Gambar 3.64 Halaman Daftar Mata Pelajaran Gambar 3.65 Halaman Pilih Mata Pelajaran xix

20 Gambar 3.66 Halaman Daftar Soal Tugas Gambar 3.67 Halaman Form Tambah Soal Tugas Gambar 3.68 Halaman Form Edit Soal Tugas Gambar 3.69 Halaman Daftar Pengumpulan Tugas Gambar 3.70 Halaman Koreksi Tugas Gambar 3.71 Halaman Pilih Mata Pelajaran Gambar 3.72 Halaman Laporan Penilaian Tugas Gambar 3.73 Halaman Cetak Laporan Penilaian Tugas Gambar 3.74 Halaman Pilih Mata Pelajaran Gambar 3.75 Halaman Daftar Materi Gambar 3.76 Halaman Form Tambah Materi Gambar 3.77 Halaman Form Edit Materi Gambar 3.78 Halaman Daftar File Materi Gambar 3.79 Halaman Form Tambah File Materi Gambar 3.80 Halaman Form Edit File Materi Gambar 3.81 Halaman Pilih Mata Pelajaran & Jenis Soal Gambar 3.82 Halaman Tampil Kumpulan Data Soal Pilgan Gambar 3.83 Halaman Form Tambah Data Soal Pilgan Gambar 3.84 Halaman Form Edit Data Soal Pilgan Gambar 3.85 Halaman Kumpulan Data Soal Essay Gambar 3.86 Halaman Form Tambah Soal Essay Gambar 3.87 Halaman Form Edit Soal Essay Gambar 3.88 Halaman Pilih Mata Pelajaran Gambar 3.89 Halaman Daftar Latihan Soal Gambar 3.90 Halaman Form Tambah Latihan Soal Gambar 3.91 Halaman Form Edit Latihan Soal Gambar 3.92 Halaman Tampil Struktur Soal Gambar 3.93 Halaman Daftar Siswa Mengerjakan Gambar 3.94 Halaman Tampil Detail Soal Gambar 3.95 Halaman Tampil Kesimpulan Latihan Soal Gambar 3.96 Halaman Pilih Mata Pelajaran Gambar 3.97 Halaman Laporan Penilaian Latihan Soal Gambar 3.98 Halaman Cetak Laporan Penilaian Latihan Gambar 3.99 Halaman Tampil Profil Guru xx

21 Gambar Halaman Beranda Siswa Gambar Halaman Pilih Mata Pelajaran Gambar Halaman Daftar Soal Tugas Gambar 3.48 Halaman Form Upload Tugas Siswa Gambar Halaman Tampil Jawaban Tugas Siswa Gambar Halaman Form Edit Jawaban Tugas Siswa Gambar Halaman Pilih Mata Pelajaran Gambar Halaman Daftar Topik Materi Gambar Halaman Daftar File Materi Gambar Halaman Pilih Mata Pelajaran Gambar Halaman Daftar Latihan Soal Gambar Halaman Mulai Mengerjakan Gambar Halaman Siswa Mengerjakan Soal Gambar Halaman Hasil Nilai Mengerjakan Gambar Halaman Pilih Mata Pelajaran Gambar Halaman Tampil Daftar Nilai Tugas Gambar Halaman Pilih Mata Pelajaran Gambar Halaman Daftar Nilai Latihan Soal Gambar Halaman Kesimpulan Siswa Gambar Halaman Tampil Profil Siswa Gambar 4.1 Halaman Login User Gambar 4.2 Halaman Utama Guru Gambar 4.3 Halaman Daftar Kelas Ajar Gambar 4.4 Halaman Daftar Siswa Gambar 4.5 Halaman Daftar Siswa Gambar 4.6 Halaman Pilih Mata Pelajaran Gambar 4.7 Halaman Tampil Daftar Soal Tugas Gambar 4.8 Halaman Form Tambah Data Soal Tugas Gambar 4.9 Halaman Form Edit Data Soal Tugas Gambar 4.10 Halaman Daftar Pengumpulan Tugas Gambar 4.11 Halaman Daftar yang Belum Mengumpulkan Tugas Gambar 4.12 Halaman Koreksi Tugas Gambar 4.13 Halaman Pilih Mata Pelajaran Gambar 4.14 Halaman Laporan Penilaian Tugas xxi

22 Gambar 4.15 Halaman Cetak Laporan Penilaian Tugas Gambar 4.16 Halaman Cetak Laporan Penilaian Tugas Gambar 4.17 Halaman Tampil Data Materi Gambar 4.18 Halaman Form Tambah Data Materi Gambar 4.19 Halaman Form Edit Data Materi Gambar 4.19 Halaman Tampil Data File Materi Gambar 4.21 Halaman Tambah Data File Materi Gambar 4.22 Halaman Tambah Data File Materi Gambar 4.23 Halaman Pilih Mata Pelajaran Gambar 4.24 Halaman Data Kumpulan Soal Pilgan Gambar 4.25 Halaman Tambah Data Soal Pilgan Gambar 4.26 Halaman Edit Data Soal Pilgan Gambar 4.27 Halaman Data Kumpulan Soal Essay Gambar 4.28 Halaman Tambah Data Soal Essay Gambar 4.29 Halaman Edit Data Soal Essay Gambar 4.30 Halaman Pilih Mata Pelajaran Gambar 4.31 Halaman Tampil Data Latihan Soal Gambar 4.32 Halaman Form Tambah Data Latihan Soal Gambar 4.33 Halaman Form Tambah Data Latihan Soal Gambar 4.34 Halaman Tampil Struktur Soal Gambar 4.35 Halaman Tampil Data Siswa Mengerjakan Gambar 4.36 Halaman Tampil Detail Soal Siswa Mengerjakan Gambar 4.37 Halaman Tampil Kesimpulan Pengerjaan Gambar 4.38 Halaman Tampil Laporan Penilaian Latihan Soal Gambar 4.39 Halaman Cetak Laporan Penilaian Latihan Soal Gambar 4.40 Tampil Profil Guru Gambar 4.41 Tampil Beranda Siswa Gambar 4.42 Tampil Pilih Mata Pelajaran Gambar 4.43 Tampil Daftar Soal Tugas Gambar 4.44 Tampil Form Upload Tugas Gambar 4.45 Tampil Jawaban Tugas Siswa Gambar 4.46 Tampil Jawaban Tugas Siswa Gambar 4.47 Halaman Pilih Mata Pelajaran Gambar 4.48 Halaman Pilih Mata Pelajaran xxii

23 Gambar 4.49 Halaman Tampil Daftar File Materi Siswa Gambar 4.50 Halaman Pilih Mata Pelajaran Gambar 4.51 Halaman Daftar Latihan Soal Gambar 4.52 Halaman Mulai Mengerjakan Gambar 4.53 Halaman Mengerjakan Soal Gambar 4.54 Halaman Nilai Hasil Pengerjaan Soal Gambar 4.55 Halaman Nilai Hasil Pengerjaan Soal Gambar 4.56 Halaman Tampil Daftar Nilai Tugas Siswa Gambar 4.57 Halaman Pilih Mata Pelajaran Gambar 4.58 Halaman Daftar Nilai Latihan Soal Gambar 4.59 Halaman Tampil Kesimpulan Pengerjaan Latihan Soal Siswa Gambar 4.60 Halaman Tampil Profil Siswa xxiii

24 INTISARI Alifa 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

25 ABSTRACT Alifa 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