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

L200110077

PROGRAM STUDI INFORMATIKA

FAKULTAS KOMUNIKASI DAN INFORMATIKA

UNIVERSITAS MUHAMMADIYAH SURAKARTA

JANUARI 2016

ii

iii

iv

v

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.

8. Semua teman-teman teknik informatika angkatan 2011.

vi

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.

3. Bapak Nurgiyatna, M.Sc, Ph.D. selaku pembimbing tugas akhir yang telah

memberikan bimbingan dan pengarahan serta memberikan saran dan motivasi

selama penulis mengerjakan tugas akhir.

vii

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.

Surakarta, 16 Januari 2016

Penulis

viii

DAFTAR ISI

HALAMAN JUDUL ..................................................................... i

HALAMAN PERSETUJUAN . ii

HALAMAN PENGESAHAN . iii

DAFTAR KONTRIBUSI iv

PERSEMBAHAN v

KATA PENGANTAR................................................................... vi

DAFTAR ISI ................................................................................. viii

DAFTAR TABEL ......................................................................... x

DAFTAR GAMBAR .................................................................... xi

ABSTRAKSI ................................................................................. xvi

BAB 1 PENDAHULUAN ........................................................................ 1

1.1. Latar Belakang ....................................................................... 1

1.2. Perumusan Masalah............................................................... 2

1.3. Batasan Masalah ..................................................................... 2

1.4. Tujuan Penelitian.................................................................... 2

1.5. Manfaat Penulisan ................................................................. 3

1.6. Sistematika Penulisan ............................................................. 3

BAB 2 TINJAUAN PUSTAKA .............................................................. 5

2.1. Telaah Penelitian .................................................................... 5

2.2. Landasan Teori ....................................................................... 8

2.2.1. Pembelajaran ....................................................................... 8

2.2.2. Media Pembelajaran ............................................................ 9

2.2.3. E-learning............................................................................ 10

2.2.4. Web ..................................................................................... 11

2.2.5. PHP...................................................................................... 11

2.2.6. MySQL ................................................................................ 12

ix

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 PUSTAKA ..................................................................

LAMPIRAN

x

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

Tabel 4.5,. Tabel Jumlah Skoring Mahasiswa ................................................. 84

xi

DAFTAR GAMBAR

Gambar 3.1 Diagram Alur Penelitian............................................................... 16

Gambar 3.2 Metode Waterfall ......................................................................... 18

Gambar 3.3 Usecase Admin ............................................................................ 20

Gambar 3.4 Usecase Dosen ............................................................................. 22

Gambar 3.5 Usecase Mahasiswa ..................................................................... 24

Gambar 3.6 Diagram Alir Admin .................................................................... 28

Gambar 3.7 Diagram Alir Dosen ..................................................................... 29

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.26 Tampilan desain Interface Halaman Data Kuis ......................... 41

xii

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.18 Halaman Detail Kuis .................................................................. 66

xiii

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

Gambar 4.42 Grafik Pengisian Kuisioner oleh Responden ............................. 85

xiv

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.

Kata kunci : Sistem Pembelajaran, E-learning, Web

xv

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.

Keyword : Learning system, E-learning, Web.