UNIVERSITAS BINA NUSANTARA School of Computer Science Skripsi Sarjana Komputer Semester Ganjil tahun 2011/2012 ANALISIS DAN PERANCANGAN SISTEM BASIS DATA E-LEARNING BERBASIS WEB PADA SMA TARSISIUS II JAKARTA Desma Leni 1200990230 Fiona Yunisa 1200990716 Wiwin Wijaya 1200990994 Kelas / Kelompok : 07PCT / 09 Abstrak Tujuan penelitian ini adalah untuk menganalisis dan merancang sebuah sistem basis data e-learning berbasis web pada SMA Tarsisius II Jakarta. Dengan adanya e-learning tersebut, diharapkan kebutuhan informasi mengenai kegiatan akademik di SMA Tarsisius II Jakarta dapat tersedia secara lengkap untuk siswa, guru, dan orang tua. Di samping itu, sistem ini menyediakan fasilitas pendukung proses pembelajaran seperti materi tambahan, soal latihan, dan forum diskusi bagi siswa, guru, dan orang tua. Metode penelitian yang digunakan adalah metode analisis yang meliputi analisis hasil wawancara, kuesioner, observasi, dan studi pustaka, serta metode perancangan yang meliputi perancangan basis data, tampilan layar, spesifikasi proses, hierarki menu, dan Unified Modeling Language. Hasil yang dicapai adalah tersedianya suatu sistem basis data e-learning yang dapat mendukung proses belajar-mengajar di SMA Tarsisius II Jakarta yang dapat diakses tanpa ada batasan ruang dan waktu. Simpulan yang dapat ditarik adalah sistem basis data e-learning berbasis web yang telah dibuat dapat membantu siswa dalam memperoleh dan memperdalam materi pembelajaran serta mudah berdiskusi melalui forum. Selain itu, guru dapat lebih mudah dalam memberikan materi atau tugas kepada siswa di luar jam pelajaran. Sedangkan untuk orang tua, sistem ini dapat mempermudah dalam memantau kegiatan belajar-mengajar anaknya di sekolah. Kata Kunci analisis, perancangan, sistem, basis data, e-learning, web viii
PRAKATA Puji dan syukur penulis ucapkan kepada Tuhan Yang Maha Esa, karena atas rahmat dan karunia-nya penulis mampu menyelesaikan penulisan skripsi yang berjudul Analisis dan Perancangan Sistem Basis Data E-Learning Berbasis Web pada SMA Tarsisius II Jakarta ini dengan baik. Skripsi ini diajukan sebagai pemenuhan salah satu syarat untuk memperoleh gelar kesarjanaan pada Jurusan Teknik Informatika Jenjang Pendidikan Strata-1 di Universitas Bina Nusantara. Pada kesempatan ini, penulis ingin mengucapkan terima kasih kepada semua pihak yang telah memberikan bantuan kepada penulis baik secara langsung maupun tidak langsung dalam rangka penyelesaian skripsi ini. Ucapan terima kasih penulis ucapkan antara lain kepada: 1. Bapak Prof. Dr. Ir. Harjanto Prabowo, MM, selaku Rektor Universitas Bina Nusantara, yang telah membantu penulis dalam berbagai aspek serta fasilitas yang diberikan dalam penyusunan skripsi ini. 2. Bapak Fredy Purnomo, S.Kom, M.Kom, selaku Head of School of Computer Science dan Head of Computer Science Department, yang telah memberikan informasi dalam penyusunan skripsi ini. 3. Ibu Yen Lina Prasetio, S.Kom., M.Comp.Sc, selaku Sekretaris Jurusan Teknik Informatika Bina Nusantara, yang telah membantu dan memberikan dukungan dalam penyusunan skripsi ini. ix
4. Bapak Ir. Tri Djoko Wahjono, M.Sc., selaku dosen pembimbing, yang telah memberikan bimbingan dan pengarahan kepada penulis dalam penyusunan skripsi ini. 5. Bapak Estasius Dwiyantono, S.Pd., selaku Kepala SMA Tarsisius II Jakarta dan Bapak Bernardus Bubun Beda, SE, selaku Wakil Kepala Sekolah beserta staf guru SMA Tarsisius II Jakarta, yang telah bersedia meluangkan waktunya untuk memberikan bantuan pada pengumpulan data dan informasi yang dibutuhkan dalam penyusunan skripsi ini. 6. Seluruh dosen dan staf karyawan akademis dan non-akademis Universitas Bina Nusantara, yang secara langsung maupun tidak langsung telah membantu penyelesaian skripsi ini. 7. Orang tua dan saudara-saudara, yang telah memberikan dorongan yang berharga baik secara moril maupun materiil. 8. Rekan-rekan penulis, yang selalu membantu dan memberikan dorongan semangat bagi penulis. 9. Serta semua pihak yang namanya tidak dapat disebutkan satu-persatu, yang turut memberikan bantuan, dukungan, serta doa kepada penulis dalam penyelesaian skripsi ini. Akhir kata, penulis berharap agar skripsi ini dapat bermanfaat bagi para pembaca. Kritik dan saran yang membangun juga diharapkan penulis. Jakarta, Januari 2012 x Penulis
DAFTAR ISI Halaman Halaman Judul Luar... i Halaman Judul Dalam... ii Halaman Persetujuan Hard Cover... iii Halaman Pernyataan Dewan Penguji... iv Halaman Pemberian Hak Cipta Non Eksklusif dari Mahasiswa ke Universitas Bina Nusantara... vii Abstrak... viii Prakata... ix Daftar Isi... xi Daftar Tabel... xix Daftar Gambar... xxii Daftar Lampiran... xxxvii BAB 1 PENDAHULUAN... 1 1.1 Latar Belakang... 1 1.2 Ruang Lingkup... 2 1.3 Tujuan dan Manfaat... 3 1.4 Metodologi... 4 1.5 Sistematika Penulisan... 6 BAB 2 LANDASAN TEORI... 8 2.1 Teori Umum... 8 xi
2.1.1 Definisi Sistem... 8 2.1.2 Definisi Data dan Informasi... 9 2.1.3 Definisi Internet... 10 2.1.4 Basis Data... 10 2.1.4.1 Definisi Basis Data... 11 2.1.4.2 Siklus Basis Data... 12 2.1.4.3 Arsitektur Basis Data... 16 2.1.4.4 Elemen-Elemen Basis Data... 17 2.1.4.5 Tahapan Perancangan Basis Data... 25 2.1.4.6 Keuntungan Basis Data... 29 2.1.5 Database Management System... 29 2.1.5.1 Definisi Database Management System... 30 2.1.5.2 Fungsi Database Management System... 32 2.1.5.3 Keuntungan dan Kerugian Database Management System... 34 2.1.6 Web Database System... 39 2.1.6.1 Definisi Web Database... 39 2.1.6.2 Siklus Web Database... 41 2.1.7 Structured Query Language... 44 2.1.8 Unified Modeling Language... 45 2.1.8.1 Definisi Unified Modeling Language... 45 2.1.8.2 Deliverables Unified Modeling Language... 45 2.2 Teori Khusus... 52 2.2.1 Website... 52 xii
2.2.2 Interaksi Manusia dan Komputer... 55 2.2.2.1 Definisi Interaksi Manusia dan Komputer... 55 2.2.2.2 Delapan Aturan Emas Perancangan Antarmuka... 56 2.2.2.3 Sepuluh Kesalahan Utama Website... 58 2.2.3 E-Learning... 59 2.2.3.1 Definisi E-Learning... 59 2.2.3.2 Kebutuhan Pendorong E-Learning... 60 2.2.3.3 Internet dan Pengajaran... 61 2.2.3.4 Tipe-Tipe E-Learning... 62 2.2.3.5 Fitur E-Learning... 63 2.2.3.6 Keuntungan E-Learning... 63 2.2.3.7 Kekurangan E-Learning... 65 2.2.4 PHP... 66 2.2.4.1 Pengertian PHP... 66 2.2.4.2 Keuntungan PHP... 67 2.2.5 MySQL... 68 2.2.5.1 Definisi MySQL... 68 2.2.5.2 Keuntungan MySQL... 69 2.2.6 Normalisasi... 69 2.2.7 Pendidikan... 72 2.2.8 Pembelajaran... 74 xiii
BAB 3 ANALISIS DAN PERANCANGAN... 75 3.1 Gambaran Umum SMA Tarsisius II Jakarta... 75 3.1.1 Sejarah... 75 3.1.2 Visi... 76 3.1.3 Misi... 76 3.1.4 Tujuan... 77 3.1.5 Nilai... 77 3.1.6 Logo... 78 3.1.7 Struktur Organisasi... 79 3.1.8 Pembagian Tugas... 80 3.2 Analisis Sistem yang Berjalan... 98 3.2.1 Kurikulum pada SMA Tarsisius II Jakarta... 98 3.2.2 Sistem Kegiatan Belajar-Mengajar... 106 3.2.3 Sistem Pengolahan Nilai... 107 3.2.4 Sistem Pengolahan Absensi... 110 3.2.5 Data Infrastruktur dan Sumber Daya Manusia... 111 3.3 Hasil Wawancara dan Kuesioner... 115 3.3.1 Hasil Wawancara dengan Wakil Kepala SMA Tarsisius II Jakarta bagian Pendidikan... 115 3.3.2 Hasil Wawancara dengan Bagian Tata Usaha SMA Tarsisius II Jakarta... 120 3.3.3 Kuesioner untuk Siswa SMA Tarisius II Jakarta... 122 3.3.4 Kuesioner untuk Guru SMA Tarisius II Jakarta... 132 xiv
3.3.5 Kuesioner untuk Orang Tua Siswa SMA Tarisius II Jakarta... 140 3.4 Permasalahan yang Dihadapi... 148 3.5 Alternatif Pemecahan Masalah... 149 3.6 Perancangan Basis Data... 150 3.6.1 Perancangan Basis Data Konseptual... 150 3.6.1.1 Mengidentifikasi Tipe Entitas... 150 3.6.1.2 Mengidentifikasi Tipe Relasi... 155 3.6.1.3 Mengidentifikasi dan Menghubungkan Atribut dengan Entitas atau Relasi... 157 3.6.1.4 Menentukan Domain Atribut... 173 3.6.1.5 Menentukan Atribut yang Termasuk Candidate Key dan Primary Key... 174 3.6.1.6 Pertimbangan Penggunaan Konsep Enchanced Modeling... 175 3.6.1.7 Memeriksa Model dari Redundansi... 176 3.6.1.8 Memvalidasikan Model Konseptual Lokal Terhadap Transaksi Pengguna... 177 3.6.1.9 Meninjau Model Data Konseptual Lokal dengan Pengguna... 179 3.6.2 Perancangan Basis Data Logikal... 179 3.6.2.1 Menghilangkan Fitur-Fitur yang Tidak Sesuai dengan Model Data Relasional... 179 3.6.2.2 Membuat Relasi untuk Model Data Logikal Lokal... 181 3.6.2.3 Memvalidasi Relasi Menggunakan Normalisasi... 213 3.6.2.4 Memvalidasi Relasi Terhadap Transaksi Pengguna... 221 xv
3.6.2.5 Menentukan Integrity Constraints... 222 3.6.2.6 Meninjau Model Data Logikal Lokal dengan Pengguna... 230 3.6.2.7 Menggabungkan Model Data Logikal Lokal ke Model Global... 231 3.6.2.8 Memvalidasi Model Data Logikal Global... 237 3.6.2.9 Mengecek Perkembangan di Masa yang Akan Datang... 237 3.6.2.10 Meninjau Model Data Logikal Global dengan Pengguna... 237 3.6.3 Perancangan Basis Data Fisikal... 239 3.6.3.1 Menerjemahkan Model Data Logikal Global untuk Target DBMS... 239 3.6.3.2 Merancang Representasi Fisikal... 273 3.6.3.3 Merancang User Views... 307 3.6.3.4 Merancang Mekanisme Keamanan... 309 3.6.3.5 Mempertimbangkan Pengenalan dari Kontrol Redundansi... 312 3.6.3.6 Mengawasi dan Menyesuaikan Sistem Operasional... 312 3.7 Perancangan Deliverables UML... 312 3.7.1 Use Case Diagram... 312 3.7.2 Class Diagram... 321 3.7.3 Object Diagram... 322 3.7.4 Sequence Diagram... 323 3.7.5 Collaboration Diagram... 328 3.7.6 Statechart Diagram... 335 3.7.7 Activity Diagram... 343 xvi
3.7.8 Component Diagram... 347 3.7.9 Deployment Diagram... 348 3.8 Pseudocode... 348 3.9 Hierarki Menu... 394 3.10 Perancangan Layar... 400 BAB 4 IMPLEMENTASI DAN EVALUASI... 440 4.1 Rencana Implementasi... 440 4.1.1 Jadwal Implementasi dan Pelatihan... 440 4.1.2 Spesifikasi Perangkat Keras... 441 4.1.3 Spesifikasi Perangkat Lunak... 442 4.1.4 Spesifikasi Jaringan... 443 4.1.5 Spesifikasi Personil... 444 4.1.6 Spesifikasi Keamanan Sistem... 445 4.1.7 Konversi Data... 446 ` 4.1.8 Pengujian... 446 4.1.9 Pelatihan... 446 4.1.10 Operasional... 446 4.1.11 Petunjuk Penggunaan Sistem Basis Data E-Learning Berbasis Web... 447 4.1.11.1 Petunjuk Penggunaan Sistem Secara Umum... 447 4.1.11.2 Petunjuk Penggunaan Sistem untuk Guru Secara Umum... 458 4.1.11.3 Petunjuk Penggunaan Sistem untuk Guru yang Merupakan Admin... 463 xvii
4.1.11.4 Petunjuk Penggunaan Sistem untuk Guru yang Kepala Sekolah dan Wakil Kepala Sekolah... 501 4.1.11.5 Petunjuk Penggunaan Sistem untuk Guru yang Merupakan Tata Usaha... 508 4.1.11.6 Petunjuk Penggunaan Sistem untuk Guru yang Merupakan Wali Kelas... 513 4.1.11.7 Petunjuk Penggunaan Sistem untuk Guru yang Merupakan Guru Mata Pelajaran... 523 4.1.11.8 Petunjuk Penggunaan Sistem untuk Guru yang Merupakan Guru Pembimbing Ekstrakurikuler... 537 4.1.11.9 Petunjuk Penggunaan Sistem Siswa... 540 4.1.11.10Petunjuk Penggunaan Sistem untuk Orang Tua Siswa... 558 4.2 Evaluasi Basis Data... 572 4.3 Evaluasi Sistem... 574 4.4 Evaluasi Pengguna... 575 BAB 5 SIMPULAN DAN SARAN... 578 5.1 Simpulan... 578 5.2 Saran... 579 DAFTAR PUSTAKA... 580 DAFTAR RIWAYAT HIDUP... 583 LAMPIRAN... 589 xviii
DAFTAR TABEL Halaman Tabel 3.1 Struktur Kurikulum untuk Kelas X... 99 Tabel 3.2 Struktur Kurikulum untuk Kelas XI IPA... 100 Tabel 3.3 Struktur Kurikulum untuk Kelas XI IPS... 101 Tabel 3.4 Struktur Kurikulum untuk Kelas XII IPA... 102 Tabel 3.5 Struktur Kurikulum untuk Kelas XII IPS... 103 Tabel 3.6 Data Karyawan pada SMA Tarsisius II Jakarta... 111 Tabel 3.7 Jumlah Kelas dan Siswa... 112 Tabel 3.8 Jumlah Ruangan... 113 Tabel 3.9 Jumlah Lapangan... 113 Tabel 3.10 Jumlah Komputer... 114 Tabel 3.11 Hasil Identifikasi Tipe Entitas... 151 Tabel 3.12 Hasil Identifikasi Tipe Relasi... 155 Tabel 3.13 Hasil Identifikasi Atribut... 157 Tabel 3.14 Hasil Menentukan Domain Atribut... 173 Tabel 3.15 Menentukan Candidate Key dan Primary Key... 174 Tabel 3.16 Hasil Relasi untuk Model Data Logikal Lokal... 208 Tabel 3.17 Integritas Referensial... 223 Tabel 3.18 Model Data Logikal Global... 231 Tabel 3.19 Analisis Transaksi... 274 Tabel 3.20 Hasil Memilih Indeks... 288 xix
Tabel 3.21 Estimasi Disk Space MsSiswa... 291 Tabel 3.22 Estimasi Disk Space Absensi... 291 Tabel 3.23 Estimasi Disk Space DetailAbsensi... 292 Tabel 3.24 Estimasi Disk Space MsOrangTua... 292 Tabel 3.25 Estimasi Disk Space MsKaryawan... 293 Tabel 3.26 Estimasi Disk Space Keuangan... 294 Tabel 3.27 Estimasi Disk Space JenisKeuangan... 294 Tabel 3.28 Estimasi Disk Space MsJenisKaryawan... 294 Tabel 3.29 Estimasi Disk Space MsKelas... 295 Tabel 3.30 Estimasi Disk Space MsJamPel... 295 Tabel 3.31 Estimasi Disk Space MsHariPel... 295 Tabel 3.32 Estimasi Disk Space JadwalPelajaran... 296 Tabel 3.33 Estimasi Disk Space Forum... 296 Tabel 3.34 Estimasi Disk Space Reply... 297 Tabel 3.35 Estimasi Disk Space MsMataPelajaran... 297 Tabel 3.36 Estimasi Disk Space MsMateri... 298 Tabel 3.37 Estimasi Disk Space AddMateri... 298 Tabel 3.38 Estimasi Disk Space JawabanMateri... 299 Tabel 3.39 Estimasi Disk Space JadwalUlanganUmum... 299 Tabel 3.40 Estimasi Disk Space Nilai... 299 Tabel 3.41 Estimasi Disk Space DetailNilai... 300 Tabel 3.42 Estimasi Disk Space Periode... 300 Tabel 3.43 Estimasi Disk Space RaportBayangan... 301 xx
Tabel 3.44 Estimasi Disk Space DetailRaportBayangan... 301 Tabel 3.45 Estimasi Disk Space MsEkskul... 302 Tabel 3.46 Estimasi Disk Space NilaiEkskul... 302 Tabel 3.47 Estimasi Disk Space MsKepribadian... 302 Tabel 3.48 Estimasi Disk Space NilaiKepribadian... 303 Tabel 3.49 Estimasi Disk Space RaportAkhir... 303 Tabel 3.50 Estimasi Disk Space DetailRaportAkhir... 304 Tabel 3.51 Estimasi Disk Space NewsnEvent... 304 Tabel 3.52 Estimasi Disk Space Quotes... 305 Tabel 3.53 Estimasi Disk Space SuratIzin... 305 Tabel 3.54 Total Estimasi Kebutuhan Disk Space... 306 Tabel 3.55 Perancangan Mekanisme Keamanan... 310 Tabel 4.1 Jadwal Implementasi dan Pelatihan... 440 Tabel 4.2 Spesifikasi Perangkat Keras... 441 Tabel 4.3 Spesifikasi Perangkat Lunak... 442 xxi
DAFTAR GAMBAR Halaman Gambar 2.1 Database Development Lifecycle Diagram... 12 Gambar 2.2 Notasi ERM... 18 Gambar 2.3 One-to-One Relationship... 21 Gambar 2.4 One-to-One Relationship Notation... 21 Gambar 2.5 One-to-Many Eelationship... 22 Gambar 2.6 One-to-Many Relationship Notation... 22 Gambar 2.7 Many-to-Many Relationship... 23 Gambar 2.8 Many-to-Many Relationship Notation... 23 Gambar 2.9 Web Database Design... 41 Gambar 2.10 Use Case Diagram... 46 Gambar 2.11 Class Diagram... 47 Gambar 2.12 Object Diagram... 47 Gambar 2.13 Sequence Diagram... 48 Gambar 2.14 Collaboration Diagram... 49 Gambar 2.15 Statechart Diagram... 50 Gambar 2.16 Activity Diagram... 50 Gambar 2.17 Component Diagram... 51 Gambar 2.18 Deployment Diagram... 52 Gambar 3.1 Logo SMA Tarsisius II Jakarta... 78 Gambar 3.2 Struktur Organisasi SMA Tarsisius II Jakarta... 79 xxii
Gambar 3.3 Diagram Alir Kegiatan Belajar-Mengajar... 106 Gambar 3.4 Diagram Alir Sistem Pengolahan Nilai... 108 Gambar 3.5 Diagram Alir Pengolahan Absensi... 110 Gambar 3.6 Pie Chart Jawaban Kuesioner untuk Siswa Nomor 1... 123 Gambar 3.7 Pie Chart Jawaban Kuesioner untuk Siswa Nomor 2... 124 Gambar 3.8 Pie Chart Jawaban Kuesioner untuk Siswa Nomor 3... 124 Gambar 3.9 Pie Chart Jawaban Kuesioner untuk Siswa Nomor 4... 125 Gambar 3.10 Pie Chart Jawaban Kuesioner untuk Siswa Nomor 5... 126 Gambar 3.11 Pie Chart Jawaban Kuesioner untuk Siswa Nomor 6... 127 Gambar 3.12 Pie Chart Jawaban Kuesioner untuk Siswa Nomor 7... 127 Gambar 3.13 Pie Chart Jawaban Kuesioner untuk Siswa Nomor 8... 128 Gambar 3.14 Pie Chart Jawaban Kuesioner untuk Siswa Nomor 9... 129 Gambar 3.15 Pie Chart Jawaban Kuesioner untuk Siswa Nomor 10... 129 Gambar 3.16 Pie Chart Jawaban Kuesioner untuk Siswa Nomor 11... 130 Gambar 3.17 Pie Chart Jawaban Kuesioner untuk Siswa Nomor 12... 131 Gambar 3.18 Pie Chart Jawaban Kuesioner untuk Guru Nomor 1... 132 Gambar 3.19 Pie Chart Jawaban Kuesioner untuk Guru Nomor 2... 133 Gambar 3.20 Pie Chart Jawaban Kuesioner untuk Guru Nomor 3... 134 Gambar 3.21 Pie Chart Jawaban Kuesioner untuk Guru Nomor 4... 134 Gambar 3.22 Pie Chart Jawaban Kuesioner untuk Guru Nomor 5... 135 Gambar 3.23 Pie Chart Jawaban Kuesioner untuk Guru Nomor 6... 136 Gambar 3.24 Pie Chart Jawaban Kuesioner untuk Guru Nomor 7... 137 Gambar 3.25 Pie Chart Jawaban Kuesioner untuk Guru Nomor 8... 137 xxiii
Gambar 3.26 Pie Chart Jawaban Kuesioner untuk Guru Nomor 9... 138 Gambar 3.27 Pie Chart Jawaban Kuesioner untuk Guru Nomor 10... 139 Gambar 3.28 Pie Chart Jawaban Kuesioner untuk Guru Nomor 11... 140 Gambar 3.29 Pie Chart Jawaban Kuesioner untuk Orang Tua Siswa Nomor 1... 141 Gambar 3.30 Pie Chart Jawaban Kuesioner untuk Orang Tua Siswa Nomor 2... 142 Gambar 3.31 Pie Chart Jawaban Kuesioner untuk Orang Tua Siswa Nomor 3... 142 Gambar 3.32 Pie Chart Jawaban Kuesioner untuk Orang Tua Siswa Nomor 4... 143 Gambar 3.33 Pie Chart Jawaban Kuesioner untuk Orang Tua Siswa Nomor 5... 144 Gambar 3.34 Pie Chart Jawaban Kuesioner untuk Orang Tua Siswa Nomor 6... 145 Gambar 3.35 Pie Chart Jawaban Kuesioner untuk Orang Tua Siswa Nomor 7... 145 Gambar 3.36 Pie Chart Jawaban Kuesioner untuk Orang Tua Siswa Nomor 8... 146 Gambar 3.37 Pie Chart Jawaban Kuesioner untuk Orang Tua Siswa Nomor 9... 147 Gambar 3.38 Pie Chart Jawaban Kuesioner untuk Orang Tua Siswa Nomor 10... 148 Gambar 3.39 ERD Konseptual... 176 Gambar 3.40 ERD Konseptual dengan Transaksi yang Ada... 178 Gambar 3.41 Diagram Relasional Global... 238 Gambar 3.42 Use Case Diagram Proses Pengolahan Jadwal Pelajaran... 313 Gambar 3.43 Use Case Diagram Proses Pengolahan Jadwal Ulangan Umum... 314 Gambar 3.44 Use Case Diagram Proses Keuangan... 314 Gambar 3.45 Use Case Diagram Proses Absensi... 315 Gambar 3.46 Use Case Diagram Proses Pemberian Tugas dan Nilai... 316 Gambar 3.47 Use Case Diagram Proses Pengolahan Forum... 317 Gambar 3.48 Use Case Diagram Proses Pengolahan Ekstrakurikuler... 318 xxiv
Gambar 3.49 Use Case Diagram Proses Pengolahan Raport Bayangan... 319 Gambar 3.50 Use Case Diagram Proses Pengolahan Raport Akhir... 320 Gambar 3.51 Class Diagram... 321 Gambar 3.52 Object Diagram... 322 Gambar 3.53 Sequence Diagram Proses untuk Menampilkan Kata Mutiara... 323 Gambar 3.54 Sequence Diagram Proses untuk Menambah Kata Mutiara... 324 Gambar 3.55 Sequence Diagram Proses untuk Mengubah Kata Mutiara... 325 Gambar 3.56 Sequence Diagram Proses untuk Menghapus Kata Mutiara... 326 Gambar 3.57 Sequence Diagram Proses untuk Menampilkan Jadwal Pelajaran... 327 Gambar 3.58 Collaboration Diagram Proses Login... 328 Gambar 3.59 Collaboration Diagram Proses untuk Menampilkan KataMutiara... 329 Gambar 3.60 Collaboration Diagram Proses untuk Menambah Kata Mutiara... 329 Gambar 3.61 Collaboration Diagram Proses untuk Mengubah Kata Mutiara... 330 Gambar 3.62 Collaboration Diagram Proses untuk Menghapus Kata Mutiara... 331 Gambar 3.63 Collaboration Diagram Proses untuk Menambah Topik... 331 Gambar 3.64 Collaboration Diagram untuk Proses Membuat Topik... 332 Gambar 3.65 Collaboration Diagram Proses untuk Mengunci Topik... 333 Gambar 3.66 Collaboration Diagram Proses Pengisian Surat Izin... 333 Gambar 3.67 Collaboration Diagram Proses Pengisian Absensi... 334 Gambar 3.68 Statechart Diagram Proses Login... 335 Gambar 3.69 Statechart Diagram Proses untuk Menambah Pengguna Baru... 336 Gambar 3.70 Statechart Diagram Proses untuk Mengubah Data Pengguna... 336 Gambar 3.71 Statechart Diagram Proses untuk Menghapus Data Pengguna... 337 xxv
Gambar 3.72 Statechart Diagram Proses untuk Mengubah Kata Sandi... 338 Gambar 3.73 Statechart Diagram Proses Pengajuan Formulir Surat Izin... 339 Gambar 3.74 Statechart Diagram Proses untuk Menambahkan Pengumuman... 339 Gambar 3.75 Statechart Diagram Proses untuk Mengubah Pengumuman... 340 Gambar 3.76 Statechart Diagram Proses untuk Menghapus Pengumuman... 341 Gambar 3.77 Statechart Diagram Proses untuk Membuat Topik Baru... 342 Gambar 3.78 Activity Diagram Proses Login... 343 Gambar 3.79 Activity Diagram Proses Pemberian Tugas... 344 Gambar 3.80 Activity Diagram Proses untuk Membuat Topik... 345 Gambar 3.81 Activity Diagram Proses untuk Membuat Balasan Topik... 346 Gambar 3.82 Component Diagram... 347 Gambar 3.83 Deployment Diagram... 348 Gambar 3.84 Hierarki Menu Admin... 394 Gambar 3.85 Hierarki Menu Kepala Sekolah dan Wakil Kepala Sekolah... 395 Gambar 3.86 Hierarki Menu Tata Usaha... 395 Gambar 3.87 Hierarki Menu Wali Kelas... 396 Gambar 3.88 Hierarki Menu Guru Mata Pelajaran... 397 Gambar 3.89 Hierarki Menu Guru Pembimbing Ekstrakurikuler... 397 Gambar 3.90 Hierarki Menu Siswa... 398 Gambar 3.91 Hierarki Menu Orang Tua... 399 Gambar 3.92 Rancangan Layar Halaman Login... 400 Gambar 3.93 Rancangan Layar Halaman Profil... 401 Gambar 3.94 Rancangan Layar Halaman Ubah Kata Sandi... 401 xxvi
Gambar 3.95 Rancangan Layar Halaman Forum... 402 Gambar 3.96 Rancangan Layar Halaman Detail Forum... 402 Gambar 3.97 Rancangan Layar Halaman Beranda untuk Siswa... 403 Gambar 3.98 Rancangan Layar Halaman Jadwal Pelajaran untuk Siswa... 403 Gambar 3.99 Rancangan Layar Halaman Kelas untuk Siswa... 404 Gambar 3.100 Rancangan Layar Halaman Materi Per Pelajaran untuk Siswa... 404 Gambar 3.101 Rancangan Layar Halaman Rincian Materi untuk Siswa... 405 Gambar 3.102 Rancangan Layar Halaman Unggah Tugas untuk Siswa... 405 Gambar 3.103 Rancangan Layar Halaman Daftar Nilai untuk Siswa... 406 Gambar 3.104 Rancangan Layar Halaman Absensi untuk Siswa... 406 Gambar 3.105 Rancangan Layar Halaman Arsip Keuangan untuk Siswa... 407 Gambar 3.106 Rancangan Layar Halaman Raport Bayangan untuk Siswa... 407 Gambar 3.107 Rancangan Layar Halaman Raport Akhir untuk Siswa... 408 Gambar 3.108 Rancangan Layar Halaman Beranda untuk Orang Tua... 409 Gambar 3.109 Rancangan Layar Halaman Jadwal Pelajaran untuk Orang Tua... 409 Gambar 3.110 Rancangan Layar Halaman Absensi untuk Orang Tua... 410 Gambar 3.111 Rancangan Layar Halaman Surat Izin untuk Orang Tua... 410 Gambar 3.112 Rancangan Layar Halaman Keuangan untuk Orang Tua... 411 Gambar 3.113 Rancangan Layar Halaman Raport Bayangan untuk Orang Tua... 411 Gambar 3.114 Rancangan Layar Halaman Raport Akhir untuk Orang Tua... 412 Gambar 3.115 Rancangan Layar Halaman Beranda untuk Guru... 413 Gambar 3.116 Rancangan Layar Halaman Jadwal Mengajar untuk Guru... 413 Gambar 3.117 Rancangan Layar Halaman Kelas untuk Guru... 414 xxvii
Gambar 3.118 Rancangan Layar Halaman Materi Per Pelajaran untuk Guru... 414 Gambar 3.119 Rancangan Layar Halaman Rincian Materi untuk Guru... 415 Gambar 3.120 Rancangan Layar Halaman Cek Tugas untuk Guru... 415 Gambar 3.121 Rancangan Layar Halaman Unggah Materi untuk Guru... 416 Gambar 3.122 Rancangan Layar Halaman Unggah Tugas untuk Guru... 416 Gambar 3.123 Rancangan Layar Halaman Daftar Nilai untuk Guru... 417 Gambar 3.124 Rancangan Layar Halaman Formulir Isi Nilai untuk Guru... 417 Gambar 3.125 Rancangan Layar Halaman Daftar Nilai Raport Bayangan/Akhir... 418 Gambar 3.126 Rancangan Layar Halaman Absensi untuk Wali Kelas... 418 Gambar 3.127 Rancangan Layar Halaman Isi Absensi untuk Wali Kelas... 419 Gambar 3.128 Rancangan Layar Halaman Raport Bayangan untuk Wali Kelas... 419 Gambar 3.129 Rancangan Layar Halaman Raport Akhir untuk Wali Kelas... 420 Gambar 3.130 Rancangan Layar Halaman Beranda untuk Tata Usaha... 421 Gambar 3.131 Rancangan Layar Halaman Jenis Keuangan... 421 Gambar 3.132 Rancangan Layar Halaman Tambah Jenis Keuangan... 422 Gambar 3.133 Rancangan Layar Halaman Daftar Jenis Keuangan... 422 Gambar 3.134 Rancangan Layar Halaman Detail Jenis Keuangan... 423 Gambar 3.135 Rancangan Layar Halaman Daftar Keuangan Siswa... 423 Gambar 3.136 Rancangan Layar Halaman Beranda untuk Kepala Sekolah dan Wakil Kepala Sekolah... 424 Gambar 3.137 Rancangan Layar Halaman Guru untuk Kepala Sekolah dan Wakil Kepala Sekolah... 424 xxviii
Gambar 3.138 Rancangan Layar Halaman Siswa untuk Kepala Sekolah dan Wakil Kepala Sekolah... 425 Gambar 3.139 Rancangan Layar Halaman Kelas untuk Kepala Sekolah dan Wakil Kepala Sekolah... 425 Gambar 3.140 Rancangan Layar Halaman Beranda untuk Admin... 426 Gambar 3.141 Rancangan Layar Halaman Daftar Kata Mutiara untuk Admin... 426 Gambar 3.142 Rancangan Layar Halaman Tambah Kata Mutiara untuk Admin... 427 Gambar 3.143 Rancangan Layar Halaman Ubah Kata Mutiara untuk Admin... 427 Gambar 3.144 Rancangan Layar Halaman Daftar Siswa untuk Admin... 428 Gambar 3.145 Rancangan Layar Halaman Tambah Siswa untuk Admin... 428 Gambar 3.146 Rancangan Layar Halaman Ubah Siswa untuk Admin... 429 Gambar 3.147 Rancangan Layar Halaman Daftar Guru untuk Admin... 429 Gambar 3.148 Rancangan Layar Halaman Tambah Guru untuk Admin... 430 Gambar 3.149 Rancangan Layar Halaman Ubah Guru untuk Admin... 430 Gambar 3.150 Rancangan Layar Halaman Daftar Pengumuman untuk Admin... 431 Gambar 3.151 Rancangan Layar Halaman Tambah Pengumuman untuk Admin... 431 Gambar 3.152 Rancangan Layar Halaman Ubah Pengumuman untuk Admin... 432 Gambar 3.153 Rancangan Layar Halaman Daftar Kelas untuk Admin... 432 Gambar 3.154 Rancangan Layar Halaman Daftar Rincian Kelas untuk Admin... 433 Gambar 3.155 Rancangan Layar Halaman Tambah Kelas untuk Admin... 433 Gambar 3.156 Rancangan Layar Halaman Ubah Kelas untuk Admin... 434 Gambar 3.157 Rancangan Layar Halaman Daftar Pelajaran untuk Admin... 434 Gambar 3.158 Rancangan Layar Halaman Tambah Mata Pelajaran untuk Admin... 435 xxix
Gambar 3.159 Rancangan Layar Halaman Ubah Mata Pelajaran untuk Admin... 435 Gambar 3.160 Rancangan Layar Halaman Daftar Materi untuk Admin... 436 Gambar 3.161 Rancangan Layar Halaman Tambah Materi untuk Admin... 436 Gambar 3.162 Rancangan Layar Halaman Ubah Materi untuk Admin... 437 Gambar 3.163 Rancangan Layar Halaman Daftar Ekstrakurikuler untuk Admin... 437 Gambar 3.164 Rancangan Layar Halaman Tambah Ekstrakurikuler untuk Admin... 438 Gambar 3.165 Rancangan Layar Halaman Ubah Ekstrakurikuler untuk Admin... 438 Gambar 3.166 Rancangan Layar Halaman Daftar Keuangan untuk Admin... 439 Gambar 4.1 Arsitektur Jaringan... 443 Gambar 4.2 Halaman Login... 447 Gambar 4.3 Halaman Ubah Kata SandiAwal... 449 Gambar 4.4 Halaman Lupa Kata Sandi Awal... 450 Gambar 4.5 Halaman Lupa Kata Sandi Memasukkan Pertanyaan dan Jawaban... 451 Gambar 4.6 Halaman Lupa Kata Sandi Berhasil... 452 Gambar 4.7 Halaman Tambah Topik... 453 Gambar 4.8 Halaman Ubah Topik... 454 Gambar 4.9 Halaman Balas Topik... 455 Gambar 4.10 Halaman Ubah Balasan Topik... 456 Gambar 4.11 Halaman Kalender... 457 Gambar 4.12 Halaman Beranda untuk Guru... 458 Gambar 4.13 Halaman Pengumuman di Beranda untuk Guru... 459 Gambar 4.14 Halaman Profil untuk Guru... 460 Gambar 4.15 Halaman Ubah Kata Sandi untuk Guru... 461 xxx
Gambar 4.16 Halaman Ulangan Umum untuk Guru... 462 Gambar 4.17 Halaman Jam Pelajaran... 463 Gambar 4.18 Halaman Tambah Jam Pelajaran... 464 Gambar 4.19 Halaman Ubah Jam Pelajaran... 465 Gambar 4.20 Halaman Hapus Jam Pelajaran... 466 Gambar 4.21 Halaman Atur Jadwal Pelajaran... 467 Gambar 4.22 Halaman Tambah Jadwal Pelajaran... 468 Gambar 4.23 Halaman Ubah Jadwal Pelajaran... 469 Gambar 4.24 Halaman Siswa untuk Admin... 470 Gambar 4.25 Halaman Tambah Data Siswa... 471 Gambar 4.26 Halaman Ubah Data Siswa... 472 Gambar 4.27 Halaman Guru untuk Admin... 473 Gambar 4.28 Halaman Tambah Data Guru... 474 Gambar 4.29 Halaman Ubah Data Guru... 475 Gambar 4.30 Halaman Orang Tua untuk Admin... 476 Gambar 4.31 Halaman Ubah Data Orang Tua... 477 Gambar 4.32 Halaman Kata Mutiara... 478 Gambar 4.33 Halaman Tambah Kata Mutiara... 479 Gambar 4.34 Halaman Ubah Kata Mutiara... 480 Gambar 4.35 Halaman Ekstrakurikuler untuk Admin... 481 Gambar 4.36 Halaman Tambah Ekstrakurikuler... 482 Gambar 4.37 Halaman Ubah Ekstrakurikuler... 483 Gambar 4.38 Halaman Kelas untuk Admin... 484 xxxi
Gambar 4.39 Halaman Tambah Kelas... 485 Gambar 4.40 Halaman Ubah Kelas... 486 Gambar 4.41 Halaman Ubah Kelas Siswa... 487 Gambar 4.42 Halaman Atur Mata Pelajaran... 488 Gambar 4.43 Halaman Tambah Mata Pelajaran... 489 Gambar 4.44 Halaman Ubah Mata Pelajaran... 490 Gambar 4.45 Halaman Periode... 491 Gambar 4.46 Halaman Tambah Periode... 492 Gambar 4.47 Halaman Ubah Periode... 493 Gambar 4.48 Halaman Pengumuman... 494 Gambar 4.49 Halaman Tambah Pengumuman... 495 Gambar 4.50 Halaman Ubah Pengumuman... 496 Gambar 4.51 Halaman Hapus Data... 497 Gambar 4.52 Halaman Ulangan Umum untuk Guru yang Merupakan Admin... 498 Gambar 4.53 Halaman Tambah Jadwal Ulangan Umum... 499 Gambar 4.54 Halaman Ubah Jadwal Ulangan Umum... 500 Gambar 4.55 Halaman Guru untuk Kepala Sekolah dan Wakil Kepala Sekolah... 501 Gambar 4.56 Halaman Siswa untuk Kepala Sekolah dan Wakil Kepala Sekolah... 502 Gambar 4.57 Halaman Kelas untuk Kepala Sekolah dan Wakil Kepala Sekolah... 503 Gambar 4.58 Halaman Nilai untuk Kepala Sekolah dan Wakil Kepala Sekolah... 504 Gambar 4.59 Halaman Ekstrakurikuler untuk Kepala Sekolah dan Wakil Kepala Sekolah... 505 xxxii
Gambar 4.60 Halaman Raport Bayangan untuk Kepala Sekolah dan Wakil Kepala Sekolah... 506 Gambar 4.61 Halaman Raport Akhir untuk Kepala Sekolah dan Wakil Kepala Sekolah... 507 Gambar 4.62 Halaman Jenis Keuangan... 508 Gambar 4.63 Halaman Tambah Jenis Keuangan... 509 Gambar 4.64 Halaman Pembayaran Keuangan... 510 Gambar 4.65 Halaman Keuangan Siswa... 511 Gambar 4.66 Halaman Detail Keuangan Siswa... 512 Gambar 4.67 Halaman Forum Wali Kelas... 513 Gambar 4.68 Halaman Absensi untuk Guru yang Merupakan Wali Kelas... 514 Gambar 4.69 Halaman Rekap Absensi Siswa untuk Guru yang Guru Wali Kelas... 515 Gambar 4.70 Halaman Tambah Absensi... 516 Gambar 4.71 Halaman Ubah Absensi... 517 Gambar 4.72 Halaman Surat Izin untuk Guru yang Merupakan Wali Kelas... 518 Gambar 4.73 Halaman Raport Bayangan untuk Guru yang Merupakan Wali Kelas. 519 Gambar 4.74 Halaman Detail Raport Bayangan untuk Guru yang Merupakan Wali Kelas... 520 Gambar 4.75 Halaman Raport Akhir untuk Guru yang Merupakan Wali Kelas... 521 Gambar 4.76 Halaman Detail Raport Akhir untuk Guru yang Merupakan Wali Kelas... 522 Gambar 4.77 Halaman Mata Pelajaran untuk Guru yang Merupakan Guru Mata Pelajaran... 523 xxxiii
Gambar 4.78 Halaman Materi untuk Guru yang Merupakan Guru Mata Pelajaran.. 524 Gambar 4.79 Halaman Detail Materi untuk Guru yang Merupakan Guru Mata Pelajaran... 525 Gambar 4.80 Halaman Tambah Materi... 526 Gambar 4.81 Halaman Tambah Tugas... 527 Gambar 4.82 Halaman Nilai Tugas... 528 Gambar 4.83 Halaman Tambah Nilai Tugas... 529 Gambar 4.84 Halaman Ubah Nilai Tugas... 530 Gambar 4.85 Halaman Nilai Mata Pelajaran Raport Bayangan... 531 Gambar 4.86 Halaman Nilai Mata Pelajaran Raport Bayangan... 532 Gambar 4.87 Halaman Forum untuk Guru yang Merupakan Guru Mata Pelajaran.. 533 Gambar 4.88 Halaman Lihat Jumlah Post Siswa... 534 Gambar 4.89 Halaman Kunci Topik untuk Guru yang Merupakan Guru Mata Pelajaran... 535 Gambar 4.90 Halaman Jadwal Mengajar untuk Guru yang Merupakan Guru Mata Pelajaran... 536 Gambar 4.91 Halaman Nilai Ekskul... 537 Gambar 4.92 Halaman Tambah Nilai Ekskul Siswa... 538 Gambar 4.93 Halaman Ubah Nilai Ekskul Siswa... 539 Gambar 4.94 Halaman Beranda untuk Siswa... 540 Gambar 4.95 Halaman Pengumuman untuk Siswa... 541 Gambar 4.96 Halaman Mata Pelajaran... 542 Gambar 4.97 Halaman Materi... 543 xxxiv
Gambar 4.98 Halaman Lihat Nilai Mata Pelajaran... 544 Gambar 4.99 Halaman Detail Materi... 545 Gambar 4.100 Halaman Forum untuk Siswa... 546 Gambar 4.101 Halaman Jadwal Pelajaran... 547 Gambar 4.102 Halaman Absensi untuk Siswa... 548 Gambar 4.103 Halaman Rekap Absensi untuk Siswa... 549 Gambar 4.104 Halaman Profil untuk Siswa... 550 Gambar 4.105 Halaman Tagihan Keuangan Siswa... 551 Gambar 4.106 Halaman Arsip Keuangan Siswa... 552 Gambar 4.107 Halaman Profil Siswa... 553 Gambar 4.108 Halaman Ubah Kata Sandi untuk Siswa... 554 Gambar 4.109 Halaman Raport Bayangan untuk Siswa... 555 Gambar 4.110 Halaman Raport Akhir untuk Siswa... 556 Gambar 4.111 Halaman Jadwal Ulangan Umum untuk Siswa... 557 Gambar 4.112 Halaman Beranda untuk Orang Tua Siswa... 558 Gambar 4.113 Halaman Pengumuman untuk Orang Tua Siswa... 559 Gambar 4.114 Halaman Halaman Forum untuk Orang Tua Siswa... 560 Gambar 4.115 Halaman Jadwal Pelajaran untuk Orang Tua Siswa... 561 Gambar 4.116 Halaman Halaman Absensi untuk Orang Tua Siswa... 562 Gambar 4.117 Halaman Rekap Absensi untuk Orang Tua Siswa... 563 Gambar 4.118 Halaman Surat Izin untuk Orang Tua Siswa... 564 Gambar 4.119 Halaman Tambah Surat Izin... 565 Gambar 4.120 Halaman Tagihan Keuangan Siswa untuk Orang Tua Siswa... 566 xxxv
Gambar 4.121 Halaman Arsip Keuangan Siswa untuk Orang Tua Siswa... 567 Gambar 4.122 Halaman Profil untuk Orang Tua Siswa... 568 Gambar 4.123 Halaman Raport Bayangan untuk Orang Tua Siswa... 569 Gambar 4.124 Halaman Raport Akhir untuk Orang Tua Siswa... 570 Gambar 4.125 Halaman Jadwal Ulangan Umum untuk Orang Tua Siswa... 571 xxxvi
DAFTAR LAMPIRAN Halaman Wawancara Analisis Kebutuhan Sistem dengan Wakil Kepala Sekolah bagian Pendidikan... L1 Wawancara Analisis Kebutuhan Sistem dengan Tata Usaha... L2 Kuesioner Analisis Kebutuhan Sistem E-Learning untuk Siswa... L3 Kuesioner Analisis Kebutuhan Sistem E-Learning untuk Guru... L6 Kuesioner Analisis Kebutuhan Sistem E-Learning untuk Orang Tua Siswa... L9 Wawancara Evaluasi Sistem dengan Wakil Kepala Sekolah bagian Pendidikan... L12 Coding... L13 Glossary... L71 Indeks... L75 Surat Survei... L78 xxxvii