UNIVERSITAS BINA NUSANTARA. Jurusan Teknik Informatika Skripsi Sarjana Komputer Semester Genap tahun 2007/2008

Transkripsi

1 UNIVERSITAS BINA NUSANTARA Jurusan Teknik Informatika Skripsi Sarjana Komputer Semester Genap tahun 2007/2008 ANALISIS DAN PERANCANGAN E-LEARNING BERBASIS WEB PADA SMA PLUS PEMBANGUNAN JAYA Abstrak Dhydha Maryudha / Mohammad Resha Pratama / Shinta Ayu Fitrianti / Kelas / Kelompok : 08 PBT / 6 Tujuan dari penulisan skripsi ini adalah untuk menganalisis sistem dan merancang aplikasi E-learning berbasis web pada SMA Plus Pembangunan Jaya agar dapat membantu dalam proses kegiatan belajar-mengajar (KBM). Dengan adanya aplikasi E- learning ini berbasis web pada SMA Plus Pembangunan Jaya, diharapkan dapat membantu masalah yang dihadapi oleh guru dan siswa di luar jam pelajaran, seperti kurangnya waktu komunikasi antar guru dan siswa, pencarian informasi mengenai materi yang diajarakan, dan tentunya memudahkan guru untuk memberikan materi pengajaran terhadap siswa. Metode yang digunakan dalam penulisan skripsi ini meliputi dua bagian utama, yaitu metode analisis dan metode perancangan. Analisis sistem dilakukan dengan 4 tahapan yaitu (1) survei atas sistem yang sedang berjalan, (2) analisis terhadap temuan survei, (3) identifikasi kebutuhan informasi, dan (4) identifikasi persyaratan sistem. Metode yang digunakan dalam perancangan adalah metode perancangan berbasis object oriented melalui tahapan (1) pembuatan UML, (2) pembuatan rancangan basis data, dan (3) pembuatan rancangan layar. Hasil yang dicapai adalah ketersediaan aplikasi pendukung kegiatan belajara mengajar yang dapat diakses tanpa keterikatan waktu dan tempat. Kesimpulan dengan adanya E-learning berbasis web ini adalah memudahkan komunikasi guru dan siswa, pemberian materi pelajaran, kemudahan dalam pemberian tugas dan pengumpulan tugas, serta memudahkan dalam penginformasian nilai. Kata Kunci : E-learning, web, aplikasi, metode perancangan, analisis sistem. v

2 PRAKATA Kami mengucapkan puji syukur yang sebesarnya-besarnya kehadirat Allah SWT untuk berkat dan rahmat yang dilimpahkan Nya. Karena akhirnya kami dapat menyelesaikan skripsi yang menjadi satu persyaratan kelulusan di Universitas Bina Nusantara. Selama dalam proses penulisan skripsi ini, kami menemui banyak halangan, maka dalam kesempatan yang berharga ini kami ingin mengucapkan terima kasih kepada berbagai pihak yang telah membimbing dan membantu secara langsung maupun tidak langsung sehingga kami dapat meyelesaikan skripsi ini dengan baik. Mereka adalah : 1. Bapak Romli, Drs., M.App.Comp, selaku dosen pembimbing skripsi kami. 2. Bapak Drs. Tonazaro Gea.Mpd selaku Kepala Sekolah SMA Plus Pembangunan Jaya ysng telah memberikan kesempatan kepada penulis untuk memperoleh data serta informasi yang diperlukan dalam penulisan skripsi ini. 3. Bapak Drs. Gunawan, selaku Team Leader bidang kesiswaan SMA Plus Pembangunan Jaya telah banyak membantu kami dalam mendapatkan data serta informasi yang diperlukan selama proses penulisan skripsi ini. 4. Prof. Dr. Gerardus Polla, M.App.Sc, selaku Rektor Unversitas Bina Nusantara yang telah memberikan kesempatan kepada penulis untuk menyelesaikan penulisan skripsi ini. 5. Ir. Sablin Yusuf, M.Sc,M.Comp.Sc, selaku Dekan Fakultas Ilmu Komputer Universitas Bina Nusantara vi

3 6. Freddy Purnomo, S.Kom., M.Kom, selaku Ketua Jurusan Tehnik Informatika Universitas Bina Nusantara 7. Henny Surya Ningsih, S.Kom, MSoftSysEng, selaku Sekretaris Jurusan Tehnik Informatika 8. Keluarga, sahabat, dan teman-teman yang telah membantu memberikan doa yang tulus, perhatian, dukungan, dan segalanya kepada kami selama proses penulisan skripsi ini. Kami sadar bahwa dalam penulisan skripsi ini terdapat kekurangan, baik isi maupun bentuknya. Oleh karena itu kami memohon maaf sebesar-besarnya kepada Universitas Bina Nusantara bila terdapat kesalahan dan kekurangan dalam penulisan skripsi ini. Skripsi ini murni dari hasil survey yang dilakukan penulis pada SMA Plus Pembangunan Jaya. Harapan kami begitu besar, semoga skripsi ini dapat bermanfaat bagi pihak-pihak yang membacanya. Tidak lupa kami menunggu kritik dan saran yang dapat menyempurnakan penulisan skripsi ini. Jakarta, 9 Juni 2008 Penulis vii

4 DAFTAR ISI halaman Halaman Judul Luar i Halaman Judul Dalam ii Halaman Persetujuan Hard Cover iii Halaman Persetujuan Dewan Penguji iv Abstrak v Prakata vi Daftar Isi viii Daftar Tabel xvii Daftar Gambar xviii Daftar Lampiran xxxvii BAB 1 PENDAHULUAN Latar Belakang Ruang Lingkup Tujuan dan Manfaat Penelitian 3 viii

5 1.3.1 Tujuan Manfaat Metodologi Sistematika Penulisan 4 BAB 2 LANDASAN TEORI Pengertian Sistem Konsep Analisis dan Perancangan Sistem Pengertian Analisis Sistem Pengertian Perancangan Sistem Internet Pengertian Internet Sejarah Internet Peranan Situs Web WWW (World Wide Web) Web Server Web Browser 11 ix

6 2.4 Electronic Learning (E-Learning) Komponen-komponen E-Learning Keuntungan Elearning Kekurangan Elearning Interaksi Manusia dan Komputer Pengertian Interaksi Manusia dan Komputer Delapan aturan emas perancangan antar muka kesalahan utama pada website Basis data (Database) Normalisasi UNF (Unnormal Form) NF (First Normal Form) NF (Second Normal Form) NF (Third Normal Form) Spesifikasi Proses STD (State Transition Diagram) Unified Modelling Language (UML) 26 x

7 2.9.1 Pengertian UML Diagram Struktur Diagram kelas Diagram obyek Diagram komponen Diagram deployment Diagram Perilaku Diagram use-case Diagram urutan / sequence Diagram kolaborasi Diagram statechart Diagram aktivitas Rekayasa Piranti Lunak (RPL) Pengertian RPL Langkah-langkah Pengembangan Piranti Lunak Siklus Hidup Sistem (System Life Cycle) Teori Khusus yang berhubungan 39 xi

8 HTML (Hyper Text Markup Language) PHP Sejarah PHP Pengertian PHP Kelebihan PHP MySQL Entity Relationship Diagram Metode pemecahan masalah Metode Pengumpulan Data 48 BAB 3 ANALISIS DAN PERANCANGAN Gambaran Umum Studi Kasus Sejarah dan Perkembangan Studi Kasus Struktur Organisasi Rincian Tugas dan Tanggung Jawab SMA Pembangunan Jaya Rincian Tugas dan Tanggung Jawab SMA Pembangunan Jaya 57 Secara Umum xii

9 Rincian Tugas dan Tanggung Jawab SMA Pembangunan Jaya 58 Secara Khusus 3.2 Analisis Permasalahan Analisis Proses Bisnis Berjalan Analisis kuesioner dan Wawancara Identifikasi Permasalahan Perancangan Solusi Perancangan Proses Bisnis Diusulkan pada Solusi Perancangan Struktur Menu State Transition Diagram State Transition Diagram Struktur Menu Admin State Transition Diagram Struktur Menu User State Transition Diagram Struktur Menu Guru State Transition Diagram Struktur Menu Siswa Perancangan Layar pada Solusi Perancangan Layar untuk Admin Perancangan Layar untuk Siswa 194 xiii

10 Perancangan Layar untuk Guru Perancangan Layar untuk User Guru dan Murid Perancangan UML pada Solusi Perancangan Hubungan Diagram Class Diagram Use Case Sequence Diagram Activity Diagram State Diagram Perancangan Basis Data pada Solusi Perancangan Spesifikasi Proses Administrator Guru Siswa 338 BAB 4 IMPLEMENTASI DAN EVALUASI Perancangan Aplikasi Kebutuhan Perangkat Keras 341 xiv

11 4.1.2 Kebutuhan Perangkat Lunak Cara penggunaan aplikasi Penggunaan aplikasi untuk Administrator Penggunaan aplikasi untuk Guru Penggunaan aplikasi untuk Murid Evaluasi Evaluasi dari pengguna Evaluasi Program 419 BAB 5 KESIMPULAN DAN SARAN Kesimpulan Saran 422 DAFTAR PUSTAKA 423 RIWAYAT HIDUP 425 LAMPIRAN-LAMPIRAN L1 SURAT SURVEI L25 xv

12 DAFTAR TABEL Tabel 2.1 Hubungan Antara Ketepatan Memilih Masalah dan Cara Pemecahannya 47 Tabel 3.1 Proses Bisnis dan Aktornya 76 Tabel 3.2 Proses Bisnis Untuk Mewujudkan Tujuan Solusi 106 Tabel 3.3 Tabel Fungsi Menu 140 Tabel 3.4 Definisi Tabel MSGuru 289 Tabel 3.5 Definisi Tabel PM 291 Tabel 3.6 Definisi Tabel MsKelas 292 Tabel 3.7 Definisi Tabel detilnilaitugas 294 Tabel 3.8 Definisi Tabel DetilNilai 295 Tabel 3.9 Definisi Tabel MsNilai 296 Tabel 3.10 Definisi Tabel MsJadwal 297 Tabel 3.11 Definisi Tabel MsMateri 298 Tabel 3.12 Definisi Tabel MsPengumuman 299 Tabel 3.13 Definisi Tabel MsOrangTua 302 Tabel 3.14 Definisi Tabel MsSiswa 305 xvi

13 Tabel 3.15 Definisi Tabel MsPelajaran 306 Tabel 3.16 Definisi Tabel Forum 307 Tabel 3.17 Definisi Tabel Post 308 Tabel 3.18 Definisi Tabel Thread 309 Tabel 3.19 Definisi Tabel Topic 310 xvii

14 DAFTAR GAMBAR Gambar 2.1 Kelas 28 Gambar 2.2 Inheritance Kelas 28 Gambar 2.3 Message 29 Gambar 2.4 Diagram Use Case 31 Gambar 2.5 Diagram Sequence 32 Gambar 2.6 Diagram Kolaborasi 33 Gambar 2.7 Diagram Statechart 34 Gambar 2.8 Diagram Aktivitas 35 Gambar 2.9 Delapan step dalam SDLC (Turban, Rainer, Potter, 2001,p477) 37 Gambar 2.10 Model Data Hubungan Entitas 46 Gambar 3.1 Struktur Organisasi SMA Plus Pembangunan Jaya 55 Gambar 3.2 DAD Pemberian Materi & Tugas 79 Gambar 3.3 DAD Pelaksanaan Ulangan 81 Gambar 3.4 DAD Pelaksanaan Ulangan Remedial 83 Gambar 3.5 Diagram hasil kuisioner pertanyaan No.1 untuk Siswa 88 xviii

15 Gambar 3.6 Diagram hasil kuisioner pertanyaan No.2 untuk Siswa 88 Gambar 3.7 Diagram hasil kuisioner pertanyaan No.3 untuk Siswa 89 Gambar 3.8 Diagram hasil kuisioner pertanyaan No.4 untuk Siswa 89 Gambar 3.9 Diagram hasil kuisioner pertanyaan No.5 untuk Siswa 90 Gambar 3.10 Diagram hasil kuisioner pertanyaan No.6 untuk Siswa 90 Gambar 3.11 Diagram hasil kuisioner pertanyaan No.7 untuk Siswa 91 Gambar 3.12 Diagram hasil kuisioner pertanyaan No.8 untuk Siswa 91 Gambar 3.13 Diagram hasil kuisioner pertanyaan No.9 untuk Siswa 92 Gambar 3.14 Diagram hasil kuisioner pertanyaan No.10 untuk Siswa 92 Gambar 3.15 Diagram hasil kuisioner pertanyaan No.11 untuk Siswa 93 Gambar 3.16 Diagram hasil kuisioner pertanyaan No.12 untuk Siswa 93 Gambar 3.17 Diagram hasil kuisioner pertanyaan No.13 untuk Siswa 94 Gambar 3.18 Diagram hasil kuisioner pertanyaan No.1 untuk Guru 95 Gambar 3.19 Diagram hasil kuisioner pertanyaan No.2 untuk Guru 95 Gambar 3.20 Diagram hasil kuisioner pertanyaan No.3 untuk Guru 96 Gambar 3.21 Diagram hasil kuisioner pertanyaan No.4 untuk Guru 96 xix

16 Gambar 3.22 Diagram hasil kuisioner pertanyaan No.5 untuk Guru 97 Gambar 3.23 Diagram hasil kuisioner pertanyaan No.9 untuk Guru 98 Gambar 3.24 Diagram hasil kuisioner pertanyaan No.10 untuk Guru 99 Gambar 3.25 Diagram hasil kuisioner pertanyaan No.11 untuk Guru 99 Gambar 3.26 Diagram hasil kuisioner pertanyaan No.12 untuk Guru 100 Gambar 3.27 Struktur Menu Keseluruhan 115 Gambar 3.28 State Transition Diagram Halaman Admin-Menu Utama 116 Gambar 3.29 State Transition Diagram Halaman Admin-Siswa 117 Gambar 3.30 State Transition Diagram Halaman Admin-Tambah Data Siswa 117 Gambar 3.31 State Transition Diagram Halaman Admin-Lihat Detail Siswa 117 Gambar 3.32 State Transition Diagram Halaman Admin-Ubah Data Siswa 118 Gambar 3.42 State Transition Diagram Halaman Admin-Delete Siswa 118 Gambar 3.34 State Transition Diagram Halaman Admin-Adavanced Search Siswa 118 Gambar 3.35 State Transition Diagram Halaman Admin-Guru 119 Gambar 3.36 State Transition Diagram Halaman Admin-Tambah Data Guru 119 Gambar 3.37 State Transition Diagram Halaman Admin-Lihat Detail Guru 120 Gambar 3.38 State Transition Diagram Halaman Admin-Ubah Data Guru 120 xx

17 Gambar 3.39 State Transition Diagram Halaman Admin-Delete Guru 120 Gambar 3.40 State Transition Diagram Halaman Admin-Advanced Search Guru 121 Gambar 3.41 State Transition Diagram Halaman Admin-Kelas 121 Gambar 3.42 State Transition Diagram Halaman Admin-Tambah Kelas 121 Gambar 3.43 State Transition Diagram Halaman Admin-Lihat Detail Kelas 122 Gambar 3.44 State Transition Diagram Halaman Admin-Ubah Data Kelas 122 Gambar 3.45 State Transition Diagram Halaman Admin-Delete Kelas 122 Gambar 3.46 State Transition Diagram Halaman Admin-Tambah Murid Dalam Kelas 123 Gambar 3.47 State Transition Diagram Halaman Admin-Pelajaran 123 Gambar 3.48 State Transition Diagram Halaman Admin-Lihat Materi 124 Gambar 3.49 State Transition Diagram Halaman Admin-Tambah Pelajaran 124 Gambar 3.50 State Transition Diagram Halaman Admin-Lihat Detail Pelajaran 124 Gambar 3.51 State Transition Diagram Halaman Admin-Ubah Data Pelajaran 125 Gambar 3.52 State Transition Diagram Halaman Admin-Delete Pelajaran 125 Gambar 3.53 State Transition Diagram Halaman Admin-Tambah Materi 125 Gambar 3.54 State Transition Diagram Halaman Admin-Ubah Data Materi 126 Gambar 3.55 State Transition Diagram Halaman Admin-Delete Materi 126 xxi

18 Gambar 3.56 State Transition Diagram Halaman Admin-Lihat Detail Materi 126 Gambar 3.57 State Transition Diagram Halaman Admin-Pengumuman 127 Gambar 3.58 State Transition Diagram Halaman Admin-Tambah Pengumuman 127 Gambar 3.59 State Transition Diagram Halaman Admin-Jadwal 127 Gambar 3.60 State Transition Diagram Halaman Admin-Tambah Jadwal 128 Gambar 3.61 State Transition Diagram Halaman Admin-Ubah Jadwal 128 Gambar 3.62 State Transition Diagram Halaman Admin-Lihat Detail Jadwal 128 Gambar 3.63 State Transition Diagram Halaman Admin-Forum 129 Gambar 3.64 State Transition Diagram Halaman Admin-Forum Buat Kategori Forum 129 Gambar 3.65 State Transition Diagram Halaman Admin-Forum Buat Ubah 129 Kategori Forum Gambar 3.66 State Transition Diagram Halaman Admin-Forum Buat Thread Forum 130 Gambar 3.67 State Transition Diagram Halaman Admin-Forum Ubah Thread Forum 130 Gambar 3.68 State Transition Diagram Halaman Admin-Forum Thread 130 Gambar 3.69 State Transition Diagram Halaman Admin-Forum Posting Topik 131 Gambar 3.70 State Transition Diagram Halaman Admin-Forum Ubah Topik 131 Gambar 3.71 State Transition Diagram Halaman Admin-Forum Delete Topik 132 xxii

19 Gambar 3.72 State Transition Diagram Halaman Admin-Forum Post 132 Gambar 3.73 State Transition Diagram Halaman User-Change Pin 133 Gambar 3.74 State Transition Diagram Halaman User-Forum 133 Gambar 3.75 State Transition Diagram Halaman User-Topik 133 Gambar 3.76 State Transition Diagram Halaman User-Forum Posting Topik 134 Gambar 3.77 State Transition Diagram Halaman User-Forum Ubah Topik 134 Gambar 3.78 State Transition Diagram Halaman User-Forum Post 134 Gambar 3.79 State Transition Diagram Halaman User-Private Message 135 Gambar 3.80 State Transition Diagram Halaman User-Private Message 135 Gambar 3.81 State Transition Diagram Halaman User-Private Message Baca Topik 136 Gambar 3.82 State Transition Diagram Halaman Guru-Menu Utama 137 Gambar 3.83 State Transition Diagram Halaman Guru-Kelas Nilai 138 Gambar 3.84 State Transition Diagram Halaman User-Forum 139 Gambar 3.85 Rancangan Layar Index 146 Gambar 3.86 Rancangan Layar Admin Home 147 Gambar 3.87 Rancangan Layar Admin Siswa 148 Gambar 3.88 Rancangan Layar Admin Advanced Search Siswa 150 xxiii

20 Gambar 3.89 Rancangan Layar Admin Tambah Data Siswa 152 Gambar 3.90 Rancangan Layar Admin Lihat Detail Siswa 154 Gambar 3.91 Rancangan Layar Admin Ubah Data Siswa 156 Gambar 3.92 Rancangan Layar Admin Delete Siswa 158 Gambar 3.93 Rancangan Layar Admin Guru 159 Gambar 3.94 Rancangan Layar Admin Tambah Data Guru 160 Gambar 3.95 Rancangan Layar Admin Lihat Detail 161 Gambar 3.96 Rancangan Layar Admin Ubah Data 162 Gambar 3.97 Rancangan Layar Admin Konfirmasi Hapus Data Guru 163 Gambar 3.98 Rancangan Layar Admin Kelas 164 Gambar 3.99 Rancangan Layar Admin Tambah Kelas 166 Gambar Rancangan Layar Admin Lihat Detail Kelas 167 Gambar Rancangan Layar Admin Ubah Data Kelas 168 Gambar Rancangan Layar Admin Pengisian Kelas 169 Gambar Rancangan Layar Admin Pelajaran 170 Gambar Rancangan Layar Admin Lihat Materi 171 Gambar Rancangan Layar Admin Tambah Pelajaran 17 xxiv

21 Gambar Rancangan Layar Admin Lihat Detail Pelajaran 173 Gambar Rancangan Layar Admin Ubah Data Pelajaran 174 Gambar Rancangan Layar Admin Konfirmasi Penghapusan Pelajaran 175 Gambar Rancangan Layar Admin Konfirmasi Penghapusan Data Materi 176 Gambar Rancangan Layar Admin tambah materi pelajaran 177 Gambar Rancangan Layar Admin Lihat Detail Materi 178 Gambar Rancangan Layar Admin ubah data materi pelajaran 179 Gambar Rancangan Layar Admin Pengumuman 180 Gambar Rancangan Layar Admin tambah pengumuman 181 Gambar Rancangan Layar Admin lihat detail pengumuman 182 Gambar Rancangan Layar Admin jadwal 183 Gambar Rancangan Layar Admin buat jadwal 184 Gambar Rancangan Layar Admin ubah Jadwal 186 Gambar Rancangan Layar Admin lihat jadwal 187 Gambar Rancangan Layar Admin Forum 188 Gambar Rancangan Layar Admin Buat Kategori Forum 189 Gambar Rancangan Layar Admin Ubah Kategori Forum 190 xxv

22 Gambar Rancangan Layar Admin Buat Thread Forum 191 Gambar Rancangan Layar Admin Topic 192 Gambar Rancangan Layar Admin Ubah Topic 193 Gambar Rancangan Layar Home Siswa 194 Gambar Rancangan Layar Pelajaran Siswa 195 Gambar Rancangan Layar Siswa Kelas Matematika 196 Gambar Rancangan Layar Siswa Kelas Matematika Bab 1 Materi 197 Gambar Rancangan Layar Siswa Data Pribadi 199 Gambar Rancangan Layar Siswa Nilai 201 Gambar Rancangan Layar Siswa Jadwal Pelajaran 202 Gambar Rancangan Layar Guru Utama 203 Gambar Rancangan Layar Guru Kelas 204 Gambar Rancangan Layar Guru Mata Pelajaran 205 Gambar Rancangan Layar Guru Materi Bab Gambar Rancangan Layar Guru Pengumpulan Tugas 208 Gambar Rancangan Layar Guru Data Pribadi 210 Gambar Rancangan Layar Guru Nilai 212 xxvi

23 Gambar Rancangan Layar Guru View Nilai Kelas 214 Gambar Rancangan Layar Guru Nilai Tugas 215 Gambar Rancangan Layar Guru Nilai Ulangan Harian 216 Gambar Rancangan Layar Guru Nilai Ujian 217 Gambar Rancangan Layar Guru Jadwal Pelajaran 218 Gambar Rancangan Layar Ubah Sandi 219 Gambar Rancangan Layar User Forum 220 Gambar Rancangan Layar Topic User 221 Gambar Rancangan Layar Buat Topic User 222 Gambar Rancangan Layar Post User 223 Gambar Rancangan Layar Kirim Posting Forum 224 Gambar Rancangan Layar Edit Komentar 225 Gambar Rancangan Layar User Private Message 226 Gambar Rancangan Layar Kirim Private Message 227 Gambar Rancangan Layar Baca Private Message 228 Gambar Class Diagram 229 Gambar Use Case User & Admin 230 xxvii

24 Gambar Sequence User Guru Login 231 Gambar Sequence Siswa Download Materi 232 Gambar Sequence Siswa Download Soal Latihan 233 Gambar Sequence Siswa Upload Tugas 234 Gambar Sequence Siswa Update Profile 235 Gambar Sequence Siswa View Jadwal 236 Gambar Sequence Siswa User Logout 237 Gambar Sequence Siswa User View Inbox 237 Gambar Sequence Siswa User View PM 238 Gambar Sequence Siswa User Delete PM 238 Gambar Sequence Siswa Lihat Transkrip Nilai 239 Gambar Sequence Guru Upload Materi Tambahan 240 Gambar Sequence Guru Download Materi 241 Gambar Sequence Guru Input Nilai 242 Gambar Sequence Guru View Nilai 243 Gambar Sequence Guru Ulangan Harian 244 Gambar Sequence Guru Add Nilai Ujian 245 xxviii

25 Gambar Sequence Guru Change Password 246 Gambar Sequence Admin Insert, View Detail Siswa 247 Gambar Sequence Admin Ubah, Hapus Siswa 248 Gambar Sequence Admin Posting Pengumuman 249 Gambar Sequence Guru Update Profile 250 Gambar Sequence Create PM 251 Gambar Sequence Lihat Pengumuman 252 Gambar Sequence Guru Cek dan download pelajaran 253 Gambar Sequence Upload Soal Tugas 254 Gambar Sequence View Jadwal Mengajar 255 Gambar Sequence Admin Insert Kelas 256 Gambar Sequence Admin Update Kelas 257 Gambar Sequence Admin Delete Kelas 258 Gambar Sequence Admin Add Murid Kelas 259 Gambar Sequence Admin Delete Kelas 260 Gambar Sequence Admin Update Jadwal Pelajaran 261 Gambar Sequence Admin Insert Pelajaran 262 Gambar Sequence Admin Update Pelajaran 263 Gambar Sequence Admin Delete Pelajaran 264 Gambar Sequence Admin Add Materi 265 xxix

26 Gambar Sequence Admin Delete Pengumuman 265 Gambar Sequence User Create Posting 266 Gambar Sequence User Update Posting 267 Gambar Sequence User Create Topic 268 Gambar Sequence User Update Topic 269 Gambar Sequence Admin Create Kategori Forum 270 Gambar Sequence Admin Update Kategori Forum 270 Gambar Sequence Admin Delete Kategori Forum 271 Gambar Sequence Admin Create Topic 272 Gambar Sequence Admin Update Topic 273 Gambar Sequence Admin Delete Topic 274 Gambar Sequence Admin Update Kategori Forum 274 Gambar Sequence Admin Update Thread 275 Gambar Sequence Admin Hapus Thread 275 Gambar Sequence Admin Create Posting 276 Gambar Sequence Admin Update Posting 277 Gambar Sequence Admin HapusPosting 278 Gambar Acitivity Diagram Siswa 279 Gambar Acitivity Diagram User Guru 280 Gambar Acitivity Diagram Admin 281 Gambar Statechart Baca Forum Diskusi 282 xxx

27 Gambar Statechart Add Forum Diskusi Member 281 Gambar Statechart Admin Delete Kelas 281 Gambar Statechart Admin Delete Pengumuman 282 Gambar Statechart Admin Delete User 282 Gambar Statechart Admin Delete Forum 282 Gambar Statechart Admin Posting Pengumuman 283 Gambar Statechart Admin Update Kelas 283 Gambar Statechart Admin Update User 283 Gambar Statechart Admin Create Forum 284 Gambar Statechart Delete Private Message 284 Gambar Statechart Download Soal Latihan 285 Gambar Statechart Guru Download Jawaban Tugas 285 Gambar Statechart Lihat Pengumuman 285 Gambar Statechart Posting Private Message 286 Gambar Statechart Baca Private Message 286 Gambar Statechart Siswa Upload Tugas 286 Gambar Statechart Upload Materi 287 Gambar ERD 288 Gambar Tabel MsGuru 289 Gambar Tabel PM 291 Gambar Tabel MsKelas 292 xxxi

28 Gambar Tabel detilnilaitugas 293 Gambar Tabel DetilNilai 294 Gambar Tabel MsNilai 295 Gambar Tabel MsJadwal 296 Gambar Tabel MsMateri 297 Gambar Tabel MsPengumuman 299 Gambar Tabel MsOrangtua 300 Gambar Tabel MsSiswa 303 Gambar Tabel MsPelajaran 306 Gambar Tabel Forum 307 Gambar Tabel Post 307 Gambar Tabel Thread 308 Gambar Tabel Topic 309 Gambar 4.1 Halaman Login 346 Gambar 4.2 Halaman Home Admin 346 Gambar 4.3 Halaman Edit Password 347 Gambar 4.4 Halaman Layar Admin Siswa 348 Gambar 4.5 Halaman layar Admin Tambah Data Siswa 350 Gambar 4.6 Halaman Layar Admin Pencarian Detail Siswa 352 Gambar 4.7 Halaman untuk konfirmasi Penghapusan Data Siswa 354 Gambar 4.8 Halaman View Guru pada Layar Admin 355 xxxii

29 Gambar 4.9 Halaman Layar Admin tambah Data Guru 357 Gambar 4.10 Halaman Layar Admin Pencarian Detail Guru 358 Gambar 4.11 Halaman Tambah Kelas 359 Gambar 4.12 Halaman Layar Admin Lihat Detail Kelas 360 Gambar 4.13 Halaman Layar Delete Kelas 361 Gambar 4.14 Halaman Tambah Murid Ke Kelas 362 Gambar 4.15 Halaman View Jadwal Pelajaran 363 Gambar 4.16 Halaman Layar Admin Untuk Membuat Jadwal Pelajaran 364 Gambar 4.17 Halaman View Daftar Pelajaran 365 Gambar 4.18 Halaman Tambah Daftar Pelajaran 366 Gambar 4.19 Halaman Delete Daftar Pelajaran 367 Gambar 4.20 Halaman Layar Admin Untuk Detail Daftar Pelajaran 368 Gambar 4.21 Halaman Layar Admin Untuk Pengumuman 369 Gambar 4.22 Halaman Layar Admin Untuk Menambah Pengumuman 370 Gambar 4.23 Halaman Forum Admin 371 Gambar 4.24 Halaman Tambah Kategori Forum 372 Gambar 4.25 Halaman Tambah Thread Forum 373 Gambar 4.26 Halaman Pesan Pribadi 374 Gambar 4.27 Halaman Forum Admin Lihat topic 375 Gambar 4.28 Halaman Admin Forum Post 376 Gambar 4.29 Halaman Home Guru 377 xxxiii

30 Gambar 4.30 Halaman View Pelajaran Guru 378 Gambar 4.31 Halaman Detail Bab 379 Gambar 4.32 Halaman View Materi Pelajaran 380 Gambar 4.33 Halaman Upload Materi dan Soal 381 Gambar 4.34 Halaman View Pengumpulan Tugas 382 Gambar 4.35 Halaman Data Pribadi Guru 383 Gambar 4.36 Halaman Nilai 384 Gambar 4.37 Halaman Input Nilai Tugas 386 Gambar 4.38 Halaman Input Nilai Ulangan 387 Gambar 4.39 Halaman Input Nilai Ujian 388 Gambar 4.40 Halaman View Nilai Siswa 389 Gambar 4.41 Halaman Jadwal Mengajar 390 Gambar 4.42 Halaman Home Siswa 391 Gambar 4.43 Halaman Pelajaran Siswa 392 Gambar 4.44 Halaman View Detail Pelajaran 393 Gambar 4.45 Halaman View Detail Bab Pelajaran 394 Gambar 4.46 Halaman Download Materi 395 Gambar 4.47 Halaman Upload File 396 Gambar 4.48 Halaman Detail Pribadi 397 Gambar 4.49 Halaman View Nilai Pelajaran 399 Gambar 4.50 Halaman View Jadwal Pelajaran 400 xxxiv

31 Gambar 4.51 Halaman Forum Siswa 401 Gambar 4.52 Halaman View Topik Forum 402 Gambar 4.53 Halaman Masuk Ke Topik 403 Gambar 4.54 Halaman Pesan Pribadi 404 Gambar 4.55 Halaman View Pesan 405 Gambar 4.56 Halaman Balas Pesan Pribadi 406 Gambar 4.57 Diagram Hasil Evaluasi Kuisioner Siswa Pertanyaan no Gambar 4.58 Diagram Hasil Evaluasi Kuisioner Siswa Pertanyaan no Gambar 4.59 Diagram Hasil Evaluasi Kuisioner Siswa Pertanyaan no Gambar 4.60 Diagram Hasil Evaluasi Kuisioner Siswa Pertanyaan no Gambar 4.61 Diagram Hasil Evaluasi Kuisioner Siswa Pertanyaan no Gambar 4.62 Diagram Hasil Evaluasi Kuisioner Siswa Pertanyaan no Gambar 4.63 Diagram Hasil Evaluasi Kuisioner Siswa Pertanyaan no Gambar 4.64 Diagram Hasil Evaluasi Kuisioner Siswa Pertanyaan no Gambar 4.65 Diagram Hasil Evaluasi Kuisioner Siswa Pertanyaan no Gambar 4.66 Diagram Hasil Evaluasi Kuisioner Siswa Pertanyaan no Gambar 4.67 Diagram Hasil Evaluasi Kuisioner Guru Pertanyaan no Gambar 4.68 Diagram Hasil Evaluasi Kuisioner Guru Pertanyaan no Gambar 4.69 Diagram Hasil Evaluasi Kuisioner Guru Pertanyaan no Gambar 4.70 Diagram Hasil Evaluasi Kuisioner Guru Pertanyaan no Gambar 4.71 Diagram Hasil Evaluasi Kuisioner Guru Pertanyaan no xxxv

32 Gambar 4.72 Diagram Hasil Evaluasi Kuisioner Guru Pertanyaan no Gambar 4.73 Diagram Hasil Evaluasi Kuisioner Guru Pertanyaan no Gambar 4.74 Diagram Hasil Evaluasi Kuisioner Guru Pertanyaan no Gambar 4.75 Diagram Hasil Evaluasi Kuisioner Guru Pertanyaan no xxxvi

33 DAFTAR LAMPIRAN Lampiran kuisioner analisis dan perancangan aplikasi e-learning berbasiskan web pada L1 SMA Plus Pembangunan Jaya (Di isi oleh pihak siswa) Lampiran kuisioner analisis dan perancangan aplikasi e-learning berbasiskan web pada L3 SMA Plus Pembangunan Jaya (Di isi oleh pihak sekolah) Lampiran daftar pertanyaan wawancara dengan pihak sekolah. Lampiran evaluasi aplikasi e-learning SMA Plus Pembangunan Jaya (Di isi oleh pihak L10 L11 siswa) Lampiran evaluasi aplikasi e-learning SMA Plus Pembangunan Jaya (Di isi oleh pihak L15 guru) Lampiran daftar pertanyaan wawancara evaluasi aplikasi e-learning SMA Plus L18 Pembangunan Jaya dengan pihak sekolah. Lampiran panduan instalasi aplikasi Lampiran surat survei L19 L25 xxxvii