x DAFTAR ISI
Halaman
Lembar Judul Tugas Akhir ... i
Lembar Pernyataan Keaslian Tugas Akhir... ii
Lembar Pernyataan Persetujuan Publikasi Karya Ilmiah ... iii
Lembar Persetujuan dan Pengesahan Tugas Akhir ... iv
Lembar Konsultasi Tugas Akhir... v
Kata Pengantar ... vi
Abstraksi ... ix
Daftar Isi ... xi
Daftar Simbol ... xiii
Daftar Gambar ... xiv
Daftar Tabel ... xvi
BAB I PENDAHULUAN ... 1
1.1.Latar Belakang Masalah ... 1
1.2.Maksud dan Tujuan ... 2
1.3.Metode Penelitian ... 2
1.4.Ruang Lingkup ... 4
1.5.Sistematika Penulisan... 5
BAB II LANDASAN TEORI ... 6
2.1.Konsep Dasar Web ... 6
2.1.1.Website ... 6
2.1.2.Web Server ... 7
2.1.3.Web Browser ... 7
2.1.4.Internet ... 8
2.1.5.WWW(World Wide Web)... 9
2.1.6.XAMPP ... 10
2.1.7.HTTP (Hypertext Transfer Protocol) ... 10
2.1.8.PHP (Hypertext Prepocessor) ... 11
2.1.9.HTML (Hypertext Markup Language) ... 11
2.1.10.CSS (Cascading Style Sheet)... 12
2.1.11.Javascript ... 12
2.1.12.Basis Data (Database) ... 13
2.1.13.Model Pengembangan Perangkat Lunak ... 15
2.2. Teori Pendukung ... 19
2.2.1.Struktur Navigasi ... 19
2.2.2.ERD (Entity Relationship Diagram) ... 21
2.2.3.LRS (Logical Record Structure) ... 23
2.2.4.Pengujian Web ... 24
BAB III PEMBAHASAN... 26
3.1.Analisan Kebutuhan ... 26
3.2.Perancangan Perangkat Lunak ... 27
3.2.1.Rancangan Antar Muka ... 27
xi
3.2.2.Rancangan Basis Data ... 31
3.2.3.Rancangan Struktur Navigasi ... 39
3.3.Implementasi dan Pengujian Unit ... 41
3.3.1.Implementasi ... 41
3.3.2.Pengujian Unit ... 46
BAB IV PENUTUP ... ... 51
4.1. Kesimpulan ... 51
4.2. Saran ... 52
DAFTAR PUSTAKA ... 53
DAFTAR RIWAYAT HIDUP ... 55
xii DAFTAR SIMBOL
Notasi Keterangan
Entitas adalah suatu objek yang dapat diidentifikasi dalam lingkungan pemakai
Relasi menunjukan adanya hubungan diantara sejumlah entitas yang berbeda
Atribut berfungsi mendeskripsikan karakter entitas (atribut yang berfungsi sebagai key diberi gari bawah).
Garis sebagai penghubung antara relasi dan entitas atau relasi dan entitas dengan atribut.
Entitas
Relasi
Atribut
Garis
xiii
DAFTAR GAMBAR
Halaman
Gambar II.1.Penyajian Sederhana Dari Model Air Terjun ... 18
Gambar II.2.Struktur Navigasi Linier ... 19
Gambar II.3.Struktur Navigasi Hierarki ... 20
Gambar II.4.Struktur Navigasi Spoke anda Hub Model ... 20
Gambar II.5.Struktur Navigasi Full Web Model ... 21
Gambar II.6.Skema Diagram Black Box Testing ... 25
Gambar III.1.Rancangan Antar Muka Login Pengelola (Admin) ... 27
Gambar III.2.Rancangan Halaman Beranda Admin ... 28
Gambar III.3.Rancangan Halaman Input Data Siswa Pada Admin ... 28
Gambar III.4.Rancangan Halaman Input Materi Pada Guru ... 29
Gambar III.5.Rancangan Halaman Materi Pada Siswa ... 29
Gambar III.6.Rancangan Halaman Pop-up Pada Siswa dan Guru ... 30
Gambar III.7.Rancangan Halaman Mata Pelajaran Pada Siswa... 30
Gambar III.8.Rancangan Halaman Beranda ... 31
Gambar III.9.Entity Relationship Diagram (ERD) ... 32
Gambar III.10.Logical Record Structure (LRS) ... 33
Gambar III.11.Struktur Navigasi Pada Admin ... 39
Gambar III.12.Struktur Navigasi Pada Guru ... 40
Gambar III.13.Struktur Navigasi Pada Siswa ... 40
Gambar III.14.Implementasi Halaman Login Admin ... 41
Gambar III.15.Implementasi Halaman Beranda Admin ... 42
Gambar III.16.Implementasi Halaman Input Data Siswa Pada Admin ... 42
Gambar III.17.Implementasi Halaman Input Materi Pada Admin ... 43
Gambar III.18.Implementasi Halaman Materi Pada Siswa ... 43
Gambar III.19.Implementasi Halaman Edit Data Profil Siswa ... 44
Gambar III.20.Implementasi Halaman Mata Pelajaran Siswa ... 44
xiv DAFTAR TABEL
Halaman
Tabel II.1.Simbol ERD ... 22
Tabel III.1.Spesifikasi File Admin ... 34
Tabel III.2.Spesifikasi File Guru ... 34
Tabel III.3.Spesifikasi File Siswa ... 35
Tabel III.4.Spesifikasi File Mata Pelajaran ... 35
Tabel III.5.Spesifikasi File Materi ... 36
Tabel III.6.Spesifikasi File Nilai Latihan ... 37
Tabel III.7.Spesifikasi File Soal ... 38
Tabel III.8.Spesifikasi File Informasi ... 39
Tabel III.9.Hasil Pengujian Blackbox Testing Halaman Login Admin... 46
Tabel III.10.Hasil Pengujian Blackbox Testing Halaman Input Data Mapel ... 47
Tabel III.11.Hasil Pengujian Blackbox Testing Halaman Login Siswa ... 47
Tabel III.12.Hasil Pengujian Blackbox Testing Halaman Edit Profil Siswa ... 48
Tabel III.13.Hasil Pengujian Blackbox Testing Halaman Ganti Sandi Siswa ... 48
Tabel III.14.Hasil Pengujian Blackbox Testing Halaman Login Guru ... 49
Tabel III.15.Hasil Pengujian Blackbox Testing Halaman Tambah Materi Guru ... 49
Tabel III.16.Hasil Pengujian Blackbox Testing Halaman Edit Profil Guru ... 50
Tabel III.17.Hasil Pengujian Blackbox Testing Halaman Ganti Sandi Guru ... 50