SKRIPSI
IMPLEMENTASI SISTEM E-LEARNING PADA MTs NW KETANGGA SELONG BERBASIS
WEB
E-LEARNING IMPLEMENTATION IN MTs NW KETANGGA SELONG WEB-BASED
M MIFTAHUL ASROR 155610036
PROGRAM STUDI SISTEM INFORMASI
SEKOLAH TINGGI MANAJEMEN INFORMATIKA DAN KOMPUTER AKAKOM
YOGYAKARTA 2019
SKRIPSI
IMPLEMENTASI SISTEM E-LEARNING PADA MTs NW KETANGGA SELONG BERBASIS WEB
E-LEARNING IMPLEMENTATION IN MTs NW KETANGGA SELONG WEB-BASED
HALAMAN JUDUL
Diajukan sebagai salah satu syarat untuk menyelesaikan studi jenjang strata satu (S1) Program Studi Sistem Informasi
Sekolah Tinggi Manajemen Informatika dan Komputer AKAKOM
Yogyakarta
Disusun Oleh M MIFTAHUL ASROR
155610036
PROGRAM STUDI SISTEM INFORMASI
SEKOLAH TINGGI MANAJEMEN INFORMATIKA DAN KOMPUTER AKAKOM
YOGYAKARTA 2019
HALAMAN PERSEMBAHAN
Allhamdulillahirobbil’alamin,Puji syukur saya panjatkan kepada Allah SWT, karena telah memberikan nikmat dan kemudahan sehingga dapat menyelesaikan Skripsi di STMIK AKAKOM Yogyakarta.
Skripsi ini saya persembahkan untuk :
 Sosok yang paling ku cintai, ibu dan bapak, yang selalu memberikan kasih dan sayangnya, ibu dan bapak yang selalu membanting tulang dan memeras keringat demi anak-anaknya, ibu dan bapak yang tak pernah sedikitpun meminta balasan dariku, tetes air mataku adalah bukti rasa cintaku pada kalian. Maafkan bila aku belum bisa membalas semua kebaikan yang telah kalian berikan untukku. Tetapi Aku berjanji, aku akan selalu berusaha dan berdo’a semampuku, untuk kebahagiaan kalian dimasa tua nanti, agar kalian selalu tersenyum, walaupun apa yang ku beri tidak sebesar apa yang kalian berikan padaku.
 Untuk kakak ku yang selalu memberikan warna,motivasi,dan dukungan dalam hidupku.
 Yang terhormat Bpk Cosmas Haryawan, S.TP., S.Kom., M.Cs yang selalu memberikan petunjuk arahan dalam menyelesaikan tugas akhir ini.
 Sahabat – sahabat ku Zainuddin Saiful Majidi, Taupan Tubagus M, Sohibul Umam, Muhjib Alfian, Karomalloh Irma, , M. Azwar Auzan, teman-teman Sistem Informasi, dan Yessi Koleca Marwati yang selalu memberikan semangat, motivasi,dorongan mengerjakan tugas akhir ini dan doa untuk mendapatkan hasil akhir yang maksimal.
MOTTO
“Apabila di dalam diri seseorang masih ada rasa malu dan takut untuk berbuat suatu kebaikan, maka jaminan bagi orang tersebut adalah tidak akan bertemunya
ia dengan kemajuan selangkah pun” (Bung Karno).
“Barang siapa menginginkan kebahagiaan didunia dan akherat maka haruslah memiliki banyak ilmu.” (HR. Ibnu Asakir).
Merayakan kesuksesan adalah hal yang baik, tapi lebih penting lagi jika dapat mengambil pelajaran dari kegagalan. (Bill Gates).
DAFTAR ISI
Hal.
HALAMAN JUDUL ... i
HALAMAN PENGESAHAN... ... ..ii
HALAMAN PERNYATAAN ... .iii
HALAMAN PERSEMBAHAN ... .iv
HALAMAN MOTTO…….. ... ..v DAFTAR ISI ... vi DAFTAR GAMBAR ... ix DAFTAR TABEL ... x KATA PENGANTAR ... xi ABSTRAK…….. ... xiii ABSTRACT ... xiv BAB 1 PENDAHULUAN 1.1. Latar Belakang Masalah ... ..1
1.2. Rumusan Masalah… ... 2
1.3. Ruang Lingkup… ... 3
1.4. Tujuan Penelitian ... 3
1.5. Manfaat Penelitian ... ..4
BAB II TINJAUAN PUSTAKA DAN DASAR TEORI 2.1. Tinjauan Pustaka... ..5 2.2. Dasar Teori ... ..8 2.2.1. E-Learning… ... ..8 2.2.2. Xampp… ... ..9 2.2.3. MySQL… ... ..9 2.2.4. Bahasa Pemerograman PHP ... ..9 2.2.5. HTML ... 10
BAB III ANALISI DAN PERANCANGAN SISTEM
3.1. Analisis Sistem ... 11
3.2. Bahan/Data ... 11
3.2.1 Kebutuhan Masukan (Input)... 11
3.2.2 Kebutuhan Proses ... 12
3.2.3 Kebutuhan Keluaran (Output) ... 12
3.2.4 Perangkat Lunak (Software) ... 12
3.2.5 Perangkat Keras (Hardware) ... 13
3.3. Prosedur Kerja Dan Pengumpulan Data ... 13
3.3.1 Tahap Analisis Masalah ... 14
3.3.2 Tahap Desain Sistem ... 14
3.3.3 Tahap Implementasi ... 14
3.4 Analisis Pengguna ... 15
3.5 Perancangan Sistem ... 16
3.5.1 Diagram Konteks ... 16
3.5.2 Diagram Alir Data Level 1 ... 18
3.5.3 Rancangan Struktur Tabel ... 19
3.5.4 Relasi Tabel ... 27
3.6 Rancangan Masukan (Input) ... 28
3.6.1 Rancangan Form Input Data Guru ... 28
3.6.2 Rancangan Form Input Data Siswa ... 29
3.6.3 Rancangan Form Input Materi Dokumen ... 30
3.6.4 Rancangan Form Input Komentar Video ... 30
3.6.5 Rancangan Form Input Materi Video ... 31
3.7 Rancangan Keluaran (Output) ... 32
3.7.1 Rancangan Keluaran Guru ... 32
3.7.2 Rancangan Keluaran Siswa ... 33
3.7.3 Rancangan Keluaran Materi Video ... 33
BAB IV IMPLEMENTASI DAN PEMBAHASAN
4.1. Implementasi Dan Uji Coba Sistem ... 35
4.1.1 Proses Upload Materi Dokumen ... 35
4.1.2 Proses Upload Materi Video ... 36
4.1.3 Proses Input Komentar Materi Video ... 37
4.1.4 Menampilkan Icon User Yang Berkomentar ... 38
4.1.5 Menampilkan Waktu Komentar ... 39
4.2. Pembahasan Sistem ... 39
4.2.1. Tampilan Form Menambah Kelas ... 40
4.2.2. Tampilan Form Menambah Mata Pelajaran ... 40
4.2.3. Upload File Materi Dokumen ... 41
4.2.4. Upload File Materi Video ... 41
4.2.5. Halaman Utama ... 42
4.2.6. Tampilan Komentar Materi Video ... 43
4.2.7. Tampilan Komentar Materi Dokumen ... 44
BAB V KESIMPULAN DAN SARAN 5.1. Kesimpulan ... 46
5.2. Saran ... 46
DAFTAR PUSTAKA………. ... 47 LAMPIRAN
DAFTAR GAMBAR
Hal.
Gambar 3.1 Diagram Konteks... ...16
Gambar 3.2 Diagram Alir Data Level 1 ... 18
Gambar 3.3 Relasi Tabel ... 27
Gambar 3.4 Rancangan Form Input Data Guru ... 28
Gambar 3.5 Rancangan Form Input Data Siswa ... 29
Gambar 3.6 Rancangan Form Input Materi Dokumen... 30
Gambar 3.7 Rancangan Form Input Komentar Video ... 30
Gambar 3.8 Rancangan Form Input Materi Video... 31
Gambar 3.9 Rancangan Informasi Guru ... 32
Gambar 3.10 Rancangan Keluaran Siswa ... 33
Gambar 3.11 Rancangan Keluaran Materi Video ... 33
Gambar 3.12 Rancangan Keluaran Komentar Materi Video ... 34
Gambar 4.1 Kode Program Upload Materi Dokumen ... 35
Gambar 4.2 Kode Program Lokasi Simpan File Materi Dokumen ... 36
Gambar 4.3 Kode Program Upload Materi Video ... 36
Gambar 4.4 Kode Program Input Komentar Materi Video... 37
Gambar 4.5 Kode Program Menampilkan Icon User... 38
Gambar 4.6 Kode Program Menampilkan Waktu Komentar... 39
Gambar 4.7 Tampilan Menambah Kelas ... 40
Gambar 4.8 Tampilan Menambah Mata Pelajaran ... 40
Gambar 4.9 Tampilan Upload File Materi Dokumen ... 41
Gambar 4.10 Tampilan Upload File Materi Video ... 42
Gambar 4.11 Tampilan Halaman Utama ... 42
Gambar 4.12 Tampilan Materi Dokumen ... 43
Gambar 4.13 Tampilan Materi Dokumen ... 43
Gambar 4.14 Tampilan Komentar Materi Video ... 44
DAFTAR TABEL
Hal.
Tabel 2.1 Perbandingan Model Penelitian ... 7
Tabel 3.1 Tabel Admin ... 19
Tabel 3.2 Tabel Materi ... 20
Tabel 3.3 Tabel Kelas ... 21
Tabel 3.4 Tabel Kelas Ajar.. ... 21
Tabel 3.5 Tabel Mapel Ajar ... 22
Tabel 3.6 Tabel Komentar... 22
Tabel 3.7 Tabel Balasan ... 23
Tabel 3.8 Tabel Video ... 23
Tabel 3.9 Tabel Mapel ... 24
Tabel 3.10 Tabel Pengajar... 25
KATA PENGANTAR
Puji dan syukur saya panjatkan kehadirat Tuhan Yang Maha Esa yang telah memberikan rahmat dan karunia-NYA kepada saya sehingga saya berhasil menyelesaikan naskah skripsi yang berjudul “Implementasi E-Learning pada MTs NW Ketanga Selong Berbasis Web”. Skripsi ini disusun sebagai salah satu syarat untuk menyelesaikan pendidikan strata satu di jurusan sistem informasi STMIK AKAKOM Yogyakarta.
Penyusunan skripsi ini mungkin tidak akan terlaksana tanpa dukungan, bimbingan, dan petunjuk dari semua pihak yang telah mebantu sehingga naskah ini dapat terselesaikan dengan baik. Untuk itu penulis ingin mengucapkan terimakasih kepada :
1. Bapak Ir. Totok Suprawoto, M.M., M.T., selaku ketua Sekolah Tinggi Manajemen Informatika dan Komputer AKAKOM Yogyakarta.
2. Ibu Pulut Suryati, S.Kom., M.Cs., Selaku ketua program studi Sistem Informasi.
3. Bapak Cosmas Haryawan, S.TP., S.Kom., M.Cs selaku pembimbing skripsi yang telah memberikan pengarahan, petunjuk serta saran-saran yang sangat besar manfaatnya dalam menyelesaikan skripsi ini.
4. Seluruh dosen di jurusan Sistem Informasi STMIK AKAKOM Yogyakarta yang selama ini telah membagikan ilmu dan pengalaman kepada penulis sehingga penulis dapat mengambil ilmu dan manfaat yang baik untuk kedepannya.
5. Kedua orang tua tercinta yang selalu mendukung, mendoakan, memberikan materi serta, cinta dan kasih sayang yang tiada hentinya disetiap langkah anaknya untuk meraih cita-cita.
6. Sahabat-sahabat yang selalu menemani, menyayangi dan memberi keceriaan.
7. Dan semua pihak lain yang telah tidak dapat disebutkan satu-persatu, terimakasih untuk semuanya.
Sebagai manusia biasa, tentu saja penulis tidak lepas dari kesalahan dan kekurangan sehingga penulis mengharapkan saran dan kritik dari pembaca. Penulis juga berharap semoga skripsi ini dapat bermanfaat bagi semua pihak, Amin. Wassalamualaikum Wr. Wb.
Yogyakarta, 10 Agustus 2019
ABSTRAK
Salah satu metode pembelajaran yang sedang berkembang saat ini yaitu e-learning. Konsep e-learning dapat membantu para guru untuk memberikan bahan ajar, agar siswa akan mendapatkan materi dan bisa mempelajarinya fokus untuk mencatat materi yang di ajarkan, tetapi siswa bisa fokus memperhatikan saat guru menjelaskan materi yang sedang dibahas. Sehingga hasil proses belajar di kelas siswa dapat memahami materi dengan maksimal.
Penelitian ini bertujuan untuk mempelajari, menganalisis dan mengimplementasikan Sistem e-learning pada MTs NW Ketangga Selong berbasis web. Perangkat lunak yang digunakan untuk membangun sistem adalah database MySQL, bahasa pemerograman PHP, Sublime sebagai editor HTML(Hypertext Markup Language), Google Chrome dan Internet Explorer digunakan sebagai Web Browser.
Hasil akhir dari penelitian ini adalah dihasilkan program aplikasi berbasis web yang dapat memberikan gambaran secara jelas mengenai Implementasi Sistem e-learning pada MTs NW Ketangga Selong yang dapat menampilkan upload/download materi pelajaran dalam bentuk dokumen maupun video, dan juga guru mampu mengadakan kuis secara online kepada siswa/siswi didalam sistem tersebut.
ABSTRACT
One of the methods being developed today is learning. The concept of e-learning can help teachers to provide teaching materials, so that students will get the material and can learn at home. And during the learning process in the classroom, students not only focus to record the material taught, but students can focus their attention when the teacher explains the material being discussed. So that the learning process in the classroom students can understand the material to the maximum.
This essay aims to study, analyze, and implementing E-Learning System at the MTs NW Ketangga Selong.
The softwate used to build the system are MySQL database, PHP programming language, editor Sublime Text as HTML(Hypertext Markup Language), Google Chrome and Internet Explorer is used as a web browser.
The final results of this study are generated program web-based application that can give you a clear picture about the implementation of E-Learning System at MTs NW Ketangga Selong to display upload / download of subject matter in the form of documents or videos and also the teacher is able to hold online quizzes for students in the system.