BINUS UNIVERSITYeprints.binus.ac.id/2284/1/2008-1-00304-SI-Abstrak.pdfvi memberikan informasi dan...

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. Kata kunci: Analisis dan Perancangan, E-Learning

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.

7. Ibu Dra. Duma MS. Hutahean selaku kepala sekolah SMAK 1, Ibu Risuli

Hutauruk, S.P.d selaku wakil kepala sekolah urusan hubungan masyarakat dan

seluruh guru dan siswa SMAK 1 BPK PENABUR yang telah banyak

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

Penulis

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

2.1.3 MySQL 11

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.1 Class .........................................................................13

2.1.4.5.2 Structure ...................................................................13

2.1.4.5.3 Behaviour .................................................................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

2.2.3.2. Asynchronous Training ...........................................................30

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

3.2.3.3. Siswa SMAK 1 ........................................................................59

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

3.2.7. Navigation Diagram .............................................................................173

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

RIWAYAT HIDUP ............................................................................................300

LAMPIRAN-LAMPIRAN ............................................................................................. L1

FOTOCOPY SURAT SURVEY

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.19 Tabel Jawaban Pertanyaan Kuisioner Guru Nomor 10..................................54

Tabel 3.20 Use Case Specification untuk Mendata User ( Admin ) ................................67

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

Tabel 3.22 Use Case Specification untuk Mendata Mata Pelajaran ( Admin ) ...............67

xiii

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

Tabel 3.24 Use Case Specification untuk Mendata Kelas ( Admin ) ..............................68

Tabel 3.25 Use Case Specification untuk Mengubah Kelas ( Admin ) ...........................68

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

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

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

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

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

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

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

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

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

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

Tabel 3.36 Use Case Specification untuk Mendata Pengumuman ( Admin )..................72

Tabel 3.37 Use Case Specification untuk Mengubah Pengumuman ( Admin ) ..............73

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

Tabel 3.39 Use Case Specification 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 Case Specification untuk Melihat Nilai PG Siswa ( Guru ) ...................76

Tabel 3.44 Use Case Specification untuk Mengubah Password ( Guru ) ........................76

Tabel 3.45 Use Case Specification untuk Mengakses Forum ( Guru )............................76

Tabel 3.46 Use Case Specification untuk Melihat Jadwal Pelajaran( Siswa SMAK 1 ) .78

xiv

Tabel 3.47 Use Case Specification untuk Pembelajaran Materi ( Siswa ).......................78

Tabel 3.48 Use Case Specification untuk Pembelajaran Materi Sekolah Lain

( Siswa SMAK 1 )..........................................................................................79

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

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

Tabel 3.51 Use Case Specification 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

Tabel 3.69 Tabel Anggotakelas .....................................................................................191

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









Tabel 4.19 Jawaban Pertanyaan Kuisioner Evaluasi Guru Nomor 10...........................294

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.10 Diagram Pie Jawaban Pertanyaan Kuisioner Siswa Nomor 6 ...................45

Gambar 3.11 Diagram Pie Jawaban Pertanyaan Kuisioner Siswa Nomor 7 ...................46

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





xvii




Gambar 3.20 Diagram Pie Jawaban Pertanyaan Kuisioner Guru Nomor 9....................53

Gambar 3.21 Diagram Pie Jawaban Pertanyaan Kuisioner Guru Nomor 10...................54

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

Gambar 3.40 Statechart Nilai ..........................................................................................64

xviii

Gambar 3.41 Statechart Tread Forum .............................................................................64

Gambar 3.42 Statechart Title Forum ...............................................................................64

Gambar 3.43 Statechart Message ....................................................................................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

Gambar 3.64 Sequence Mengubah Pengumuman ( Admin )...........................................96

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

Gambar 3.88 Rancangan Layar View Mata Pelajaran ( Admin )...................................119

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

Gambar 3.110 Rancangan Layar Forum Setelah Pilih Topik ( Admin ) .......................142

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

Gambar 3.131 Rancangan Layar View Materi Setelah Klik Show( Siswa SMAK 1 )..163

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

Gambar 4.9 Halaman Input Jadwal Pelajaran ( Admin ) ...............................................206

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

Gambar 4.33 Halaman Forum Setelah Klik Topik ( Admin ) .......................................230

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

Gambar 4.58 Halaman View Materi Sekolah Lain Setelah Pilih Nama Sekolah ..........255

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




xxvi






Gambar 4.86 Diagram Pie Jawaban Pertanyaan Kuisioner Evaluasi Guru Nomor 1 ....285



Gambar 4.89 Diagram Pie Jawaban Pertanyaan Kuisioner Evaluasi guru Nomor 4.....288



Gambar 4.92 Diagam Pie Jawaban Pertanyaan Kuisioner Evaluasi Guru Nomor 7 .....291



Gambar 4.95 Diagram Pie Jawaban Pertanyaan Kuisioner Evaluasi Guru Nomor 10 ..294

xxvii

DAFTAR LAMPIRAN

LAMPIRAN 1 WAWANCARA .................................................................................... L1

LAMPIRAN 2 KUISIONER .......................................................................................... L3

LAMPIRAN 3 KUISIONER EVALUASI ..................................................................... L7

BINUS UNIVERSITYeprints.binus.ac.id/2284/1/2008-1-00304-SI-Abstrak.pdfvi memberikan informasi dan...

Documents

Transcript of BINUS UNIVERSITYeprints.binus.ac.id/2284/1/2008-1-00304-SI-Abstrak.pdfvi memberikan informasi dan...