UNIVERSITAS BINA NUSANTARA. School of Computer Science Skripsi Sarjana Komputer Semester Ganjil tahun 2011/2012

Transkripsi

1 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 Fiona Yunisa Wiwin Wijaya 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

2 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

3 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

4 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 Latar Belakang Ruang Lingkup Tujuan dan Manfaat Metodologi Sistematika Penulisan... 6 BAB 2 LANDASAN TEORI Teori Umum... 8 xi

5 2.1.1 Definisi Sistem Definisi Data dan Informasi Definisi Internet Basis Data Definisi Basis Data Siklus Basis Data Arsitektur Basis Data Elemen-Elemen Basis Data Tahapan Perancangan Basis Data Keuntungan Basis Data Database Management System Definisi Database Management System Fungsi Database Management System Keuntungan dan Kerugian Database Management System Web Database System Definisi Web Database Siklus Web Database Structured Query Language Unified Modeling Language Definisi Unified Modeling Language Deliverables Unified Modeling Language Teori Khusus Website xii

6 2.2.2 Interaksi Manusia dan Komputer Definisi Interaksi Manusia dan Komputer Delapan Aturan Emas Perancangan Antarmuka Sepuluh Kesalahan Utama Website E-Learning Definisi E-Learning Kebutuhan Pendorong E-Learning Internet dan Pengajaran Tipe-Tipe E-Learning Fitur E-Learning Keuntungan E-Learning Kekurangan E-Learning PHP Pengertian PHP Keuntungan PHP MySQL Definisi MySQL Keuntungan MySQL Normalisasi Pendidikan Pembelajaran xiii

7 BAB 3 ANALISIS DAN PERANCANGAN Gambaran Umum SMA Tarsisius II Jakarta Sejarah Visi Misi Tujuan Nilai Logo Struktur Organisasi Pembagian Tugas Analisis Sistem yang Berjalan Kurikulum pada SMA Tarsisius II Jakarta Sistem Kegiatan Belajar-Mengajar Sistem Pengolahan Nilai Sistem Pengolahan Absensi Data Infrastruktur dan Sumber Daya Manusia Hasil Wawancara dan Kuesioner Hasil Wawancara dengan Wakil Kepala SMA Tarsisius II Jakarta bagian Pendidikan Hasil Wawancara dengan Bagian Tata Usaha SMA Tarsisius II Jakarta Kuesioner untuk Siswa SMA Tarisius II Jakarta Kuesioner untuk Guru SMA Tarisius II Jakarta xiv

8 3.3.5 Kuesioner untuk Orang Tua Siswa SMA Tarisius II Jakarta Permasalahan yang Dihadapi Alternatif Pemecahan Masalah Perancangan Basis Data Perancangan Basis Data Konseptual Mengidentifikasi Tipe Entitas Mengidentifikasi Tipe Relasi Mengidentifikasi dan Menghubungkan Atribut dengan Entitas atau Relasi Menentukan Domain Atribut Menentukan Atribut yang Termasuk Candidate Key dan Primary Key Pertimbangan Penggunaan Konsep Enchanced Modeling Memeriksa Model dari Redundansi Memvalidasikan Model Konseptual Lokal Terhadap Transaksi Pengguna Meninjau Model Data Konseptual Lokal dengan Pengguna Perancangan Basis Data Logikal Menghilangkan Fitur-Fitur yang Tidak Sesuai dengan Model Data Relasional Membuat Relasi untuk Model Data Logikal Lokal Memvalidasi Relasi Menggunakan Normalisasi Memvalidasi Relasi Terhadap Transaksi Pengguna xv

9 Menentukan Integrity Constraints Meninjau Model Data Logikal Lokal dengan Pengguna Menggabungkan Model Data Logikal Lokal ke Model Global Memvalidasi Model Data Logikal Global Mengecek Perkembangan di Masa yang Akan Datang Meninjau Model Data Logikal Global dengan Pengguna Perancangan Basis Data Fisikal Menerjemahkan Model Data Logikal Global untuk Target DBMS Merancang Representasi Fisikal Merancang User Views Merancang Mekanisme Keamanan Mempertimbangkan Pengenalan dari Kontrol Redundansi Mengawasi dan Menyesuaikan Sistem Operasional Perancangan Deliverables UML Use Case Diagram Class Diagram Object Diagram Sequence Diagram Collaboration Diagram Statechart Diagram Activity Diagram xvi

10 3.7.8 Component Diagram Deployment Diagram Pseudocode Hierarki Menu Perancangan Layar BAB 4 IMPLEMENTASI DAN EVALUASI Rencana Implementasi Jadwal Implementasi dan Pelatihan Spesifikasi Perangkat Keras Spesifikasi Perangkat Lunak Spesifikasi Jaringan Spesifikasi Personil Spesifikasi Keamanan Sistem Konversi Data ` Pengujian Pelatihan Operasional Petunjuk Penggunaan Sistem Basis Data E-Learning Berbasis Web Petunjuk Penggunaan Sistem Secara Umum Petunjuk Penggunaan Sistem untuk Guru Secara Umum Petunjuk Penggunaan Sistem untuk Guru yang Merupakan Admin xvii

11 Petunjuk Penggunaan Sistem untuk Guru yang Kepala Sekolah dan Wakil Kepala Sekolah Petunjuk Penggunaan Sistem untuk Guru yang Merupakan Tata Usaha Petunjuk Penggunaan Sistem untuk Guru yang Merupakan Wali Kelas Petunjuk Penggunaan Sistem untuk Guru yang Merupakan Guru Mata Pelajaran Petunjuk Penggunaan Sistem untuk Guru yang Merupakan Guru Pembimbing Ekstrakurikuler Petunjuk Penggunaan Sistem Siswa Petunjuk Penggunaan Sistem untuk Orang Tua Siswa Evaluasi Basis Data Evaluasi Sistem Evaluasi Pengguna BAB 5 SIMPULAN DAN SARAN Simpulan Saran DAFTAR PUSTAKA DAFTAR RIWAYAT HIDUP LAMPIRAN xviii

12 DAFTAR TABEL Halaman Tabel 3.1 Struktur Kurikulum untuk Kelas X Tabel 3.2 Struktur Kurikulum untuk Kelas XI IPA Tabel 3.3 Struktur Kurikulum untuk Kelas XI IPS Tabel 3.4 Struktur Kurikulum untuk Kelas XII IPA Tabel 3.5 Struktur Kurikulum untuk Kelas XII IPS Tabel 3.6 Data Karyawan pada SMA Tarsisius II Jakarta Tabel 3.7 Jumlah Kelas dan Siswa Tabel 3.8 Jumlah Ruangan Tabel 3.9 Jumlah Lapangan Tabel 3.10 Jumlah Komputer Tabel 3.11 Hasil Identifikasi Tipe Entitas Tabel 3.12 Hasil Identifikasi Tipe Relasi Tabel 3.13 Hasil Identifikasi Atribut Tabel 3.14 Hasil Menentukan Domain Atribut Tabel 3.15 Menentukan Candidate Key dan Primary Key Tabel 3.16 Hasil Relasi untuk Model Data Logikal Lokal Tabel 3.17 Integritas Referensial Tabel 3.18 Model Data Logikal Global Tabel 3.19 Analisis Transaksi Tabel 3.20 Hasil Memilih Indeks xix

13 Tabel 3.21 Estimasi Disk Space MsSiswa Tabel 3.22 Estimasi Disk Space Absensi Tabel 3.23 Estimasi Disk Space DetailAbsensi Tabel 3.24 Estimasi Disk Space MsOrangTua Tabel 3.25 Estimasi Disk Space MsKaryawan Tabel 3.26 Estimasi Disk Space Keuangan Tabel 3.27 Estimasi Disk Space JenisKeuangan Tabel 3.28 Estimasi Disk Space MsJenisKaryawan Tabel 3.29 Estimasi Disk Space MsKelas Tabel 3.30 Estimasi Disk Space MsJamPel Tabel 3.31 Estimasi Disk Space MsHariPel Tabel 3.32 Estimasi Disk Space JadwalPelajaran Tabel 3.33 Estimasi Disk Space Forum Tabel 3.34 Estimasi Disk Space Reply Tabel 3.35 Estimasi Disk Space MsMataPelajaran Tabel 3.36 Estimasi Disk Space MsMateri Tabel 3.37 Estimasi Disk Space AddMateri Tabel 3.38 Estimasi Disk Space JawabanMateri Tabel 3.39 Estimasi Disk Space JadwalUlanganUmum Tabel 3.40 Estimasi Disk Space Nilai Tabel 3.41 Estimasi Disk Space DetailNilai Tabel 3.42 Estimasi Disk Space Periode Tabel 3.43 Estimasi Disk Space RaportBayangan xx

14 Tabel 3.44 Estimasi Disk Space DetailRaportBayangan Tabel 3.45 Estimasi Disk Space MsEkskul Tabel 3.46 Estimasi Disk Space NilaiEkskul Tabel 3.47 Estimasi Disk Space MsKepribadian Tabel 3.48 Estimasi Disk Space NilaiKepribadian Tabel 3.49 Estimasi Disk Space RaportAkhir Tabel 3.50 Estimasi Disk Space DetailRaportAkhir Tabel 3.51 Estimasi Disk Space NewsnEvent Tabel 3.52 Estimasi Disk Space Quotes Tabel 3.53 Estimasi Disk Space SuratIzin Tabel 3.54 Total Estimasi Kebutuhan Disk Space Tabel 3.55 Perancangan Mekanisme Keamanan Tabel 4.1 Jadwal Implementasi dan Pelatihan Tabel 4.2 Spesifikasi Perangkat Keras Tabel 4.3 Spesifikasi Perangkat Lunak xxi

15 DAFTAR GAMBAR Halaman Gambar 2.1 Database Development Lifecycle Diagram Gambar 2.2 Notasi ERM Gambar 2.3 One-to-One Relationship Gambar 2.4 One-to-One Relationship Notation Gambar 2.5 One-to-Many Eelationship Gambar 2.6 One-to-Many Relationship Notation Gambar 2.7 Many-to-Many Relationship Gambar 2.8 Many-to-Many Relationship Notation Gambar 2.9 Web Database Design Gambar 2.10 Use Case Diagram Gambar 2.11 Class Diagram Gambar 2.12 Object Diagram Gambar 2.13 Sequence Diagram Gambar 2.14 Collaboration Diagram Gambar 2.15 Statechart Diagram Gambar 2.16 Activity Diagram Gambar 2.17 Component Diagram Gambar 2.18 Deployment Diagram Gambar 3.1 Logo SMA Tarsisius II Jakarta Gambar 3.2 Struktur Organisasi SMA Tarsisius II Jakarta xxii

16 Gambar 3.3 Diagram Alir Kegiatan Belajar-Mengajar Gambar 3.4 Diagram Alir Sistem Pengolahan Nilai Gambar 3.5 Diagram Alir Pengolahan Absensi Gambar 3.6 Pie Chart Jawaban Kuesioner untuk Siswa Nomor Gambar 3.7 Pie Chart Jawaban Kuesioner untuk Siswa Nomor Gambar 3.8 Pie Chart Jawaban Kuesioner untuk Siswa Nomor Gambar 3.9 Pie Chart Jawaban Kuesioner untuk Siswa Nomor Gambar 3.10 Pie Chart Jawaban Kuesioner untuk Siswa Nomor Gambar 3.11 Pie Chart Jawaban Kuesioner untuk Siswa Nomor Gambar 3.12 Pie Chart Jawaban Kuesioner untuk Siswa Nomor Gambar 3.13 Pie Chart Jawaban Kuesioner untuk Siswa Nomor Gambar 3.14 Pie Chart Jawaban Kuesioner untuk Siswa Nomor Gambar 3.15 Pie Chart Jawaban Kuesioner untuk Siswa Nomor Gambar 3.16 Pie Chart Jawaban Kuesioner untuk Siswa Nomor Gambar 3.17 Pie Chart Jawaban Kuesioner untuk Siswa Nomor Gambar 3.18 Pie Chart Jawaban Kuesioner untuk Guru Nomor Gambar 3.19 Pie Chart Jawaban Kuesioner untuk Guru Nomor Gambar 3.20 Pie Chart Jawaban Kuesioner untuk Guru Nomor Gambar 3.21 Pie Chart Jawaban Kuesioner untuk Guru Nomor Gambar 3.22 Pie Chart Jawaban Kuesioner untuk Guru Nomor Gambar 3.23 Pie Chart Jawaban Kuesioner untuk Guru Nomor Gambar 3.24 Pie Chart Jawaban Kuesioner untuk Guru Nomor Gambar 3.25 Pie Chart Jawaban Kuesioner untuk Guru Nomor xxiii

17 Gambar 3.26 Pie Chart Jawaban Kuesioner untuk Guru Nomor Gambar 3.27 Pie Chart Jawaban Kuesioner untuk Guru Nomor Gambar 3.28 Pie Chart Jawaban Kuesioner untuk Guru Nomor Gambar 3.29 Pie Chart Jawaban Kuesioner untuk Orang Tua Siswa Nomor Gambar 3.30 Pie Chart Jawaban Kuesioner untuk Orang Tua Siswa Nomor Gambar 3.31 Pie Chart Jawaban Kuesioner untuk Orang Tua Siswa Nomor Gambar 3.32 Pie Chart Jawaban Kuesioner untuk Orang Tua Siswa Nomor Gambar 3.33 Pie Chart Jawaban Kuesioner untuk Orang Tua Siswa Nomor Gambar 3.34 Pie Chart Jawaban Kuesioner untuk Orang Tua Siswa Nomor Gambar 3.35 Pie Chart Jawaban Kuesioner untuk Orang Tua Siswa Nomor Gambar 3.36 Pie Chart Jawaban Kuesioner untuk Orang Tua Siswa Nomor Gambar 3.37 Pie Chart Jawaban Kuesioner untuk Orang Tua Siswa Nomor Gambar 3.38 Pie Chart Jawaban Kuesioner untuk Orang Tua Siswa Nomor Gambar 3.39 ERD Konseptual Gambar 3.40 ERD Konseptual dengan Transaksi yang Ada Gambar 3.41 Diagram Relasional Global Gambar 3.42 Use Case Diagram Proses Pengolahan Jadwal Pelajaran Gambar 3.43 Use Case Diagram Proses Pengolahan Jadwal Ulangan Umum Gambar 3.44 Use Case Diagram Proses Keuangan Gambar 3.45 Use Case Diagram Proses Absensi Gambar 3.46 Use Case Diagram Proses Pemberian Tugas dan Nilai Gambar 3.47 Use Case Diagram Proses Pengolahan Forum Gambar 3.48 Use Case Diagram Proses Pengolahan Ekstrakurikuler xxiv

18 Gambar 3.49 Use Case Diagram Proses Pengolahan Raport Bayangan Gambar 3.50 Use Case Diagram Proses Pengolahan Raport Akhir Gambar 3.51 Class Diagram Gambar 3.52 Object Diagram Gambar 3.53 Sequence Diagram Proses untuk Menampilkan Kata Mutiara Gambar 3.54 Sequence Diagram Proses untuk Menambah Kata Mutiara Gambar 3.55 Sequence Diagram Proses untuk Mengubah Kata Mutiara Gambar 3.56 Sequence Diagram Proses untuk Menghapus Kata Mutiara Gambar 3.57 Sequence Diagram Proses untuk Menampilkan Jadwal Pelajaran Gambar 3.58 Collaboration Diagram Proses Login Gambar 3.59 Collaboration Diagram Proses untuk Menampilkan KataMutiara Gambar 3.60 Collaboration Diagram Proses untuk Menambah Kata Mutiara Gambar 3.61 Collaboration Diagram Proses untuk Mengubah Kata Mutiara Gambar 3.62 Collaboration Diagram Proses untuk Menghapus Kata Mutiara Gambar 3.63 Collaboration Diagram Proses untuk Menambah Topik Gambar 3.64 Collaboration Diagram untuk Proses Membuat Topik Gambar 3.65 Collaboration Diagram Proses untuk Mengunci Topik Gambar 3.66 Collaboration Diagram Proses Pengisian Surat Izin Gambar 3.67 Collaboration Diagram Proses Pengisian Absensi Gambar 3.68 Statechart Diagram Proses Login Gambar 3.69 Statechart Diagram Proses untuk Menambah Pengguna Baru Gambar 3.70 Statechart Diagram Proses untuk Mengubah Data Pengguna Gambar 3.71 Statechart Diagram Proses untuk Menghapus Data Pengguna xxv

19 Gambar 3.72 Statechart Diagram Proses untuk Mengubah Kata Sandi Gambar 3.73 Statechart Diagram Proses Pengajuan Formulir Surat Izin Gambar 3.74 Statechart Diagram Proses untuk Menambahkan Pengumuman Gambar 3.75 Statechart Diagram Proses untuk Mengubah Pengumuman Gambar 3.76 Statechart Diagram Proses untuk Menghapus Pengumuman Gambar 3.77 Statechart Diagram Proses untuk Membuat Topik Baru Gambar 3.78 Activity Diagram Proses Login Gambar 3.79 Activity Diagram Proses Pemberian Tugas Gambar 3.80 Activity Diagram Proses untuk Membuat Topik Gambar 3.81 Activity Diagram Proses untuk Membuat Balasan Topik Gambar 3.82 Component Diagram Gambar 3.83 Deployment Diagram Gambar 3.84 Hierarki Menu Admin Gambar 3.85 Hierarki Menu Kepala Sekolah dan Wakil Kepala Sekolah Gambar 3.86 Hierarki Menu Tata Usaha Gambar 3.87 Hierarki Menu Wali Kelas Gambar 3.88 Hierarki Menu Guru Mata Pelajaran Gambar 3.89 Hierarki Menu Guru Pembimbing Ekstrakurikuler Gambar 3.90 Hierarki Menu Siswa Gambar 3.91 Hierarki Menu Orang Tua Gambar 3.92 Rancangan Layar Halaman Login Gambar 3.93 Rancangan Layar Halaman Profil Gambar 3.94 Rancangan Layar Halaman Ubah Kata Sandi xxvi

20 Gambar 3.95 Rancangan Layar Halaman Forum Gambar 3.96 Rancangan Layar Halaman Detail Forum Gambar 3.97 Rancangan Layar Halaman Beranda untuk Siswa Gambar 3.98 Rancangan Layar Halaman Jadwal Pelajaran untuk Siswa Gambar 3.99 Rancangan Layar Halaman Kelas untuk Siswa Gambar Rancangan Layar Halaman Materi Per Pelajaran untuk Siswa Gambar Rancangan Layar Halaman Rincian Materi untuk Siswa Gambar Rancangan Layar Halaman Unggah Tugas untuk Siswa Gambar Rancangan Layar Halaman Daftar Nilai untuk Siswa Gambar Rancangan Layar Halaman Absensi untuk Siswa Gambar Rancangan Layar Halaman Arsip Keuangan untuk Siswa Gambar Rancangan Layar Halaman Raport Bayangan untuk Siswa Gambar Rancangan Layar Halaman Raport Akhir untuk Siswa Gambar Rancangan Layar Halaman Beranda untuk Orang Tua Gambar Rancangan Layar Halaman Jadwal Pelajaran untuk Orang Tua Gambar Rancangan Layar Halaman Absensi untuk Orang Tua Gambar Rancangan Layar Halaman Surat Izin untuk Orang Tua Gambar Rancangan Layar Halaman Keuangan untuk Orang Tua Gambar Rancangan Layar Halaman Raport Bayangan untuk Orang Tua Gambar Rancangan Layar Halaman Raport Akhir untuk Orang Tua Gambar Rancangan Layar Halaman Beranda untuk Guru Gambar Rancangan Layar Halaman Jadwal Mengajar untuk Guru Gambar Rancangan Layar Halaman Kelas untuk Guru xxvii

21 Gambar Rancangan Layar Halaman Materi Per Pelajaran untuk Guru Gambar Rancangan Layar Halaman Rincian Materi untuk Guru Gambar Rancangan Layar Halaman Cek Tugas untuk Guru Gambar Rancangan Layar Halaman Unggah Materi untuk Guru Gambar Rancangan Layar Halaman Unggah Tugas untuk Guru Gambar Rancangan Layar Halaman Daftar Nilai untuk Guru Gambar Rancangan Layar Halaman Formulir Isi Nilai untuk Guru Gambar Rancangan Layar Halaman Daftar Nilai Raport Bayangan/Akhir Gambar Rancangan Layar Halaman Absensi untuk Wali Kelas Gambar Rancangan Layar Halaman Isi Absensi untuk Wali Kelas Gambar Rancangan Layar Halaman Raport Bayangan untuk Wali Kelas Gambar Rancangan Layar Halaman Raport Akhir untuk Wali Kelas Gambar Rancangan Layar Halaman Beranda untuk Tata Usaha Gambar Rancangan Layar Halaman Jenis Keuangan Gambar Rancangan Layar Halaman Tambah Jenis Keuangan Gambar Rancangan Layar Halaman Daftar Jenis Keuangan Gambar Rancangan Layar Halaman Detail Jenis Keuangan Gambar Rancangan Layar Halaman Daftar Keuangan Siswa Gambar Rancangan Layar Halaman Beranda untuk Kepala Sekolah dan Wakil Kepala Sekolah Gambar Rancangan Layar Halaman Guru untuk Kepala Sekolah dan Wakil Kepala Sekolah xxviii

22 Gambar Rancangan Layar Halaman Siswa untuk Kepala Sekolah dan Wakil Kepala Sekolah Gambar Rancangan Layar Halaman Kelas untuk Kepala Sekolah dan Wakil Kepala Sekolah Gambar Rancangan Layar Halaman Beranda untuk Admin Gambar Rancangan Layar Halaman Daftar Kata Mutiara untuk Admin Gambar Rancangan Layar Halaman Tambah Kata Mutiara untuk Admin Gambar Rancangan Layar Halaman Ubah Kata Mutiara untuk Admin Gambar Rancangan Layar Halaman Daftar Siswa untuk Admin Gambar Rancangan Layar Halaman Tambah Siswa untuk Admin Gambar Rancangan Layar Halaman Ubah Siswa untuk Admin Gambar Rancangan Layar Halaman Daftar Guru untuk Admin Gambar Rancangan Layar Halaman Tambah Guru untuk Admin Gambar Rancangan Layar Halaman Ubah Guru untuk Admin Gambar Rancangan Layar Halaman Daftar Pengumuman untuk Admin Gambar Rancangan Layar Halaman Tambah Pengumuman untuk Admin Gambar Rancangan Layar Halaman Ubah Pengumuman untuk Admin Gambar Rancangan Layar Halaman Daftar Kelas untuk Admin Gambar Rancangan Layar Halaman Daftar Rincian Kelas untuk Admin Gambar Rancangan Layar Halaman Tambah Kelas untuk Admin Gambar Rancangan Layar Halaman Ubah Kelas untuk Admin Gambar Rancangan Layar Halaman Daftar Pelajaran untuk Admin Gambar Rancangan Layar Halaman Tambah Mata Pelajaran untuk Admin xxix

23 Gambar Rancangan Layar Halaman Ubah Mata Pelajaran untuk Admin Gambar Rancangan Layar Halaman Daftar Materi untuk Admin Gambar Rancangan Layar Halaman Tambah Materi untuk Admin Gambar Rancangan Layar Halaman Ubah Materi untuk Admin Gambar Rancangan Layar Halaman Daftar Ekstrakurikuler untuk Admin Gambar Rancangan Layar Halaman Tambah Ekstrakurikuler untuk Admin Gambar Rancangan Layar Halaman Ubah Ekstrakurikuler untuk Admin Gambar Rancangan Layar Halaman Daftar Keuangan untuk Admin Gambar 4.1 Arsitektur Jaringan Gambar 4.2 Halaman Login Gambar 4.3 Halaman Ubah Kata SandiAwal Gambar 4.4 Halaman Lupa Kata Sandi Awal Gambar 4.5 Halaman Lupa Kata Sandi Memasukkan Pertanyaan dan Jawaban Gambar 4.6 Halaman Lupa Kata Sandi Berhasil Gambar 4.7 Halaman Tambah Topik Gambar 4.8 Halaman Ubah Topik Gambar 4.9 Halaman Balas Topik Gambar 4.10 Halaman Ubah Balasan Topik Gambar 4.11 Halaman Kalender Gambar 4.12 Halaman Beranda untuk Guru Gambar 4.13 Halaman Pengumuman di Beranda untuk Guru Gambar 4.14 Halaman Profil untuk Guru Gambar 4.15 Halaman Ubah Kata Sandi untuk Guru xxx

24 Gambar 4.16 Halaman Ulangan Umum untuk Guru Gambar 4.17 Halaman Jam Pelajaran Gambar 4.18 Halaman Tambah Jam Pelajaran Gambar 4.19 Halaman Ubah Jam Pelajaran Gambar 4.20 Halaman Hapus Jam Pelajaran Gambar 4.21 Halaman Atur Jadwal Pelajaran Gambar 4.22 Halaman Tambah Jadwal Pelajaran Gambar 4.23 Halaman Ubah Jadwal Pelajaran Gambar 4.24 Halaman Siswa untuk Admin Gambar 4.25 Halaman Tambah Data Siswa Gambar 4.26 Halaman Ubah Data Siswa Gambar 4.27 Halaman Guru untuk Admin Gambar 4.28 Halaman Tambah Data Guru Gambar 4.29 Halaman Ubah Data Guru Gambar 4.30 Halaman Orang Tua untuk Admin Gambar 4.31 Halaman Ubah Data Orang Tua Gambar 4.32 Halaman Kata Mutiara Gambar 4.33 Halaman Tambah Kata Mutiara Gambar 4.34 Halaman Ubah Kata Mutiara Gambar 4.35 Halaman Ekstrakurikuler untuk Admin Gambar 4.36 Halaman Tambah Ekstrakurikuler Gambar 4.37 Halaman Ubah Ekstrakurikuler Gambar 4.38 Halaman Kelas untuk Admin xxxi

25 Gambar 4.39 Halaman Tambah Kelas Gambar 4.40 Halaman Ubah Kelas Gambar 4.41 Halaman Ubah Kelas Siswa Gambar 4.42 Halaman Atur Mata Pelajaran Gambar 4.43 Halaman Tambah Mata Pelajaran Gambar 4.44 Halaman Ubah Mata Pelajaran Gambar 4.45 Halaman Periode Gambar 4.46 Halaman Tambah Periode Gambar 4.47 Halaman Ubah Periode Gambar 4.48 Halaman Pengumuman Gambar 4.49 Halaman Tambah Pengumuman Gambar 4.50 Halaman Ubah Pengumuman Gambar 4.51 Halaman Hapus Data Gambar 4.52 Halaman Ulangan Umum untuk Guru yang Merupakan Admin Gambar 4.53 Halaman Tambah Jadwal Ulangan Umum Gambar 4.54 Halaman Ubah Jadwal Ulangan Umum Gambar 4.55 Halaman Guru untuk Kepala Sekolah dan Wakil Kepala Sekolah Gambar 4.56 Halaman Siswa untuk Kepala Sekolah dan Wakil Kepala Sekolah Gambar 4.57 Halaman Kelas untuk Kepala Sekolah dan Wakil Kepala Sekolah Gambar 4.58 Halaman Nilai untuk Kepala Sekolah dan Wakil Kepala Sekolah Gambar 4.59 Halaman Ekstrakurikuler untuk Kepala Sekolah dan Wakil Kepala Sekolah xxxii

26 Gambar 4.60 Halaman Raport Bayangan untuk Kepala Sekolah dan Wakil Kepala Sekolah Gambar 4.61 Halaman Raport Akhir untuk Kepala Sekolah dan Wakil Kepala Sekolah Gambar 4.62 Halaman Jenis Keuangan Gambar 4.63 Halaman Tambah Jenis Keuangan Gambar 4.64 Halaman Pembayaran Keuangan Gambar 4.65 Halaman Keuangan Siswa Gambar 4.66 Halaman Detail Keuangan Siswa Gambar 4.67 Halaman Forum Wali Kelas Gambar 4.68 Halaman Absensi untuk Guru yang Merupakan Wali Kelas Gambar 4.69 Halaman Rekap Absensi Siswa untuk Guru yang Guru Wali Kelas Gambar 4.70 Halaman Tambah Absensi Gambar 4.71 Halaman Ubah Absensi Gambar 4.72 Halaman Surat Izin untuk Guru yang Merupakan Wali Kelas 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 Gambar 4.75 Halaman Raport Akhir untuk Guru yang Merupakan Wali Kelas Gambar 4.76 Halaman Detail Raport Akhir untuk Guru yang Merupakan Wali Kelas Gambar 4.77 Halaman Mata Pelajaran untuk Guru yang Merupakan Guru Mata Pelajaran xxxiii

27 Gambar 4.78 Halaman Materi untuk Guru yang Merupakan Guru Mata Pelajaran Gambar 4.79 Halaman Detail Materi untuk Guru yang Merupakan Guru Mata Pelajaran Gambar 4.80 Halaman Tambah Materi Gambar 4.81 Halaman Tambah Tugas Gambar 4.82 Halaman Nilai Tugas Gambar 4.83 Halaman Tambah Nilai Tugas Gambar 4.84 Halaman Ubah Nilai Tugas Gambar 4.85 Halaman Nilai Mata Pelajaran Raport Bayangan Gambar 4.86 Halaman Nilai Mata Pelajaran Raport Bayangan Gambar 4.87 Halaman Forum untuk Guru yang Merupakan Guru Mata Pelajaran Gambar 4.88 Halaman Lihat Jumlah Post Siswa Gambar 4.89 Halaman Kunci Topik untuk Guru yang Merupakan Guru Mata Pelajaran Gambar 4.90 Halaman Jadwal Mengajar untuk Guru yang Merupakan Guru Mata Pelajaran Gambar 4.91 Halaman Nilai Ekskul Gambar 4.92 Halaman Tambah Nilai Ekskul Siswa Gambar 4.93 Halaman Ubah Nilai Ekskul Siswa Gambar 4.94 Halaman Beranda untuk Siswa Gambar 4.95 Halaman Pengumuman untuk Siswa Gambar 4.96 Halaman Mata Pelajaran Gambar 4.97 Halaman Materi xxxiv

28 Gambar 4.98 Halaman Lihat Nilai Mata Pelajaran Gambar 4.99 Halaman Detail Materi Gambar Halaman Forum untuk Siswa Gambar Halaman Jadwal Pelajaran Gambar Halaman Absensi untuk Siswa Gambar Halaman Rekap Absensi untuk Siswa Gambar Halaman Profil untuk Siswa Gambar Halaman Tagihan Keuangan Siswa Gambar Halaman Arsip Keuangan Siswa Gambar Halaman Profil Siswa Gambar Halaman Ubah Kata Sandi untuk Siswa Gambar Halaman Raport Bayangan untuk Siswa Gambar Halaman Raport Akhir untuk Siswa Gambar Halaman Jadwal Ulangan Umum untuk Siswa Gambar Halaman Beranda untuk Orang Tua Siswa Gambar Halaman Pengumuman untuk Orang Tua Siswa Gambar Halaman Halaman Forum untuk Orang Tua Siswa Gambar Halaman Jadwal Pelajaran untuk Orang Tua Siswa Gambar Halaman Halaman Absensi untuk Orang Tua Siswa Gambar Halaman Rekap Absensi untuk Orang Tua Siswa Gambar Halaman Surat Izin untuk Orang Tua Siswa Gambar Halaman Tambah Surat Izin Gambar Halaman Tagihan Keuangan Siswa untuk Orang Tua Siswa xxxv

29 Gambar Halaman Arsip Keuangan Siswa untuk Orang Tua Siswa Gambar Halaman Profil untuk Orang Tua Siswa Gambar Halaman Raport Bayangan untuk Orang Tua Siswa Gambar Halaman Raport Akhir untuk Orang Tua Siswa Gambar Halaman Jadwal Ulangan Umum untuk Orang Tua Siswa xxxvi

30 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