ANALISIS DAN PERANCANGAN APLIKASI E-LEARNING BERBASIS WEB PADA SMA PLUS PEMBANGUNAN JAYA - Binus e-Thesis

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

Dhydha Maryudha / 0800748876

Mohammad Resha Pratama / 0800749286

  

Shinta Ayu Fitrianti / 0800752910

Kelas / Kelompok : 08 PBT / 6

Abstrak

  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.

  

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

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

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

  1

  1.1 Latar Belakang

  1

  1.2 Ruang Lingkup

  2

  1.3 Tujuan dan Manfaat Penelitian

  3

  1.3.1 Tujuan

  3

  1.3.2 Manfaat

  3

  1.4 Metodologi

  3

  1.5 Sistematika Penulisan

  4 BAB 2 LANDASAN TEORI

  6

  2.1 Pengertian Sistem

  6

  2.2 Konsep Analisis dan Perancangan Sistem

  6

  2.2.1 Pengertian Analisis Sistem

  6

  2.2.2 Pengertian Perancangan Sistem

  7

  2.3 Internet

  7

  2.3.1 Pengertian Internet

  7

  2.3.2 Sejarah Internet

  7

  2.3.3 Peranan Situs Web

  10

  2.3.4 WWW (World Wide Web)

  10

  2.3.5 Web Server

  11

  2.3.6 Web Browser

  11

  2.4 Electronic Learning (E-Learning)

  12

  2.4.1 Komponen-komponen E-Learning

  15

  2.4.2 Keuntungan Elearning

  17

  2.4.3 Kekurangan Elearning

  20

  2.5 Interaksi Manusia dan Komputer

  21

  2.5.1 Pengertian Interaksi Manusia dan Komputer

  21

  2.5.2 Delapan aturan emas perancangan antar muka

  22 2.5.3 10 kesalahan utama pada website

  22

  2.6 Basis data (Database)

  23

  2.6.1 Normalisasi

  23

  2.6.1.1 UNF (Unnormal Form)

  24 2.6.1.2 1NF (First Normal Form)

  24 2.6.1.3 2NF (Second Normal Form)

  24 2.6.1.4 3NF (Third Normal Form)

  24

  2.7 Spesifikasi Proses

  24

  2.8 STD (State Transition Diagram)

  25

  2.9 Unified Modelling Language (UML)

  26

  2.9.1 Pengertian UML

  26

  2.9.2 Diagram Struktur

  27

  2.9.2.1 Diagram kelas

  27

  2.9.2.2 Diagram obyek

  29

  2.9.2.3 Diagram komponen

  29

  2.9.2.4 Diagram deployment

  30

  2.9.3 Diagram Perilaku

  30

  2.9.3.1 Diagram use-case

  30

  2.9.3.2 Diagram urutan / sequence

  32

  2.9.3.3 Diagram kolaborasi

  33

  2.9.3.4 Diagram statechart

  34

  2.9.3.5 Diagram aktivitas

  34

  2.10 Rekayasa Piranti Lunak (RPL)

  35

  2.10.1 Pengertian RPL

  35

  2.10.2 Langkah-langkah Pengembangan Piranti Lunak

  36

  2.11 Siklus Hidup Sistem (System Life Cycle)

  36

  2.12 Teori Khusus yang berhubungan

  39

  2.12.1 HTML (Hyper Text Markup Language)

  39

  2.12.2 PHP

  39

  2.12.2.1 Sejarah PHP

  40

  2.12.2.2 Pengertian PHP

  41

  2.12.2.3Kelebihan PHP

  42

  2.12.3 MySQL

  42

  2.12.3.1 Entity Relationship Diagram

  43

  2.13 Metode pemecahan masalah

  46

  2.14 Metode Pengumpulan Data

  48 BAB 3 ANALISIS DAN PERANCANGAN

  50

  3.1 Gambaran Umum Studi Kasus

  50

  3.1.1 Sejarah dan Perkembangan Studi Kasus

  50

  3.1.2 Struktur Organisasi

  55

  3.1.3 Rincian Tugas dan Tanggung Jawab SMA Pembangunan Jaya

  56

  3.1.3.1 Rincian Tugas dan Tanggung Jawab SMA Pembangunan Jaya

  57 Secara Umum

  3.1.3.2 Rincian Tugas dan Tanggung Jawab SMA Pembangunan Jaya

  58 Secara Khusus

  3.2 Analisis Permasalahan

  75

  3.2.1 Analisis Proses Bisnis Berjalan

  75

  3.2.2 Analisis kuesioner dan Wawancara

  85

  3.2.3 Identifikasi Permasalahan 103

  3.3 Perancangan Solusi 106

  3.3.1 Perancangan Proses Bisnis Diusulkan pada Solusi 106

  3.3.2 Perancangan Struktur Menu 115

  3.3.3 State Transition Diagram 116

  3.3.3.1 State Transition Diagram Struktur Menu Admin 116

  3.3.3.2 State Transition Diagram Struktur Menu User 133

  3.3.3.3 State Transition Diagram Struktur Menu Guru 137

  3.3.3.4 State Transition Diagram Struktur Menu Siswa 139

  3.3.4 Perancangan Layar pada Solusi 146

  3.3.4.1 Perancangan Layar untuk Admin 147

  3.3.4.2 Perancangan Layar untuk Siswa 194

  3.3.4.3 Perancangan Layar untuk Guru 203

  3.3.4.4 Perancangan Layar untuk User Guru dan Murid 219

  3.3.5 Perancangan UML pada Solusi 229

  3.3.5.1 Perancangan Hubungan Diagram Class 229

  3.3.5.2 Diagram Use Case 230

  3.3.5.3 Sequence Diagram 231

  3.3.5.4 Activity Diagram 279

  3.3.5.5 State Diagram 282

  3.3.6 Perancangan Basis Data pada Solusi 288

  3.3.7 Perancangan Spesifikasi Proses 310

  3.3.7.1 Administrator 310

  3.3.7.2 Guru 333

  3.3.7.3 Siswa 338

BAB 4 IMPLEMENTASI DAN EVALUASI

  341

  4.1 Perancangan Aplikasi 341

  4.1.1 Kebutuhan Perangkat Keras 341

  4.1.2 Kebutuhan Perangkat Lunak 342

  4.2 Cara penggunaan aplikasi 343

  4.2.1 Penggunaan aplikasi untuk Administrator 346

  4.2.2 Penggunaan aplikasi untuk Guru 377

  4.2.3 Penggunaan aplikasi untuk Murid 391

  4.3 Evaluasi 407

  4.3.1 Evaluasi dari pengguna 407

  4.3.2 Evaluasi Program 419

BAB 5 KESIMPULAN DAN SARAN

  421

  5.1 Kesimpulan 421

  5.2 Saran 422

DAFTAR PUSTAKA

  423

RIWAYAT HIDUP

  425

  LAMPIRAN-LAMPIRAN

  L1

SURAT SURVEI

  L25

  DAFTAR TABEL

  3.7 Definisi Tabel detilNilaiTugas 294 Tabel

  3.13 Definisi Tabel MsOrangTua 302 Tabel

  3.12 Definisi Tabel MsPengumuman 299 Tabel

  3.11 Definisi Tabel MsMateri 298 Tabel

  3.10 Definisi Tabel MsJadwal 297 Tabel

  3.9 Definisi Tabel MsNilai 296 Tabel

  3.8 Definisi Tabel DetilNilai 295 Tabel

  3.6 Definisi Tabel MsKelas 292 Tabel

Tabel 2.1 Hubungan Antara Ketepatan Memilih Masalah dan Cara Pemecahannya

  3.5 Definisi Tabel PM 291 Tabel

  3.4 Definisi Tabel MSGuru 289 Tabel

  3.3 Tabel Fungsi Menu 140 Tabel

  Tabel

Tabel 3.2 Proses Bisnis Untuk Mewujudkan Tujuan Solusi 106

  3.1 Proses Bisnis dan Aktornya 76

  47 Tabel

  3.14 Definisi Tabel MsSiswa 305 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

  

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

Gambar 3.6 Diagram hasil kuisioner pertanyaan No.2 untuk Siswa

  92 Gambar 3.15 Diagram hasil kuisioner pertanyaan No.11 untuk Siswa

  96 Gambar 3.21 Diagram hasil kuisioner pertanyaan No.4 untuk Guru

  95 Gambar 3.20 Diagram hasil kuisioner pertanyaan No.3 untuk Guru

  95 Gambar 3.19 Diagram hasil kuisioner pertanyaan No.2 untuk Guru

  94 Gambar 3.18 Diagram hasil kuisioner pertanyaan No.1 untuk Guru

  93 Gambar 3.17 Diagram hasil kuisioner pertanyaan No.13 untuk Siswa

  93 Gambar 3.16 Diagram hasil kuisioner pertanyaan No.12 untuk Siswa

  92 Gambar 3.14 Diagram hasil kuisioner pertanyaan No.10 untuk Siswa

  88 Gambar 3.7 Diagram hasil kuisioner pertanyaan No.3 untuk Siswa

  91 Gambar 3.13 Diagram hasil kuisioner pertanyaan No.9 untuk Siswa

  91 Gambar 3.12 Diagram hasil kuisioner pertanyaan No.8 untuk Siswa

  90 Gambar 3.11 Diagram hasil kuisioner pertanyaan No.7 untuk Siswa

  90 Gambar 3.10 Diagram hasil kuisioner pertanyaan No.6 untuk Siswa

  89 Gambar 3.9 Diagram hasil kuisioner pertanyaan No.5 untuk Siswa

  89 Gambar 3.8 Diagram hasil kuisioner pertanyaan No.4 untuk Siswa

  96

Gambar 3.22 Diagram hasil kuisioner pertanyaan No.5 untuk GuruGambar 3.31 State Transition Diagram Halaman Admin-Lihat Detail Siswa 117Gambar 3.37 State Transition Diagram Halaman Admin-Lihat Detail Guru 120Gambar 3.36 State Transition Diagram Halaman Admin-Tambah Data Guru 119Gambar 3.35 State Transition Diagram Halaman Admin-Guru 119Gambar 3.34 State Transition Diagram Halaman Admin-Adavanced Search Siswa 118Gambar 3.42 State Transition Diagram Halaman Admin-Delete Siswa 118Gambar 3.32 State Transition Diagram Halaman Admin-Ubah Data Siswa 118Gambar 3.30 State Transition Diagram Halaman Admin-Tambah Data Siswa 117

  97 Gambar 3.23 Diagram hasil kuisioner pertanyaan No.9 untuk Guru

Gambar 3.29 State Transition Diagram Halaman Admin-Siswa 117Gambar 3.28 State Transition Diagram Halaman Admin-Menu Utama 116

  3.27 Struktur Menu Keseluruhan 115

  99 Gambar 3.26 Diagram hasil kuisioner pertanyaan No.12 untuk Guru 100 Gambar

  99 Gambar 3.25 Diagram hasil kuisioner pertanyaan No.11 untuk Guru

  98 Gambar 3.24 Diagram hasil kuisioner pertanyaan No.10 untuk Guru

Gambar 3.38 State Transition Diagram Halaman Admin-Ubah Data Guru 120Gambar 3.39 State Transition Diagram Halaman Admin-Delete Guru 120Gambar 3.48 State Transition Diagram Halaman Admin-Lihat Materi 124Gambar 3.54 State Transition Diagram Halaman Admin-Ubah Data Materi 126Gambar 3.53 State Transition Diagram Halaman Admin-Tambah Materi 125Gambar 3.52 State Transition Diagram Halaman Admin-Delete Pelajaran 125Gambar 3.51 State Transition Diagram Halaman Admin-Ubah Data Pelajaran 125Gambar 3.50 State Transition Diagram Halaman Admin-Lihat Detail Pelajaran 124Gambar 3.49 State Transition Diagram Halaman Admin-Tambah Pelajaran 124Gambar 3.47 State Transition Diagram Halaman Admin-Pelajaran 123Gambar 3.40 State Transition Diagram Halaman Admin-Advanced Search Guru 121Gambar 3.46 State Transition Diagram Halaman Admin-Tambah Murid Dalam Kelas 123Gambar 3.45 State Transition Diagram Halaman Admin-Delete Kelas 122Gambar 3.44 State Transition Diagram Halaman Admin-Ubah Data Kelas 122Gambar 3.43 State Transition Diagram Halaman Admin-Lihat Detail Kelas 122Gambar 3.42 State Transition Diagram Halaman Admin-Tambah Kelas 121Gambar 3.41 State Transition Diagram Halaman Admin-Kelas 121Gambar 3.55 State Transition Diagram Halaman Admin-Delete Materi 126Gambar 3.56 State Transition Diagram Halaman Admin-Lihat Detail Materi 126Gambar 3.57 State Transition Diagram Halaman Admin-Pengumuman 127Gambar 3.58 State Transition Diagram Halaman Admin-Tambah Pengumuman 127Gambar 3.59 State Transition Diagram Halaman Admin-Jadwal 127Gambar 3.60 State Transition Diagram Halaman Admin-Tambah Jadwal 128Gambar 3.61 State Transition Diagram Halaman Admin-Ubah Jadwal 128Gambar 3.62 State Transition Diagram Halaman Admin-Lihat Detail Jadwal 128Gambar 3.63 State Transition Diagram Halaman Admin-Forum 129Gambar 3.64 State Transition Diagram Halaman Admin-Forum Buat Kategori Forum 129Gambar 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 130Gambar 3.67 State Transition Diagram Halaman Admin-Forum Ubah Thread Forum 130Gambar 3.68 State Transition Diagram Halaman Admin-Forum Thread 130Gambar 3.69 State Transition Diagram Halaman Admin-Forum Posting Topik 131Gambar 3.70 State Transition Diagram Halaman Admin-Forum Ubah Topik 131Gambar 3.71 State Transition Diagram Halaman Admin-Forum Delete Topik 132Gambar 3.72 State Transition Diagram Halaman Admin-Forum Post 132Gambar 3.82 State Transition Diagram Halaman Guru-Menu Utama 137

  148

Gambar 3.87 Rancangan Layar Admin Siswa

  3.86 Rancangan Layar Admin Home 147

  3.85 Rancangan Layar Index 146 Gambar

  Gambar

Gambar 3.84 State Transition Diagram Halaman User-Forum 139Gambar 3.83 State Transition Diagram Halaman Guru-Kelas Nilai 138Gambar 3.81 State Transition Diagram Halaman User-Private Message Baca Topik 136Gambar 3.73 State Transition Diagram Halaman User-Change Pin 133Gambar 3.80 State Transition Diagram Halaman User-Private Message 135Gambar 3.79 State Transition Diagram Halaman User-Private Message 135Gambar 3.78 State Transition Diagram Halaman User-Forum Post 134Gambar 3.77 State Transition Diagram Halaman User-Forum Ubah Topik 134Gambar 3.76 State Transition Diagram Halaman User-Forum Posting Topik 134Gambar 3.75 State Transition Diagram Halaman User-Topik 133Gambar 3.74 State Transition Diagram Halaman User-Forum 133Gambar 3.88 Rancangan Layar Admin Advanced Search Siswa 150Gambar 3.89 Rancangan Layar Admin Tambah Data Siswa 152Gambar 3.90 Rancangan Layar Admin Lihat Detail Siswa 154Gambar 3.91 Rancangan Layar Admin Ubah Data Siswa 156Gambar 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 160Gambar 3.95 Rancangan Layar Admin Lihat Detail 161Gambar 3.96 Rancangan Layar Admin Ubah Data 162Gambar 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 3.100 Rancangan Layar Admin Lihat Detail Kelas 167 Gambar 3.101 Rancangan Layar Admin Ubah Data Kelas 168 Gambar 3.102 Rancangan Layar Admin Pengisian Kelas 169 Gambar 3.103 Rancangan Layar Admin Pelajaran 170 Gambar 3.104 Rancangan Layar Admin Lihat Materi 171 Gambar 3.105 Rancangan Layar Admin Tambah Pelajaran

  17 Gambar 3.106 Rancangan Layar Admin Lihat Detail Pelajaran 173 Gambar 3.107 Rancangan Layar Admin Ubah Data Pelajaran 174 Gambar 3.108 Rancangan Layar Admin Konfirmasi Penghapusan Pelajaran 175 Gambar 3.109 Rancangan Layar Admin Konfirmasi Penghapusan Data Materi 176 Gambar 3.110 Rancangan Layar Admin tambah materi pelajaran 177 Gambar 3.111 Rancangan Layar Admin Lihat Detail Materi 178 Gambar 3.112 Rancangan Layar Admin ubah data materi pelajaran 179 Gambar 3.113 Rancangan Layar Admin Pengumuman 180 Gambar 3.114 Rancangan Layar Admin tambah pengumuman 181 Gambar 3.115 Rancangan Layar Admin lihat detail pengumuman 182 Gambar 3.116 Rancangan Layar Admin jadwal

  183 Gambar 3.117 Rancangan Layar Admin buat jadwal 184 Gambar 3.118 Rancangan Layar Admin ubah Jadwal 186 Gambar 3.119 Rancangan Layar Admin lihat jadwal 187 Gambar 3.120 Rancangan Layar Admin Forum

  188 Gambar 3.121 Rancangan Layar Admin Buat Kategori Forum 189 Gambar 3.122 Rancangan Layar Admin Ubah Kategori Forum 190 Gambar 3.123 Rancangan Layar Admin Buat Thread Forum 191 Gambar 3.124 Rancangan Layar Admin Topic

  192 Gambar 3.125 Rancangan Layar Admin Ubah Topic 193 Gambar 3.126 Rancangan Layar Home Siswa 194 Gambar 3.127 Rancangan Layar Pelajaran Siswa 195 Gambar 3.128 Rancangan Layar Siswa Kelas Matematika 196 Gambar 3.129 Rancangan Layar Siswa Kelas Matematika Bab 1 Materi 197 Gambar 3.130 Rancangan Layar Siswa Data Pribadi 199 Gambar 3.131 Rancangan Layar Siswa Nilai 201 Gambar 3.132 Rancangan Layar Siswa Jadwal Pelajaran 202 Gambar 3.133 Rancangan Layar Guru Utama

  203 Gambar 3.134 Rancangan Layar Guru Kelas 204 Gambar 3.135 Rancangan Layar Guru Mata Pelajaran 205 Gambar 3.136 Rancangan Layar Guru Materi Bab 1 206 Gambar 3.137 Rancangan Layar Guru Pengumpulan Tugas 208 Gambar 3.138 Rancangan Layar Guru Data Pribadi 210 Gambar 3.139 Rancangan Layar Guru Nilai 212 Gambar 3.140 Rancangan Layar Guru View Nilai Kelas 214 Gambar 3.141 Rancangan Layar Guru Nilai Tugas 215 Gambar 3.142 Rancangan Layar Guru Nilai Ulangan Harian 216 Gambar 3.143 Rancangan Layar Guru Nilai Ujian 217 Gambar 3.144 Rancangan Layar Guru Jadwal Pelajaran 218 Gambar 3.145 Rancangan Layar Ubah Sandi 219 Gambar 3.146 Rancangan Layar User Forum

  220 Gambar 3.147 Rancangan Layar Topic User 221 Gambar 3.148 Rancangan Layar Buat Topic User 222 Gambar 3.149 Rancangan Layar Post User 223 Gambar 3.150 Rancangan Layar Kirim Posting Forum 224 Gambar 3.151 Rancangan Layar Edit Komentar 225 Gambar 3.152 Rancangan Layar User Private Message 226 Gambar 3.153 Rancangan Layar Kirim Private Message 227 Gambar 3.154 Rancangan Layar Baca Private Message 228 Gambar 3.155 Class Diagram 229 Gambar 3.156 Use Case User & Admin

  230 Gambar 3.157 Sequence User Guru Login 231 Gambar 3.158 Sequence Siswa Download Materi 232 Gambar 3.159 Sequence Siswa Download Soal Latihan 233 Gambar 3.160 Sequence Siswa Upload Tugas

  234 Gambar 3.161 Sequence Siswa Update Profile

  235 Gambar 3.162 Sequence Siswa View Jadwal 236 Gambar 3.163 Sequence Siswa User Logout 237 Gambar 3.164 Sequence Siswa User View Inbox 237 Gambar 3.165 Sequence Siswa User View PM

  238 Gambar 3.166 Sequence Siswa User Delete PM 238 Gambar 3.167 Sequence Siswa Lihat Transkrip Nilai 239 Gambar 3.168 Sequence Guru Upload Materi Tambahan 240 Gambar 3.169 Sequence Guru Download Materi 241 Gambar 3.170 Sequence Guru Input Nilai 242 Gambar 3.171 Sequence Guru View Nilai 243 Gambar 3.172 Sequence Guru Ulangan Harian

  244 Gambar 3.173 Sequence Guru Add Nilai Ujian

  245 Gambar 3.174 Sequence Guru Change Password 246 Gambar 3.175 Sequence Admin Insert, View Detail Siswa 247 Gambar 3.176 Sequence Admin Ubah, Hapus Siswa 248 Gambar 3.177 Sequence Admin Posting Pengumuman 249 Gambar 3.178 Sequence Guru Update Profile

  250 Gambar 3.179 Sequence Create PM 251 Gambar 3.180 Sequence Lihat Pengumuman 252 Gambar 3.181 Sequence Guru Cek dan download pelajaran 253 Gambar 3.182 Sequence Upload Soal Tugas 254 Gambar 3.183 Sequence View Jadwal Mengajar 255 Gambar 3.184 Sequence Admin Insert Kelas 256 Gambar 3.185 Sequence Admin Update Kelas

  257 Gambar 3.186 Sequence Admin Delete Kelas

  258 Gambar 3.187 Sequence Admin Add Murid Kelas 259 Gambar 3.188 Sequence Admin Delete Kelas

  260 Gambar 3.189 Sequence Admin Update Jadwal Pelajaran 261 Gambar 3.190 Sequence Admin Insert Pelajaran 262 Gambar 3.191 Sequence Admin Update Pelajaran 263 Gambar 3.192 Sequence Admin Delete Pelajaran 264 Gambar 3.193 Sequence Admin Add Materi 265 Gambar 3.194 Sequence Admin Delete Pengumuman 265 Gambar 3.195 Sequence User Create Posting

  266 Gambar 3.196 Sequence User Update Posting

  267 Gambar 3.197 Sequence User Create Topic 268 Gambar 3.198 Sequence User Update Topic 269 Gambar 3.199 Sequence Admin Create Kategori Forum 270 Gambar 3.200 Sequence Admin Update Kategori Forum 270 Gambar 3.201 Sequence Admin Delete Kategori Forum 271 Gambar 3.202 Sequence Admin Create Topic

  272 Gambar 3.203 Sequence Admin Update Topic

  273 Gambar 3.204 Sequence Admin Delete Topic

  274 Gambar 3.205 Sequence Admin Update Kategori Forum 274 Gambar 3.206 Sequence Admin Update Thread

  275 Gambar 3.207 Sequence Admin Hapus Thread

  275 Gambar 3.208 Sequence Admin Create Posting

  276 Gambar 3.209 Sequence Admin Update Posting 277 Gambar 3.210 Sequence Admin HapusPosting 278 Gambar 3.211 Acitivity Diagram Siswa 279 Gambar 3.212 Acitivity Diagram User Guru 280 Gambar 3.213 Acitivity Diagram Admin 281 Gambar 3.214 Statechart Baca Forum Diskusi

  282 Gambar 3.215 Statechart Add Forum Diskusi Member 281 Gambar 3.216 Statechart Admin Delete Kelas

  281 Gambar 3.217 Statechart Admin Delete Pengumuman 282 Gambar 3.218 Statechart Admin Delete User 282 Gambar 3.219 Statechart Admin Delete Forum

  282 Gambar 3.220 Statechart Admin Posting Pengumuman 283 Gambar 3.221 Statechart Admin Update Kelas

  283 Gambar 3.222 Statechart Admin Update User

  283 Gambar 3.223 Statechart Admin Create Forum

  284 Gambar 3.224 Statechart Delete Private Message 284 Gambar 3.225 Statechart Download Soal Latihan 285 Gambar 3.226 Statechart Guru Download Jawaban Tugas 285 Gambar 3.227 Statechart Lihat Pengumuman 285 Gambar 3.228 Statechart Posting Private Message 286 Gambar 3.229 Statechart Baca Private Message 286 Gambar 3.230 Statechart Siswa Upload Tugas

  286 Gambar 3.221 Statechart Upload Materi 287 Gambar 3.232 ERD 288 Gambar 3.233 Tabel MsGuru 289 Gambar 3.234 Tabel PM 291 Gambar 3.235 Tabel MsKelas 292 Gambar 3.236 Tabel detilNilaiTugas 293 Gambar 3.237 Tabel DetilNilai 294 Gambar 3.238 Tabel MsNilai 295 Gambar 3.239 Tabel MsJadwal 296 Gambar 3.240 Tabel MsMateri 297 Gambar 3.241 Tabel MsPengumuman 299 Gambar 3.242 Tabel MsOrangtua 300 Gambar 3.243 Tabel MsSiswa 303 Gambar 3.244 Tabel MsPelajaran 306 Gambar 3.245 Tabel Forum 307 Gambar 3.246 Tabel Post 307 Gambar 3.247 Tabel Thread 308 Gambar 3.248 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 350Gambar 4.6 Halaman Layar Admin Pencarian Detail Siswa 352Gambar 4.7 Halaman untuk konfirmasi Penghapusan Data Siswa 354Gambar 4.8 Halaman View Guru pada Layar Admin 355Gambar 4.9 Halaman Layar Admin tambah Data Guru 357Gambar 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 362Gambar 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 366Gambar 4.19 Halaman Delete Daftar Pelajaran 367Gambar 4.20 Halaman Layar Admin Untuk Detail Daftar Pelajaran 368Gambar 4.21 Halaman Layar Admin Untuk Pengumuman 369Gambar 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

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