ANALISIS DAN PERANCANGAN E-LEARNING PADA SEKOLAH SMAK 1 BPK PENABUR Ivan Adriansyah 0800735072 Mariana 0800759690 Budi Yanto 0800760710 Abstrak - ANALISIS DAN PERANCANGAN E-LEARNING PADA SEKOLAH SMAK 1 BPK PENABUR - Binus e-Thesis

(1)

iv

BINUS UNIVERSITY

________________________________________________________________ Jurusan Sistem Informasi

Skripsi Sarjana Komputer Semester Ganjil tahun 2007/2008

ANALISIS DAN PERANCANGAN E-LEARNING

PADA SEKOLAH SMAK 1 BPK PENABUR

Ivan Adriansyah 0800735072

Mariana 0800759690

Budi Yanto 0800760710

Abstrak

Tujuan dari skripsi ini adalah merancang sistem yang menghasilkan suatu aplikasi E-Learning yang dapat digunakan untuk mendukung proses belajar mengajar yang berlangsung di SMAK 1 BPK PENABUR Metode penelitian yang digunakan adalah metode pengumpulan data yang dilakukan dengan penelitian lapangan ( wawancara dan kuesioner) dan penelitian kepustakaan. Metode analisis yang digunakan adalah menganalisis hasil wawancara dan kuisioner. Sedangkan metode perancangan menggunkan tools Object Oriented dengan pendekatan Lars Mathiassen et al yang terdiri dari Rich Picture, Structure, Behaviour, Usage, Interface, dan Sequence yang menggunakan pendekatan Simon Bennet el at. Alat Bantu pemodelan sistem yang digunakan adalah UML ( Unified Modelling Language ). Perancangan aplikasi menggunakan bahasa pemograman PHP dan perancangan database menggunakan MySQL. Hasil yang dicapai adalah terciptanya suatu aplikasi E-Learning yang dapat digunakan untuk mendukung proses belajar mengajar SMAK 1 BPK PENABUR. Simpulan yang didapat adalah dengan adanya aplikasi E-Learning diharapkan proses belajar mengajar dapat berlangsung tidak hanya di dalam kelas sehingga kualitas siswa dan guru serta proses belajar mengajar manjadi lebih baik.

(2)

v PRAKATA

Sebelumnya penulis ucapkan puji syukur kepada Tuhan Yang Maha Esa atas berkat dan anugerah-Nya, sehingga penulis dapat menyelesaikan skripsi ini yang merupakan syarat untuk meraih gelar kesarjanaan pada jenjang pendidikan Strata-1 tepat pada waktunya.

Pada kesempatan ini pula, tak lupa penulis juga ingin mengucapkan rasa terima kasih yang sebesar-besarnya kepada semua pihak yang telah banyak membantu dan memberikan dukungan baik secara langsung maupun tidak langsung dalam menyusun dan menyelesaikan skripsi ini, yaitu:

1. Bapak Prof. Dr. Gerardus Polla, M.App.Sc., selaku Rektor Universitas Bina Nusantara.

2. Bapak Ir. Yusuf Sablin, M.Sc., selaku Dekan Universitas Bina Nusantara.

3. Bapak Johan, S.Kom., MM. selaku Ketua Jurusan Sistem Informasi Universitas Bina Nusantara.

4. Bapak Henkie Ongowarsito, S.Kom., M.T., M.Sc, selaku sekretaris jurusan Sistem Informasi Universitas Bina Nusantara.

5. Bapak Henry Antonius Eka W, S.Kom., MM., selaku dosen pembimbing yang telah meluangkan banyak waktu dan dengan kesabarannya membimbing penulis dalam menyelesaikan skripsi ini.

6. Dosen-dosen Universitas Bina Nusantara yang telah mendidik dan membimbing penulis selama perkuliahan.

(3)

vi

memberikan informasi dan bantuan kepada penulis dalam menyelesaikan skripsi ini.

8. Keluarga, baik orang tua maupun saudara yang telah memberikan doa, dukungan materi dan moral kepada penulis sejak awal sampai dengan selesainya Skripsi ini.

9. Teman-teman dan pihak-pihak lain yang tidak dapat penulis sebutkan satu persatu, yang telah membantu memberikan dukungan, saran maupun kritik sehingga penulisan skripsi ini dapat diselesaikan tepat pada watunya.

Penulis menyadari masih banyak kekurangan dan kesalahan dalam skripsi ini karena keterbatasan waktu, sumber, pengetahuan dan pengalaman dari penulis. Penulis telah mengupayakan kemampuan terbaik untuk dapat memberikan hasil yang terbaik menurut kemampuan yang dimiliki.

Akhir kata, penulis mengucapkan terima kasih dan mohon maaf apabila terdapat kesalahan yang disengaja maupun tidak disengaja Penulis sangat berharap skripsi ini bermanfaat bagi pembaca, penulis juga menyadari bahwa skripsi ini masih jauh dari sempurna. Oleh karena itu, penulis sangat mengharapkan adanya kritik, saran, dan koreksi yang membangun dari pembaca. Penulis berharap semoga skripsi ini bisa menjadi referensi dan sumbangsih untuk penelitian selanjutnya dan bermanfaat dimasa yang akan datang.

Jakarta, Januari 2008

(4)

vii DAFTAR ISI

Halaman Judul Luar ...i

Halaman Judul Dalama ...ii

Halaman Persetujuan Hardcover ... iii

Abstrak ...iv

PRAKATA ...v

DAFTAR ISI ...vii

DAFTAR TABEL ...xii

DAFTAR LAMPIRAN ...xxvii

BAB 1 PENDAHULUAN ...1

1.1. Latar Belakang ...1

1.2. Ruang Lingkup ...3

1.3. Tujuan dan Manfaat...3

1.4. Metodologi ...4

1.5. Sistematika Penulisan...5

BAB 2 LANDASAN TEORI...7

2.1 Teori-teori Dasar / Umum...7

2.1.1 Internet 7 2.1.1.1 Pengertian internet...7

2.1.1.2 Sejarah Internet...8

2.1.2 Personal Home Page (PHP) ...9

2.1.2.1 Pengertian PHP...9

2.1.2.2 Kelebihan PHP ...10

(5)

viii

2.1.3.1 Pengertian MySQL ...11

2.1.3.2 Kelebihan MySQL...11

2.1.4 Analisis dan Perancangan Sistem Informasi ...12

2.1.4.1 Pengertian Analisis Sistem ...12

2.1.4.2 Pengertian Perancangan Sistem...12

2.1.4.3 Pengertian System Definition...12

2.1.4.4 Pengertian Rich Picture...12

2.1.4.5 Pengertian Problem Domain...13

2.1.4.5.1Class...13

2.1.4.5.2 Structure...13

2.1.4.5.3Behaviour...17

2.1.4.6 Application Domain Analysis...18

2.1.4.6.1 Usage...18

2.1.4.6.2 Function...18

2.1.4.6.3 Interface ...19

2.2 Teori-teori Khusus ...21

2.2.1 Pengertian E-Learning...21

2.2.1.1 LMS (Learning Management System) ...22

2.2.1.2 LCMS (Learning Content Management System)...25

2.2.1.3 Perbedaan LMS dan LCMS...26

2.2.2 Karakteristik E-Learning...29

2.2.3 Tipe-tipe E-Learning...30

2.2.3.1. Synchronous Training ...30

(6)

ix

BAB 3 ANALISIS DAN PERANCANGAN SISTEM ...31

3.1 Analisis Sistem yang Berjalan ...31

3.1.1 Latar Belakang SMAK 1 BPK PENABUR...31

3.1.2 Tujuan SMAK 1 BPK PENABUR...32

3.1.3 Visi SMAK 1 BPK PENABUR ...33

3.1.4 Misi SMAK 1 BPK PENABUR...33

3.1.5 Strukur Organisasi SMAK 1 BPK PENABUR ...33

3.1.6 Tugas dan Wewenang...34

3.1.6.1. Kepala Sekolah...34

3.1.6.2. Wakil Urusan Kurikulum ...34

3.1.6.3. Wakil Urusan Administrasi & Sarana dan Prasarana...35

3.1.6.4. Wakil Urusan Hubungan Masyarakat ...35

3.1.6.5. Guru...35

3.1.7 Tata Laksana Sistem yang Berjalan ...36

3.1.8 Analisa hasil kuisioner pada SMAK 1 BPK PENABUR ...39

3.1.9 Masalah yang dihadapi ...54

3.1.10 Usulan pemecahan masalah...55

3.2 Perancangan Sistem yang Diusulkan ...55

3.2.1. Tata laksana sistem yang diusulkan ...55

3.2.2. Class Diagram ...58

3.2.3. State Chart Diagram ...59

3.2.3.1. Admin ...59

3.2.3.2. Guru...59

(7)

x

3.2.3.4. Siswa Lain ...60

3.2.3.5. Pengumuman ...60

3.2.3.6. Kelas ...60

3.2.3.7. Anggota Kelas ...60

3.2.3.8. Shift ...61

3.2.3.9. Jadwal Kelas ...61

3.2.3.10.Mata Pelajaran ...61

3.2.3.11.Materi Header ...61

3.2.3.12.Materi Detail...62

3.2.3.13. Soal Essay Header...62

3.2.3.14.Soal Essay Detail...62

3.2.3.15.Soal PG Header...63

3.2.3.16. Soal PG Detail...63

3.2.3.17.Jawaban Siswa...63

3.2.3.18. Nilai ...64

3.2.3.19.Tread Forum...64

3.2.3.20.Title Forum ...64

3.2.3.21. Message...64

3.2.4. Use case Diagram...65

3.2.4.1. Use case Admin...65

3.2.4.2. Use case Guru...74

3.2.4.3. Use Case Siswa ...77

3.2.6. Rancangan Layar ...112

(8)

xi

3.2.8. Perancangan Database...177

BAB 4 IMPLEMENTASI DAN EVALUASI ...193

4.1. Rencana Implementasi ...183

4.2. Tampilan Layar ...198

4.3. Kebutuhan Perangkat Keras dan Perangkat Lunak...274

4.4.1. Spesifikasi Perangkat Keras ...274

4.4.2. Spesifikasi Perangkat Lunak ...274

4.4. Evaluasi ...275

BAB 5 SIMPULAN DAN SARAN ...252

5.1 Simpulan ….………295

5.2. Saran ...297

DAFTAR PUSTAKA ...255

(9)

xii

DAFTAR TABEL

Tabel 3.1 Tabel Jawaban Pertanyaan Kuisioner Siswa Nomor 1.a ...39

Tabel 3.2 Tabel Jawaban Pertanyaan Kuisioner Siswa Nomor 1.b ...40

Tabel 3.3 Tabel Jawaban Pertanyaan Kuisioner Siswa Nomor 1.c ...41

Tabel 3.4 Tabel Jawaban Pertanyaan Kuisioner Siswa Nomor 2 ...41

Tabel 3.10 Tabel Jawaban Pertanyaan Kuisioner Guru Nomor 1...47

Tabel 3.20 Use CaseSpecification untuk Mendata User ( Admin ) ...67

Tabel 3.21 Use CaseSpecification untuk Mengubah Data User ( Admin ) ...67

(10)

xiii

Tabel 3.23 Use CaseSpecification untuk Mengubah Mata Pelajaran ( Admin ) ...68

Tabel 3.24 Use CaseSpecification untuk Mendata Kelas ( Admin ) ...68

Tabel 3.25 Use CaseSpecification untuk Mengubah Kelas ( Admin ) ...68

Tabel 3.26 Use CaseSpecification untuk Mendata Anggota Kelas ( Admin )...69

Tabel 3.27 Use CaseSpecification untuk Mengubah Anggota Kelas ( Admin )...69

Tabel 3.28 Use Case Specification untuk Mendata Jadwal Pelajaran ( Admin )...69

Tabel 3.29 Use CaseSpecification untuk Mengubah Jadwal Pelajaran ( Admin ) ...70

Tabel 3.30 Use CaseSpecification untuk Mengupload Materi Pelajaran ( Admin )...70

Tabel 3.31 Use CaseSpecification untuk Mengubah Materi Pelajaran ( Admin )...71

Tabel 3.32 Use CaseSpecification untuk Mendata Soal PG ( Admin ) ...71

Tabel 3.33 Use CaseSpecification untuk Mengubah Soal PG ( Admin ) ...71

Tabel 3.34 Use CaseSpecification untuk Mengupload Soal Essay ( Admin )...72

Tabel 3.35 Use CaseSpecification untuk Mengubah Soal Essay ( Admin ) ...72

Tabel 3.36 Use CaseSpecification untuk Mendata Pengumuman ( Admin )...72

Tabel 3.37 Use CaseSpecification untuk Mengubah Pengumuman ( Admin ) ...73

Tabel 3.38 Use CaseSpecification untuk Melihat Jadwal Guru ( Admin )...73

Tabel 3.39 Use CaseSpecification untuk Mengubah Password ( Admin ) ...73

Tabel 3.40 Use Case Specification untuk Mengakses Forum ( Admin )...74

Tabel 3.41 Use Case Specification untuk Melihat Jadwal Guru ( Guru )...75

Tabel 3.42 Use Case Specification untuk Melihat Materi Pelajaran ( Guru ) ...75

Tabel 3.43 Use CaseSpecification untuk Melihat Nilai PG Siswa ( Guru ) ...76

Tabel 3.44 Use CaseSpecification untuk Mengubah Password ( Guru ) ...76

(11)

xiv

Tabel 3.47 Use CaseSpecification untuk Pembelajaran Materi ( Siswa )...78

Tabel 3.48 Use Case Specification untuk Pembelajaran Materi Sekolah Lain ( Siswa SMAK 1 )...79

Tabel 3.49 Use CaseSpecification untuk Melihat Nilai Soal PG ( Siswa ) ...79

Tabel 3.50 Use CaseSpecification untuk Mengubah Password ( Siswa SMAK 1 ) ...79

Tabel 3.51 Use CaseSpecification untuk Mengakses Forum ( Siswa ) ...80

Tabel 3.52 Tabel Ms Admin ...177

Tabel 3.53 Tabel Ms Guru ...178

Tabel 3.54 Tabel Ms Siswa...179

Tabel 3.55 Tabel Ms Siswa Lain ...180

Tabel 3.56 Tabel Pengumuman ...181

Tabel 3.57 Tabel Ms Kelas ...182

Tabel 3.58 Tabel Anggotakelas ...182

Tabel 3.59 Tabel Shift...183

Tabel 3.60 Tabel Tr Jadwal Kelas ...184

Tabel 3.61 Tabel Ms Mata Pelajaran ...185

Tabel 3.62 Tabel Materi Header...185

Tabel 3.63 Tabel Materi Detail...186

Tabel 3.64 Tabel Soal Essay Header...186

Tabel 3.65 Tabel Soal Essay Detail...187

Tabel 3.66 Tabel Soal PG Header...188

Tabel 3.67 Tabel Soal PG Detail...189

Tabel 3.68 Tabel Jawaban Siswa ...190

(12)

xv

Tabel 3.70 Tabel Thread Forum ...192

Tabel 3.71 Tabel Title Forum ...193

Tabel 3.72 Tabel Message...194

Tabel 4.1 Jawaban Pertanyaan Kuisioner Evaluasi Siswa Nomor 1 ...276

Tabel 4.10 Jawaban Pertanyaan Kuisioner Evaluasi Guru Nomor 1...285

(13)

xvi

DAFTAR GAMBAR

Gambar 2.1 Generalization Structure...14

Gambar 2.2 Class structure...15

Gambar 2.3 Aggregation structure...16

Gambar 2.4 Association structure...17

Gambar 2.5 Contoh Statechart Diagram...17

Gambar 3.1 Struktur Organisasi SMAK 1 BPK PENABUR ...33

Gambar 3.2 Rich Picture yang sedang berjalan...38

Gambar 3.3 Diagram Pie Jawaban Pertanyaan Kuisioner Siswa Nomor 1.a...40

Gambar 3.4 Diagram Pie Jawaban Pertanyaan Kuisioner Siswa Nomor 1.b ...40

Gambar 3.5 Diagram Pie Jawaban Pertanyaan Kuisioner Siswa Nomor 1.c...41

Gambar 3.6 Diagram Pie Jawaban Pertanyaan Kuisioner Siswa Nomor 2 ...42

Gambar 3.12 Diagram Pie Jawaban Pertanyaan Kuisioner Guru Nomor 1...47

(14)

xvii

Gambar 3.22 Class Diagram...58

Gambar 3.23 Statechart Admin ...59

Gambar 3.24 Statechart Guru ...59

Gambar 3.25 Statechart Siswa SMAK 1 ...59

Gambar 3.26 Statechart Siswa Lain ...60

Gambar 3.27 Statechart Pengumuman ...60

Gambar 3.28 Statechart Kelas ...60

Gambar 3.29 Statechart Anggota Kelas ...60

Gambar 3.30 Statechart Shift ...61

Gambar 3.31 Statechart Jadwal Kelas ...61

Gambar 3.32 Statechart Mata Pelajaran ...61

Gambar 3.33 Statechart Materi Header...61

Gambar 3.34 Statechart Materi Detail...62

Gambar 3.35 Statechart Soal Essay Header...62

Gambar 3.36 Statechart Soal Essay Detail...62

Gambar 3.37 Statechart Soal PG Header...63

Gambar 3.38 Statechart Soal PG Detail...63

Gambar 3.39 Statechart Jawaban Siswa ...63

(15)

xviii

Gambar 3.41 StatechartTread Forum ...64

Gambar 3.42 Statechart Title Forum ...64

Gambar 3.43 StatechartMessage...64

Gambar 3.44 Use Case Admin ...66

Gambar 3.45 Use case Guru ...74

Gambar 3.46 Use Case Siswa ...77

Gambar 3.47 Sequence Mendata User ( admin ) ...80

Gambar 3.48 Sequence Mengubah Data User ( Admin )...81

Gambar 3.49 Sequence Mendata Mata Pelajaran ( Admin )...82

Gambar 3.50 Sequence Mengubah Mata Pelajaran ( Admin )...83

Gambar 3.51 Sequence Mendata Kelas ( Admin )...84

Gambar 3.52 Sequence Mengubah Kelas ( Admin )...85

Gambar 3.53 Sequence Mendata Anggota Kelas ( Admin ) ...86

Gambar 3.54 Sequence Mengubah Anggota Kelas ( Admin )...87

Gambar 3.55 Sequence Mendata Jadwal Pelajaran ( Admin )...88

Gambar 3.56 Sequence Mengubah Jadwal Pelajaran ( Admin )...89

Gambar 3.57 Sequence Mengupload Materi Umum ( Admin )...90

Gambar 3.58 Sequence Mengubah Materi Umum ( Admin ) ...91

Gambar 3.59 Sequence Mendata Soal PG ( Admin )...92

Gambar 3.60 Sequence Mengubah Soal PG ( Admin ) ...93

Gambar 3.61 Sequence Mengupload Soal Essay ( Admin ) ...94

Gambar 3.62 Sequence Mengubah Soal Essay ( Admin ) ...95

Gambar 3.63 Sequence Mendata Pengumuman ( Admin )...96

(16)

xix

Gambar 3.65 Sequence Melihat Jadwal Guru ( Admin ) ...97

Gambar 3.66 Sequence Mengubah Password ( Admin ) ...97

Gambar 3.67 Sequence Mengakses Forum ( Admin ) ...98

Gambar 3.68 Sequence Melihat Jadwal Guru ( Guru ) ...99

Gambar 3.69 Sequence Melihat Materi Pelajaran ( Guru )...100

Gambar 3.70 Sequence Melihat Nilai PG Siswa ( Guru )...101

Gambar 3.71 Sequence Mengubah Password ( Guru ) ...102

Gambar 3.72 Sequence Mengakses Forum ( Guru )...103

Gambar 3.73 Sequence Melihat Jadwal Pelajaran ( Siswa SMAK 1 ) ...104

Gambar 3.74 Sequence Pembelajaran Materi ( Siswa SMAK 1 ) ...105

Gambar 3.75 Sequence Pembelajaran Materi Sekolah Lain ( Siswa SMAK 1 ) ...106

Gambar 3.76 Sequence Melihat Materi ( Siswa Lain ) ...107

Gambar 3.77 Sequence Melihat Nilai Soal PG ( Siswa SMAK 1 ) ...108

Gambar 3.78 Sequence Melihat Nilai Soal PG ( Siswa Lain ) ...109

Gambar 3.79 Sequence Mengakses Forum ( Siswa SMAK 1 ) ...110

Gambar 3.80 Sequence Ubah Password ( Siswa SMAK 1 )...111

Gambar 3.81 Rancangan Layar Login ( Admin, Guru dan Siswa ) ...112

Gambar 3.82 Rancangan Layar Home ( Admin, Guru, Siswa )...113

Gambar 3.83 Rancangan Layar Input Pengumuman ( Admin ) ...114

Gambar 3.84 Rancangan Layar View Pengumuman ( Admin )...115

Gambar 3.85 Rancangan Layar Input User ( Admin ) ...116

Gambar 3.86 Rancangan Layar View User ( Admin ) ...117

Gambar 3.87 Rancangan Layar Input Mata Pelajaran ( Admin ) ...118

(17)

xx

Gambar 3.89 Rancangan Layar Input Kelas ( Admin ) ...120

Gambar 3.90 Rancangan Layar View Kelas ( Admin )...121

Gambar 3.91 Rancangan Layar Input Anggota Kelas ( Admin )...122

Gambar 3.92 Rancangan Layar View Anggota Kelas ( Admin ) ...124

Gambar 3.93 Rancangan Layar Input Jadwal Pelajaran ( Admin ) ...125

Gambar 3.94 Rancangan Layar View Jadwal Pelajaran ( Admin ) ...126

Gambar 3.95 Rancangan Layar View Jadwal Guru ( Admin )...127

Gambar 3.96 Rancangan Layar View Materi Umum ( Admin ) ...128

Gambar 3.97 Rancangan Layar View Materi Umum Setelah Klik Update ( Admin ) ..129

Gambar 3.98 Rancangan Layar Input Soal PG ( Admin ) ...130

Gambar 3.99 Rancangan Layar Input Soal PG Setelah Klik Insert Soal PG( Admin ) 131 Gambar 3.100 Rancangan Layar View Soal PG ( Admin )...132

Gambar 3.101 Rancangan Layar View Soal PG Setelah Klik View Soal ( Admin )...133

Gambar 3.102 Rancangan Layar View Soal PG Setelah Klik View Detil Soal ( Admin )...134

Gambar 3.103 Rancangan Layar View Soal PG Setelah Klik Update ( Admin ) ...135

Gambar 3.104 Rancangan Layar Input Soal Essay ( Admin ) ...136

Gambar 3.105 Rancangan Layar Input Soal Essay Setelah Klik Insert Soal Essay ...137

( Admin )...137

Gambar 3.106 Rancangan Layar View Soal Essay ( Admin ) ...138

Gambar 3.107 Rancangan Layar Ubah Password ( Admin )...139

Gambar 3.108 Rancangan Layar Forum ( Admin ) ...140

Gambar 3.109 Rancangan Layar Forum Setelah Klik Link Forum ( Admin ) ...141

(18)

xxi

Gambar 3.111 Rancangan Layar Forum Setelah Pilih Sub Topik ( Admin ) ...143

Gambar 3.112 Rancangan Layar View Jadwal Guru ( Guru ) ...144

Gambar 3.113 Rancangan Layar View Materi ( Guru ) ...145

Gambar 3.114 Rancangan Layar View Materi Setelah Klik Memilih Mata Pelajaran dan Submit Query ( Guru )...146

Gambar 3.115 Rancangan Layar View Materi Setelah Memilih Pertemuan atau Klik Show ( Guru ) ...147

Gambar 3.116 Rancangan Layar view materi setelah klik cek jawaban ( Guru ) ...148

Gambar 3.117 Rancangan Layar View Materi Setelah Klik Soal PG ( Guru ) ...149

Gambar 3.118 Rancangan Layar Report ( Guru )...150

Gambar 3.119 Rancangan Layar Report Setelah Klik Submit ( Guru )...151

Gambar 3.120 Rancangan Layar Report Setelah Klik Nama Siswa ( Guru )...152

Gambar 3.121 Rancangan Layar Ubah Password ( Guru ) ...153

Gambar 3.122 Rancangan Layar forum ( Guru ) ...154

Gambar 3.123 Rancangan Layar Forum Setelah Klik Link Forum ( Guru ) ...155

Gambar 3.124 Rancangan Layar Forum Stelah Klik Buat Topik ( Guru )...156

Gambar 3.125 Rancangan Layar Forum Setelah Pilih Topik ( Guru ) ...157

Gambar 3.126 Rancangan Layar Forum Setelah Pilih Sub Topik ( Guru ) ...158

Gambar 3.127 Rancangan Layar Forum Setelah Klik Reply Topik ( Guru )...159

Gambar 3.128 Rancangan Layar View Jadwal Pelajaran ( Siswa SMAK 1)...160

Gambar 3.129 Rancangan Layar View Materi ( Siswa SMAK 1 ) ...161

Gambar 3.130 Rancangan Layar View Materi Setelah Memilih Mata Pelajaran dan Mensubmit Query ( Siswa SMAK 1)...162

(19)

xxii

Gambar 3.132 Rancangan Layar View Materi Setelah Klik Soal PG

( Siswa SMAK 1 )...164

Gambar 3.133 Rancangan Layar Report ( Siswa SMAK 1) ...165

Gambar 3.134 Rancangan Layar Report Setelah Memilih Mata Pelajaran dan Mensubmit Queri ( Siswa SMAK 1 )...166

Gambar 3.135 Rancangan Layar Ubah Password ( Siswa SMAK 1)...167

Gambar 3.136 Rancangan Layar Forum ( Siswa SMAK 1 ) ...168

Gambar 3.137 Rancangan Layar Forum Setelah Klik Link Forum ( Siswa SMAK 1 ).169 Gambar 3.138 Rancangan Layar Forum Setelah Pilih Topik ( Siswa SMAK 1 ) ...170

Gambar 3.139 Rancangan Layar Forum Setelah Pilih Sub Topik ( Siswa SMAK 1 ) ..171

Gambar 3.140 Rancangan Layar Forum Setelah Klik Reply Topik ( Siswa SMAK 1 ) 172 Gambar 3.141 Navigation Diagram ( Admin ) ...173

Gambar 3.142 Navigation Diagram ( Guru ) ...174

Gambar 3.143 Navigation Diagram ( Siswa SMAK 1 ) ...175

Gambar 3.144 Navigation Diagram ( Siswa Lain ) ...176

Gambar 4.1 Halaman Login...198

Gambar 4.2 Halaman Home ( Admin ) ...199

Gambar 4.3 Halaman Input Pengumuman ( Admin ) ...200

Gambar 4.4 Halaman Input User ( Admin )...201

Gambar 4.5 Halaman Input Kelas ( Admin ) ...202

Gambar 4.6 Halaman Input Anggota Kelas ( Admin ) ...203

Gambar 4.7 Halaman Input Anggota Kelas Setelah Klik Pilih (Admin)...204

Gambar 4.8 Halaman Input Mata Pelajaran ( Admin ) ...205

(20)

xxiii

Gambar 4.10 Halaman Input Materi Umum ( Admin ) ...207

Gambar 4.11 Halaman Input Soal PG ( Admin )...208

Gambar 4.12 Halaman Input Soal PG Setelah Klik Insert Soal PG ( Admin ) ...209

Gambar 4.13 Halaman Input Soal Essay ( Admin )...210

Gambar 4.14 Halaman Input Soal Essay Setelah Klik Input Soal Essay ( Admin )...211

Gambar 4.15 Halaman View Pengumuman ( Admin ) ...212

Gambar 4.16 Halaman View Kelas ( Admin ) ...213

Gambar 4.17 Halaman View Anggota Kelas ( Admin )...214

Gambar 4.18 Halaman View User ( Admin )...215

Gambar 4.19 Halaman View User Setelah Klik Update ( Admin ) ...216

Gambar 4.20 Halaman View Mata Pelajaran ( Admin ) ...217

Gambar 4.21 Halaman View Jadwal Pelajaran ( Admin )...218

Gambar 4.22 Halaman View Jadwal Guru ( Admin ) ...219

Gambar 4.23 Halaman View Materi Umum ( Admin )...220

Gambar 4.24 Halaman View Materi Umum Setelah Klik Update ( Admin ) ...221

Gambar 4.25 Halaman View Soal PG ( Admin )...222

Gambar 4.26 Halaman View Soal PG Setelah Klik View Soal ( Admin ) ...223

Gambar 4.27 Halaman View Soal PG Setelah Klik View Detil Soal ( Admin ) ...224

Gambar 4.28 Halaman View Soal PG Setelah Klik Update ( Admin )...225

Gambar 4.29 Halaman View Soal Essay ( Admin ) ...226

Gambar 4.30 Halaman Ubah Password ( Admin ) ...227

Gambar 4.31 Halaman Forum ( Admin )...228

Gambar 4.32 Halaman Forum Setelah Klik Link Forum ( Admin )...229

(21)

xxiv

Gambar 4.34 Halaman Forum Setelah Klik Sub Topik ( Admin ) ...231

Gambar 4.35 Halaman Home ( Guru )...232

Gambar 4.36 Halaman View Jadwal Mengajar ( Guru) ...233

Gambar 4.37 Halaman View Materi ( Guru )...234

Gambar 4.38 Halaman View Materi Setelah Klik Submit ( Guru )...235

Gambar 4.39 Halaman View Materi Setelah Klik Show ( Guru ) ...236

Gambar 4.40 Halaman View Materi Setelah Klik Cek Jawaban Siswa ( Guru ) ...237

Gambar 4.41 Halaman View Materi Setelah Klik Soal PG ( Guru )...238

Gambar 4.42 Halaman Report ( Guru )...239

Gambar 4.43 Halaman Report Setelah Klik Submit ( Guru )...240

Gambar 4.44 Halaman Report Setelah Memilih Nama Siswa ( Guru )...241

Gambar 4.45 Halaman Ubah Password ( Guru ) ...242

Gambar 4.46 Halaman Forum ( Guru )...243

Gambar 4.47 Halaman Forum Setelah Klik Link Forum ( Guru ) ...244

Gambar 4.48 Halaman Forum Setelah Klik Buat Topik ( Guru )...245

Gambar 4.49 Halaman Forum Setelah Klik Topik ( Guru ) ...246

Gambar 4.51 Halaman Forum Setelah Klik Replay Sub Topik ( Guru ) ...248

Gambar 4.52 Halaman Home ( siswa SMAK 1 ) ...249

Gambar 4.53 Halaman View Jadwal Pelajaran ( Siswa SMAK 1 )...250

Gambar 4.54 Halaman View Materi ( Siswa SMAK 1 )...251

Gambar 4.55 Halaman View Materi Setelah Klik Submit Query (Siswa SMAK 1)...252

Gambar 4.56 Halaman View Materi Setelah Klik Show ( Siswa SMAK 1 ) ...253

Gambar 4.57 Halaman View Materi Setelah Klik Go ( Siswa SMAK 1 ) ...254

(22)

xxv

Gambar 4.59 Halaman View Materi Sekolah Lain Setelah Klik Show

( Siswa SMAK 1 ) ...256

Gambar 4.60 Halaman View Materi Sekolah Lain Setelah Klik Soal PG...257

( Siswa SMAK 1 ) ...257

Gambar 4.61 Halaman Report Pada sekolah lain ( Siswa SMAK 1 )...258

Gambar 4.62 Halaman Report Setelah Klik Submit Query pada Sekolah Lain ( Siswa SMAK 1 ) ...259

Gambar 4.63 Halaman Soal Pilihan Berganda ( Siswa SMAK 1 )...260

Gambar 4.64 Halaman Report ( Siswa SMAK 1 )...261

Gambar 4.65 Halaman Report Setelah Klik Submit Query ( Siswa SMAK 1 )...262

Gambar 4.66 Halaman Ubah Password ( Siswa SMAK 1 )...263

Gambar 4.67 Halaman Forum ( Siswa SMAK 1 )...264

Gambar 4.68 Halaman Forum Setelah Klik Link Forum ( Siswa SMAK 1 ) ...265

Gambar 4.69 Halaman Forum Setelah Klik Topik ( Siswa SMAK 1 ) ...266

Gambar 4.70 Halaman Forum Setelah Klik Sub Topik ( Siswa SMAK 1 ) ...267

Gambar 4.71 Halaman Forum Setelah Klik Reply Topik ...268

Gambar 4.72 Halaman View Materi Setelah Klik Submit Query (Siswa lain) ...269

Gambar 4.73 Halaman View Materi Setelah Klik Show ( Siswa lain )...270

Gambar 4.74 Halaman Soal Pilihan Berganda ( Siswa Lain ) ...271

Gambar 4.75 Halaman Report ( Siswa Lain )...272

Gambar 4.77 Diagram Pie Jawaban Pertanyaan Kuisioner Evaluasi Siswa Nomor 1...276

(23)

xxvi

Gambar 4.81 Diagram Pie Jawaban Pertanyaan Kuisioner Evaluasi Siswa Nomor 5...280 Gambar 4.82 Diagram Pie Jawaban Pertanyaan Kuisioner Evaluasi Siswa Nomor 6...281 Gambar 4.83 Diagram Pie Jawaban Pertanyaan Kuisioner Evaluasi Siswa Nomor 7...282 Gambar 4.84 Diagram Pie Jawaban Pertanyaan Kuisioner Evaluasi Siswa Nomor 8...283 Gambar 4.85 Diagram Pie Jawaban Pertanyaan Kuisioner Evaluasi Siswa Nomor 9...284

Gambar 4.86 Diagram Pie Jawaban Pertanyaan Kuisioner Evaluasi Guru Nomor 1 ....285 Gambar 4.87 Diagram Pie Jawaban Pertanyaan Kuisioner Evaluasi Guru Nomor 2 ....286 Gambar 4.88 Diagram Pie Jawaban Pertanyaan Kuisioner Evaluasi Guru Nomor 3 ....287 Gambar 4.89 Diagram Pie Jawaban Pertanyaan Kuisioner Evaluasi guru Nomor 4...288 Gambar 4.90 Diagram Pie Jawaban Pertanyaan Kuisioner Evaluasi Guru Nomor 5 ....289

Gambar 4.91 Diagram Pie Jawaban Pertanyaan Kuisioner Evaluasi Guru Nomor 6 ....290 Gambar 4.92 Diagam Pie Jawaban Pertanyaan Kuisioner Evaluasi Guru Nomor 7 ...291 Gambar 4.93 Diagram Pie Jawaban Pertanyaan Kuisioner Evaluasi Guru Nomor 8 ....292

(24)

xxvii