DAFTAR ISI HALAMAN SAMPUL... i HALAMAN JUDUL... ii PERNYATAAN KEASLIAN... iii LEMBAR PENGESAHAN PEMBIMBING... iv LEMBAR PENGESAHAN PENGUJI... v PERNYATAAN PERSETUJUAN PUBLIKASI KARYA ILMIAH... vi MOTTO... vii PERSEMBAHAN... viii KATA PENGANTAR... ix ABSTRAK... xi DAFTAR ISI... xii DAFTAR TABEL... xv DAFTAR GAMBAR... xvii BAB I PENDAHULUAN... 1 1.1 Latar Belakang... 1 1.2 Perumusan Masalah... 3 1.3 Pembatasan Masalah... 3 1.4 Tujuan... 3 1.5 Manfaat... 4 1.6 Sistematika Penulisan... 4 BAB II TINJAUAN PUSTAKA... 6 2.1 Penelitian Terdahulu... 6 2.2 Dasar Teori... 8 2.2.1 PHP... 8 2.2.2 Database MySQL... 9 2.2.3 Modified Waterfall Model... 9 2.2.4 Pemodelan Proses Data Flow Diagram... 11 2.2.5 Black-Box Testing... 13 2.2.6 Skala Likert... 13 xii
BAB III PERANCANGAN SISTEM INFORMASI... 16 3.1 Metode Penelitian... 16 3.1.1 Metode Pengumpulan Data... 16 3.1.2 Teknik Pengembangan Sistem... 4 3.2 Alur Kerja Sebelum Adanya Sistem... 17 3.3 Bisnis Proses Sistem Yang Akan Dibangun... 19 3.4 Perancangan Penerapan Skala Likert Dalam Angket Pengukuran Skala Kebutuhan Materi Pembelajaran... 20 3.4.1 Penentuan Skor Jawaban... 20 3.4.2 Skor Kriterium (Skor Ideal)... 20 3.4.3 Penentuan Nilai Rating Scale... 21 3.4.4 Penentuan Nilai Hasil... 22 3.5 Hasil Perhitungan Penerapan Skala Likert... 23 3.6 Diagram Konteks Sistem... 26 3.7 Data Flow Diagram Level 0... 27 3.8 Data Flow Diagram Level 1... 30 3.8.1 Proses 1 Pengelolaan Akun... 30 3.8.2 Proses 2 Pengelolaan Siswa... 31 3.8.3 Proses 3 Pengelolaan Guru... 32 3.8.4 Proses 4 Pengelolaan Aspek... 33 3.8.5 Proses 5 Pengelolaan Pernyataan... 34 3.8.6 Proses 6 Pengelolaan Berita... 35 3.8.7 Proses 7 Pengelolaan Kelas... 36 3.8.8 Proses 8 Pengelolaan Waktu... 37 3.8.9 Proses 9 Pengisian Angket... 38 3.8.10 Proses 10 Pengelolaan Profil... 39 3.9 Perancangan Database... 40 3.10 Desain Interface... 53 3.11 Rencana Pengujian Sistem... 81 BAB IV IMPLEMENTASI DAN PENGUJIAN SISTEM... 84 4.1 Implementasi... 84 xiii
4.2 Pengujian... 120 4.2.1 Pengujian Black Box... 120 4.2.2 Pengujian User Acceptance... 126 BAB V PENUTUP... 129 5.1 Kesimpulan... 129 5.2 Saran... 129 DAFTAR PUSTAKA LAMPIRAN xiv
DAFTAR TABEL Tabel 3.1 Skala Jawaban... 20 Tabel 3.2 Rumus Skor Kriterium... 21 Tabel 3.3 Rating Scale... 22 Tabel 3.4 Penerapan Kriterium dan Rating Scale... 23 Tabel 3.5 Penerapan Frekuensi Jawaban... 24 Tabel 3.6 Penerapan Hasil... 25 Tabel 3.7 Data User... 40 Tabel 3.8 Data Siswa... 41 Tabel 3.9 Data Tingkat... 42 Tabel 3.10 Data Kelas... 42 Tabel 3.11 Data Berita... 43 Tabel 3.12 Data Profil... 43 Tabel 3.13 Data Waktu... 44 Tabel 3.14 Data Aspek... 44 Tabel 3.15 Data Pernyataan... 45 Tabel 3.16 Data Isi 1... 45 Tabel 3.17 Data Isi 2... 46 Tabel 3.18 Data Isi 3... 46 Tabel 3.19 Data Frekuensi 1... 47 Tabel 3.20 Data Frekuensi 2... 48 Tabel 3.21 Data Frekuensi 3... 49 Tabel 3.22 Data Hasil 1... 49 Tabel 3.23 Data Hasil 2... 50 Tabel 3.24 Data Hasil 3... 50 Tabel 3.25 Data Arsip 1... 51 Tabel 3.26 Data Arsip 2... 51 Tabel 3.27 Data Arsip 3... 51 Tabel 3.28 Rencana Pengujian Sistem Black Box... 81 Tabel 4.1 Pengujian Form Login sebagai Superadmin... 121 xv
Tabel 4.2 Pengujian Form Tambah Data Pernyataan... 122 Tabel 4.3 Pengujian Form Ubah Data Pernyataan... 122 Tabel 4.4 Pengujian Form Ubah Password Koordinator... 123 Tabel 4.5 Pengujian Hak Akses Pengguna... 124 Tabel 4.6 Hasil Pengujian Siswa... 127 xvi
DAFTAR GAMBAR Gambar 2.1 Model Modified Waterfall... 10 Gambar 2.2 Simbol Elemen DFD... 12 Gambar 3.1 Alur Kerja Sebelum Adanya Sistem... 18 Gambar 3.2 Bisnis Proses Sistem Yang Akan Dibangun... 19 Gambar 3.3 Diagram Konteks Sistem... 26 Gambar 3.4 DFD Level 0... 27 Gambar 3.5 Proses 1 Pengelolaan Akun... 30 Gambar 3.6 Proses 2 Pengelolaan Siswa... 31 Gambar 3.7 Proses 3 Pengelolaan Guru... 32 Gambar 3.8 Proses 4 Pengelolaan Aspek... 33 Gambar 3.9 Proses 5 Pengelolaan Pernyataan... 34 Gambar 3.10 Proses 6 Pengelolaan Berita... 35 Gambar 3.11 Proses 7 Pengelolaan Kelas... 36 Gambar 3.12 Proses 8 Pengelolaan Waktu... 37 Gambar 3.13 Proses 9 Pengisian Angket... 38 Gambar 3.14 Proses 10 Pengelolaan Profil... 40 Gambar 3.15 Relasi Tabel... 52 Gambar 3.16 Desain Halaman Utama... 53 Gambar 3.17 Desain Halaman Berita... 54 Gambar 3.18 Desain Halaman Baca Berita... 54 Gambar 3.19 Desain Halaman Tentang... 55 Gambar 3.20 Desain Halaman Login... 55 Gambar 3.21 Desain Halaman Beranda Siswa... 56 Gambar 3.22 Desain Halaman Ubah Password Siswa... 57 Gambar 3.23 Desain Halaman Formulir Pengisian Angket (1)... 57 Gambar 3.24 Desain Halaman Formulir Pengisian Angket (2)... 58 Gambar 3.25 Desain Halaman Beranda Koordinator dan Guru BK... 59 Gambar 3.26 Desain Halaman Profil Koordinator dan Guru BK... 60 Gambar 3.27 Desain Halaman Ubah Profil Koordinator dan Guru BK... 60 xvii
Gambar 3.28 Desain Halaman Ubah Password Koordinator dan Guru BK... 61 Gambar 3.29 Desain Halaman Skor Kriterium... 61 Gambar 3.30 Desain Halaman Lihat Frekuensi... 62 Gambar 3.31 Desain Halaman Lihat Hasil... 62 Gambar 3.32 Desain Halaman Lihat Grafik Hasil... 63 Gambar 3.33 Desain Halaman Lihat Laporan... 64 Gambar 3.34 Desain Halaman Tampil Data Laporan... 64 Gambar 3.35 Desain Halaman Profil BK (Detail)... 65 Gambar 3.36 Desain Halaman Profil BK (Ubah)... 65 Gambar 3.37 Desain Halaman Lihat Berita... 66 Gambar 3.38 Desain Halaman Tambah Berita... 67 Gambar 3.39 Desain Halaman Detail Berita (Detail)... 67 Gambar 3.40 Desain Halaman Detail Berita (Ubah)... 68 Gambar 3.41 Desain Halaman Ubah Berita... 68 Gambar 3.42 Desain Halaman Lihat Guru BK... 69 Gambar 3.43 Desain Halaman Tambah Guru BK... 70 Gambar 3.44 Desain Halaman Detail Guru BK (Detail)... 70 Gambar 3.45 Desain Halaman Detail Guru BK (Ubah)... 71 Gambar 3.46 Desain Halaman Ubah Guru BK... 71 Gambar 3.47 Desain Halaman Lihat Siswa... 72 Gambar 3.48 Desain Halaman Pengisian Data Siswa... 73 Gambar 3.49 Desain Tampilan Import Data Siswa... 73 Gambar 3.50 Desain Halaman Detail Data Siswa (Detail)... 74 Gambar 3.51 Desain Halaman Detail Data Siswa (Ubah)... 74 Gambar 3.52 Desain Halaman Ubah Data Siswa... 75 Gambar 3.53 Desain Halaman Lihat Data Kelas... 75 Gambar 3.54 Desain Halaman Pengisian Data Kelas... 76 Gambar 3.55 Desain Halaman Ubah Data Kelas... 77 Gambar 3.56 Desain Halaman Waktu Pengisian... 77 Gambar 3.57 Desain Halaman Lihat Data Aspek... 78 Gambar 3.58 Desain Halaman Pengisian Data Aspek... 78 xviii
Gambar 3.59 Desain Halaman Ubah Data Aspek... 79 Gambar 3.60 Desain Halaman Lihat Pernyataan... 79 Gambar 3.61 Desain Halaman Pengisian Data Pernyataan... 80 Gambar 3.62 Desain Halaman Ubah Data Pernyataan... 81 Gambar 4.1 Halaman Utama... 84 Gambar 4.2 Halaman Berita... 85 Gambar 4.3 Halaman Baca Berita... 86 Gambar 4.4 Halaman Tentang... 87 Gambar 4.5 Halaman Login... 88 Gambar 4.6 Halaman Beranda Siswa... 88 Gambar 4.7 Halaman Ubah Password Siswa... 89 Gambar 4.8 Halaman Formulir Pengisian Angket... 90 Gambar 4.9 Informasi Peringatan Waktu Pengisian... 91 Gambar 4.10 Halaman Beranda Koordinator dan Guru BK... 91 Gambar 4.11 Halaman Profil Koordinator dan Guru BK... 92 Gambar 4.12 Halaman Ubah Profil Koordinator dan Guru BK... 93 Gambar 4.13 Halaman Ubah Password Koordinator dan Guru BK... 93 Gambar 4.14 Halaman Skor Kriterium... 94 Gambar 4.15 Halaman Lihat Frekuensi... 95 Gambar 4.16 Halaman Lihat Hasil... 96 Gambar 4.17 Halaman Lihat Grafik Hasil... 97 Gambar 4.18 Halaman Lihat Laporan... 98 Gambar 4.19 Halaman Tampil Data Laporan... 99 Gambar 4.20 Halaman Profil BK (Detail)... 100 Gambar 4.21 Halaman Profil BK (Ubah)... 101 Gambar 4.22 Halaman Lihat Berita... 102 Gambar 4.23 Halaman Tambah Berita... 103 Gambar 4.24 Halaman Detail Berita (Detail)... 103 Gambar 4.25 Halaman Detail Berita (Ubah)... 104 Gambar 4.26 Halaman Ubah Berita... 105 Gambar 4.27 Halaman Lihat Guru BK... 105 xix
Gambar 4.28 Halaman Tambah Guru BK... 106 Gambar 4.29 Halaman Detail Guru BK (Detail)... 107 Gambar 4.30 Halaman Detail Guru BK (Ubah)... 107 Gambar 4.31 Halaman Ubah Guru BK... 108 Gambar 4.32 Halaman Lihat Siswa... 109 Gambar 4.33 Halaman Pengisian Data Siswa... 110 Gambar 4.34 Halaman Import Data Siswa... 110 Gambar 4.35 Halaman Detail Data Siswa (Detail)... 111 Gambar 4.36 Halaman Ubah Detail Data Siswa (Ubah)... 112 Gambar 4.37 Halaman Ubah Data Siswa... 113 Gambar 4.38 Halaman Lihat Data Kelas... 114 Gambar 4.39 Halaman Pengisian Data Kelas... 115 Gambar 4.40 Halaman Ubah Data Kelas... 115 Gambar 4.41 Halaman Waktu Pengisian... 116 Gambar 4.42 Halaman Lihat Data Aspek... 116 Gambar 4.43 Halaman Pengisian Data Aspek... 117 Gambar 4.44 Halaman Ubah Data Aspek... 118 Gambar 4.45 Halaman Lihat Pernyataan... 118 Gambar 4.46 Halaman Pengisian Data Pernyataan... 119 Gambar 4.47 Halaman Ubah Data Pernyataan... 12 xx