BINUS UNIVERSITY. Jurusan Sistem Informasi. Skripsi Sarjana Komputer. Semester Ganjil tahun 2007/2008

Transkripsi

1 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 Mariana Budi Yanto 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 iv

2 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 v

3 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 vi

4 DAFTAR ISI Halaman Judul Luar Halaman Judul Dalama...i...ii Halaman Persetujuan Hardcover... iii Abstrak PRAKATA DAFTAR ISI DAFTAR TABEL DAFTAR LAMPIRAN...iv...v...vii...xii...xxvii BAB 1 PENDAHULUAN Latar Belakang Ruang Lingkup Tujuan dan Manfaat Metodologi Sistematika Penulisan...5 BAB 2 LANDASAN TEORI Teori-teori Dasar / Umum Internet Pengertian internet Sejarah Internet Personal Home Page (PHP) Pengertian PHP Kelebihan PHP MySQL 11 vii

5 Pengertian MySQL Kelebihan MySQL Analisis dan Perancangan Sistem Informasi Pengertian Analisis Sistem Pengertian Perancangan Sistem Pengertian System Definition Pengertian Rich Picture Pengertian Problem Domain Class Structure Behaviour Application Domain Analysis Usage Function Interface Teori-teori Khusus Pengertian E-Learning LMS (Learning Management System) LCMS (Learning Content Management System) Perbedaan LMS dan LCMS Karakteristik E-Learning Tipe-tipe E-Learning Synchronous Training Asynchronous Training...30 viii

6 BAB 3 ANALISIS DAN PERANCANGAN SISTEM Analisis Sistem yang Berjalan Latar Belakang SMAK 1 BPK PENABUR Tujuan SMAK 1 BPK PENABUR Visi SMAK 1 BPK PENABUR Misi SMAK 1 BPK PENABUR Strukur Organisasi SMAK 1 BPK PENABUR Tugas dan Wewenang Kepala Sekolah Wakil Urusan Kurikulum Wakil Urusan Administrasi & Sarana dan Prasarana Wakil Urusan Hubungan Masyarakat Guru Tata Laksana Sistem yang Berjalan Analisa hasil kuisioner pada SMAK 1 BPK PENABUR Masalah yang dihadapi Usulan pemecahan masalah Perancangan Sistem yang Diusulkan Tata laksana sistem yang diusulkan Class Diagram State Chart Diagram Admin Guru Siswa SMAK ix

7 Siswa Lain Pengumuman Kelas Anggota Kelas Shift Jadwal Kelas Mata Pelajaran Materi Header Materi Detail Soal Essay Header Soal Essay Detail Soal PG Header Soal PG Detail Jawaban Siswa Nilai Tread Forum Title Forum Message Use case Diagram Use case Admin Use case Guru Use Case Siswa Rancangan Layar Navigation Diagram x

8 Perancangan Database BAB 4 IMPLEMENTASI DAN EVALUASI Rencana Implementasi Tampilan Layar Kebutuhan Perangkat Keras dan Perangkat Lunak Spesifikasi Perangkat Keras Spesifikasi Perangkat Lunak Evaluasi BAB 5 SIMPULAN DAN SARAN Simpulan Saran DAFTAR PUSTAKA RIWAYAT HIDUP LAMPIRAN-LAMPIRAN... L1 FOTOCOPY SURAT SURVEY xi

9 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 Tabel 3.5 Tabel Jawaban Pertanyaan Kuisioner Siswa Nomor Tabel 3.6 Tabel Jawaban Pertanyaan Kuisioner Siswa Nomor Tabel 3.7 Tabel Jawaban Pertanyaan Kuisioner Siswa Nomor Tabel 3.8 Tabel Jawaban Pertanyaan Kuisioner Siswa Nomor Tabel 3.9 Tabel Jawaban Pertanyaan Kuisioner Siswa Nomor Tabel 3.10 Tabel Jawaban Pertanyaan Kuisioner Guru Nomor Tabel 3.11 Tabel Jawaban Pertanyaan Kuisioner Guru Nomor Tabel 3.12 Tabel Jawaban Pertanyaan Kuisioner Guru Nomor Tabel 3.13 Tabel Jawaban Pertanyaan Kuisioner Guru Nomor Tabel 3.14 Tabel Jawaban Pertanyaan Kuisioner Guru Nomor Tabel 3.15 Tabel Jawaban Pertanyaan Kuisioner Guru Nomor Tabel 3.16 Tabel Jawaban Pertanyaan Kuisioner Guru Nomor Tabel 3.17 Tabel Jawaban Pertanyaan Kuisioner Guru Nomor Tabel 3.18 Tabel Jawaban Pertanyaan Kuisioner Guru Nomor Tabel 3.19 Tabel Jawaban Pertanyaan Kuisioner Guru Nomor 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 xii

10 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 xiii

11 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 Tabel 3.53 Tabel Ms Guru Tabel 3.54 Tabel Ms Siswa Tabel 3.55 Tabel Ms Siswa Lain Tabel 3.56 Tabel Pengumuman Tabel 3.57 Tabel Ms Kelas Tabel 3.58 Tabel Anggotakelas Tabel 3.59 Tabel Shift Tabel 3.60 Tabel Tr Jadwal Kelas Tabel 3.61 Tabel Ms Mata Pelajaran Tabel 3.62 Tabel Materi Header Tabel 3.63 Tabel Materi Detail Tabel 3.64 Tabel Soal Essay Header Tabel 3.65 Tabel Soal Essay Detail Tabel 3.66 Tabel Soal PG Header Tabel 3.67 Tabel Soal PG Detail Tabel 3.68 Tabel Jawaban Siswa Tabel 3.69 Tabel Anggotakelas xiv

12 Tabel 3.70 Tabel Thread Forum Tabel 3.71 Tabel Title Forum Tabel 3.72 Tabel Message Tabel 4.1 Jawaban Pertanyaan Kuisioner Evaluasi Siswa Nomor Tabel 4.2 Jawaban Pertanyaan Kuisioner Evaluasi Siswa Nomor Tabel 4.3 Jawaban Pertanyaan Kuisioner Evaluasi Siswa Nomor Tabel 4.4 Jawaban Pertanyaan Kuisioner Evaluasi Siswa Nomor Tabel 4.5 Jawaban Pertanyaan Kuisioner Evaluasi Siswa Nomor Tabel 4.6 Jawaban Pertanyaan Kuisioner Evaluasi Siswa Nomor Tabel 4.7 Jawaban Pertanyaan Kuisioner Evaluasi Siswa Nomor Tabel 4.8 Jawaban Pertanyaan Kuisioner Evaluasi Siswa Nomor Tabel 4.9 Jawaban Pertanyaan Kuisioner Evaluasi Siswa Nomor Tabel 4.10 Jawaban Pertanyaan Kuisioner Evaluasi Guru Nomor Tabel 4.11 Jawaban Pertanyaan Kuisioner Evaluasi Guru Nomor Tabel 4.12 Jawaban Pertanyaan Kuisioner Evaluasi Guru Nomor Tabel 4.13 Jawaban Pertanyaan Kuisioner Evaluasi Guru Nomor Tabel 4.14 Jawaban Pertanyaan Kuisioner Evaluasi Guru Nomor Tabel 4.15 Jawaban Pertanyaan Kuisioner Evaluasi Guru Nomor Tabel 4.16 Jawaban Pertanyaan Kuisioner Evaluasi Guru Nomor Tabel 4.17 Jawaban Pertanyaan Kuisioner Evaluasi Guru Nomor Tabel 4.18 Jawaban Pertanyaan Kuisioner Evaluasi Guru Nomor Tabel 4.19 Jawaban Pertanyaan Kuisioner Evaluasi Guru Nomor xv

13 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 Gambar 3.7 Diagram Pie Jawaban Pertanyaan Kuisioner Siswa Nomor Gambar 3.8 Diagram Pie Jawaban Pertanyaan Kuisioner Siswa Nomor Gambar 3.9 Diagram Pie Jawaban Pertanyaan Kuisioner Siswa Nomor Gambar 3.10 Diagram Pie Jawaban Pertanyaan Kuisioner Siswa Nomor Gambar 3.11 Diagram Pie Jawaban Pertanyaan Kuisioner Siswa Nomor Gambar 3.12 Diagram Pie Jawaban Pertanyaan Kuisioner Guru Nomor Gambar 3.13 Diagram Pie Jawaban Pertanyaan Kuisioner Guru Nomor Gambar 3.14 Diagram Pie Jawaban Pertanyaan Kuisioner Guru Nomor Gambar 3.15 Diagram Pie Jawaban Pertanyaan Kuisioner Guru Nomor Gambar 3.16 Diagram Pie Jawaban Pertanyaan Kuisioner Guru Nomor xvi

14 Gambar 3.17 Diagram Pie Jawaban Pertanyaan Kuisioner Guru Nomor Gambar 3.18 Diagram Pie Jawaban Pertanyaan Kuisioner Guru Nomor Gambar 3.19 Diagram Pie Jawaban Pertanyaan Kuisioner Guru Nomor Gambar 3.20 Diagram Pie Jawaban Pertanyaan Kuisioner Guru Nomor Gambar 3.21 Diagram Pie Jawaban Pertanyaan Kuisioner Guru Nomor Gambar 3.22 Class Diagram...58 Gambar 3.23 Statechart Admin...59 Gambar 3.24 Statechart Guru...59 Gambar 3.25 Statechart Siswa SMAK 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 xvii

15 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 xviii

16 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 ) Gambar 3.70 Sequence Melihat Nilai PG Siswa ( Guru ) Gambar 3.71 Sequence Mengubah Password ( Guru ) Gambar 3.72 Sequence Mengakses Forum ( Guru ) Gambar 3.73 Sequence Melihat Jadwal Pelajaran ( Siswa SMAK 1 ) Gambar 3.74 Sequence Pembelajaran Materi ( Siswa SMAK 1 ) Gambar 3.75 Sequence Pembelajaran Materi Sekolah Lain ( Siswa SMAK 1 ) Gambar 3.76 Sequence Melihat Materi ( Siswa Lain ) Gambar 3.77 Sequence Melihat Nilai Soal PG ( Siswa SMAK 1 ) Gambar 3.78 Sequence Melihat Nilai Soal PG ( Siswa Lain ) Gambar 3.79 Sequence Mengakses Forum ( Siswa SMAK 1 ) Gambar 3.80 Sequence Ubah Password ( Siswa SMAK 1 ) Gambar 3.81 Rancangan Layar Login ( Admin, Guru dan Siswa ) Gambar 3.82 Rancangan Layar Home ( Admin, Guru, Siswa ) Gambar 3.83 Rancangan Layar Input Pengumuman ( Admin ) Gambar 3.84 Rancangan Layar View Pengumuman ( Admin ) Gambar 3.85 Rancangan Layar Input User ( Admin ) Gambar 3.86 Rancangan Layar View User ( Admin ) Gambar 3.87 Rancangan Layar Input Mata Pelajaran ( Admin ) Gambar 3.88 Rancangan Layar View Mata Pelajaran ( Admin ) xix

17 Gambar 3.89 Rancangan Layar Input Kelas ( Admin ) Gambar 3.90 Rancangan Layar View Kelas ( Admin ) Gambar 3.91 Rancangan Layar Input Anggota Kelas ( Admin ) Gambar 3.92 Rancangan Layar View Anggota Kelas ( Admin ) Gambar 3.93 Rancangan Layar Input Jadwal Pelajaran ( Admin ) Gambar 3.94 Rancangan Layar View Jadwal Pelajaran ( Admin ) Gambar 3.95 Rancangan Layar View Jadwal Guru ( Admin ) Gambar 3.96 Rancangan Layar View Materi Umum ( Admin ) Gambar 3.97 Rancangan Layar View Materi Umum Setelah Klik Update ( Admin )..129 Gambar 3.98 Rancangan Layar Input Soal PG ( Admin ) Gambar 3.99 Rancangan Layar Input Soal PG Setelah Klik Insert Soal PG ( Admin ) 131 Gambar Rancangan Layar View Soal PG ( Admin ) Gambar Rancangan Layar View Soal PG Setelah Klik View Soal ( Admin ) Gambar Rancangan Layar View Soal PG Setelah Klik View Detil Soal ( Admin ) Gambar Rancangan Layar View Soal PG Setelah Klik Update ( Admin ) Gambar Rancangan Layar Input Soal Essay ( Admin ) Gambar Rancangan Layar Input Soal Essay Setelah Klik Insert Soal Essay ( Admin ) Gambar Rancangan Layar View Soal Essay ( Admin ) Gambar Rancangan Layar Ubah Password ( Admin ) Gambar Rancangan Layar Forum ( Admin ) Gambar Rancangan Layar Forum Setelah Klik Link Forum ( Admin ) Gambar Rancangan Layar Forum Setelah Pilih Topik ( Admin ) xx

18 Gambar Rancangan Layar Forum Setelah Pilih Sub Topik ( Admin ) Gambar Rancangan Layar View Jadwal Guru ( Guru ) Gambar Rancangan Layar View Materi ( Guru ) Gambar Rancangan Layar View Materi Setelah Klik Memilih Mata Pelajaran dan Submit Query ( Guru ) Gambar Rancangan Layar View Materi Setelah Memilih Pertemuan atau Klik Show ( Guru ) Gambar Rancangan Layar view materi setelah klik cek jawaban ( Guru ) Gambar Rancangan Layar View Materi Setelah Klik Soal PG ( Guru ) Gambar Rancangan Layar Report ( Guru ) Gambar Rancangan Layar Report Setelah Klik Submit ( Guru ) Gambar Rancangan Layar Report Setelah Klik Nama Siswa ( Guru ) Gambar Rancangan Layar Ubah Password ( Guru ) Gambar Rancangan Layar forum ( Guru ) Gambar Rancangan Layar Forum Setelah Klik Link Forum ( Guru ) Gambar Rancangan Layar Forum Stelah Klik Buat Topik ( Guru ) Gambar Rancangan Layar Forum Setelah Pilih Topik ( Guru ) Gambar Rancangan Layar Forum Setelah Pilih Sub Topik ( Guru ) Gambar Rancangan Layar Forum Setelah Klik Reply Topik ( Guru ) Gambar Rancangan Layar View Jadwal Pelajaran ( Siswa SMAK 1) Gambar Rancangan Layar View Materi ( Siswa SMAK 1 ) Gambar Rancangan Layar View Materi Setelah Memilih Mata Pelajaran dan Mensubmit Query ( Siswa SMAK 1) Gambar Rancangan Layar View Materi Setelah Klik Show( Siswa SMAK 1 )..163 xxi

19 Gambar Rancangan Layar View Materi Setelah Klik Soal PG ( Siswa SMAK 1 ) Gambar Rancangan Layar Report ( Siswa SMAK 1) Gambar Rancangan Layar Report Setelah Memilih Mata Pelajaran dan Mensubmit Queri ( Siswa SMAK 1 ) Gambar Rancangan Layar Ubah Password ( Siswa SMAK 1) Gambar Rancangan Layar Forum ( Siswa SMAK 1 ) Gambar Rancangan Layar Forum Setelah Klik Link Forum ( Siswa SMAK 1 ).169 Gambar Rancangan Layar Forum Setelah Pilih Topik ( Siswa SMAK 1 ) Gambar Rancangan Layar Forum Setelah Pilih Sub Topik ( Siswa SMAK 1 )..171 Gambar Rancangan Layar Forum Setelah Klik Reply Topik ( Siswa SMAK 1 )172 Gambar Navigation Diagram ( Admin ) Gambar Navigation Diagram ( Guru ) Gambar Navigation Diagram ( Siswa SMAK 1 ) Gambar Navigation Diagram ( Siswa Lain ) Gambar 4.1 Halaman Login Gambar 4.2 Halaman Home ( Admin ) Gambar 4.3 Halaman Input Pengumuman ( Admin ) Gambar 4.4 Halaman Input User ( Admin ) Gambar 4.5 Halaman Input Kelas ( Admin ) Gambar 4.6 Halaman Input Anggota Kelas ( Admin ) Gambar 4.7 Halaman Input Anggota Kelas Setelah Klik Pilih (Admin) Gambar 4.8 Halaman Input Mata Pelajaran ( Admin ) Gambar 4.9 Halaman Input Jadwal Pelajaran ( Admin ) xxii

20 Gambar 4.10 Halaman Input Materi Umum ( Admin ) Gambar 4.11 Halaman Input Soal PG ( Admin ) Gambar 4.12 Halaman Input Soal PG Setelah Klik Insert Soal PG ( Admin ) Gambar 4.13 Halaman Input Soal Essay ( Admin ) Gambar 4.14 Halaman Input Soal Essay Setelah Klik Input Soal Essay ( Admin ) Gambar 4.15 Halaman View Pengumuman ( Admin ) Gambar 4.16 Halaman View Kelas ( Admin ) Gambar 4.17 Halaman View Anggota Kelas ( Admin ) Gambar 4.18 Halaman View User ( Admin ) Gambar 4.19 Halaman View User Setelah Klik Update ( Admin ) Gambar 4.20 Halaman View Mata Pelajaran ( Admin ) Gambar 4.21 Halaman View Jadwal Pelajaran ( Admin ) Gambar 4.22 Halaman View Jadwal Guru ( Admin ) Gambar 4.23 Halaman View Materi Umum ( Admin ) Gambar 4.24 Halaman View Materi Umum Setelah Klik Update ( Admin ) Gambar 4.25 Halaman View Soal PG ( Admin ) Gambar 4.26 Halaman View Soal PG Setelah Klik View Soal ( Admin ) Gambar 4.27 Halaman View Soal PG Setelah Klik View Detil Soal ( Admin ) Gambar 4.28 Halaman View Soal PG Setelah Klik Update ( Admin ) Gambar 4.29 Halaman View Soal Essay ( Admin ) Gambar 4.30 Halaman Ubah Password ( Admin ) Gambar 4.31 Halaman Forum ( Admin ) Gambar 4.32 Halaman Forum Setelah Klik Link Forum ( Admin ) Gambar 4.33 Halaman Forum Setelah Klik Topik ( Admin ) xxiii

21 Gambar 4.34 Halaman Forum Setelah Klik Sub Topik ( Admin ) Gambar 4.35 Halaman Home ( Guru ) Gambar 4.36 Halaman View Jadwal Mengajar ( Guru) Gambar 4.37 Halaman View Materi ( Guru ) Gambar 4.38 Halaman View Materi Setelah Klik Submit ( Guru ) Gambar 4.39 Halaman View Materi Setelah Klik Show ( Guru ) Gambar 4.40 Halaman View Materi Setelah Klik Cek Jawaban Siswa ( Guru ) Gambar 4.41 Halaman View Materi Setelah Klik Soal PG ( Guru ) Gambar 4.42 Halaman Report ( Guru ) Gambar 4.43 Halaman Report Setelah Klik Submit ( Guru ) Gambar 4.44 Halaman Report Setelah Memilih Nama Siswa ( Guru ) Gambar 4.45 Halaman Ubah Password ( Guru ) Gambar 4.46 Halaman Forum ( Guru ) Gambar 4.47 Halaman Forum Setelah Klik Link Forum ( Guru ) Gambar 4.48 Halaman Forum Setelah Klik Buat Topik ( Guru ) Gambar 4.49 Halaman Forum Setelah Klik Topik ( Guru ) Gambar 4.51 Halaman Forum Setelah Klik Replay Sub Topik ( Guru ) Gambar 4.52 Halaman Home ( siswa SMAK 1 ) Gambar 4.53 Halaman View Jadwal Pelajaran ( Siswa SMAK 1 ) Gambar 4.54 Halaman View Materi ( Siswa SMAK 1 ) Gambar 4.55 Halaman View Materi Setelah Klik Submit Query (Siswa SMAK 1) Gambar 4.56 Halaman View Materi Setelah Klik Show ( Siswa SMAK 1 ) Gambar 4.57 Halaman View Materi Setelah Klik Go ( Siswa SMAK 1 ) Gambar 4.58 Halaman View Materi Sekolah Lain Setelah Pilih Nama Sekolah xxiv

22 Gambar 4.59 Halaman View Materi Sekolah Lain Setelah Klik Show ( Siswa SMAK 1 ) Gambar 4.60 Halaman View Materi Sekolah Lain Setelah Klik Soal PG ( Siswa SMAK 1 ) Gambar 4.61 Halaman Report Pada sekolah lain ( Siswa SMAK 1 ) Gambar 4.62 Halaman Report Setelah Klik Submit Query pada Sekolah Lain ( Siswa SMAK 1 ) Gambar 4.63 Halaman Soal Pilihan Berganda ( Siswa SMAK 1 ) Gambar 4.64 Halaman Report ( Siswa SMAK 1 ) Gambar 4.65 Halaman Report Setelah Klik Submit Query ( Siswa SMAK 1 ) Gambar 4.66 Halaman Ubah Password ( Siswa SMAK 1 ) Gambar 4.67 Halaman Forum ( Siswa SMAK 1 ) Gambar 4.68 Halaman Forum Setelah Klik Link Forum ( Siswa SMAK 1 ) Gambar 4.69 Halaman Forum Setelah Klik Topik ( Siswa SMAK 1 ) Gambar 4.70 Halaman Forum Setelah Klik Sub Topik ( Siswa SMAK 1 ) Gambar 4.71 Halaman Forum Setelah Klik Reply Topik Gambar 4.72 Halaman View Materi Setelah Klik Submit Query (Siswa lain) Gambar 4.73 Halaman View Materi Setelah Klik Show ( Siswa lain ) Gambar 4.74 Halaman Soal Pilihan Berganda ( Siswa Lain ) Gambar 4.75 Halaman Report ( Siswa Lain ) Gambar 4.77 Diagram Pie Jawaban Pertanyaan Kuisioner Evaluasi Siswa Nomor Gambar 4.78 Diagram Pie Jawaban Pertanyaan Kuisioner Evaluasi Siswa Nomor Gambar 4.79 Diagram Pie Jawaban Pertanyaan Kuisioner Evaluasi Siswa Nomor Gambar 4.80 Diagram Pie Jawaban Pertanyaan Kuisioner Evaluasi Siswa Nomor xxv

23 Gambar 4.81 Diagram Pie Jawaban Pertanyaan Kuisioner Evaluasi Siswa Nomor Gambar 4.82 Diagram Pie Jawaban Pertanyaan Kuisioner Evaluasi Siswa Nomor Gambar 4.83 Diagram Pie Jawaban Pertanyaan Kuisioner Evaluasi Siswa Nomor Gambar 4.84 Diagram Pie Jawaban Pertanyaan Kuisioner Evaluasi Siswa Nomor Gambar 4.85 Diagram Pie Jawaban Pertanyaan Kuisioner Evaluasi Siswa Nomor Gambar 4.86 Diagram Pie Jawaban Pertanyaan Kuisioner Evaluasi Guru Nomor Gambar 4.87 Diagram Pie Jawaban Pertanyaan Kuisioner Evaluasi Guru Nomor Gambar 4.88 Diagram Pie Jawaban Pertanyaan Kuisioner Evaluasi Guru Nomor Gambar 4.89 Diagram Pie Jawaban Pertanyaan Kuisioner Evaluasi guru Nomor Gambar 4.90 Diagram Pie Jawaban Pertanyaan Kuisioner Evaluasi Guru Nomor Gambar 4.91 Diagram Pie Jawaban Pertanyaan Kuisioner Evaluasi Guru Nomor Gambar 4.92 Diagam Pie Jawaban Pertanyaan Kuisioner Evaluasi Guru Nomor Gambar 4.93 Diagram Pie Jawaban Pertanyaan Kuisioner Evaluasi Guru Nomor Gambar 4.94 Diagram Pie Jawaban Pertanyaan Kuisioner Evaluasi Guru Nomor Gambar 4.95 Diagram Pie Jawaban Pertanyaan Kuisioner Evaluasi Guru Nomor xxvi

24 DAFTAR LAMPIRAN LAMPIRAN 1 WAWANCARA... L1 LAMPIRAN 2 KUISIONER... L3 LAMPIRAN 3 KUISIONER EVALUASI... L7 xxvii