SISTEM PEMBELAJARAN E-LEARNING BERBASIS WEB Sistem Pembelajaran E-learning Berbasis Web.

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 sebesarbesarnya 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

BAB 1

BAB 2

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

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

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

BAB 3

BAB 4

BAB 5

2.2.7. XAMPP ...............................................................................

13

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

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

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.