TUGAS AKHIR PEMBUATAN E-LEARNING PEMBELAJARAN SDIT NURUL ISTIQLAL SEBAGAI PENDAMPING DALAM PROSES BELAJAR MENGAJAR Diajukan untuk memenuhi salah satu syarat mencapai gelar Ahli Madya Program DIII Teknik Informatika Fakultas Matematika dan Ilmu Pengetahuan Alam Universitas Sebelas Maret Disusun oleh : SALISA KURNIA SARI NIM M3111132 PROGRAM DIPLOMA III ILMU KOMPUTER FAKULTAS MATEMATIKA DAN ILMU PENGETAHUAN ALAM UNIVERSITAS SEBELAS MARET 2014
TUGAS AKHIR PEMBUATAN E-LEARNING PEMBELAJARAN SDIT NURUL ISTIQLAL SEBAGAI PENDAMPING DALAM PROSES BELAJAR MENGAJAR Diajukan untuk memenuhi salah satu syarat mencapai gelar Ahli Madya Program DIII Teknik Informatika Fakultas Matematika dan Ilmu Pengetahuan Alam Universitas Sebelas Maret Disusun oleh : SALISA KURNIA SARI NIM M3111132 PROGRAM DIPLOMA III ILMU KOMPUTER FAKULTAS MATEMATIKA DAN ILMU PENGETAHUAN ALAM UNIVERSITAS SEBELAS MARET 2014 i
perpustakaan.uns.ac.id
perpustakaan.uns.ac.id
ABSTRACT Salisa Kurnia Sari, 2014. -learning As Companion In Teaching and Learning Process. DIII program of Information Engineering, Faculty of Mathematic and Natural Science, Sebelas Maret University of Surakarta. Electronic learning is one alternative way of learning that is quite attractive today. User can access the e-learning anytime they want without having to think of distance and time. This e-learning is designed by creating Context Diagram (CD), Data Flow diagrams (DFD), Entity Relatioship Diagram (ERD). Programming language is using PHP and MySQL as the database. In accordance with the objective of developing the information system,these activities were done the research methods of observation, interviews, documentaries media and literature. From the results of this study, it can be concluded that e-learning can be an electronic learning tool that becomes a portal between students and teachers as a companion to the learning process at home or at school. Keywords : e-leraning, PHP, MySQL, Elementary School iv
ABSTRAK Salisa Kurnia Sari, 2014. Pembuatan E-Learning Pembelajaran SDIT Nurul Istiqlal Sebagai Pendamping Dalam Proses Belajar Mengajar. DIII Teknik Informatika, Fakultas Matematika dan Ilmu Pengetahuan Alam, Universitas Sebelas Maret Surakarta. Pembelajaran elekronik merupakan salah satu alternative cara belajar yang cukup diminati di era yang semakin maju seperti saat ini. Pengguna dapat mengakses e-learning kapanpun dan dimanapun mereka inginkan tanpa harus memikirkan jarak dan waktu. E-learning pembelajaran ini dirancang dengan menggunakan Context Diagram (CD), Data Flow Diagram (DFD), Entity Realtioship Diagram (ERD). Pembuatan e-learning menggunakan bahasa pemrograman PHP dan MySQL sebagai databasenya. Sesuai dengan tujuan pembuatan e-learning, maka kegiatan ini dilakukan dengan metode penelitian berupa observasi, wawancara, media dokumenter, dan studi pustaka. Dari hasil penelitian dapat disimpulkan bahwa e-learning ini dapat menjadi sarana pembelajaran elektronik yaitu menjadi portal antara siswa dan guru sebagai pendamping dalam proses belajar mengajar dirumah maupun disekolah. Kata Kunci : e-learning, PHP, MySQL,Sekolah Dasar v
MOTTO Ikutilah kata hati karena ALLAH SWT lebih sering berbicara melalui hati Salisa Kurnia Salisa Kurnia Ketergesaan dalam setia usaha membawa kegagalan Herodotus Tindakan adalah tiga perempat kehidupan kita dan itulah bagian yang paling Warren Buffet vi
PERSEMBAHAN Tugas Akhir ini saya persembahkan untuk orang-orang yang saya sayangi, Ayah Sabihis, Ibu Susilah dan seluruh keluarga besar, Teman-, Semua yang membaca tulisan ini. vii
KATA PENGANTAR Syukur Alhamdulillah penulis panjatkan ke hadirat Allah SWT atas segala rahmat dan karunianya sehingga penulis dapat menyelesaikan Tugas Akhir Pembuatan E-Learning Pembelajaran SDIT Nurul Istiqlal Sebagai tepat waktu. Laporan Tugas Akhir ini disusun untuk memenuhi salah satu syarat memperoleh gelar ahli madya 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. Maka dalam kesempatan ini perkenankanlah penulis mengucapkan terima kasih kepada : 1. Prof. Ir. Ari Handono Ramelan, M.Sc(Hons), Ph.D. Dekan Fakultas Matematika dan Ilmu Pengetahuan Alam Universitas Sebelas Maret Surakarta. 2. Drs. Y.S. Palgunadi, M.Sc, Ketua Program Diploma III Teknik Informatika Fakultas Matematika dan Ilmu Pengetahuan Alam Universitas Sebelas Maret Surakarta. 3. Muhammad Asri Saf selaku dosen pembimbing yang telah memberikan bimbingan dan pengarahan dalam mengerjakan Tugas Akhir. 4. Saefullah,SHI selaku kepala sekolah SDIT Nurul Istiqlal, Wonosari dan seluruh guru yang terlibat atas bantuan dalam pelaksanaan pengerjaan Tugas Akhir. 5. Ayah Sabihis, ibu Susilah, adik Syifa Ramadhani, Bapak Darjito serta seluruh keluarga tercinta, yang selalu memberikan dukungan baik moril, materiil, maupun spitituil. 6. Seluruh member serta doa hingga terselesainya tugas akhir ini. viii
7. Dwianto, Reskyandy dan Paramita yang telah memberikan banyak kontribusi demi terselesainya tugas akhir ini. 8. Teman-teman DIII Teknik Informatika angkatan 2011 FMIPA UNS terutama teman-teman kelas TIC angkatan 2011. 9. Serta semua pihak yang terlibat yang tidak bisa disebutkan satu persatu yang telah membantu, memberikan motivasi serta doa sehingga dapat menyelesaikan Tugas Akhir. Akhir kata, penulis mengucapkan harapan semoga laporan ini dapat bermanfaat bagi semua pihak terutama bagi mahasiswa Diploma III Teknik Informatika Fakultas Matematika dan Ilmu Pengetahuan Alam Universitas Sebelas Maret Surakarta. Penutup, Surakarta, 26 Juni 2014 Penulis ix
DAFTAR ISI Halaman HALAMAN JUDUL... HALAMAN PERSETUJUAN... HALAMAN PENGESAHAN... ABSTRACT... ABSTRAK... MOTTO... HALAMAN PERSEMBAHAN... i ii iii iv v vi vii KATA PENGANTAR... viii DAFTAR ISI... x DAFTAR TABEL... xvi DAFTAR GAMBAR... xv BAB I PENDAHULUAN 1.1. Latar Belakang... 1 1.2. Perumusan Masalah... 1 1.3. Batasan Masalah... 2 1.4. Tujuan Penelitian... 2 1.5. Manfaat Penelitian... 2 1.6. Sistematika Penulisan... 3 BAB II LANDASAN TEORI 2.1. Electronic Learning... 4 2.1.1. Plus Minus E-Learning... 4 x
2.2. Pengertian Sistem... 5 2.3. Konsep Analisis dan Perancangan Sistem... 5 2.3.1. Analisis Sistem... 5 2.3.2. Perancangan Sistem... 5 2.4. Basis Data... 5 2.5. Desain Sistem... 6 2.5.1. Context Diagram... 6 2.5.2. DFD (Data Flow Diagram)... 6 2.5.3. ERD (Entity Relationship Diagram)... 7 2.6. Apache... 10 2.7. PHPMyAdmin dan XAMPP... 10 2.8. PHP... 10 2.9. MySQL... 11 2.10. SQL... 12 BAB III ANALISA KEBUTUHAN DAN PERANCANGAN SISTEM 3.1. Deskripsi Data... 13 3.2. Kebutuhan Sistem 3.2.1. Kebutuhan Fungsional... 14 3.2.2. Kebutuhan Non Fungsional... 15 3.2.2.1.Alat... 15 3.2.2.2.Bahan... 15 3.3. Jalannya Penelitian... 16 3.4. Desain Sistem... 19 xi
3.4.1. Diagram Konteks (Context Diagram)... 19 3.4.2. Data Flow Diagram Level 0... 20 3.4.3. DFD Level 1 Proses 1... 22 3.4.4. DFD Level 1 Proses 2... 23 3.4.5. DFD Level 1 Proses 3... 24 3.4.6. DFD Level 1 Proses 4... 24 3.4.7. DFD Level 1 Proses 5... 25 3.4.8. DFD Level! Proses 6... 26 3.4.9. DFD Level 1 Proses 7... 27 3.4.10. DFD Level 1 Proses 8... 28 3.4.11. DFD Level 1 Proses 9... 29 3.5. Perancangan Database... 31 3.5.1. Entity Relationship Diagram... 31 3.5.2. Relasi Antar Tabel... 32 3.5.3. Kamus Data... 32 3.6. Struktur dan Desain Program... 37 3.6.1. Rancangan Halaman Index atau Halaman Utama... 37 3.6.2. Rancangan Halaman Login User... 38 3.6.3. Rancangan Halaman Index Admin... 38 BAB IV IMPLEMENTASI DAN ANALISA 4.1.Implementasi Desain... 39 4.1.1. Halaman Index... 39 4.1.2. Halaman Login... 40 xii
4.1.3. Halaman Index Admin... 40 4.1.3.1 Managemen Siswa... 42 A. Tambah Siswa... 42 B. Memperbaharui Siswa... 43 4.1.3.2 Managemen Guru... 43 A. Tambah Guru... 44 B. Memperbaharui Guru... 45 4.1.3.3 Managemen Kelas... 45 A. Tambah Data Kelas... 46 B. Memperbaharui Data Kelas... 46 C. Hapus Data Kelas... 47 4.1.3.4 Managemen Mata Pelajaran... 48 A. Tambah Data Mata Pelajaran... 48 B. Memperbaharui Data Mata pelajaran... 49 C. Menghapus Data Mata Pelajaran... 49 4.1.3.5 Managemen Data Pengajar... 50 A. Tambah Data Pengajar... 50 B. Memperbaharui Data Pengajar... 51 C. Hapus Pengajar... 52 4.1.4. Tampilan Index Guru... 52 4.1.4.1 Managemen Materi... 53 A. Tambah Materi... 53 B. Memperbaharui Materi... 54 xiii
C. Menghapus Materi... 54 4.1.4.2 Managemen Nilai... 56 A. Tambah Nilai... 56 B. Share Data Nilai... 56 C. Tambah Nilai dengan Import File Excel... 56 4.1.4.3 Managemen SMS GATEWAY... 57 4.1.4.4 Managemen Ganti Password... 57 4.1.5. Halam Index Siswa... 58 4.1.5.1 Mata Pelajaran... 58 4.1.5.2 Ganti Password... 59 4.1.5.3 Lihat Nilai... 59 4.1.6. SMS Gateway... 61 4.2 Pengujian Black Box... 62 4.3 Analisa... 71 BAB V PENUTUP 5.1. Kesimpulan... 72 5.2. Saran... 72 DAFTAR PUSTAKA... 73 DAFTAR TABEL Halaman Tabel 2.1 Simbol-simbol Komponen ERD... 8 xiv
Tabel 3.1 Tabel Nilai... 33 Tabel 3.2 Tabel Mapel... 33 Tabel 3.3 Tabel Kelas... 33 Tabel 3.4 Tabel Pengajar... 34 Tabel 3.5 Tabel Guru2... 34 Tabel 3.6 Tabel Informasi... 35 Tabel 3.7 Tabel Submapel... 35 Tabel 3.8 Tabel Siswa... 36 Tabel 3.9 Tabel Outbox... 36 Tabel 3.10 Tabel Sendbox... 37 Tabel 4.1 Pengujian Menu Home... 62 Tabel 4.2 Pengujian Menu Informasi... 62 Tabel 4.3 Pengujian Menu Materi... 63 Tabel 4.4 Pengujian Menu Nilai... 64 Tabel 4.5 Pengujian Menu Kelas... 65 Tabel 4.6 Pengujian Menu Mapel... 66 Tabel 4.7 Pengujian Menu Pengajar... 67 Tabel 4.8 Pengujian Menu Siswa... 68 Tabel 4.9 Pengujian Menu Guru... 69 Tabel 4.10 Pengujian Menu Ganti Password... 69 Tabel 4.11 Pengujian Menu SMS... 70 xv
DAFTAR GAMBAR Halaman Gambar 2.1 Simbol Entity Luar... 6 Gambar 2.2 Simbol Aliran Data... 7 Gambar 2.3 Simbol Proses... 7 Gambar 2.4 Simbol Berkas... 7 Gambar 3.1 Flowchart Jalannya Penelitian... 14 Gambar 3.2 Context Diagram... 19 Gambar 3.3 DFD Level 0... 20 Gambar 3.4 DFD Level 1 Proses 1... 22 Gambar 3.5 DFD Level 1 Proses 2... 23 Gambar 3.6 DFD Level 1 Proses 3... 24 Gambar 3.7 DFD Level 1 Proses 4... 25 Gambar 3.8 DFD Level 1 Proses 5... 26 Gambar 3.9 DFD Level 1 Proses 6... 27 Gambar 3.10 DFD Level 1 Proses 7... 28 Gambar 3.11 DFD Level 1 Proses 8... 29 Gambar 3.12 DFD Level 1 Proses 9... 30 Gambar 3.13 Entity Relationship Diagram (ERD)... 31 Gambar 3.14 Relasi Antar Tabel... 32 Gambar 3.15 Racangan Halaman Utama... 37 Gambar 3.16 Rancangan Halaman Login User... 38 Gambar 3.17 Rancangan Halaman Index Admin... 38 xvi
Gambar 4.1 Tampilan Halaman Implementasi Index... 39 Gambar 4.2 Tampilan Halaman Implementasi Index Admin... 40 Gambar 4.3 Tampilan Halaman Index Admin... 40 Gambar 4.4 Tampilan Halaman Index Admin... 41 Gambar 4.5 Tampilan Halaman Detail Data Siswa... 41 Gambar 4.6 Tampilan Halaman Tambah Siswa... 42 Gambar 4.7 Tampilan Halaman Edit Data... 43 Gambar 4.8 Tampilan Halaman Daftar Guru... 44 Gambar 4.9 Tampilan Halaman Tambah Guru... 44 Gambar 4.10 Tampilan Halaman Edit Guru... 45 Gambar 4.11 Tampilan Halaman Daftar Kelas... 46 Gambar 4.12 Tampilan Halaman Tambah Kelas... 46 Gambar 4.13 Tampilan Halaman Edit Kelas... 47 Gambar 4.14 Tampilan Halaman Daftar Mapel... 48 Gambar 4.15 Tampilan Halaman Tambah Mapel... 48 Gambar 4.16 Tampilan Halaman Edit Mapel... 49 Gambar 4.17 Tampilan Halaman Hapus Mapel... 49 Gambar 4.18 Tampilan Halaman Daftar Pengajar... 50 Gambar 4.19 Tampilan Halaman Tambah Pengajar... 51 Gambar 4.20 Tampilan Halaman Edit Pengajar... 51 Gambar 4.21 Tampilan Halaman Index Guru... 52 Gambar 4.22 Tampilan Halaman Daftar Materi... 53 Gambar 4.23 Tampilan Halaman Tambah Materi... 53 xvii
Gambar 4.24 Tampilan Halaman Edit Materi... 54 Gambar 4.25 Tampilan Halaman Daftar Nilai... 55 Gambar 4.26 Tampilan Halaman Tambah Nilai... 55 Gambar 4.27 Tampilan Input Nilai Siswa... 56 Gambar 4.28 Tampilan Halaman Share Data Nilai... 56 Gambar 4.29 Tampilan Halaman Tambah Nilai Import File Excel... 57 Gambar 4.30 Tampilan Halaman Form SMS... 57 Gambar 4.31 Tampilan Halaman Ganti Password... 58 Gambar 4.32 Tampilan Index Siswa... 58 Gambar 4.33 Tampilan Lihat Mapel... 59 Gambar 4.34 Tampilan Lihat Detail Mapel... 59 Gambar 4.35 Tampilan Ganti Password... 60 Gambar 4.36 Tampilan Lihat Nilai... 60 Gambar 4.37 Tampilan SMS Info Nilai Siswa... 61 Gambar 4.38 Tampilan SMS Gateway Informasi... 61 xviii