Top Banner
i PENGEMBANGAN E-LEARNING MATA PELAJARANPEMROGRAMAN DASAR KELAS X SMK UNTUK MENINGKATKAN HASIL BELAJAR PESERTA DIDIK (Penelitian Pada Program Keahlian Multimedia di SMK Negeri 1 Luragung Kabupaten Kuningan Jawa Barat)
21

PENGEMBANGAN E-LEARNING MATA … filePenelitian ini bertujuan untuk: ... 2) Mengembangkan e ... sistem navigasi, desain grafis, kemampuan akses, kecepatan akses, kompetensi, kualitas

Apr 09, 2019

Download

Documents

truongtruc
Welcome message from author
This document is posted to help you gain knowledge. Please leave a comment to let me know what you think about it! Share it to your friends and learn new things together.
Transcript
Page 1: PENGEMBANGAN E-LEARNING MATA … filePenelitian ini bertujuan untuk: ... 2) Mengembangkan e ... sistem navigasi, desain grafis, kemampuan akses, kecepatan akses, kompetensi, kualitas

i

PENGEMBANGAN E-LEARNING MATA PELAJARANPEMROGRAMAN

DASAR KELAS X SMK UNTUK MENINGKATKAN HASIL BELAJAR

PESERTA DIDIK

(Penelitian Pada Program Keahlian Multimedia di SMK Negeri 1 Luragung

Kabupaten Kuningan Jawa Barat)

Page 2: PENGEMBANGAN E-LEARNING MATA … filePenelitian ini bertujuan untuk: ... 2) Mengembangkan e ... sistem navigasi, desain grafis, kemampuan akses, kecepatan akses, kompetensi, kualitas

ii

Page 3: PENGEMBANGAN E-LEARNING MATA … filePenelitian ini bertujuan untuk: ... 2) Mengembangkan e ... sistem navigasi, desain grafis, kemampuan akses, kecepatan akses, kompetensi, kualitas

iii

Page 4: PENGEMBANGAN E-LEARNING MATA … filePenelitian ini bertujuan untuk: ... 2) Mengembangkan e ... sistem navigasi, desain grafis, kemampuan akses, kecepatan akses, kompetensi, kualitas

iv

Page 5: PENGEMBANGAN E-LEARNING MATA … filePenelitian ini bertujuan untuk: ... 2) Mengembangkan e ... sistem navigasi, desain grafis, kemampuan akses, kecepatan akses, kompetensi, kualitas

v

MOTTO

“Sesungguhnya perintah-Nya apabila Dia menghendaki sesuatu hanyalah berkata

kepadanya, “Jadilah!” Maka terjadilah ia.”

(Q.S. Ya Sin: 82)

Tidak ada yang tidak mungkin dalam hidup ini, selama kita dekat dengan Tuhan

dan selama niat serta tujuan kita baik, Tuhan dan alam semesta beserta isinya akan

memberikan jalan yang sangat mudah untuk mencapai tujuan baik yang kita

impikan dan cita-citakan.

Percayalah, Yakinlah dan Berdoalah bahwa impian dan cita-cita baikmu akan

menjadi kenyataan.

Page 6: PENGEMBANGAN E-LEARNING MATA … filePenelitian ini bertujuan untuk: ... 2) Mengembangkan e ... sistem navigasi, desain grafis, kemampuan akses, kecepatan akses, kompetensi, kualitas

vi

PERSEMBAHAN

Diawali dengan ucapan Alhamdulillahi Rabbil ‘Alamin, sebagai tanda syukur

kepada Allah SWT. Tesis ini saya persembahkan untuk :

Ibu dan almarhum Bapak, yang telah menjadi motivasi dan inspirasi, serta

tiada henti memberikan dukungan beserta do’a dari awal sampai akhir masa

pendidikan magister saya di UNS.

Calon istri saya, yang selalu menjadi penyemangat dalam menyelesaikan

pendidikan magister di UNS.

Kakak beserta keluarganya yang selalu mendukung perjalanan saya selama

menempuh pendidikan magister di UNS Surakarta.

Keluarga besar SMA Negeri 1 Luragung Kabupaten Kuningan Jawa Barat,

yang telah memberikan restu dan dukungan kepada saya untuk melanjutkan

pendidikan magister di UNS

Achmad Setiawan sebagai teman laki-laki satu-satunya di kelas yang telah

memberikan bantuan, saran dan dukungan yang sangat berarti dari awal

perkuliahan sampai proses wisuda berakhir

Teman-teman di kelas Program Studi Teknologi Pendidikan angkatan

Tahun 2015/2016 Semester Genap, kakak tingkat, ade tingkat dan teman-

teman program studi lainnya yang senantiasa berbagi ilmu pengetahuan

selama proses perkuliahan dan penelitian selesai.

Keluarga besar Universitas Sebelas Maret Surakarta.

Page 7: PENGEMBANGAN E-LEARNING MATA … filePenelitian ini bertujuan untuk: ... 2) Mengembangkan e ... sistem navigasi, desain grafis, kemampuan akses, kecepatan akses, kompetensi, kualitas

vii

Adi Pirmansah. 2017. Pengembangan E-Learning Mata Pelajaran

Pemrograman Dasar Kelas X SMK Untuk Meningkatkan Hasil Belajar Peserta

Didik (Penelitian Pada Program Keahlian Multimedia di SMK Negeri 1

Luragung Kabupaten Kuningan Jawa Barat). Tesis. Pembimbing: Dr. Suharno,

M.Pd. Kopembimbing: Dr. Siti Sutarmi Fadhilah, M.Pd. Program Studi Teknologi

Pendidikan, Fakultas Keguruan dan Ilmu Pendidikan. Universitas Sebelas Maret

Surakarta.

ABSTRAK

Penelitian ini bertujuan untuk: 1) Mengetahui kebutuhan sekolah

khususnya guru dan peserta didik tentang e-learning berbasis website untuk

memfasilitasi kegiatan belajar mata pelajaran pemrograman dasar;

2) Mengembangkan e-learning berbasis website yang interaktif untuk

mempermudah peserta didik menguasai mata pelajaran pemrograman dasar;

3) Mengetahui efektivitas e-learning terhadap hasil belajar peserta didik pada

mata pelajaran pemrograman dasar.

Penelitian pengembangan e-learning ini menggunakan prosedur Alessi

and Trollip yang dimodifikasi dan terdiri dari 5 tahap yaitu: 1) Perencanaan

produk, 2) Desain produk, 3) Pengembangan dan evaluasi produk, 4) Produk

online e-learning, 5) Melakukan evaluasi sumatif. Analisis data yang digunakan

selama pengembangan adalah analisis deskriptif, analisis kelayakan e-learning

berdasarkan skor kriteria, dan analisis efektivitas e-learning terhadap hasil belajar

mata pelajaran pemrograman dasar melalui t-test.

Hasil penelitian disimpulkan bahwa: 1) Produk yang dihasilkan adalah

e-learning berbasis website atau bisa juga disebut online learning dengan materi

pembelajaran yang disajikan yaitu materi mata pelajaran pemrograman dasar kelas

X SMK dengan kompetensi dasar “Mengolah algoritma kedalam bentuk kode

program komputer”, 2) E-learning yang dikembangkan termasuk dalam kategori

baik ditinjau dari aspek penggunaan, sistem navigasi, desain grafis, kemampuan

akses, kecepatan akses, kompetensi, kualitas materi, kelengkapan materi, tugas

dan feddback, 3) Berdasarkan perhitungan t-test, e-learning efektif meningkatkan

hasil belajar peserta didik dibandingkan dengan yang tidak memanfaatkan

e-learning dalam proses pembelajaran mata pelajaran pemrograman dasar.

Kata Kunci: e-learning, pemrograman dasar, hasil belajar

Page 8: PENGEMBANGAN E-LEARNING MATA … filePenelitian ini bertujuan untuk: ... 2) Mengembangkan e ... sistem navigasi, desain grafis, kemampuan akses, kecepatan akses, kompetensi, kualitas

viii

Adi Pirmansah. 2017. The Development of E-Learning Method for Basic

Programming Study Grade X SMK for Increasing the Result Study of Students

(Research Based on Multimedia Programme at Vocational School I Luragung).

Consultant: Dr. Suharno, M.Pd. Co-Consultant: Dr. Siti Sutarmi Fadhilah, M.Pd.

Thesis. Surakarta. Educational Technology Magister Department, Sebelas Maret

University of Surakarta.

ABSTRACT

This research had purpose to: 1) For knowing school necesary especially

for teacher and students about e-learning based on website that given the facility

of learning process on programming study; 2) For development of e-learning

based on interactive website for easier the student mastering about programming

study; 3) For knowing the efectiviy e-learning based the result of student on

programming study

The development research e-learning used the procedure Alessi and

Trollip which is modified and consist of 5 stage: 1) Product planning, 2) Product

Design, 3) The development and product evaluation, 4) E-Learning online

product, 5) Doing the sumatif evaluation. The analysis file which is used during

the development is descriptive analysis, the analysis e-learning worthiness base on

score criteria, and the analysis of e-learning efectivity based on the result of

programming study through t-test.

The result of this research, can conclude that: 1) The product that arise is

e-learning based on website or it can be called online learning the material which

is presented is programming study for grade X SMK with the base competency

“Processing algorithm into programming computer code”, 2) The development of

e-learning classified into category which observed from the using aspect,

navigation system, graphic design, access ability, fasting access, competency,

material quality, material complete, task and feddback, 3) Based on t-test

counting, efective e-learning that increasing the result of student which is compare

with not taking the advantage on e-learning process based programming study.

Keyword: e-learning, base programming, result study

Page 9: PENGEMBANGAN E-LEARNING MATA … filePenelitian ini bertujuan untuk: ... 2) Mengembangkan e ... sistem navigasi, desain grafis, kemampuan akses, kecepatan akses, kompetensi, kualitas

ix

PRAKATA

Tidak ada kata yang lebih indah selain ucapan puja, puji dan syukur peneliti

panjatkan kehadirat Allah SWT, karena hanya dengan anugrah, bimbingan dan

pertolonganNya peneliti dapat menyelesaikan tesis yang berjudul

“Pengembangan E-Learning Mata Pelajaran Pemrograman Dasar Kelas X

SMK Untuk Meningkatkan Hasil Belajar Peserta Didik (Penelitian Pada

Program Keahlian Multimedia di SMK Negeri 1 Luragung Kabupaten

Kuningan Jawa Barat)” dengan lancar sesuai harapan.

Selain itu dalam penyusunan tesis ini peneliti menyadari tidak akan selesai

tanpa dukungan dan bantuan dari berbagai pihak. Oleh karena itu, dengan segala

kerendahan hati peneliti mengucapkan terimakasih kepada :

1. Prof. Dr. Ravik Karsidi, M.S, selaku Rektor Universitas Sebelas Maret

Surakarta.

2. Prof. Dr. Joko Nurkamto, M.Pd, selaku Dekan Fakultas Keguruan dan

Ilmu Pendidikan Universitas Sebelas Maret Surakarta.

3. Prof. Dr. M. Furqon Hidayatulloh, M.Pd, selaku Direktur Pascasarjana

Universitas Sebelas Maret Surakarta.

4. Dr. H. Asrowi, M.Pd, selaku Kepala Program Studi Magister Teknologi

Pendidikan Universitas Sebelas Maret Surakarta yang telah banyak

memfasilitasi didalam proses penelitian.

5. Dr. Suharno, M.Pd, selaku pembimbing yang telah memberikan

bimbingan, pengarahan, motivasi dan perhatian yang luar biasa sehingga

tesis ini terselesaikan dengan baik.

6. Dr. Siti Sutarmi Fadhilah, M.Pd, selaku kopembimbing yang telah

memberikan bimbingan, pengarahan, motivasi dan perhatian yang luar

biasa sehingga tesis ini terselesaikan dengan baik.

7. Bapak ibu dosen, khususnya Program Studi Magister Teknologi

Pendidikan Fakultas Keguaruan dan Ilmu Pendidikan Universtas

Sebelas Maret Surakarta yang telah banyak memberikan bimbingan dan

ilmu pengetahuan kepada peneliti.

Page 10: PENGEMBANGAN E-LEARNING MATA … filePenelitian ini bertujuan untuk: ... 2) Mengembangkan e ... sistem navigasi, desain grafis, kemampuan akses, kecepatan akses, kompetensi, kualitas

x

8. Drs. H. Hedi Syahbudin Yamin, M.Si, selaku Kepala SMK Negeri 1

Luragung Kuningan Jawa Barat yang telah memberikan izin untuk

melakukan penelitian.

9. Tiana Amalia, S.Pd, selaku guru Program Keahlian Multimedia SMK

Negeri 1 Luragung dan sebagai Ahli Materi I yang telah memberikan

banyak bantuan dan saran dalam proses penelitian.

10. Dida Firdaus, ST, selaku Sekretaris MGMP Teknologi Informasi dan

Komunikasi kabupaten Kuningan Jawa Barat yang telah berkenan

menjadi Ahli Materi II.

11. Dr. Leo Agung S, M.Pd, dosen Teknologi Pendidikan FKIP UNS yang

telah berkenan menjadi Ahli Media I dan Singgih Subiyantoro, M.Pd

dosen Teknologi Pendidikan FKIP Universitas Bangun Nusantara

Sukoharjo sebagai Ahli Media II.

12. Peserta Didik Kelas X Program Keahlian Multimedia SMK Negeri 1

Luragung Kuningan Jawa Barat Tahun Pelajaran 2016-2017.

13. Achmad Setiawan, Naslil Muna dan teman-teman mahasiswa Program

Studi Teknologi Pendidikan yang selalu memberikan hiburan, dukungan

dan bantuan dalam penyusunan tesis ini.

14. Semua pihak yang tidak dapat peneliti tuliskan satu persatu yang telah

membantu dan mendukung peneliti dalam menyelesaikan tesis ini.

Peneliti menyadari bahwa penyususnan tesis ini masih banyak

kekurangannya. Oleh karena itu, saran dan kritik yang bersifat membangun sangat

peneliti harapkan untuk memperbaiki dan menyempurnakan tesis ini. Akhirnya

peneliti berharap semoga tesis ini bermanfaat bagi dunia pendidikan.

Surakarta, 24 Juli 2017

Peneliti

Page 11: PENGEMBANGAN E-LEARNING MATA … filePenelitian ini bertujuan untuk: ... 2) Mengembangkan e ... sistem navigasi, desain grafis, kemampuan akses, kecepatan akses, kompetensi, kualitas

xi

DAFTAR ISI

Halaman

JUDUL ............................................................................................................. i

PERNYATAAN ORISINALITAS DAN PUBLIKASI................................... ii

PERSETUJUAN PEMBIMBING TESIS ........................................................ iii

PENGESAHAN PENGUJI TESIS .................................................................. iv

MOTTO............................................................................................................ v

PERSEMBAHAN ............................................................................................ vi

ABSTRAK ....................................................................................................... vii

ABSTRACT ..................................................................................................... viii

PRAKATA ....................................................................................................... ix

DAFTAR ISI .................................................................................................... xi

DAFTAR TABEL ............................................................................................ xiii

DAFTAR GAMBAR ....................................................................................... xv

DAFTAR LAMPIRAN .................................................................................... xxi

Bab I. PENDAHULUAN .................................................................... 1

A. Latar Belakang Masalah .................................................... 1

B. Rumusan Masalah ............................................................. 6

C. Tujuan Pengembangan ...................................................... 7

D. Spesifikasi Produk Yang Diharapkan................................ 7

E. Pentingnya Pengembangan................................................ 7

F. Asumsi dan Keterbatasan Pengembangan ......................... 9

G. Definisi Istilah ................................................................... 10

Bab II. KAJIAN PUSTAKA DAN KERANGKA BERPIKIR ............ 12

A. Kajian Pustaka ................................................................... 12

B. Kajian Penelitian Yang Relevan ........................................ 49

C. Kerangka Berpikir ............................................................. 55

D. Model Hipotetik ................................................................ 58

Bab III. METODE PENELITIAN ......................................................... 60

A. Tempat dan Waktu Penelitian ........................................... 60

Page 12: PENGEMBANGAN E-LEARNING MATA … filePenelitian ini bertujuan untuk: ... 2) Mengembangkan e ... sistem navigasi, desain grafis, kemampuan akses, kecepatan akses, kompetensi, kualitas

xii

B. Jenis Penelitian .................................................................. 62

C. Prosedur Pengembangan ................................................... 63

D. Uji Coba Produk ................................................................ 68

Bab IV HASIL PENELITIAN .............................................................. 78

A. Hasil Studi Pendahuluan ................................................... 78

B. Pengembangan................................................................... 79

C. Uji Coba Produk ................................................................ 121

D. Revisi Produk .................................................................... 140

E. Evaluasi Sumatif (Pengujian Produk) ............................... 145

F. Pembahasan ....................................................................... 154

Bab V KESIMPULAN, IMPLIKASI DAN SARAN .......................... 156

A. Kesimpulan ........................................................................ 156

B. Implikasi ............................................................................ 157

C. Saran .................................................................................. 157

DAFTAR PUSTAKA ...................................................................................... 159

LAMPIRAN ........................................................................................... 162

Page 13: PENGEMBANGAN E-LEARNING MATA … filePenelitian ini bertujuan untuk: ... 2) Mengembangkan e ... sistem navigasi, desain grafis, kemampuan akses, kecepatan akses, kompetensi, kualitas

xiii

DAFTAR TABEL

Tabel Halaman

1. Teknologi yang sering digunakan dalam Synchronous

dan Asynchronous ..................................................................................... 16

2. Perencanaan Pendaftaran di IDWebhost.com ........................................... 33

3. Rancangan model hipotetik ....................................................................... 59

4. Jadwal penelitian dan pengembangan ....................................................... 60

5. Kisi-Kisi Instrument Untuk Ahli Media (sagelearning.com) ................... 72

6. Kisi – kisi Instrument untuk Ahli Materi (sagelearning.com) .................. 73

7. Kisi-kisi Instrumen untuk pengguna (Sumber : Kerry A. Conrad

and Training Link. (2000) dimodifikasi) ................................................. 74

8. Kisi-kisi Instrumen tes hasil belajar pemrograman dasar ......................... 75

9. Kriteria Penilaian Kelayakan E-Learning ................................................. 76

10. Spesifikasi hosting dan domain ................................................................ 112

11. Data hasil penilaian Ahli Media I ............................................................. 122

12. Data hasil penilaian Ahli Media II ............................................................ 124

13. Data hasil penilaian Ahli Materi I ............................................................. 126

14. Data hasil penilaian Ahli Materi II ........................................................... 128

15. Data hasil uji beta perorangan ................................................................... 130

16. Data hasil uji beta lapangan ...................................................................... 131

17. Persentase data hasil validasi ahli media I ................................................ 133

18. Persentase data hasil validasi ahli media II ............................................... 134

19. Persentase data hasil validasi ahli materi I................................................ 135

20. Persentase data hasil validasi ahli materi II .............................................. 136

21. Persentase data hasil uji beta perorangan .................................................. 137

22. Persentase data hasil uji beta lapangan ..................................................... 139

23. Hasil uji normalitas ................................................................................... 146

24. Hasil uji homogenitas ............................................................................... 147

25. Perhitungan Uji-t ....................................................................................... 147

26. Hasil Uji-t .................................................................................................. 148

Page 14: PENGEMBANGAN E-LEARNING MATA … filePenelitian ini bertujuan untuk: ... 2) Mengembangkan e ... sistem navigasi, desain grafis, kemampuan akses, kecepatan akses, kompetensi, kualitas

xiv

27. Rekapitulasi hasil pretest dan posttest kelas E-Learning (eksperimen) .... 150

28. Rekapitulasi hasil pretest dan posttest kelas konvensional (kontrol) ........ 151

Page 15: PENGEMBANGAN E-LEARNING MATA … filePenelitian ini bertujuan untuk: ... 2) Mengembangkan e ... sistem navigasi, desain grafis, kemampuan akses, kecepatan akses, kompetensi, kualitas

xv

DAFTAR GAMBAR

Gambar Halaman

1. Halaman depan situs dokumenary.net .................................................... 26

2. Halaman depan E-Learning dari situs dokumenary.net ......................... 27

3. Halaman depan situs themforest.net ....................................................... 38

4. Halaman web template LMS full responsive dari situs themforest.net ... 29

5. Aplikasi notepad ++ setelah dijalankan .................................................. 30

6. Salah satu halaman aplikasi XAMPP ..................................................... 31

7. Halaman depan situs IDWebhost.com .................................................... 32

8. Salah satu halaman Appsgeyser.............................................................. 33

9. Model pengembangan Alessi & Trollip ................................................. 44

10. Kerangka Berpikir pada Pengembangan E-learning .............................. 55

11. Model hipotetik E-Learning berbasis website (Adopsi model

pengembangan Alessi & Trollip)............................................................ 58

12. Prosedur Pengembangan E-Learning (Adopsi dari Alessi & Trollip) ... 63

13. Layout halaman Login ............................................................................ 80

14. Layout halaman Beranda Pengelola ....................................................... 80

15. Layout halaman Beranda Pengajar ......................................................... 81

16. Layout halaman Beranda Peserta Didik ................................................. 81

17. Flowchart E-Learning Pemrograman Dasar .......................................... 82

18. Halaman Download di situs dokumenary.net ......................................... 83

19. Halaman Software XAMPP .................................................................... 84

20. Lokasi penyimpanan aplikasi E-Learning yang akan di instal offline .... 84

21. Lokasi penyimpanan file config.sample dan database.sample ............... 85

22. Lokasi penyimpanan file apache_start dan mysql_start ........................ 85

23. Halaman phpmyadmin diakses dengan mozilla firefox ......................... 86

24. Halaman E-Learning system diakses dengan mozilla firefox................. 86

25. Memberi nama hostname, username, dan database pada file database.php

dengan menggunakan software notepad ++ ........................................... 87

Page 16: PENGEMBANGAN E-LEARNING MATA … filePenelitian ini bertujuan untuk: ... 2) Mengembangkan e ... sistem navigasi, desain grafis, kemampuan akses, kecepatan akses, kompetensi, kualitas

xvi

26. base_url, encryption_key, dan sess_cookie_name yang muncul otomatis

ketika mengakses E-Learning system pada browser mozilla firefox...... 87

27. base_url, encryption_key, dan sess_cookie_name yang sudah dimasukkan

ke file config.php .................................................................................... 88

28. Form pengisian informasi sekolah pada proses install E-Learning ....... 88

29. Halaman pengaturan kelas dan matapelajaran pada proses

install E-Learning ................................................................................... 89

30. Halaman pengaturan user administrator pada proses

install E-Learning .................................................................................. 89

31. Modifikasi logo sekolah dengan menggunakan Corel Draw .................. 90

32. Halaman login E-Learning offline .......................................................... 91

33. Halaman pengaturan sebelum mengganti logo ....................................... 91

34. Halaman pengaturan sesudah mengganti logo ....................................... 92

35. Halaman manajemen kelas pada E-Learning ......................................... 92

36. Halaman manajemen matapelajaran pada E-Learning ........................... 93

37. Halaman matapelajaran kelas pada E-Learning ..................................... 93

38. Halaman tambah siswa pada E-Learning ............................................... 94

39. Halaman input data peserta didik pada E-Learning ............................... 94

40. Halaman input materi pada E-Learning ................................................. 96

41. Halaman input materi teks, gambar dan video pada E-Learning ........... 96

42. Tampilan halaman detail materi teks dan gambar pada E-Learning yang

dapat diakses oleh peserta didik ............................................................. 97

43. Fasilitas untuk menampilkan video dari youtube pada E-Learning ....... 97

44. Tampilan halaman detail materi berbentuk video pada E-Learning yang

dapat diakses oleh peserta didik ............................................................. 98

45. Halaman input materi berbentuk file presentasi ppt (Microsoft Office Power

Point) pada E-Learning .......................................................................... 98

46. Tampilan halaman detail materi berbentuk file presentasi ppt (Microsoft

Office Power Point) pada E-Learning yang dapat diakses

oleh peserta didik ................................................................................... 99

Page 17: PENGEMBANGAN E-LEARNING MATA … filePenelitian ini bertujuan untuk: ... 2) Mengembangkan e ... sistem navigasi, desain grafis, kemampuan akses, kecepatan akses, kompetensi, kualitas

xvii

47. Halaman upload materi atau modul berbentuk file doc (Microsoft Office

Word) dan dokumen pdf ......................................................................... 99

48. Tampilan halaman detail materi berbentuk file doc (Microsoft Office Word)

dan dokumen pdf yang dapat diakses oleh peserta didik ....................... 100

49. Tampilan fasilitas tulis komentar untuk saling berkomentar atau berdiskusi

membahas materi pada halaman materi yang dapat diakses oleh peserta

didik dan pengajar .................................................................................. 100

50. Tampilan halaman untuk menambahkan tugas/ujian dengan soal pilihan

ganda, essay, dan tugas upload ............................................................... 101

51. Tampilan fasilitas untuk input pertanyaan dan pilihan jawaban yang mirip

dengan Microsoft Office Word ............................................................... 101

52. Tampilan halaman manajemen soal tugas untuk menampilkan daftar soal

essay dan pilihan ganda .......................................................................... 102

53. Tampilan halaman detail tugas/ujian yang dapat diakses

oleh peserta didik .................................................................................... 102

54. Tampilan halaman pesan untuk saling mengirim pesan pada E-Learning 103

55. Tampilan halaman jadwal mengajar yang hanya dapat diakses oleh guru 103

56. Tampilan halaman jadwal matapelajarn yang dapat diakses oleh peserta

didik ........................................................................................................ 104

57. Tampilan halaman daftar guru yang dapat diakses oleh guru dan peserta

didik ........................................................................................................ 104

58. Tampilan halaman daftar peserta yang dapat diakses oleh guru dan peserta

didik ........................................................................................................ 104

59. Proses mengganti template halaman detail materi dengan menggunakan

software Notepad++ ............................................................................... 105

60. Proses mengganti template halaman detail tugas dengan menggunakan

software Notepad++ ............................................................................... 105

61. Tampilan halaman detail materi yang berisi teks dan gambar sebelum

diganti templatenya ................................................................................. 106

62. Tampilan halaman detail materi yang berisi teks dan gambar setelah diganti

templatenya ............................................................................................. 106

Page 18: PENGEMBANGAN E-LEARNING MATA … filePenelitian ini bertujuan untuk: ... 2) Mengembangkan e ... sistem navigasi, desain grafis, kemampuan akses, kecepatan akses, kompetensi, kualitas

xviii

63. Tampilan halaman detail materi yang berisi teks dan gambar pada

smartphone ............................................................................................. 106

64. Tampilan halaman detail materi yang berisi teks dan video sebelum diganti

templatenya ............................................................................................. 107

65. Tampilan halaman detail materi yang berisi teks dan video setelah diganti

templatenya ............................................................................................. 107

66. Tampilan halaman detail materi yang berisi teks dan

video pada smartphone ........................................................................... 107

67. Tampilan halaman detail materi yang berisi file doc (Microsoft Office

Word) dan dokumen pdf sebelum diganti templatenya.......................... 108

68. Tampilan halaman detail materi yang berisi file doc (Microsoft Office

Word) dan dokumen pdf setelah diganti templatenya ............................ 108

69. Tampilan halaman detail materi yang berisi file doc (Microsoft Office

Word) dan dokumen pdf pada smartphone ............................................. 108

70. Tampilan halaman detail materi yang berisi file presentasi ppt (Microsoft

Office Power Point) sebelum diganti templatenya ................................. 109

71. Tampilan halaman detail materi yang berisi file presentasi ppt (Microsoft

Office Power Point) setelah diganti templatenya ................................... 109

72. Tampilan halaman detail materi yang berisi file presentasi ppt (Microsoft

Office Power Point) pada smartphone .................................................... 109

73. Tampilan halaman detail tugas/ujian sebelum diganti templatenya ....... 110

74. Tampilan halaman detail tugas/ujian setelah diganti templatenya ......... 110

75. Tampilan halaman detail tugas/ujian pada smartphone.......................... 110

76. Proses pengambilan database E-Learning Offline dari phpmayadmin .. 111

77. File database yang telah diambil ............................................................ 111

78. Mempersiapkan folder “esemkal” yang berisi file system E-Learning .. 112

79. Proses pendaftaran Hosting dan domain di idwebhost.com ................... 113

80. email dari idwebhost.com ....................................................................... 113

81. tampilan halaman login cPanel .............................................................. 114

82. Create New Database Process ............................................................... 114

Page 19: PENGEMBANGAN E-LEARNING MATA … filePenelitian ini bertujuan untuk: ... 2) Mengembangkan e ... sistem navigasi, desain grafis, kemampuan akses, kecepatan akses, kompetensi, kualitas

xix

83. Proses import file database dari tempat penyimpanan di laptop pada

phpmyadmin didalam cPanel .................................................................. 114

84. Proses import file system E-Learning dari tempat penyimpanan di laptop

pada phpmyadmin didalam cPanel ......................................................... 115

85. Halaman E-Learning esemkal.com ketika diakses menggunakan browser

Mozilla Firefox ....................................................................................... 116

86. Pengisian identitas website E-Learning untuk dikonversi

menjadi file Apk ...................................................................................... 117

87. Memberi icon dengan memanfaatkan logo SMK Negeri 1 Luragung yang

telah dimodifikasi ................................................................................... 117

88. E-Learning esemkal.com dengan file Apk sudah dapat di download ..... 117

89. E-Learning esemkal.com dengan file Apk sudah dapat di install pada

smartphone ............................................................................................. 118

90. Tampilan E-Learning esemkal.com yang sudah di install

pada smartphone ..................................................................................... 119

91. Tampilan halaman materi E-Learning esemkal.com yang sudah di install

pada smartphone ..................................................................................... 119

92. Grafik persentase validasi ahli media I ................................................... 133

93. Grafik persentase validasi ahli media II ................................................. 134

94. Grafik persentase validasi ahli materi I .................................................. 135

95. Grafik persentase validasi ahli materi II ................................................. 137

96. Grafik persentase uji beta perorangan .................................................... 138

97. Grafik persentase uji beta lapangan ........................................................ 139

98. background menu sebelum diganti warnanya ........................................ 140

99. background menu setelah diganti warnanya ........................................... 141

100. sebelum ditambahkan petunjuk singkat .................................................. 141

101. setelah ditambah petunjuk singkat pada slide show halaman login ........ 142

102. salah satu tampilan materi sebelum diperbaiki bahasa

yang kurang baku .................................................................................... 142

103. salah satu tampilan materi setelah diperbaiki bahasanya ....................... 143

Page 20: PENGEMBANGAN E-LEARNING MATA … filePenelitian ini bertujuan untuk: ... 2) Mengembangkan e ... sistem navigasi, desain grafis, kemampuan akses, kecepatan akses, kompetensi, kualitas

xx

104. sebelum ditambahkan hyperlink ke situs yang

berhubungan dengan materi .................................................................... 143

105. setelah ditambahkan hyperlink ke situs yang

berhubungan dengan materi .................................................................... 144

106. salah satu halaman materi sebelum diberikan contoh secara rinci ......... 144

107. salah satu halaman materi setelah diberikan contoh secara rinci ........... 145

108. Grafik hasil evaluasi sumatif kelas E-Learning (eksperimen) ............... 153

109. Grafik hasil evaluasi sumatif kelas Konvensional (kontrol) .................. 153

Page 21: PENGEMBANGAN E-LEARNING MATA … filePenelitian ini bertujuan untuk: ... 2) Mengembangkan e ... sistem navigasi, desain grafis, kemampuan akses, kecepatan akses, kompetensi, kualitas

xxi

DAFTAR LAMPIRAN

Halaman

Silabus Mata Pelajaran Pemrograman Dasar Kelas X SMK Multimedia ........ 162

Rencana Pelaksanaan Pembelajaran Pemrograman Dasar

Kelas X SMK Multimedia ............................................................................... 164

Kuisioner Analisis Kebutuhan Untuk Peserta Didik ........................................ 169

Kuisioner Analisis Kebutuhan Untuk Guru Mata Pelajaran ............................ 172

Kuisioner Analisis Kebutuhan Untuk Penanggung Jawab

Laboratorium Komputer dan Multimedia ........................................................ 175

Lembar Instrumen Evaluasi Media E-Learning Pada Mata Pelajaran

Pemrograman Dasar SMK Kelas X Untuk Ahli Media I ................................. 177

Lembar Instrumen Evaluasi Media E-Learning Pada Mata Pelajaran

Pemrograman Dasar SMK Kelas X Untuk Ahli Media II ............................... 181

Lembar Instrumen Evaluasi Media E-Learning Pada Mata Pelajaran

Pemrograman Dasar SMK Kelas X Untuk Ahli Materi I ................................ 185

Lembar Instrumen Evaluasi Media E-Learning Pada Mata Pelajaran

Pemrograman Dasar SMK Kelas X Untuk Ahli Materi II ............................... 189

Lembar Instrumen Evaluasi Media E-Learning Pada Mata Pelajaran

Pemrograman Dasar SMK Kelas X Untuk Peserta Didik ................................ 193

Rekapitulasi Uji Beta Perorangan .................................................................... 197

Rekapitulasi Uji Beta Lapangan....................................................................... 198

Analisis Butir Soal ........................................................................................... 199

Soal Posttest ..................................................................................................... 204

Surat Keterangan Penelitian ............................................................................. 207

Dokumentasi Kegiatan ..................................................................................... 208