53
SKRIPSI Untuk memenuhi sebagian persyaratan Mencapai derajat Sarjana S-1 Program Studi Teknik Informatika Disusun Oleh : Muhammad Afif Muhtar 12650015 PROGRAM STUDI TEKNIK INFORMATIKA FAKULTAS SAINS DAN TEKNOLOGI UNIVERSITAS ISLAM NEGERI SUNAN KALIJAGA YOGYAKARTA 2016 RANCANG BANGUN SISTEM E-LEARNING DI SMKN I BOYOLALI DENGAN METODE PROTOTYPING

RANCANG BANGUN SISTEM E-LEARNING DI SMKN I …digilib.uin-suka.ac.id/22213/2/12650015_BAB-I_IV-atau-V_DAFTAR... · Teman-teman KKN 86 Kelompok 73 Padukuhan Pringinan Kecamatan

Embed Size (px)

Citation preview

Page 1: RANCANG BANGUN SISTEM E-LEARNING DI SMKN I …digilib.uin-suka.ac.id/22213/2/12650015_BAB-I_IV-atau-V_DAFTAR... · Teman-teman KKN 86 Kelompok 73 Padukuhan Pringinan Kecamatan

SKRIPSI

Untuk memenuhi sebagian persyaratan

Mencapai derajat Sarjana S-1

Program Studi Teknik Informatika

Disusun Oleh :

Muhammad Afif Muhtar

12650015

PROGRAM STUDI TEKNIK INFORMATIKA

FAKULTAS SAINS DAN TEKNOLOGI

UNIVERSITAS ISLAM NEGERI SUNAN KALIJAGA

YOGYAKARTA

2016

RANCANG BANGUN SISTEM E-LEARNING DI SMKN I BOYOLALI

DENGAN METODE PROTOTYPING

Page 2: RANCANG BANGUN SISTEM E-LEARNING DI SMKN I …digilib.uin-suka.ac.id/22213/2/12650015_BAB-I_IV-atau-V_DAFTAR... · Teman-teman KKN 86 Kelompok 73 Padukuhan Pringinan Kecamatan

tr;&rut

effiffil;]r(3 Universitos lslom Negeri Sunon Kolijogo FM-UTNSK-BM-0s-07/R0

PENGESAHAN SI(RIPSI/TUGAS AKHIRNomor : UIN,02lD.ST/PP.01.1/2680/2016

Skripsi/Tugas Akhir dengan judul Rancang Bangun Sistem E - Learning di SMKN I Boyolali

Dengan Metode Prototyping

Yang dipersiapkan dan disusun oleh

Nama

NIM

Telah dimunaqasyahkan pada

Nilai Munaqasyah

Dan dinyatakan telah diterima oleh Fakultas

Muhammad Afif Muhtar

12650015

Selasa, 19 Juli 2016

AIBSains dan Teknologi UIN Sunan Kalijaga

TIM MUNAQASYAH :

Agus Mulyanto, M.KomNIP. 19710823 199903 1 003

Penguji I Penguji II

Ade Ratnasari, M.TNIP,19801217 200604 2 002

Aulia FaqihNrP. 19860306

, M.Kom01101 1 009

Yogyakarta, 9 Agustus 2016UIN Sunan Kalijaga

/tL'*r*l

, M,Si.

{6-.ll,lry"rox"*E&$',

&piq.d12 200003 1 001

Page 3: RANCANG BANGUN SISTEM E-LEARNING DI SMKN I …digilib.uin-suka.ac.id/22213/2/12650015_BAB-I_IV-atau-V_DAFTAR... · Teman-teman KKN 86 Kelompok 73 Padukuhan Pringinan Kecamatan

;'A' ctrT\r-l.)1O Univerlilos lslom Heged Sunon f,o$ogo IIrl-UIilSK-8il-O5-03rRO

ST}RAT PERSFTUJUAN SKRIPSI/TUGAS AKHIR

Hal : Permohonan

Lamp :

Kepada

Yth. Dekan Fakultas Sains dan Teknologi

UIN Sunan Kalijaga Yogyakarta

di Yogyakarta

Assalamu' alaihtm wr. wb.

Setelah membac4 meneliti, memberikan petunjuk dan mengoreksi serta

mengadakan perbaikan seperluny4 maka kami selaku pembimbing berpendapat

bahwa skripsi Saudara:

Nama

MM: MuhammadAfifMuhtar: 12650015

Judul Skripsi : Rancang Bangun Sistem E-Learning di SMKN I BoyolaliDengan Metode Prototyping

sudah dapat diajukan kembali kepada Program Studi Teknk Informatka Fakultas

Sains dan Teknologi UIN Sunan Kalijaga Yogyakarta sebagai salah satu syarat

untuk memperoleh gelar Sarjana Strata Satu dalam Teknik Informatika

Dengan ini kami mengharap agar skripsi/tugas akhir Saudara tersebut di atas

dapat segera dimunaqsyahkan. Atas perhatiannya kami ucapkan terima kasih.

Was solamu' alaihtm wr. wb.

Yogyakarta, 28 Jani 2016

Agus Mulyanto. S.Si.. M.Kom.

NIP. 19710823 199903 I 003

ilt

Page 4: RANCANG BANGUN SISTEM E-LEARNING DI SMKN I …digilib.uin-suka.ac.id/22213/2/12650015_BAB-I_IV-atau-V_DAFTAR... · Teman-teman KKN 86 Kelompok 73 Padukuhan Pringinan Kecamatan
Page 5: RANCANG BANGUN SISTEM E-LEARNING DI SMKN I …digilib.uin-suka.ac.id/22213/2/12650015_BAB-I_IV-atau-V_DAFTAR... · Teman-teman KKN 86 Kelompok 73 Padukuhan Pringinan Kecamatan

v

KATA PENGANTAR

Alhamdulillah, puji syukur atas kehadirat Allah SWT yang telah

melimpahkan rahmat, hidayah serta inayah-Nya sehingga penulis dapat

menyelesaikan skripsi yang berjudul "Rancang Bangun Sistem E-Learning Di

SMKN 1 Boyolali Dengan Metode Prototyping" ini dengan baik sesuai dengan

kewajiban dalam memenuhi gelar Strata 1 Komputer (S.Kom) di Jurusan Teknik

Informatika Fakultas Sains dan teknologi Universitas Islam Negeri Sunan

Kalijaga Yogyakarta. Tidak lupa shalawat serta salam tetap tercurah kepada

junjungan Nabi Muhammad SAW dan semoga kelak kita mendapat syafaat

darinya.

Penulis menyadari bahwa dalam penyusunan skripsi ini tidak lepas dari

dukungan baik semangat maupun materiil yang diberikan sehingga skripsi dapat

terselesaikan. Oleh karena itu, penulis ingin mengucapkan terima kasih sebesar-

besarnya kepada:

1. Bapak Prof. Drs. K.H. Yudian Wahyudi, M.A., Ph.D. selaku

Rektor Universitas Islam Negeri Sunan Kalijaga Yogyakarta.

2. Bapak Dr. Murtono, M.Si. selaku Dekan Fakultas Sains dan Teknologi

Universitas Islam Negeri Sunan Kalijaga Yogyakarta.

3. Bapak Sumarsono, S.T., M.Kom. selaku Ketua Progam Studi Teknik

Informatika Fakultas Sains dan Teknologi Universitas Islam Negeri Sunan

Kalijaga Yogyakarta.

Page 6: RANCANG BANGUN SISTEM E-LEARNING DI SMKN I …digilib.uin-suka.ac.id/22213/2/12650015_BAB-I_IV-atau-V_DAFTAR... · Teman-teman KKN 86 Kelompok 73 Padukuhan Pringinan Kecamatan

vi

4. Bapak Aulia Faqih Rifa’i, M.Kom.selaku Dosen Pembimbing Akademik

Program Studi Teknik Informatika angkatan 2012 reguler.

5. Bapak Agus Mulyanto, S.Si., M.Kom. selaku Dosen Pembimbing

skripsi yang telah membimbing serta memberikan koreksi dan saran

kepada penulis.

6. Bapak dan Ibu Dosen Progam Studi Teknik Informatika Fakultas Sains dan

Teknologi Universitas Islam Negeri Sunan Kalijaga Yogyakarta yang telah

memberikan ilmu dan pengalaman kepada penulis selama masa kuliah.

7. Pihak SMKN 1 Boyolali yang telah memberikan ijin penelitian.

8. Orang tua dan keluarga tercinta yang senantiasa memberikan motivasi

serta dukungan moril maupun materiil kepada penulis dengan semua kasih

dan sayangnya.

9. Teman-teman Progam Studi Teknik Informatika Angkatan 2012 Reguler

Fakultas Sains dan Teknologi Universitas Islam Negeri Sunan Kalijaga

Yogyakarta.

10. Semua pihak yang telah membantu dalam proses penyelesaian skripsi

ini,yang tidak bisa penulis sebutkan satu persatu.

Penulis berharap semoga Allah SWT menerima dan membalas kebaikan

dan ketulusan semua pihak yang telah banyak membantu penulis dalam

menyelesaikan skripsi. Penulis menyadari masih banyak kekurangan dan

kelemahan dalam pelaksanaan skripsi ini. Semoga ini dapat menjadi pengalaman

berharga bagi penulis.

Page 7: RANCANG BANGUN SISTEM E-LEARNING DI SMKN I …digilib.uin-suka.ac.id/22213/2/12650015_BAB-I_IV-atau-V_DAFTAR... · Teman-teman KKN 86 Kelompok 73 Padukuhan Pringinan Kecamatan

vii

Akhir kata, tak ada gading yang tak retak, oleh karenanya kritik dan saran

yang membangun sangat penulis harapkan dan semoga skripsi ini dapat

memberikan manfaat dan kebaikan bagi banyak pihak demi kemajuan serta

bernilai ibadah dihadapan Allah SWT.

Yogyakarta, 28 Juni 2016

Penyusun,

Muhammad Afif Muhtar

NIM. 12650015

Page 8: RANCANG BANGUN SISTEM E-LEARNING DI SMKN I …digilib.uin-suka.ac.id/22213/2/12650015_BAB-I_IV-atau-V_DAFTAR... · Teman-teman KKN 86 Kelompok 73 Padukuhan Pringinan Kecamatan

viii

HALAMAN PERSEMBAHAN

Alhamdulillahirabbil’alamiin, puji syukur hamba haturkan hanya kepada-

Mu ya Allah, atas segala rahmat dan karunia-Mu sehingga salah satu kewajiban

hamba dapat terselesaikan. Tak lupa sholawat serta salam senantiasa tercurah

kepada Baginda Nabi Muhammad SAW. Penulis ingin mempersembahkan

skripsi ini kepada :

1. Ibunda Sri Rahayu dan Ayahanda Drs.Muhtar Hadi tercinta yang selalu sabar

dalam membesarkan dan mendidik dari sejak lahir hingga sekarang,

terimakasih atas segala do’a dan pengorbanan yang sangat tidak ternilai

harganya Semoga Allah memberkahi dan mengumpulkan kita di JannahNya.

2. Kedua kakak kandungku, Latifa Hadi dan Erlina Hadi yang selalu

memberikan semangat dan nasihat serta kedua keponakanku Farah Salsabila

dan Muhammad Althaf Mumtaz Baktian, belajar yang rajin ya, raih cita- cita

kalian kedepan.

3. Bapak Agus Mulyanto, S.Si., M.Kom. selaku Dosen Pembimbing yang telah

memberikan ilmunya serta diskusi yang sangat bermanfaat bagi penulis

selama penyusunan skripsi ini. Semoga Allah memberikan keberkahan dan

balasan atas segala kebaikannya.

4. Segenap dosen Teknik Informatika UIN Sunan Kalijaga Yogyakarta, Pak

Aulia, Pak Sumarsono, Pak Didik, Pak Agung, Pak Bambang, Pak

Nurochman, Pak Taqim, Pak Taufik, Pak Awik, Pak Imam, Bu Uyun, Bu

Ade, Bu Maria, dll. Terima kasih atas segala ilmu dan bimbingan yang telah

Page 9: RANCANG BANGUN SISTEM E-LEARNING DI SMKN I …digilib.uin-suka.ac.id/22213/2/12650015_BAB-I_IV-atau-V_DAFTAR... · Teman-teman KKN 86 Kelompok 73 Padukuhan Pringinan Kecamatan

ix

diberikan selama ini. Semoga Allah selalu memberikan kemudahan dalam

segala urusan bapak dan ibu semuanya.

5. Eka Febriyanti, S.Hut yang selalu memberikan dukungan, semangat dan doa

selama ini walaupun terpisah antara “JogJakarta” semoga kita segera

dipersatukan dan meraih mimpi yang selama ini kita cita – citakan.

6. Mabes Dev ( Mustafid, Faris, Alfani, Weddy, Syaeful, Afha, Fuad, Alfian

dan Ami ) yang telah menemani melewati dalam tawa, tangis, susah, senang

dan stres dalam proses pengerjaan skripsi. Tetap jadi kalian yang apa adanya,

kesuksesan kita kedepan tak akan pernah merubah persahabatan kita. Keep

Rock Gaes !!!

7. Keluarga besar Teknik Informatika 2012 reguler, semoga kita bisa

meraih semua yang kita cita - citakan.

8. Teman-teman KKN 86 Kelompok 73 Padukuhan Pringinan Kecamatan

Galur Kabupaten Kulon Progo ( Aan, Mustafid, Riyan, Wahyu, Dika, Farid,

Hikmah, Ike, Ayu, Mei, Septi dan Sam ) terima kasih buat 2 bulan yang luar

biasa, tetap jaga silaturrahmi kita ya, sukses buat kita semua. Salam

MONGGO PAK.

9. Semua pihak yang telah membantu dalam proses penyelesaian skripsi ini,

yang tidak bisa penulis sebutkan satu persatu. Semoga Allah membalas amal

ibadah dan kebaikan kalian.

Page 10: RANCANG BANGUN SISTEM E-LEARNING DI SMKN I …digilib.uin-suka.ac.id/22213/2/12650015_BAB-I_IV-atau-V_DAFTAR... · Teman-teman KKN 86 Kelompok 73 Padukuhan Pringinan Kecamatan

x

HALAMAN MOTTO

“Tiap – tiap yang berjiwa pasti akan merasakan mati”

( QS. Ali Imran : 185 )

“...Karena sesungguhnya sesudah kesulitan itu ada kemudahan, sesungguhnya

sesudah kesulitan itu ada kemudahan. Maka apabila kamu telah selesai (dari

satu urusan), kerjakanlah dengan sungguh – sungguh kerjaan yang lain.”

( QS. Al-Insyirah : 5-7 )

“Cukuplah seseorang menjadi jahat bahwa ia menghinakan saudaranya sesama

muslim”

( HR. Muslim no. 2564 dan Ahmad 3/491 )

Jika Kita Tak Pernah Tahu Kapan Kehidupan Ini Akan Berakhirnya,

Kenapa Selalu Ada Alasan Untuk Berkata Bahwa Kita Masih Muda.

-Muhammad Afif Muhtar

Page 11: RANCANG BANGUN SISTEM E-LEARNING DI SMKN I …digilib.uin-suka.ac.id/22213/2/12650015_BAB-I_IV-atau-V_DAFTAR... · Teman-teman KKN 86 Kelompok 73 Padukuhan Pringinan Kecamatan

xi

DAFTAR ISI

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

HALAMAN PENGESAHAN.......................................................................... ii

SURAT PERSETUJUAN SKRIPSI/TUGAS AKHIR .................................... iii

SURAT PERNYATAAN KEASLIAN SKRIPSI............................................ iv

KATA PENGANTAR ..................................................................................... v

HALAMAN PERSEMBAHAN ...................................................................... viii

HALAMAN MOTTO ...................................................................................... x

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

DAFTAR GAMBAR ....................................................................................... xviii

DAFTAR TABEL............................................................................................ xxii

INTISARI......................................................................................................... xxiv

ABSTRACT..................................................................................................... xxv

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

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

1.2 Rumusan Masalah ................................................................................. 2

1.3 Batasan Masalah.................................................................................... 3

1.4 Tujuan Penelitian................................................................................... 3

1.5 Manfaat Penelitian................................................................................. 3

BAB II LANDASAN TEORI DAN TINJAUAN PUSTAKA ........................ 4

2.1 Tinjauan Pustaka ................................................................................... 4

2.2 Landasan Teori ...................................................................................... 7

2.2.1 Pengertian Sistem .......................................................................... 7

Page 12: RANCANG BANGUN SISTEM E-LEARNING DI SMKN I …digilib.uin-suka.ac.id/22213/2/12650015_BAB-I_IV-atau-V_DAFTAR... · Teman-teman KKN 86 Kelompok 73 Padukuhan Pringinan Kecamatan

xii

2.2.2 Sistem Informasi ............................................................................ 7

2.2.3 E-Learning ..................................................................................... 8

2.2.4 Prototyping .................................................................................... 8

2.2.4.1 Kelebihan dan Kekurangan Prototyping................................ 9

2.2.5 MySQL .......................................................................................... 9

2.2.6 PHP................................................................................................ 10

2.2.7 HTML............................................................................................ 10

2.2.8 CSS ................................................................................................ 11

2.2.9 Data Flow Diagram (DFD)........................................................... 11

2.2.10 Entity Relational Diagram (ERD) ............................................... 13

BAB III METODE PENGEMBANGAN SISTEM ......................................... 14

3.1 Studi Pendahuluan................................................................................. 14

3.2 Tahap Pengumpulan Data ..................................................................... 14

3.3 Kebutuhan Pengembangan Sistem ........................................................ 15

3.3.1 Perangkat Keras (Hardware)......................................................... 15

3.3.2 Perangkat Lunak (Software) .......................................................... 15

3.4 Metodologi Pengembangan Sistem ....................................................... 16

BAB IV ANALISIS DAN PERANCANGAN SISTEM................................. 18

4.1 Analisis Kebutuhan Sistem ................................................................... 18

4.1.1 Kebutuhan Fungsional ................................................................... 19

4.1.2 Kebutuhan Non Fungsional ........................................................... 19

4.2 Perancangan Sistem............................................................................... 20

4.2.1 Diagram Konteks ........................................................................... 20

Page 13: RANCANG BANGUN SISTEM E-LEARNING DI SMKN I …digilib.uin-suka.ac.id/22213/2/12650015_BAB-I_IV-atau-V_DAFTAR... · Teman-teman KKN 86 Kelompok 73 Padukuhan Pringinan Kecamatan

xiii

4.2.2 DFD Level 0 .................................................................................. 21

4.2.3 DFD Level 1 Guru ......................................................................... 24

4.2.4 DFD Level 1 Siswa........................................................................ 24

4.2.5 DFD Level 1 Mapel ....................................................................... 25

4.2.6 DFD Level 1 Kelas ........................................................................ 25

4.2.7 DFD Level 1 Pengumuman ........................................................... 26

4.2.8 DFD Level 2 Pengumuman ........................................................... 26

4.2.9 DFD Level 1 Mengajar.................................................................. 27

4.2.10 DFD Level 1 Tahun Ajaran ......................................................... 27

4.2.11 DFD Level 1 Nilai ...................................................................... 28

4.2.12 DFD Level 2 Nilai ....................................................................... 28

4.2.13 DFD Level 1 Tugas ..................................................................... 29

4.2.14 DFD Level 2 Tugas ..................................................................... 29

4.2.15 DFD Level 1 Tugas Siswa........................................................... 30

4.2.16 DFD Level 2 Tugas Siswa........................................................... 30

4.2.17 DFD Level 1 Admin .................................................................... 31

4.2.18 DFD Level 1 Materi..................................................................... 31

4.2.19 DFD Level 2 Materi..................................................................... 32

4.2.20 DFD Level 1 Chating .................................................................. 32

4.2.21 Entity Relational Diagram........................................................... 33

4.3 Perancangan Database........................................................................... 35

4.4 Perancangan Antarmuka........................................................................ 57

4.4.1 Rancangan Halaman Login............................................................ 57

Page 14: RANCANG BANGUN SISTEM E-LEARNING DI SMKN I …digilib.uin-suka.ac.id/22213/2/12650015_BAB-I_IV-atau-V_DAFTAR... · Teman-teman KKN 86 Kelompok 73 Padukuhan Pringinan Kecamatan

xiv

4.4.2 Rancangan Halaman Data Guru .................................................... 58

4.4.3 Rancangan Halaman Tambah Guru............................................... 58

4.4.4 Rancangan Halaman Ubah Guru ................................................... 59

4.4.5 Rancangan Halaman Siswa............................................................ 59

4.4.6 Rancangan Halaman Tambah Siswa ............................................. 60

4.4.7 Rancangan Halaman Ubah Siswa.................................................. 60

4.4.8 Rancangan Halaman Kelas ............................................................ 61

4.4.9 Rancangan Halaman Tambah Kelas .............................................. 61

4.4.10 Rancangan Halaman Ubah Kelas ................................................ 62

4.4.11 Rancangan Halaman Mapel ......................................................... 62

4.4.12 Rancangan Halaman Tambah Mapel........................................... 63

4.4.13 Rancangan Halaman Ubah Mapel ............................................... 63

4.4.14 Rancangan Halaman Pengumuman ............................................. 64

4.4.15 Rancangan Halaman Tambah Pengumuman ............................... 64

4.4.16 Rancangan Halaman Ubah Pengumuman ................................... 65

4.4.17 Rancangan Halaman Tahun Ajaran ............................................. 65

4.4.18 Rancangan Halaman Tambah Tahun Ajaran............................... 66

4.4.19 Rancangan Halaman Mengajar.................................................... 66

4.4.20 Rancangan Halaman Tambah Mengajar...................................... 67

4.4.21 Rancangan Halaman Ubah Mengajar .......................................... 67

4.4.22 Rancangan Halaman Materi ........................................................ 68

4.4.23 Rancangan Halaman Tambah Materi .......................................... 68

4.4.24 Rancangan Halaman Ubah Materi............................................... 69

Page 15: RANCANG BANGUN SISTEM E-LEARNING DI SMKN I …digilib.uin-suka.ac.id/22213/2/12650015_BAB-I_IV-atau-V_DAFTAR... · Teman-teman KKN 86 Kelompok 73 Padukuhan Pringinan Kecamatan

xv

4.4.25 Rancangan Halaman Tugas ......................................................... 69

4.4.26 Rancangan Halaman Tambah Tugas ........................................... 70

4.4.27 Rancangan Halaman Ubah Tugas................................................ 70

4.4.28 Rancangan Halaman Tugas Siswa............................................... 71

4.4.29 Rancangan Halaman Tambah Tugas Siswa................................. 71

4.4.30 Rancangan Halaman Ubah Tugas Siswa ..................................... 72

4.4.31 Rancangan Halaman Tambah Admin.......................................... 72

4.4.32 Rancangan Halaman Ubah Profil Admin .................................... 73

4.4.33 Rancangan Halaman Ubah Profil Guru ....................................... 73

4.4.34 Rancangan Halaman Lihat Mengajar .......................................... 74

4.4.35 Rancangan Halaman Materi Guru ............................................... 74

4.4.36 Rancangan Halaman Unggah Materi Guru.................................. 75

4.4.37 Rancangan Halaman Ubah Materi Guru...................................... 75

4.4.38 Rancangan Halaman Tugas Guru ................................................ 76

4.4.39 Rancangan Halaman Unggah Tugas Guru .................................. 76

4.4.40 Rancangan Halaman Ubah Tugas Guru ...................................... 77

4.4.41 Rancangan Halaman Pengumuman Guru.................................... 77

4.4.42 Rancangan Halaman Unggah Pengumuman Guru ...................... 78

4.4.43 Rancangan Halaman Ubah Pengumuman Guru .......................... 78

4.4.44 Rancangan Halaman Unduh Tugas Siswa................................... 79

4.4.45 Rancangan Halaman Unduh Materi............................................. 79

4.4.46 Rancangan Halaman Unduh Tugas ............................................. 80

4.4.47 Rancangan Halaman Mapel ......................................................... 80

Page 16: RANCANG BANGUN SISTEM E-LEARNING DI SMKN I …digilib.uin-suka.ac.id/22213/2/12650015_BAB-I_IV-atau-V_DAFTAR... · Teman-teman KKN 86 Kelompok 73 Padukuhan Pringinan Kecamatan

xvi

4.4.48 Rancangan Halaman Pengumuman ............................................. 81

4.4.49 Rancangan Halaman Chating ...................................................... 81

4.4.50 Rancangan Halaman Unggah Tugas Siswa ................................. 82

4.4.51 Rancangan Halaman Ubah Profil Siswa...................................... 82

4.4.52 Rancangan Halaman Riwayat...................................................... 83

BAB V IMPLEMENTASI DAN PENGUJIAN SISTEM............................... 84

5.1 Implementasi ......................................................................................... 84

5.1.1 Analisis .......................................................................................... 84

5.1.2 Desain Cepat .................................................................................. 84

5.1.3 Prototyping .................................................................................... 84

5.1.4 Implementasi Database.................................................................. 85

5.1.5 Implementasi Sistem E-Learning SMKN I Boyolali..................... 85

5.2 Pengujian ............................................................................................... 94

5.2.1 Pengujian Alpha............................................................................. 95

5.2.2 Pengujian Beta ............................................................................... 95

BAB VI HASIL DAN PEMBAHASAN ......................................................... 101

6.1 Proses Prototyping ................................................................................ 101

6.1.1 Identifikasi Kebutuhan Tahap 1..................................................... 101

6.1.2 Pengembangan Prototype Tahap 1 ................................................ 102

6.1.3 Evaluasi Prototype Tahap 1........................................................... 102

6.1.4 Identifikasi Kebutuhan Tahap 2..................................................... 103

6.1.5 Pengembangan Prototype Tahap 2 ................................................ 103

6.1.6 Evaluasi Prototype Tahap 2........................................................... 104

Page 17: RANCANG BANGUN SISTEM E-LEARNING DI SMKN I …digilib.uin-suka.ac.id/22213/2/12650015_BAB-I_IV-atau-V_DAFTAR... · Teman-teman KKN 86 Kelompok 73 Padukuhan Pringinan Kecamatan

xvii

6.1.7 Identifikasi Kebutuhan Tahap 3..................................................... 104

6.1.8 Pengembangan Prototype Tahap 3 ................................................ 105

6.1.9 Evaluasi Prototype Tahap 3........................................................... 105

6.1.10 Prototype Siap Digunakan........................................................... 106

6.2 Pengujian Sistem ................................................................................... 107

6.2.1 Hasil Pengujian Fungsionalitas dan Usability Sistem ................... 107

6.2.2 Hasil dan Pembahasan Pengujian Alpha........................................ 107

6.2.3 Hasil dan Pembahasan Pengujian Beta.......................................... 107

BAB VII PENUTUP........................................................................................ 120

7.1 Kesimpulan............................................................................................ 120

7.2 Saran...................................................................................................... 120

DAFTAR PUSTAKA ...................................................................................... 122

LAMPIRAN..................................................................................................... 124

CURICULUM VITAE..................................................................................... 143

Page 18: RANCANG BANGUN SISTEM E-LEARNING DI SMKN I …digilib.uin-suka.ac.id/22213/2/12650015_BAB-I_IV-atau-V_DAFTAR... · Teman-teman KKN 86 Kelompok 73 Padukuhan Pringinan Kecamatan

xviii

DAFTAR GAMBAR

Gambar 2.1 Komponen DFD ........................................................................... 11

Gambar 3.1 Artefak Tahapan Prototyping...................................................... 16

Gambar 4.1 Diagram Konteks.......................................................................... 20

Gambar 4.2 DFD Level 0................................................................................. 21

Gambar 4.3 DFD Level 1 Guru ....................................................................... 24

Gambar 4.4 DFD Level 1 Siswa ...................................................................... 24

Gambar 4.5 DFD Level 1 Mapel...................................................................... 25

Gambar 4.6 DFD Level 1 Kelas....................................................................... 25

Gambar 4.7 DFD Level 1 Pengumuman.......................................................... 26

Gambar 4.8 DFD Level 2 Pengumuman.......................................................... 26

Gambar 4.9 DFD Level 1 Mengajar ................................................................ 27

Gambar 4.10 DFD Level 1 Tahun Ajaran........................................................ 27

Gambar 4.11 DFD Level 1 Nilai...................................................................... 28

Gambar 4.12 DFD Level 2 Nilai...................................................................... 28

Gambar 4.13 DFD Level 1 Tugas .................................................................... 29

Gambar 4.14 DFD Level 2 Tugas .................................................................... 29

Gambar 4.15 DFD Level 1 Tugas Siswa ......................................................... 30

Gambar 4.16 DFD Level 2 Tugas Siswa ......................................................... 30

Gambar 4.17 DFD Level 1 Admin................................................................... 31

Gambar 4.18 DFD Level 1 Materi ................................................................... 31

Gambar 4.19 DFD Level 2 Materi ................................................................... 32

Gambar 4.20 DFD Level 1 Chating................................................................. 33

Page 19: RANCANG BANGUN SISTEM E-LEARNING DI SMKN I …digilib.uin-suka.ac.id/22213/2/12650015_BAB-I_IV-atau-V_DAFTAR... · Teman-teman KKN 86 Kelompok 73 Padukuhan Pringinan Kecamatan

xix

Gambar 4.21 Entity Relational Diagram ......................................................... 34

Gambar 4.22 Rancangan Halaman Login ........................................................ 57

Gambar 4.23 Rancangan Halaman Guru ......................................................... 58

Gambar 4.24 Rancangan Halaman Tambah Guru ........................................... 58

Gambar 4.25 Rancangan Halaman Ubah Guru................................................ 59

Gambar 4.26 Rancangan Halaman Siswa ........................................................ 59

Gambar 4.27 Rancangan Halaman Tambah Siswa .......................................... 60

Gambar 4.28 Rancangan Halaman Ubah Siswa .............................................. 60

Gambar 4.29 Rancangan Halaman Kelas......................................................... 61

Gambar 4.30 Rancangan Halaman Tambah Kelas .......................................... 61

Gambar 4.31 Rancangan Halaman Ubah Kelas ............................................... 62

Gambar 4.32 Rancangan Halaman Mapel ....................................................... 62

Gambar 4.33 Rancangan Halaman Tambah Mapel ......................................... 63

Gambar 4.34 Rancangan Halaman Ubah Mapel.............................................. 63

Gambar 4.35 Rancangan Halaman Pengumuman............................................ 64

Gambar 4.36 Rancangan Halaman Tambah Pengumuman.............................. 64

Gambar 4.37 Rancangan Halaman Ubah Pengumuman .................................. 65

Gambar 4.38 Rancangan Halaman Tahun Ajaran............................................ 65

Gambar 4.39 Rancangan Halaman Tambah Tahun Ajaran ............................. 66

Gambar 4.40 Rancangan Halaman Mengajar .................................................. 66

Gambar 4.41 Rancangan Halaman Tambah Mengajar .................................... 67

Gambar 4.42 Rancangan Halaman Ubah Mengajar......................................... 67

Gambar 4.43 Rancangan Halaman Materi ....................................................... 68

Page 20: RANCANG BANGUN SISTEM E-LEARNING DI SMKN I …digilib.uin-suka.ac.id/22213/2/12650015_BAB-I_IV-atau-V_DAFTAR... · Teman-teman KKN 86 Kelompok 73 Padukuhan Pringinan Kecamatan

xx

Gambar 4.44 Rancangan Halaman Tambah Materi ......................................... 68

Gambar 4.45 Rancangan Halaman Ubah Materi ............................................. 69

Gambar 4.46 Rancangan Halaman Tugas ........................................................ 69

Gambar 4.47 Rancangan Halaman Tambah Tugas.......................................... 70

Gambar 4.48 Rancangan Halaman Ubah Tugas .............................................. 70

Gambar 4.49 Rancangan Halaman Tugas Siswa ............................................. 71

Gambar 4.50 Rancangan Halaman Tambah Tugas Siswa ............................... 71

Gambar 4.51 Rancangan Halaman Ubah Tugas Siswa.................................... 72

Gambar 4.52 Rancangan Halaman Tambah Admin ........................................ 72

Gambar 4.53 Rancangan Halaman Ubah Profil Admin................................... 73

Gambar 4.54 Rancangan Halaman Ubah Profil Guru...................................... 73

Gambar 4.55 Rancangan Halaman Lihat Mengajar ......................................... 74

Gambar 4.56 Rancangan Halaman Materi Guru.............................................. 74

Gambar 4.57 Rancangan Halaman Unggah Materi Guru ................................ 75

Gambar 4.58 Rancangan Halaman Ubah Materi Guru .................................... 75

Gambar 4.59 Rancangan Halaman Tugas Guru............................................... 76

Gambar 4.60 Rancangan Halaman Unggah Tugas Guru ................................. 76

Gambar 4.61 Rancangan Halaman Ubah Tugas Guru ..................................... 77

Gambar 4.62 Rancangan Halaman Pengumuman Guru .................................. 77

Gambar 4.63 Rancangan Halaman Unggah Pengumuman Guru..................... 78

Gambar 4.64 Rancangan Halaman Ubah Pengumuman Guru......................... 78

Gambar 4.65 Rancangan Halaman Unduh Tugas Siswa ................................. 79

Gambar 4.66 Rancangan Halaman Unduh Materi ........................................... 79

Page 21: RANCANG BANGUN SISTEM E-LEARNING DI SMKN I …digilib.uin-suka.ac.id/22213/2/12650015_BAB-I_IV-atau-V_DAFTAR... · Teman-teman KKN 86 Kelompok 73 Padukuhan Pringinan Kecamatan

xxi

Gambar 4.67 Rancangan Halaman Unduh Tugas ............................................ 80

Gambar 4.68 Rancangan Halaman Mapel ....................................................... 80

Gambar 4.69 Rancangan Halaman Pengumuman............................................ 81

Gambar 4.70 Rancangan Halaman Chating ..................................................... 81

Gambar 4.71 Rancangan Halaman Unggah Tugas Siswa................................ 82

Gambar 4.72 Rancangan Halaman Ubah Profil Siswa .................................... 82

Gambar 4.73 Rancangan Halaman Riwayat .................................................... 83

Gambar 5.1 Implementasi Database ................................................................ 85

Gambar 6.1 Prototype Pertama ........................................................................ 102

Gambar 6.2 Prototype Kedua........................................................................... 104

Gambar 6.3 Prototype Ketiga .......................................................................... 105

Gambar 6.4 Grafik Hasil Uji Fungsionalitas Admin ....................................... 108

Gambar 6.5 Grafik Hasil Uji Usability Admin ................................................ 111

Gambar 6.6 Grafik Hasil Uji Fungsionalitas Guru .......................................... 113

Gambar 6.7 Grafik Hasil Uji Usability Guru................................................... 115

Gambar 6.8 Grafik Hasil Uji Fungsionalitas Siswa......................................... 116

Gambar 6.9 Grafik Hasil Uji Usability Siswa.................................................. 118

Page 22: RANCANG BANGUN SISTEM E-LEARNING DI SMKN I …digilib.uin-suka.ac.id/22213/2/12650015_BAB-I_IV-atau-V_DAFTAR... · Teman-teman KKN 86 Kelompok 73 Padukuhan Pringinan Kecamatan

xxii

DAFTAR TABEL

Tabel 2.1 Perbandingan Penelitian Sebelumnya.............................................. 5

Tabel 2.2 Notasi ERD ...................................................................................... 13

Tabel 4.1 Proses – Proses Pada Rancangan DFD Level 0 ............................... 22

Tabel 4.2 Tabel User ........................................................................................ 35

Tabel 4.3 Tabel Guru ....................................................................................... 36

Tabel 4.4 Tabel Siswa...................................................................................... 37

Tabel 4.5 Tabel Admin .................................................................................... 39

Tabel 4.6 Tabel Mapel ..................................................................................... 41

Tabel 4.7 Tabel Kelas ...................................................................................... 41

Tabel 4.8 Tabel Pengumuman.......................................................................... 42

Tabel 4.9 Tabel Tahun Ajaran ......................................................................... 44

Tabel 4.10 Tabel Mengajar .............................................................................. 45

Tabel 4.11 Tabel Materi ................................................................................... 46

Tabel 4.12 Tabel Tugas.................................................................................... 47

Tabel 4.13 Tabel Tugas Siswa ......................................................................... 51

Tabel 4.14 Tabel Chat...................................................................................... 54

Tabel 4.15 Tabel Nilai...................................................................................... 56

Tabel 5.1 Tabel Rencana Pengujian Alpha ...................................................... 95

Tabel 5.2 Tabel Pengujian Usability Sistem.................................................... 96

Tabel 5.3 Tabel Pengujian Fungsionalitas Sistem Admin ............................... 97

Tabel 5.4 Tabel Pengujian Fungsionalitas Sistem Guru .................................. 98

Tabel 5.5 Tabel Pengujian Fungsionalitas Sistem Siswa................................. 99

Page 23: RANCANG BANGUN SISTEM E-LEARNING DI SMKN I …digilib.uin-suka.ac.id/22213/2/12650015_BAB-I_IV-atau-V_DAFTAR... · Teman-teman KKN 86 Kelompok 73 Padukuhan Pringinan Kecamatan

xxiii

Tabel 6.1 Tabel Perbandingan Hasil Prototype ............................................... 106

Tabel 6.2 Tabel Daftar Responden................................................................... 107

Page 24: RANCANG BANGUN SISTEM E-LEARNING DI SMKN I …digilib.uin-suka.ac.id/22213/2/12650015_BAB-I_IV-atau-V_DAFTAR... · Teman-teman KKN 86 Kelompok 73 Padukuhan Pringinan Kecamatan

xxiv

RANCANG BANGUN SISTEM E-LEARNING DI SMKN I BOYOLALI

DENGAN METODE PROTOTYPING

Muhammad Afif Muhtar

12650015

INTISARI

E-Learning dalam dunia pendidikan memegang peranan penting dalampenyampaian informasi antara guru dan siswa. Penggunaan konsep e-learning saatini telah mencakup berbagai jenjang pendidikan seperti smp, sma, smk danperguruan tinggi. SMKN I Boyolali merupakan sebuah sekolah yang berada diwilayah Kabupaten Boyolali. Kegiatan belajar mengajar yang dilakukan disekolah tersebut sebagian besar masih dilakukan dengan cara tatap muka antaraguru dan siswa di dalam kelas. Sehingga interakasi antara guru dan siswa dalambertukar informasi mengenai kegiatan belajar mengajar masih terbatas tempat danwaktu.

Metode pengembangan sistem yang digunakan dalam penelitian ini adalahprototyping. Metode prototyping adalah pengembangan yang cepat dan pengujianterhadap model kerja (prototipe) dari aplikasi baru melalui proses interaksi danberulang-ulang, sehingga komunikasi antara user dan pengembang terjalin denganbaik. Metode ini memiliki empat tahap, yaitu mengidentifikasi kebutuhanpemakai, mengembangkan prototype, evaluasi pelanggan terhadap prototype danprototype siap digunakan.

Sistem e-learning SMKN I Boyolali yang dikembangkan memiliki fitur –fitur untuk memfasilitasi guru dan siswa dalam bertukar informasi, seperti gurudapat mengunggah tugas dan materi, membuat pengumuman, mengunduh tugasyang telah dibuat siswa, sedangkan siswa dapat mengunduh tugas dan materi yangdiberikan guru serta mengunggah tugas yang diberikan oleh guru. Hasil daripengujian fungsionalitas sistem admin, guru dan siswa adalah 100%, sedangkanpengujian usability sistem admin 84% responden menerima, pengujian usabilitysistem guru 94% responden menerima dan pengujian usability sistem siswa 78%responden menerima sistem ini.

Kata Kunci : E-Learning, Prototyping, SMKN I Boyolali

Page 25: RANCANG BANGUN SISTEM E-LEARNING DI SMKN I …digilib.uin-suka.ac.id/22213/2/12650015_BAB-I_IV-atau-V_DAFTAR... · Teman-teman KKN 86 Kelompok 73 Padukuhan Pringinan Kecamatan

xxv

E-LEARNING SYSTEM DESIGNING IN SMKN I BOYOLALI

WITH PROTOTYPING METHOD

Muhammad Afif Muhtar

12650015

ABSTRACT

E-Learning in education holds an important role in information deliverybetween teachers and students. The use of e-learning concept nowadays covers alllevels of education such as Junior High School (Sekolah Menengah Pertama orSMP), Senior High School (Sekolah Menengah Atas or SMA), Vocational HighSchool (Sekolah Menengah Kejuruan or SMK) and Colleges. SMKN I Boyolali isa school located in Boyolali district. Most of the learning activities are conductedby face to face between teachers and students in the classroom. So that theinteraction between teachers and students in exchanging the information aboutteaching and learning activities are still limited in place and time.

System development method used in this study is prototyping.Prototyping method is a rapid development and testing of working models(prototypes) of new applications through interaction process and repetitive, sothere would be good communication between user and developer. This methodhas four stages, they are identifying the user needs, developing the prototype, userevaluation against prototype and prototype ready to use.

E-learning system in SMKN I Boyolali which is developed has featuresto facilitate the teachers and students to exchange the information, such asteachers can upload assignments and materials, make announcements, downloadstudents tasks, while students can download assignments and materials alsoupload tasks which is assigned by the teacher. The results of functionality test ofadministrators system, teachers and students is 100%, whereas usability test ofadministrators system is 84% of respondents accept the system, teachers systemusability test is 94% of respondents accept the system and students systemusability test is 78% of respondents accept this system.

Keywords: E-Learning, Prototyping, SMKN I Boyolali

Page 26: RANCANG BANGUN SISTEM E-LEARNING DI SMKN I …digilib.uin-suka.ac.id/22213/2/12650015_BAB-I_IV-atau-V_DAFTAR... · Teman-teman KKN 86 Kelompok 73 Padukuhan Pringinan Kecamatan

1

BAB I

PENDAHULUAN

1.1. Latar Belakang Masalah

Teknologi informasi dewasa ini menjadi hal yang mendasar bagi setiap

perusahaan atau instansi. Sulit dibayangkan jika di era teknologi informasi

sekarang ini, segala sesuatu masih dilakukan secara manual. Kepraktisan dan

keefektifan dalam segala hal yang berhubungan dengan aktifitas di sebuah

perusahaan atau instansi merupakan tujuan dari dikembangkannya sebuah sistem

informasi.

Sistem informasi merupakan sistem yang mempunyai kemampuan untuk

mengumpulkan informasi dari semua sumber dan menggunakan berbagai media

untuk menampilkan informasi (Mcleod, 2001). Dalam mengembangkan sebuah

sistem informasi dikenal banyak metode di dalamnya seperti prototyping, extreme

programming, agile, dll.

Metode prototyping adalah pengembangan yang cepat dan pengujian

terhadap model kerja (prototipe) dari aplikasi baru melalui proses interaksi dan

berulang-ulang yang biasa digunakan ahli sistem informasi dan ahli

bisnis. Prototyping disebut juga desain aplikasi cepat (rapid application

design/RAD) karena menyederhanakan dan mempercepat desain sistem (O'Brien,

2005). Kebutuhan pengembangan sistem informasi telah merambah dalam dunia

pendidikan, salah satunya dengan mengembangkan konsep e-learning

Page 27: RANCANG BANGUN SISTEM E-LEARNING DI SMKN I …digilib.uin-suka.ac.id/22213/2/12650015_BAB-I_IV-atau-V_DAFTAR... · Teman-teman KKN 86 Kelompok 73 Padukuhan Pringinan Kecamatan

2

E-Learning dalam dunia pendidikan memegang peranan penting dalam

penyampaian informasi yang saling berkaitan antara guru dan siswa. Sehingga

interaksi antara guru dan siswa tak lagi terbatas tempat dan waktu. Penggunaan

konsep e-learning saat ini telah mencakup berbagai jenjang pendidikan seperti

smp, sma, smk dan perguruan tinggi.

SMKN I Boyolali merupakan sebuah sekolah yang berada di wilayah

Kabupaten Boyolali. Kegiatan belajar mengajar yang dilakukan di sekolah

tersebut sebagian besar dilakukan dengan tatap muka antara guru dan siswa di

dalam kelas. Sehingga interakasi antara guru dan siswa dalam bertukar informasi

mengenai kegiatan belajar mengajar masih terbatas tempat dan waktu.

Berdasarkan uraian di atas maka penulis akan mencoba untuk

mengembangkan sebuah sistem menggunakan metode prototyping pada sistem e-

learning SMKN I Boyolali agar dapat membantu dalam pertukaran informasi

yang berkaitan dengan kegiatan belajar mengajar antara guru dan siswa. Sehingga

interaksi antara guru dan siswa tidak lagi terbatas tempat dan waktu.

1.2. Rumusan Masalah

Berdasarkan latar belakang yang telah dibahas diatas maka dapat

dirumuskan permasalahan yang akan diselesaikan dalam penelitian ini adalah

bagaimana merancang dan membangun sistem E-Learning di SMKN I Boyolali

dengan metode prototyping.

Page 28: RANCANG BANGUN SISTEM E-LEARNING DI SMKN I …digilib.uin-suka.ac.id/22213/2/12650015_BAB-I_IV-atau-V_DAFTAR... · Teman-teman KKN 86 Kelompok 73 Padukuhan Pringinan Kecamatan

3

1.3. Batasan Masalah

Dalam penjelasan latar belakang dan rumusan masalah di atas, maka ada

beberapa hal yang penulis batasi dalam kepenulisan penelitian ini, antara lain

adalah :

1. Sistem dirancang berdasarkan studi kasus di SMKN I Boyolali.

2. Sistem ini mencakup pengelolaan data mapel, kelas, pengumuman, tahun

ajaran, guru, siswa, tugas guru, materi guru, dan tugas siswa.

3. Sistem e-learning yang dikembangkan berbasis web, bahasa pemrograman

menggunakan PHP, HTML dan database yang digunakan MySql.

1.4. Tujuan Penelitian

Sesuai dengan latar belakang dan rumusan masalah yang dibahas diatas,

maka tujuan dari penelitian ini adalah membangun sebuah sistem e-learning

dengan menggunakan metode prototyping di SMKN I Boyolali guna membantu

proses kegiatan belajar mengajar antara guru dan siswa.

1.5. Manfaat Penelitian

Manfaat dari penelitian yang dilakukan adalah memudahkan penyampaian

informasi antara guru dan siswa, baik berupa materi, tugas dan pengumuman,

kegiatan belajar mengajar menjadi lebih praktis karena tidak lagi terbatas tempat

dan waktu.

Page 29: RANCANG BANGUN SISTEM E-LEARNING DI SMKN I …digilib.uin-suka.ac.id/22213/2/12650015_BAB-I_IV-atau-V_DAFTAR... · Teman-teman KKN 86 Kelompok 73 Padukuhan Pringinan Kecamatan

120

BAB VII

PENUTUP

7.1. Kesimpulan

Berdasarkan penelitian yang telah dilakukan selama pengembangan sistem

e-learning di SMKN I Boyolali, maka dapat diambil kesimpulan bahwa

perancangan dan pengembangan sistem tersebut berhasil dilakukan dengan

menerapkan metode prototyping pada setiap tahapan prosesnya.

Hal tersebut dapat didasari pada hasil pengujian yang dilakukan oleh 90

responden dengan persentase nilai pengujian fungsionalitas admin, guru dan siswa

sebesar 100%, yang berarti sistem sudah berjalan dengan baik dan semua fungsi

telah berjalan sesuai kebutuhan. Sedangkan persentase pengujian usability admin

dengan tingkat kepuasan sebesar 84%, pengujian usability guru dengan tingkat

kepuasan sebesar 94%, dan pengujian usability siswa dengan tingkat kepuasan

sebesar 78% sudah dapat menerima sistem ini.

7.2. Saran

Sistem e-learning SMKN I Boyolali ini tentunya tidak lepas dari

kekurangan dan kelemahan. Oleh karena itu, untuk kebaikan pengembangan

sistem dan penerapan selanjutnya, maka penulis menyarankan beberapa hal,

diantaranya:

1. Perlu adanya keamanan dari sistem yang dapat mencegah terjadinya

pencurian data.

Page 30: RANCANG BANGUN SISTEM E-LEARNING DI SMKN I …digilib.uin-suka.ac.id/22213/2/12650015_BAB-I_IV-atau-V_DAFTAR... · Teman-teman KKN 86 Kelompok 73 Padukuhan Pringinan Kecamatan

121

2. Perlu pengembangan lebih lanjut tentang fitur – fitur yang dibutuhkan

sistem.

Page 31: RANCANG BANGUN SISTEM E-LEARNING DI SMKN I …digilib.uin-suka.ac.id/22213/2/12650015_BAB-I_IV-atau-V_DAFTAR... · Teman-teman KKN 86 Kelompok 73 Padukuhan Pringinan Kecamatan

122

DAFTAR PUSTAKA

Ardhana, YM. 2012. Pemrograman PHP Codeigniter Black Box. Purwokerto :

Jasakom.

Arief, M. Rydyanto. 2011. Pemrograman Web Dinamis Menggunakan PHP dan

MySQL. Yogyakarta : Andi Publisher.

Astamal, Rio. 2006. Mastering Kode HTML, edisi 2, Available at : www.rahasia-

webmaster.com.

Brady, M., & Loonam, J. 2010. Exploring the use of entity-relationship

diagramming as a technique to support grounded theory inquiry.

Bradford: Emerald Group Publishing.

Jogiyanto. 2001. Analisis & Desain Sistem Informasi : pendekatan terstruktur

teori dan praktek aplikasi bisnis. Yogyakarta : Andi

Kristanto, Andri. 2003. Perancangan Sistem Informasi dan Aplikasinya. Jakarta :

Gava Media.

Ladjamudin, Al-Bahra bin. 2006. Analisis dan Desain Sistem Informasi.

Yogyakarta : Graha Ilmu.

Mcleod, Raymond. 2004. Sistem Informasi Manajemen, jilid 1. Jakarta :

PT.Prenhallindo

Page 32: RANCANG BANGUN SISTEM E-LEARNING DI SMKN I …digilib.uin-suka.ac.id/22213/2/12650015_BAB-I_IV-atau-V_DAFTAR... · Teman-teman KKN 86 Kelompok 73 Padukuhan Pringinan Kecamatan

123

O’Brien, James. A. 2005. Pengantar Sistem Informasi Perseptif Bisnis dan

Manajerial. Salemba.

Pressman, R. S., 2010. Software Engineering. A Practitioner's Approach. 7

Edition. McGraw-Hill.

Riawan, Helmi Fajar. 2010. Perancangan Program Instant Messengger Untuk

Komunikasi Administrator dan Pelanggan di Solo Movie Surakarta.

Surakarta: Jurusan Teknik Industri Fakultas Teknik Universitas Sebelas

Maret.

Yakub. 2012. Pengantar Sistem Informasi. Yogyakarta: Graha Ilmu.

Page 33: RANCANG BANGUN SISTEM E-LEARNING DI SMKN I …digilib.uin-suka.ac.id/22213/2/12650015_BAB-I_IV-atau-V_DAFTAR... · Teman-teman KKN 86 Kelompok 73 Padukuhan Pringinan Kecamatan

124

LAMPIRAN

Page 34: RANCANG BANGUN SISTEM E-LEARNING DI SMKN I …digilib.uin-suka.ac.id/22213/2/12650015_BAB-I_IV-atau-V_DAFTAR... · Teman-teman KKN 86 Kelompok 73 Padukuhan Pringinan Kecamatan

125

Page 35: RANCANG BANGUN SISTEM E-LEARNING DI SMKN I …digilib.uin-suka.ac.id/22213/2/12650015_BAB-I_IV-atau-V_DAFTAR... · Teman-teman KKN 86 Kelompok 73 Padukuhan Pringinan Kecamatan

126

Page 36: RANCANG BANGUN SISTEM E-LEARNING DI SMKN I …digilib.uin-suka.ac.id/22213/2/12650015_BAB-I_IV-atau-V_DAFTAR... · Teman-teman KKN 86 Kelompok 73 Padukuhan Pringinan Kecamatan

127

Page 37: RANCANG BANGUN SISTEM E-LEARNING DI SMKN I …digilib.uin-suka.ac.id/22213/2/12650015_BAB-I_IV-atau-V_DAFTAR... · Teman-teman KKN 86 Kelompok 73 Padukuhan Pringinan Kecamatan

128

Page 38: RANCANG BANGUN SISTEM E-LEARNING DI SMKN I …digilib.uin-suka.ac.id/22213/2/12650015_BAB-I_IV-atau-V_DAFTAR... · Teman-teman KKN 86 Kelompok 73 Padukuhan Pringinan Kecamatan

129

Page 39: RANCANG BANGUN SISTEM E-LEARNING DI SMKN I …digilib.uin-suka.ac.id/22213/2/12650015_BAB-I_IV-atau-V_DAFTAR... · Teman-teman KKN 86 Kelompok 73 Padukuhan Pringinan Kecamatan

130

Page 40: RANCANG BANGUN SISTEM E-LEARNING DI SMKN I …digilib.uin-suka.ac.id/22213/2/12650015_BAB-I_IV-atau-V_DAFTAR... · Teman-teman KKN 86 Kelompok 73 Padukuhan Pringinan Kecamatan

131

Page 41: RANCANG BANGUN SISTEM E-LEARNING DI SMKN I …digilib.uin-suka.ac.id/22213/2/12650015_BAB-I_IV-atau-V_DAFTAR... · Teman-teman KKN 86 Kelompok 73 Padukuhan Pringinan Kecamatan

132

Page 42: RANCANG BANGUN SISTEM E-LEARNING DI SMKN I …digilib.uin-suka.ac.id/22213/2/12650015_BAB-I_IV-atau-V_DAFTAR... · Teman-teman KKN 86 Kelompok 73 Padukuhan Pringinan Kecamatan

133

Page 43: RANCANG BANGUN SISTEM E-LEARNING DI SMKN I …digilib.uin-suka.ac.id/22213/2/12650015_BAB-I_IV-atau-V_DAFTAR... · Teman-teman KKN 86 Kelompok 73 Padukuhan Pringinan Kecamatan

134

Page 44: RANCANG BANGUN SISTEM E-LEARNING DI SMKN I …digilib.uin-suka.ac.id/22213/2/12650015_BAB-I_IV-atau-V_DAFTAR... · Teman-teman KKN 86 Kelompok 73 Padukuhan Pringinan Kecamatan

135

Page 45: RANCANG BANGUN SISTEM E-LEARNING DI SMKN I …digilib.uin-suka.ac.id/22213/2/12650015_BAB-I_IV-atau-V_DAFTAR... · Teman-teman KKN 86 Kelompok 73 Padukuhan Pringinan Kecamatan

136

Page 46: RANCANG BANGUN SISTEM E-LEARNING DI SMKN I …digilib.uin-suka.ac.id/22213/2/12650015_BAB-I_IV-atau-V_DAFTAR... · Teman-teman KKN 86 Kelompok 73 Padukuhan Pringinan Kecamatan

137

Tabel Hasil Pengujian Usability Siswa

No Nama Pernyataan

1 2 3 4 5 6 7 8 9 10

1 Nugroho Ss Ss Ss Ss Ss S S N N N

2 Agung Ss S S S S N N S S S

3 Ghani S S S S Ss Ss S S S S

4 Erna S Ss Ss Ss Ss Ss S S S S

5 Laela S N N S S Ss Ss S Ss N

6 Nuzulia Ss Ss Ss S S S Ss Ss N N

7 Dona S S S N N N Ss Ss Ss Ss

8 Galuh N Ss N Ss N Ss N Ss N Ss

9 Muhlasin S S S S N N N N N N

10 Maryanto Ss Ss Ss S N N N S S S

11 Asri S S S N N S S S N N

12 Sinta N N N N N S Ss S S S

13 Zunita S S S S S S S Ss Ss Ss

14 Yasin N S S S S N Ss Ss Ss Ss

15 Heru Ss S Ss S S S Ss S N Ss

16 Arina Ss S N Ss S N Ss S N S

17 Alisa S S S S S S S Ss Ss Ss

18 Puspo Ss Ss Ss Ss S S S S N N

19 Epi Ss S N Ss S N Ss S N Ss

20 Adinda S S S S N N N N Ss Ss

21 Dina S S Ss S Ss Ss S S Ss S

22 Latifah Ss N Ss N Ss S N S Ss S

23 Riska Ss S Ss Ss S Ss Ss S Ss S

24 Rahma Ss Ss Ss Ss S S S S N N

25 Niken Ss S N S Ss S N N Ss S

26 Devinta N S Ss S N S Ss S N S

27 Evita Ss S N Ss S S Ss S N N

28 Mega S S S N N N S S S Ss

29 Salsa S S S S S Ss S S S S

30 Umi S Ss Ss Ss S Ss Ss Ss Ss S

31 Septian S Ss S Ss S Ss S Ss S S

32 Nurul Ss S Ss S Ss S Ss S Ss Ss

33 Wiwien S Ss Ss Ss S Ss Ss Ss Ss S

34 Mia S S Ss N Ts S Ts N N Ts

35 Jeri S S Ss N Ts S Ts N N Ts

36 Ema Ss S N S N Ss Ss S Ss Ss

37 Dwi Ss S S S S N N S S N

38 Anggi Ss S S S N N S S S S

39 Fani Ss S S S N N S S S S

40 Tri Ss S Ss S S S S S S N

41 Dahadi Ss S S S S N S S S S

42 Yusuf Ss S N S Ss S N S Ss S

Page 47: RANCANG BANGUN SISTEM E-LEARNING DI SMKN I …digilib.uin-suka.ac.id/22213/2/12650015_BAB-I_IV-atau-V_DAFTAR... · Teman-teman KKN 86 Kelompok 73 Padukuhan Pringinan Kecamatan

138

No Nama Pernyataan

1 2 3 4 5 6 7 8 9 10

43 Bayu Ss S S S Ss S S S S N

44 Adelia Ss S Ss S N Ss Ss S Ss S

45 Adni Ss S N S Ss S N S Ss S

46 Diyana Ss S Ss S N Ss Ss S Ss S

47 Arisna Ss Ss S Ss N S Ss Ss Ss S

48 Anggita Ss Ss S Ss N Ss Ss Ss Ss Ss

49 Yahya Ss Ss S S S N N Ss S S

50 Kurnia Ss Ss S Ss N Ss N S Ss S

51 Lazianita Ss Ss Ss S N Ss Ss S N S

52 Septian Ss Ss S N Ss Ss S Ss S Ss

53 Nana Ss Ss S N S N Ss Ss Ss Ss

54 Ilyas Ss S N S Ss S N S Ss S

55 Galih S S S S S Ss Ss Ss Ss Ss

56 Agung S S S Ss N Ss N S S S

57 Indah K S S S S Ss Ss Ss Ss N N

58 Yustika Ss Ss Ss Ss Ss Ss N N N N

59 Rahmalia Ss Ss Ss Ss S S S N N N

60 Ahmad S S S Ss Ss Ss Ss N N N

61 Suryo Ss Ss S S S Ss Ss S N N

62 Wulandari Ss Ss S S N N N N S S

63 Khoirul Ss Ss Ss N N N S S S S

64 Oktarina N S S S N N S S S N

65 Mamad Ss Ss Ss S S N S N N N

66 Anggi S S S Ss Ss S S N N S

67 Anisa S Ss S S S N S S S N

68 Yusuf Ss Ss Ss S S S N N N N

69 Siti Ss Ss Ss S S S S N N N

70 Wahyu S S Ss Ss S S Ss N N N

71 Indah Ss Ss Ss Ss S S S S N N

72 Eksi N N N N S S S S Ss Ss

73 Fahmi Ss Ss Ss Ss S S S N N N

74 Cahyo N S S S Ss Ss Ss Ss N S

75 Dian Ss S S Ss Ss S S S S S

Page 48: RANCANG BANGUN SISTEM E-LEARNING DI SMKN I …digilib.uin-suka.ac.id/22213/2/12650015_BAB-I_IV-atau-V_DAFTAR... · Teman-teman KKN 86 Kelompok 73 Padukuhan Pringinan Kecamatan

139

Tabel Hasil Pengujian Fungsionalitas Siswa

No Nama Pernyataan

1 2 3 4 5 6 7 8 9 10 11

1 Nugroho YA YA YA YA YA YA YA YA YA YA YA

2 Agung YA YA YA YA YA YA YA YA YA YA YA

3 Ghani YA YA YA YA YA YA YA YA YA YA YA

4 Erna YA YA YA YA YA YA YA YA YA YA YA

5 Laela YA YA YA YA YA YA YA YA YA YA YA

6 Nuzulia YA YA YA YA YA YA YA YA YA YA YA

7 Dona YA YA YA YA YA YA YA YA YA YA YA

8 Galuh YA YA YA YA YA YA YA YA YA YA YA

9 Muhlasin YA YA YA YA YA YA YA YA YA YA YA

10 Maryanto YA YA YA YA YA YA YA YA YA YA YA

11 Asri YA YA YA YA YA YA YA YA YA YA YA

12 Sinta YA YA YA YA YA YA YA YA YA YA YA

13 Zunita YA YA YA YA YA YA YA YA YA YA YA

14 Yasin YA YA YA YA YA YA YA YA YA YA YA

15 Heru YA YA YA YA YA YA YA YA YA YA YA

16 Arina YA YA YA YA YA YA YA YA YA YA YA

17 Alisa YA YA YA YA YA YA YA YA YA YA YA

18 Puspo YA YA YA YA YA YA YA YA YA YA YA

19 Epi YA YA YA YA YA YA YA YA YA YA YA

20 Adinda YA YA YA YA YA YA YA YA YA YA YA

21 Dina YA YA YA YA YA YA YA YA YA YA YA

22 Latifah YA YA YA YA YA YA YA YA YA YA YA

23 Riska YA YA YA YA YA YA YA YA YA YA YA

24 Rahma YA YA YA YA YA YA YA YA YA YA YA

25 Niken YA YA YA YA YA YA YA YA YA YA YA

26 Devinta YA YA YA YA YA YA YA YA YA YA YA

27 Evita YA YA YA YA YA YA YA YA YA YA YA

28 Mega YA YA YA YA YA YA YA YA YA YA YA

29 Salsa YA YA YA YA YA YA YA YA YA YA YA

30 Umi YA YA YA YA YA YA YA YA YA YA YA

31 Septian YA YA YA YA YA YA YA YA YA YA YA

32 Nurul YA YA YA YA YA YA YA YA YA YA YA

33 Wiwien YA YA YA YA YA YA YA YA YA YA YA

34 Mia YA YA YA YA YA YA YA YA YA YA YA

35 Jeri YA YA YA YA YA YA YA YA YA YA YA

36 Ema YA YA YA YA YA YA YA YA YA YA YA

37 Dwi YA YA YA YA YA YA YA YA YA YA YA

38 Anggi YA YA YA YA YA YA YA YA YA YA YA

39 Fani YA YA YA YA YA YA YA YA YA YA YA

40 Tri YA YA YA YA YA YA YA YA YA YA YA

41 Dahadi YA YA YA YA YA YA YA YA YA YA YA

42 Yusuf YA YA YA YA YA YA YA YA YA YA YA

Page 49: RANCANG BANGUN SISTEM E-LEARNING DI SMKN I …digilib.uin-suka.ac.id/22213/2/12650015_BAB-I_IV-atau-V_DAFTAR... · Teman-teman KKN 86 Kelompok 73 Padukuhan Pringinan Kecamatan

140

No Nama Pernyataan

1 2 3 4 5 6 7 8 9 10 11

43 Bayu YA YA YA YA YA YA YA YA YA YA YA

44 Adelia YA YA YA YA YA YA YA YA YA YA YA

45 Adni YA YA YA YA YA YA YA YA YA YA YA

46 Diyana YA YA YA YA YA YA YA YA YA YA YA

47 Arisna YA YA YA YA YA YA YA YA YA YA YA

48 Anggita YA YA YA YA YA YA YA YA YA YA YA

49 Yahya YA YA YA YA YA YA YA YA YA YA YA

50 Kurnia YA YA YA YA YA YA YA YA YA YA YA

51 Lazianita YA YA YA YA YA YA YA YA YA YA YA

52 Septian YA YA YA YA YA YA YA YA YA YA YA

53 Nana YA YA YA YA YA YA YA YA YA YA YA

54 Ilyas YA YA YA YA YA YA YA YA YA YA YA

55 Galih YA YA YA YA YA YA YA YA YA YA YA

56 Agung YA YA YA YA YA YA YA YA YA YA YA

57 Indah K YA YA YA YA YA YA YA YA YA YA YA

58 Yustika YA YA YA YA YA YA YA YA YA YA YA

59 Rahmalia YA YA YA YA YA YA YA YA YA YA YA

60 Ahmad YA YA YA YA YA YA YA YA YA YA YA

61 Suryo YA YA YA YA YA YA YA YA YA YA YA

62 Wulandari YA YA YA YA YA YA YA YA YA YA YA

63 Khoirul YA YA YA YA YA YA YA YA YA YA YA

64 Oktarina YA YA YA YA YA YA YA YA YA YA YA

65 Mamad YA YA YA YA YA YA YA YA YA YA YA

66 Anggi YA YA YA YA YA YA YA YA YA YA YA

67 Anisa YA YA YA YA YA YA YA YA YA YA YA

68 Yusuf YA YA YA YA YA YA YA YA YA YA YA

69 Siti YA YA YA YA YA YA YA YA YA YA YA

70 Wahyu YA YA YA YA YA YA YA YA YA YA YA

71 Indah YA YA YA YA YA YA YA YA YA YA YA

72 Eksi YA YA YA YA YA YA YA YA YA YA YA

73 Fahmi YA YA YA YA YA YA YA YA YA YA YA

74 Cahyo YA YA YA YA YA YA YA YA YA YA YA

75 Dian YA YA YA YA YA YA YA YA YA YA YA

Page 50: RANCANG BANGUN SISTEM E-LEARNING DI SMKN I …digilib.uin-suka.ac.id/22213/2/12650015_BAB-I_IV-atau-V_DAFTAR... · Teman-teman KKN 86 Kelompok 73 Padukuhan Pringinan Kecamatan

141

Tabel Hasil Pengujian Usability Guru

Tabel Hasil Pengujian Usability Admin

No Nama Pernyataan

1 2 3 4 5 6 7 8 9 10

1 Hery Santono, S.Kom

Ss S S S Ss Ss S S S S

2. Ahmad Mustafid, S.Kom

Ss Ss Ss S S S Ss S S Ss

3. Faris Nur Zaman S S S N S N Ts N N N

4. Muhammad Nur Alfani

S S N S Ss S N Ss S S

5. M. Syaeful Bahry, S.Kom

Ss Ss S Ss Ss Ss Ss Ss Ss Ss

Tabel Hasil Pengujian Fungsionalitas Admin

No Nama Pernyataan

YA TIDAK

1 Hery Santono, S.Kom 44 -

2 Ahmad Mustafid, S.Kom 44 -

3 Faris Nur Zaman 44 -

4 Muhammad Nur Alfani 44 -

5 M. Syaeful Bahry, S.Kom 44 -

No Nama Pernyataan

1 2 3 4 5 6 7 8 9 10

1 Drs. Agung Riyadi Ss Ss S S S Ss Ss Ss S S

2 Drs. Muhtar Hadi Ss Ss Ss Ss Ss Ss Ss Ss Ss Ss

3 Agus Sutarja, S.Pd Ss S Ss Ss Ss Ss Ss Ss Ss Ss

4 Dyah Sulistyowati, S.Kom

Ss Ss Ss S Ss Ss S Ss Ss Ss

5 Tri Nugroho, S.Pd Ss N Ss N Ss Ss Ss Ss S S

6 Dwi Wahyu Arifin S S S N N N S S S N

7 Jujun Sulistya N S S S S S S S S S S

8 Adin Nasiri S S S S S S S S S S

9 Sukamto, S.Kom S S S S S S S S S S

10 Yuliarto, S.Kom S S S S S S S S S S

Page 51: RANCANG BANGUN SISTEM E-LEARNING DI SMKN I …digilib.uin-suka.ac.id/22213/2/12650015_BAB-I_IV-atau-V_DAFTAR... · Teman-teman KKN 86 Kelompok 73 Padukuhan Pringinan Kecamatan

142

Tabel Hasil Pengujian Fungsionalitas Guru

No Nama Pernyataan

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18

1 Drs. Agung Riyadi YA YA YA YA YA YA YA YA YA YA YA YA YA YA YA YA YA YA

2 Drs. Muhtar Hadi YA YA YA YA YA YA YA YA YA YA YA YA YA YA YA YA YA YA

3 Agus Sutarja, S.Pd YA YA YA YA YA YA YA YA YA YA YA YA YA YA YA YA YA YA

4 Dyah Sulistyowati, S.Kom

YA YA YA YA YA YA YA YA YA YA YA YA YA YA YA YA YA YA

5 Tri Nugroho, S.Pd YA YA YA YA YA YA YA YA YA YA YA YA YA YA YA YA YA YA

6 Dwi Wahyu Arifin YA YA YA YA YA YA YA YA YA YA YA YA YA YA YA YA YA YA

7 Jujun Sulistya N YA YA YA YA YA YA YA YA YA YA YA YA YA YA YA YA YA YA

8 Adin Nasiri YA YA YA YA YA YA YA YA YA YA YA YA YA YA YA YA YA YA

9 Sukamto, S.Kom YA YA YA YA YA YA YA YA YA YA YA YA YA YA YA YA YA YA

10 Yuliarto, S.Kom YA YA YA YA YA YA YA YA YA YA YA YA YA YA YA YA YA YA

Page 52: RANCANG BANGUN SISTEM E-LEARNING DI SMKN I …digilib.uin-suka.ac.id/22213/2/12650015_BAB-I_IV-atau-V_DAFTAR... · Teman-teman KKN 86 Kelompok 73 Padukuhan Pringinan Kecamatan

143

Page 53: RANCANG BANGUN SISTEM E-LEARNING DI SMKN I …digilib.uin-suka.ac.id/22213/2/12650015_BAB-I_IV-atau-V_DAFTAR... · Teman-teman KKN 86 Kelompok 73 Padukuhan Pringinan Kecamatan

143

CURICULUM VITAE

Identitas Diri

Nama : Muhammad Afif Muhtar

Tempat, Tanggal Lahir : Boyolali, 24 Oktober 1992

Kewarganegaraan : Indonesia

Agama : Islam

Jenis Kelamin : Laki-laki

Golongan Darah : O

Email : [email protected]

Kontak : +6285728963093

Riwayat Pendidikan

1999 – 2005 : SD Negeri 3 Boyolali

2005 – 2008 : SMP Negeri 2 Boyolali

2008 – 2011 : SMA Negeri 1 Boyolali

2011 – 2011 : S1 T. Informatika Universitas Muhammadiyah Surakarta

2012 – 2016 : S1 T. Informatika UIN Sunan Kalijaga Yogyakarta