SISTEM PEMBELAJARAN
E-LEARNING
BERBASIS WEB
SKRIPSI
Disusun sebagai salah satu syarat menyelesaikan Jenjang Strata I Pada Program Studi Informatika Fakultas Komunikasi dan Informatika
Universitas Muhammadiyah Surakarta
Oleh :
RATIH KUSUMANINGRUM
L200110077PROGRAM STUDI INFORMATIKA
FAKULTAS KOMUNIKASI DAN INFORMATIKA
UNIVERSITAS MUHAMMADIYAH SURAKARTA
HALAMAN PERSEMBAHAN
1. Kedua orang tuaku tercinta, Bapat Yatno dan Ibu Sularsini untuk segala dukungan moril dan materiilnya, untuk nasehat dan kasih sayang yang tidak terbatas, setiap doa yang tidak pernah lepas setiap saat, Bapak dan Ibu adalah segalanya yang tidak pernah tergantikan.
2. Kakak tersayang Lia Feronika Wati, A.Md. Fis., dan simbah putri yang memberikan arahan dan bimbingan dalam langkah menuju kedewasaan serta keponakan kecilku Fathimah Asysyifa yang selalu memberikan keceriaan dikala penat.
3. Seluruh keluarga besar, terutama Pakde Tugino, S.pD dan Budhe Larmi yang selalu memberikan doa, arahan serta semangat setiap saat.
4. Aditya Bagas Prakoso yang selalu memberikan semangat, arahan dan energi positif selama ini.
5. Sahabat-sahabat tersayang Putri Dyah Apsari dan Isnawati Muslihah. Tak ada kata-kata yang bisa dituliskan untuk mengungkapkan arti persahabatan kita. Terimakasih pernah bersama melewati suka-duka selama masa perkuliahan. 6. Teman-teman tersayang Putri Arnika, Hasna Fathina, Nisky Roby Shahar,
Hendra Teguh Purnomo, Marlia Noviana, Bayu Aji serta teman-teman lain yang sudah seperti keluarga. Terimakasih untuk kecerian yang telah kalian berikan, memberi warna tersendiri untuk suka dan duka selama di Solo. Dan semoga kita dapat menjalin persahabatan selamanya.
7. Terimakasih buat Dedi Herlambang, Syiqul Izzah Al Khukmi yang telah membantu pencarian data dan informasi untuk skripsi ini.
KATA PENGANTAR
Alhamdulillah, kami panjatkan syukur kehadirat Allah SWT yang telah melimpahkan rahmat dan hidayah-Nya sehingga penulis dapat menyelesaikan skripsi
ini dengan judul “Sistem Pembelajaran E-learning berbasis Web”.
Skripsi ini disusun untuk memenuhi kurikulum pada Program Studi Informatika Universitas Muhammadiyah Surakarta, sebagai kewajiban mahasiswa dalam rangka menyelesaikan program sarjana.
Penulis menyadari bahwa skripsi ini masih jauh dari kesempurnaan, oleh karena itu kritik saran yang membangun dari berbagai pihak sangat penulis harapkan demi perbaikan-perbaikan ke depan.
Terwujudnya skripsi ini tidak lepas dari bantuan berbagai pihak. Oleh karena itu dalam kesempatan ini penulis ingin mengucapkan terima kasih yang sebesar-besarnya kepada :
1. Bapak Husni Thamrin, S.T, MT., Ph.D. selaku Dekan Fakultas Komunikasi dan Informatika Universitas Muhammadiayah Surakarta.
2. Bapak Dr. Heru Supriyono, S.T., M.Sc. selaku Ketua Jurusan Informatika Universitas Muhammadiayah Surakarta.
4. Segenap dosen dan karyawan prodi Informatika atas bantuan dan ilmu yang diberikan kepada penulis selama masa perkuliahan hingga dinyatakan mendapat gelar Strata 1.
5. Kepada kedua orang tua serta keluarga yang selalu memberikan do’a, semangat serta dukungan dengan tiada hentinya kepada penulis.
6. Teman-teman mahasiswa Program Studi Informatika Universitas Muhammadiyah Surakarta yang telah banyak memberikan masukan dan saran selama mengikuti perkuliahan maupun dalam penyusunan tugas akhir. 7. Semua pihak yang tidak bisa disebutkan satu-persatu yang telah membantu
hingga terselesainya skripsi ini.
Akhirnya penulis berharap semoga skripsi ini berguna bagi semua pihak dan bermanfaat bagi penulis khususnya dan pembaca pada umumnya dalam menambah pengetahuan dan wawasan ilmu. Aamin.
2.2.7. XAMPP ... 13
BAB 3 METODE PENELITIAN ... 14
3.1. Waktu dan Tempat Penelitian ... 14
3.2. Peralatan Pertama dan Pendukung ... 14
3.3. Alur Penelitian... 15
3.4. Metode dan Perancangan Sistem... 17
3.4.1. Metode Perancangan ... 17
3.4.2. Perancangan Use Case ... 19
3.4.3. Diagram Conteks ... 31
3.4.4. Perancangan User Inteface ... 33
3.4.4. Perancangan Database ... 46
BAB 4 HASIL DAN PEMBAHASAN ... 56
4.1. Hasil Penelitian ... 56
4.2. Analisa dan Pembahasan ... 56
4.2.1. Analisa Program ... 56
4.2.2. Pengujian Program ... 79
BAB 5 PENUTUP ... 88
5.1. Kesimpulan... 88
5.2. Saran ... 88
DAFTAR TABEL
Tabel 3.1. Aturan TIC ... 46
Tabel 3.2. Tabel Admin ... 47
Tabel 3.3. Tabel Dosen ... 47
Tabel 3.4. Tabel Mahasiswa ... 48
Tabel 3.5. Tabel Mata Kuliah ... 48
Tabel 3.6. Tabel Pengambilan Mata Kuliah ... 48
Tabel 3.7. Tabel Materi ... 49
Tabel 3.8. Tabel Tugas ... 49
Tabel 3.9. Tabel Jawab Tugas ... 50
Tabel 3.10. Tabel Latihan Soal ... 50
Tabel 3.11. Tabel Jawaban Latihan Soal ... 51
Tabel 3.12. Tabel Kuis ... 52
Tabel 3.13. Tabel Jawaban Kuis ... 52
Tabel 3.14. Tabel Waktu Kuis ... 53
Tabel 3.15 Tabel Konsultasi ... 53
Tabel 3.16. Tabel Berita ... 54
Tabel 4.1. Hasil Uji Black-box Halaman Admin ... 79
Tabel 4.2. Hasil Uji Black-box Halaman Dosen ... 80
Tabel 4.3. Hasil Uji Black-box Halaman Mahasiswa ... 81
Tabel 4.4. Hasil Pengisian Kuisioner ... 82
DAFTAR GAMBAR
Gambar 3.1 Diagram Alur Penelitian... 16
Gambar 3.2 Metode Waterfall ... 18
Gambar 3.8 Diagram Alir Mahasiswa ... 30
Gambar 3.9 Diagram Conteks ... 32
Gambar 3.10 Tampilan Desain Interface Halaman Awal ... 33
Gambar 3.11 Tampilan Desain Interface Halaman Utama Admin ... 34
Gambar 3.12 Tampilan Desain Interface Data Mahasiswa ... 34
Gambar 3.13 Tampilan Desain Interface Data Dosen ... 35
Gambar 3.14 Tampilan Desain Interface Data Mata Kuliah ... 35
Gambar 3.15 Tampilan Desain Interface Data Pengambilan Mata Kuliah ... 36
Gambar 3.16 Tampilan Desain Interface Tambah Baru Pengambilan Kuliah 36 Gambar 3.17 Tampilan Desain Interface Menu Data Materi Kuliah ... 37
Gambar 3.18 Tampilan Desain Interface Menu Data Latihan Soal ... 37
Gambar 3.19 Tampilan Desain Interface Data Tugas ... 38
Gambar 3.20 Tampilan Desain Interface Data Kuis ... 38
Gambar 3.21 Tampilan Desain Interface Data Berita ... 39
Gambar 3.22 Tampilan Desain Interface Halaman Utama Dosen ... 39
Gambar 3.23 Tampilan Desain Interface Halaman Data Materi ... 40
Gambar 3.24 Tampilan Desain Interface Halaman Data Latihan Soal ... 40
Gambar 3.25 Tampilan desain Interface Halaman Data Tugas ... 41
Gambar 3.27 Tampilan desain Interface Konsultasi ... 42
Gambar 3.28 Tampilan desain Interface Halaman Utama Mahasiswa ... 42
Gambar 3.29 Tampilan desain Interface Halaman Data Mahasiswa ... 43
Gambar 3.30 Tampilan desain Interface Halaman Materi ... 43
Gambar 3.31 Tampilan desain Interface Halaman Data Latihan Soal ... 44
Gambar 3.32 Tampilan desain Interface Halaman Latihan Soal ... 44
Gambar 3.33 Tampilan desain Interface Halaman Hasil Latihan Soal ... 45
Gambar 3.34 Tampilan desain Interface Halaman Tugas ... 45
Gambar 3.35 Tampilan desain Interface Halaman Kuis ... 46
Gambar 3.36 Tampilan desain Interface Halaman Konsultasi ... 46
Gambar 3.37 Entity Relationship Diagram ... 54
Gambar 4.1 Halaman Utama ... 57
Gambar 4.2 Form Login ... 57
Gambar 4.3 Halaman Berita ... 58
Gambar 4.4 Halaman Informasi ... 58
Gambar 4.5 Halaman Utama Admin ... 59
Gambar 4.6 Halaman Data Mahasiswa ... 60
Gambar 4.7 Halaman Data Dosen ... 60
Gambar 4.8 Halaman Data Mata Kuliah ... 61
Gambar 4.9 Halaman Data Pengambilan Mata Kuliah ... 62
Gambar 4.10 Halaman Form Pengambilan Mata Kuliah ... 62
Gambar 4.11 Halaman Data Materi Kuliah ... 63
Gambar 4.12 Halaman Detail Materi Kuliah ... 63
Gambar 4.13 Halaman Data Tugas ... 64
Gambar 4.14 Halaman Detail Data Tugas ... 64
Gambar 4.15 Halaman Latihan Soal ... 65
Gambar 4.16 Halaman Detail Latihan Soal ... 65
Gambar 4.17 Halaman Kuis ... 66
Gambar 4.19 Halaman Waktu Kuis ... 67
Gambar 4.20 Halaman Berita ... 67
Gambar 4.21 Halaman Utama Dosen... 68
Gambar 4.22 Halaman Materi Kuliah pada Dosen ... 68
Gambar 4.23 Halaman Detail Materi Kuliah pada Dosen ... 69
Gambar 4.24 Halaman Latihan Soal pada Dosen ... 70
Gambar 4.25 Halaman Kuis pada Dosen ... 70
Gambar 4.26 Halaman Daftar Pengerjaan Kuis ... 71
Gambar 4.27 Halaman Data Tugas pada Dosen ... 71
Gambar 4.28 Halaman Daftar Pengerjaan Tugas ... 72
Gambar 4.29 Halaman Konsultasi pada Dosen... 72
Gambar 4.30 Halaman Utama Mahasiswa ... 73
Gambar 4.31 Halaman Menu Mahasiswa pada Mahasiswa... 73
Gambar 4.32 Halaman Materi Kuliah pada Mahasiswa ... 74
Gambar 4.33 Halaman Lihat Materi Kuliah pada Mahasiswa ... 74
Gambar 4.34 Halaman Latihan Soal pada Mahasiswa... 75
Gambar 4.35 Halaman Kerjakan Latihan Soal pada Mahasiswa ... 75
Gambar 4.36 Halaman Nilai Latihan Soal ... 76
Gambar 4.37 Halaman Tugas pada Mahasiswa ... 76
Gambar 4.38 Halaman Form Jawab Tugas ... 77
Gambar 4.39 Halaman Kuis pada Mahasiswa ... 77
Gambar 4.40 Halaman Kerjakan Soal Kuis ... 78
Gambar 4.41 Halaman Konsultasi pada Mahasiswa ... 78
ABSTRAKSI
Kemajuan pendidikan akan berpengaruh secara signifikan terhadap kemajuan suatu bangsa, khususnya kemajuan ilmu pengetahuan dan teknologi. Upaya penerapan teknologi khususnya teknologi informasi komunikasi dibidang pendidikan salah satunya adalah sistem pembelajaran menggunakan media internet atau biasa disebut dengan e-learning. Dengan adanya e-learning memberi kemudahan dalam mendapatkan materi pembelajaran tanpa berbayar, mengasah kemampuan dengan latihan-latihan soal dan lebih mudah berinteraksi dengan pengajar dimanapun dan kapanpun.
Metode pengembangan yang digunakan penulis adalah metode waterfall dalam melakukan penelitian ini. Metode waterfall yaitu metode yang menggunakan pendekatan secara sistematis dan urut mulai dari level mendefinisikan kebutuhan sistem sampai maintenance. Dimana metode waterfall memiliki 6 fase, yaitu Requirement Specification, Architectural Design, Coding, Integration & Testing, Operation & Maintenance.
Hasil dari penelitian adalah lebih dari 80% responden menyatakan sistem ini mudah digunakan, sistem ini memiliki menu yang lengkap, dan sistem ini dapat digunakan untuk belajar mandiri dirumah, serta lebih dari 75% responden menyatakan sistem ini dapat meningkatkan kualitas belajar.
Dengan kesimpulan tersebut maka tujuan dari penelitian ini telah tercapai.
ABSTRACT
Advancement of education will affect significantly for the progress of nation, in particular the progress of science and technology. Implementation effort of
technology especially communication of information in the field of education one of them is a learning system using the internet or commonly known as e-learning. With e-learning can provide easiness in obtaining learning material without paying, hone skill with some exercise and easier to interact with teacher anywhere and anytime.
Development methods that used to by the author is waterfall method in this research. Waterfall method is a method that use to a systematic approach, and sort start form the level of defining the system requirement to maintenance. Waterfall method has 6 phases, namely requirement specification, architectural design, coding, integration & testing, operation & maintenance.
Result of this research is more than 80% of respondents state this system is easy to use, this system has a complete menu, and this system can use to study at home, and more than 75% respondents state this system can improve the quality of study. With those conclusion, the purpose of this research have been achieved.
