PERANCANGAN APLIKASI BERBASIS WEBSITE
“JOMSELING” UNTUK LAYANAN BIMBINGAN
DAN KONSELING DENGAN MENGGUNAKAN METODE PROTOTYPE PADA SMK
NEGERI 2 KARIMUN
HALAMAN JUDUL
Skripsi
Untuk memenuhi syarat memperoleh Derajat Sarjana Teknik (S.T)
Oleh:
DINI SASMITA PUTRI NIM 180155201018
JURUSAN INFORMATIKA FAKULTAS TEKNIK
UNIVERSITAS MARITIM RAJA ALI HAJI TANJUNGPINANG
2023
ii
HALAMAN PERSETUJUAN
iii
HALAMAN PENGESAHAN
iv
PERNYATAAN ORISINALITAS
Dengan ini saya menyatakan bahwa skripsi saya yang berjudul Perancangan Aplikasi Berbasis Website “Jomseling” Untuk Layanan Bimbingan dan Konseling Dengan Menggunakan Metode Prototype Pada SMK Negeri 2 Karimun adalah benar karya saya dengan arahan dari komisi pembimbing dan belum diajukan dalam bentuk apa pun kepada perguruan tinggi mana pun. Sumber informasi yang berasal atau dikutip dari karya yang diterbitkan maupun tidak diterbitkan dari penulis lain telah disebutkan dalam teks dan dicantumkan dalam Daftar Pustaka di bagian akhir skripsi ini.
Jika kemudian hari ternyata terbukti pernyataan saya ini tidak benar dan melanggar peraturan yang sah dalam karya tulis dan hak intelektual maka saya bersedia ijazah yang telah saya terima untuk ditarik kembali oleh Universitas Maritim Raja Ali Haji.
Tanjungpinang, 18 Desember 2022
Yang menyatakan
(Dini Sasmita Putri)
vii
KATA PENGANTAR
Puji syukur atas kehadirat Allah SWT atas berkah, hidayah dan limpahannya kepada penulis sehingga bisa menyelesaikan skripsi dengan judul “Perancangan Aplikasi Berbasis Website “JOMSELING” Untuk Layanan Bimbingan Dan Konseling Dengan Menggunakan Metode Prototype Pada SMK Negeri 2 Karimun”. Penulis menyusun skripsi ini sebagai syarat memperoleh gelar sarjana Strata 1 (S1) pada program studi Teknik Informatika, Fakultas Teknik Universitas Maritim Raja Ali Haji. Penulis menyadari bahwa penyusunan skripsi ini tidak terlepas dari bantuan, bimbingan, masukkan dan saran, serta dukungan dari semua pihak oleh karena itu penulis ingin mengucapkan terimakasih kepada :
1. Tuhan Yang Maha Kuasa, Allah SWT yang telah memberikan jalan dalam setiap cobaan dan ujian yang telah dihadapi oleh penulis Harapan penulis terhadap penelitian tugas akhir yang telah diselesaikan.
2. Ibu Mawarni serta Bapak Mohd.Nasrul selaku orang tua yang luar biasa, yang peduli akan pendidikan. Terima kasih atas segala doa baiknya untuk anakmu ini.
3. Keluarga besar yang telah membantu, memberikan dukungan dan doa demi kelancaran selama kuliah hingga pengerjaan skripsi ini.
4. Bapak Sapta Nugraha, S.T.,M.Eng. selaku Dekan Fakultas Teknik Universitas Maritim Raja Ali Haji.
5. Muhamad Radzi Rathomi, S.Kom.,M.Cs selaku Ketua Program Studi Teknik Informatika.
6. Bapak Tekad Matulatan, S.Sos.,S.Kom., M.Inf.Tech sebagai wali Dosen Pembimbing Akademik.
7. Ibu Nurul Hayaty, S.T.,M.Cs., selaku pembimbing I yang telah menyediakan waktu dan saran untuk membimbing dalam penyusunan skripsi ini.
8. Ibu Nola Ritha, S.T.,M.Cs., selaku pembimbing II yang telah menyediakan waktu dan saran untuk membimbing dalam penyusunan skripsi ini.
viii
9. Bapak dan Ibu Dosen Jurusan Teknik Informatika Universitas Maritim Raja Ali Haji yang telah mendedikasikan ilmunya selama penulis mengikuti perkuliahan, serta Staf Tata Usaha Fakultas Teknik Universitas Maritim Raja Ali Haji.
10. Ibu Lidiyastuti, S.pd.i selaku guru bimbingan koseling di SMK Negeri 2 Karimun yang telah membantu dalam proses pengerjaan skripsi.
11. Ibu Junaidah.S, S.Pd. selaku Kepala Sekolah SMK Negeri 2 Karimun yang telah membantu dalam proses pengerjaan skripsi.
12. Wulandari Syaputri Pratama dan Gista Adinda Saputri sahabat yang senantiasa selalu memberikan dorongan agar terselesaikannya penulisan skripsi ini.
13. Sahabat yang bertemu sejak tahun 2018 Winna Puspita, Siti Marliana, dan Hikmatun Nazila yang selalu meng support awal hingga akhir.
14. Muhammad Fikriansyah selaku teman yang selalu ada susah maupun senang dalam penulisan skripsi ini.
15. Bar-Bar Group dan Boedak TPL yang selalu memberi saran dan membawa kebahagiaan.
16. Serta Keluarga lainnya yang tidak dapat disebutkan satu persatu, yang telah membantu selama penulis di kota perantauan Tanjungpinang.
17. Teman-teman Mahasiswa Teknik Informatika Umrah Angkatan 2018.
Penulis menyadari bahwa skripsi ini masih jauh dari kata sempurna. Untuk itu penulis mengharapkan kritik dan saran yang membangun, semoga Skripsi ini bermanfaat bagi kita semua. Aamiin
Tanjungpinang, 18 Desember 2022
(Dini Sasmita Putri)
ix DAFTAR ISI
HALAMAN JUDUL ... i
HALAMAN PERSETUJUAN ... ii
HALAMAN PENGESAHAN ... iii
PERNYATAAN ORISINALITAS ... iv
HALAMAN PERSEMBAHAN ... v
HALAMAN MOTO ... vi
KATA PENGANTAR ... vii
DAFTAR ISI ... ix
DAFTAR TABEL ... xii
DAFTAR GAMBAR ... xv
GLOSARIUM ... xxi
ABSTRAK ... xxii
ABSTRACT ... xxiii
BAB I PENDAHULUAN... 1
1.1 Latar Belakang ... 1
1.2 Batasan Masalah ... 3
1.3 Rumusan Masalah ... 3
1.4 Tujuan Penelitian ... 3
1.5 Manfaat Penelitian ... 4
1.6 Sistematika Penulisan ... 4
BAB II KAJIAN LITERATUR ... 6
2.1 Tinjauan Pustaka ... 6
2.2 Landasan Teori ... 8
2.2.1 Website ... 8
2.2.2 Metode Prototype ... 8
2.2.3 E-Counseling ... 9
2.2.4 Bimbingan dan Konseling ... 10
2.2.5 Bahasa Pemograman ... 10
2.2.6 CodeIgniter ... 11
x
2.2.7 XAMPP ... 11
2.2.8 MySQL ... 11
2.2.9 Black Box Testing ... 11
2.2.10 Low Fidelity ... 12
2.2.11 High Fidelity ... 12
2.2.12 Prototype Evolusioner ... 12
2.2.13 User Acceptance Testing ... 12
BAB III METODE PENELITIAN ... 15
3.1 Metode Pengumpulan Data ... 15
3.1.1 Studi Pustaka ... 15
3.1.2 Pengumpulan Data ... 15
3.2 Metode Pengembangan Sistem ... 15
3.2.1 Mendengarkan Pengguna ... 16
3.2.2 Membangun Prototype ... 16
3.2.3 Uji Pengguna ... 16
3.2.4 Mengkodekan Sistem ... 16
3.2.5 Menguji Sistem ... 16
3.2.6 Evaluasi Sistem... 17
3.2.7 Menggunakan Sistem ... 17
3.3 Instrument Penelitian ... 17
3.4 Metode Penelitian ... 18
BAB IV HASIL DAN PEMBAHASAN ... 20
4.1 Iterasi 1 ... 31
4.1.1 Mendengarkan Pengguna ... 31
4.1.2 Pembangunan Prototype ... 33
4.1.3 Uji Pengguna ... 101
4.2 Iterasi 2 ... 103
4.2.1 Mendengarkan Pengguna ... 103
4.2.2 Pembangunan Prototype ... 105
4.2.3 Uji Pengguna ... 156
4.3 Mengkodekan Sistem ... 157
xi
4.4 Menguji Sistem ... 158
4.5 Evaluasi Sistem ... 183
BAB V PENUTUP ... 188
5.1 Kesimpulan ... 188
5.2 Saran ... 188
DAFTAR PUSTAKA ... 190
LAMPIRAN ... 193
xii DAFTAR TABEL
Tabel 2.1 Tingkatan dan Bobot Nilai ... 13
Tabel 2.2 Jumlah Skor Pertanyaan ... 14
Tabel 3.1. Instrumen Penelitian ... 17
Tabel 4. 1. Lini Waktu Proyek ... 24
Tabel 4.2. Lini Waktu Proyek (Lanjutan) ... 25
Tabel 4.3. Lini Waktu Proyek (Lanjutan) ... 26
Tabel 4.4. Lini Waktu Proyek (Lanjutan) ... 27
Tabel 4.5. Lini Waktu Proyek (Lanjutan) ... 28
Tabel 4.6. Lini Waktu Proyek (Lanjutan) ... 29
Tabel 4.7. Lini Waktu Proyek (Lanjutan) ... 30
Tabel 4.8 Database jomseling ... 67
Tabel 4.9 Spesifikasi Tabel Chat ... 69
Tabel 4.10 Spesifikasi Tabel Group Soal ... 70
Tabel 4.11 Spesifikasi Jawaban Sub Soal ... 70
Tabel 4.12 Spesifikasi Kelas ... 71
Tabel 4.13 Spesifikasi Konsultasi ... 71
Tabel 4.14 Konsultasi Catatan ... 72
Tabel 4.15 Konten ... 72
Tabel 4.16 Orang Tua ... 73
Tabel 4.17 Pelanggaran ... 73
Tabel 4.18 Subsoal ... 74
Tabel 4.19 Survey ... 74
Tabel 4.20 User ... 75
Tabel 4.21 Guru BK ... 75
Tabel 4.22 Siswa ... 76
Tabel 4.23 Kesimpulan Iterasi 1 ... 102
Tabel 4.24 Pembinaan ... 130
Tabel 4.25 Kesimpulan Iterasi 2 ... 157
Tabel 4.26 Kesimpulan Iterasi 2 Lanjutan ... 157
xiii
Tabel 4. 27 Black Box Modul Login dan Logout ... 158
Tabel 4. 28 Black Box Modul Dashboard (Guru BK/Admin) ... 159
Tabel 4. 29 Black Box Modul Guru BK (Guru BK/Admin) ... 160
Tabel 4. 30 Black Box Modul Guru BK (Guru BK/Admin) Lanjutan ... 160
Tabel 4.31 Black Box Modul Siswa Submenu Data Siswa (Guru BK/Admin) . 161 Tabel 4.32 Black Box Pengujian Modul Konseling Submenu Catatan Konseling (Guru BK/ Admin) ... 162
Tabel 4.33 Black Box Pengujian Modul Konseling Submenu Jadwal Konseling (Guru BK/ Admin) ... 163
Tabel 4.34 Black Box Pengujian Modul Pembinaan (Guru BK/ Admin) ... 164
Tabel 4.35 Black Box Pengujian Modul Pelanggaran Submenu Catatan Data Pelanggaran (Guru BK/ Admin) ... 165
Tabel 4.36 Black Box Pengujian Modul Pelanggaran Submenu Grafik pelanggaran (Guru BK/ Admin)... 166
Tabel 4.37 Black Box Pengujian Modul Konten (Guru BK/ Admin)... 166
Tabel 4.38 Black Box Pengujian Modul Angket Submenu Input Angket (Guru BK/ Admin) ... 167
Tabel 4.39 Black Box Pengujian Modul Angket Submenu Data Angket (Guru BK/ Admin) ... 168
Tabel 4.40 Black Box Pengujian Modul Angket Submenu Grafik Pengisian Angket (Guru BK/ Admin) ... 169
Tabel 4.41 Black Box Pengujian Modul Laporan Kelas (Guru BK/ Admin) ... 169
Tabel 4.42 Black Box Pengujian Modul Profil (Guru BK/ Admin) ... 170
Tabel 4.43 Black Box Pengujian Modul Ganti Password (Guru BK/ Admin) ... 171
Tabel 4.44 Black Box Pengujian Modul Dashboard (kepala sekolah) ... 171
Tabel 4.45 Black Box Pengujian Modul Catatan Konseling (kepala sekolah) ... 172
Tabel 4.46 Black Box Pengujian Modul Pembinaan (kepala sekolah) ... 172
Tabel 4.47 Black Box Pengujian Modul Pelanggaran Submenu Data Pelanggaran (kepala sekolah) ... 173
Tabel 4.48 Black Box Pengujian Modul Pelanggaran Submenu Grafik Data Pelanggaran (kepala sekolah) ... 174
xiv
Tabel 4.49 Black Box Pengujian Modul Konten (kepala sekolah) ... 174
Tabel 4.50 Black Box Pengujian Modul Angket Submenu Data Angket (kepala sekolah) ... 175
Tabel 4.51 Black Box Pengujian Modul Angket Submenu Grafik Pengisian Angket (kepala sekolah) ... 176
Tabel 4.52 Black Box Pengujian Modul Laporan Kelas (kepala sekolah) ... 176
Tabel 4.53 Black Box Pengujian Modul Profil (Kepala Sekolah) ... 177
Tabel 4.54 Black Box Pengujian Modul Ganti Password (Kepala Sekolah) ... 177
Tabel 4.55 Black Box Pengujian Modul Home (Siswa) ... 178
Tabel 4.56 Black Box Pengujian Modul Konten (Siswa) ... 178
Tabel 4.57 Black Box Pengujian Modul Angket (Siswa) ... 179
Tabel 4.58 Black Box Pengujian Modul Konseling (Siswa) ... 179
Tabel 4.59 Black Box Pengujian Modul Konseling (Siswa) Lanjutan ... 180
Tabel 4.60 Black Box Pengujian Modul Pelanggaran (Siswa) ... 181
Tabel 4.61 Black Box Pengujian Modul Pembinaan (Siswa) ... 181
Tabel 4.62 Black Box Pengujian Modul Profil (Siswa) ... 182
Tabel 4.63 Black Box Pengujian Modul Data Orang Tua (Siswa) ... 182
Tabel 4.64 Black Box Pengujian Modul Ganti Password (Siswa) ... 183
Tabel 4.65 Frekuensi Jawaban Siswa ... 184
Tabel 4.66 Frekuensi Jawaban Guru BK ... 185
Tabel 4.67 Frekuensi Jawaban Kepala Sekolah ... 186
xv
DAFTAR GAMBAR
Gambar 2.1 Metode Prototype ... 9
Gambar 3. 1 Metode Penelitian ... 19
Gambar 4. 1 Ilustrasi Proses Alur Prototype ... 20
Gambar 4.2 Lini Waktu Implementasi Kerja ... 22
Gambar 4. 3 Usecase Diagram Iterasi 1... 35
Gambar 4.4 Activity Diagram Halaman login admin/guru ... 36
Gambar 4.5 Activity diagram edit password admin/guru BK, ... 37
Gambar 4.6 Activity diagram kelola catatan konseling ... 38
Gambar 4.7 Activity diagram kelola jadwal konseling... 39
Gambar 4.8 Activity diagram konsultasi (admin) ... 40
Gambar 4.9 Activity diagram kelola input angket (admin/guru BK) ... 41
Gambar 4.10 Activity diagram cetak laporan kelas ... 42
Gambar 4.11 Activity diagram kelola catatan konseling ... 43
Gambar 4.12 Activity diagram cetak laporan kelas (kepala sekolah)... 44
Gambar 4.13 Activity diagram kelola angket (siswa)... 45
Gambar 4.14 Activity diagram kelola jadwal konseling (siswa) ... 46
Gambar 4.15 Activity diagram kelola konsultasi (siswa) ... 47
Gambar 4.16 Sequence diagram fungsi Login (admin/guru BK, kepala sekolah dan siswa) ... 48
Gambar 4.17 Sequence diagram halaman data siswa ... 49
Gambar 4.18 Sequence diagram halaman catatan konseling ... 50
Gambar 4.19 Sequence diagram halaman jadwal konseling (admin/guru BK) .. 51
Gambar 4.20 Sequence diagram halaman konsultasi ... 52
Gambar 4.21 Sequence diagram halaman data pelanggaran (admin/guru BK) .. 53
Gambar 4.22 Sequence diagram halaman konten (admin/guru BK) ... 54
Gambar 4.23 Sequence diagram halaman data angket ... 55
Gambar 4.24 Sequence diagram halaman kelas (admin/guru BK) ... 56
Gambar 4.25 Sequence diagram halaman ganti password (admin/guru BK) ... 57
Gambar 4.26 Sequence diagram halaman catatan konseling ... 58
Gambar 4.27 Sequence diagram halaman data angket ... 59
xvi
Gambar 4.28 Sequence diagram halaman laporan kelas ... 60
Gambar 4.29 Sequence diagram halaman home (siswa) ... 61
Gambar 4.30 Sequence diagram halaman guru BK (siswa) ... 62
Gambar 4.31 Sequence diagram halaman konten (siswa) ... 62
Gambar 4.32 Sequence diagram halaman angket (siswa) ... 63
Gambar 4.33 Sequence diagram halaman buat jadwal konseling (siswa) ... 64
Gambar 4.34 Sequence diagram halaman konsultasi (siswa) ... 64
Gambar 4.35 Sequence diagram halaman data siswa (siswa) ... 65
Gambar 4.36 Sequence diagram halaman logout (guru BK, kepala sekolah dan siswa). ... 66
Gambar 4.37 Class Diagram ... 68
Gambar 4.38 Entity Relationship Diagram ... 78
Gambar 4.39 Low Fidelity Halaman Login User ... 79
Gambar 4.40 Low Fidelity Halaman Menu Dashboard (guru BK/admin) ... 79
Gambar 4.41 Low Fidelity Halaman Menu Profil (guru BK/admin) ... 80
Gambar 4.42 Low Fidelity Halaman Menu Ganti Password ... 80
Gambar 4.43 Low Fidelity Halaman Menu Keluar (guru BK/admin) ... 81
Gambar 4.44 Low Fidelity Halaman Menu Guru BK (guru BK/admin) ... 81
Gambar 4.45 Low Fidelity Halaman Menu Siswa Submenu Data Siswa (guru BK/admin) ... 82
Gambar 4.46 Low Fidelity Halaman Menu Siswa Submenu Data Orang Tua (guru BK/admin) ... 82
Gambar 4.47 Low Fidelity Halaman Menu Konseling Submenu Catatan Konseling (guru BK/admin) ... 83
Gambar 4.48 Low Fidelity Halaman Menu Konseling Submenu Jadwal Konseling (guru BK/admin) ... 83
Gambar 4.49 Low Fidelity Halaman Menu Konseling Submenu Konsultasi (guru BK/admin) ... 84
Gambar 4.50 Low Fidelity Halaman Menu Pelanggaran ... 84
Gambar 4.51 Low Fidelity Halaman Menu Konten (guru BK/admin) ... 85
xvii
Gambar 4.52 Low Fidelity Halaman Menu Angket Submenu Input Angket (guru
BK/admin) ... 86
Gambar 4.53 Low Fidelity Halaman Menu Angket Submenu Data Angket (guru BK/admin) ... 87
Gambar 4.54 Low Fidelity Halaman Menu Angket Submenu Grafik Pengisian Angket (guru BK/admin) ... 88
Gambar 4.55 Low Fidelity Halaman Menu Laporan Kelas ... 89
Gambar 4.56 Low Fidelity Halaman Menu Dashboard (kepala sekolah) ... 90
Gambar 4.57 Low Fidelity Halaman Menu Profil (kepala sekolah) ... 90
Gambar 4.58 Low Fidelity Halaman Menu Ganti Password ... 91
Gambar 4.59 Low Fidelity Halaman Menu Keluar (kepala sekolah) ... 91
Gambar 4.60 Low Fidelity Halaman Menu Catatan Konseling... 92
Gambar 4.61 Low Fidelity Halaman Menu Pelanggaran ... 92
Gambar 4.62 Low Fidelity Halaman Menu Konten (kepala sekolah) ... 93
Gambar 4.63 Halaman Menu Angket Submenu Data Angket ... 93
Gambar 4.64 Low Fidelity Halaman Menu Angket Submenu Grafik Pengisian Angket (kepala sekolah) ... 94
Gambar 4.65 Halaman Menu Laporan Kelas (kepala sekolah) ... 95
Gambar 4.66 Low Fidelity Halaman Home (siswa) ... 96
Gambar 4.67 Low Fidelity Halaman Guru BK (siswa) ... 96
Gambar 4.68 Low Fidelity Halaman Menu Siswa Submenu Data ... 97
Gambar 4.69 Low Fidelity Halaman Menu Siswa Submenu Data ... 97
Gambar 4.70 Low Fidelity Halaman Menu Konseling Submenu Buat Jadwal Konseling (siswa) ... 98
Gambar 4.71 Low Fidelity Halaman Menu Konseling Submenu Konsultasi (siswa) ... 98
Gambar 4.72 Low Fidelity Halaman Menu Pelanggaran (siswa) ... 99
Gambar 4.73 Low Fidelity Halaman Menu Konten (siswa) ... 99
Gambar 4.74 Low Fidelity Halaman Menu Angket Submenu Data Angket (siswa) ... 100
xviii
Gambar 4.75 Low Fidelity Halaman Menu Angket Submenu Grafik Pengisian
Angket (siswa) ... 100
Gambar 4.76 Use Case Diagram Iterasi 2 ... 106
Gambar 4.77 Activity diagram kelola data orang tua ... 107
Gambar 4.78 Activity diagram melihat grafik pelanggaran (admin/guru BK) .. 108
Gambar 4.79 Activity diagram kelola konten (admin/guru BK) ... 109
Gambar 4.80 Activity diagram kelola data pembinaan (admin/guru BK) ... 110
Gambar 4.81 Activity diagram kelola jadwal konseling (admin/guru BK) ... 111
Gambar 4.82 Activity diagram cetak laporan kelas ... 112
Gambar 4.83 Activity diagram kelola data pembinaan... 113
Gambar 4.84 Activity diagram melihat grafik pelanggaran (kepala sekolah) ... 114
Gambar 4.85 Activity diagram cetak laporan kelas ... 115
Gambar 4.86 Activity diagram profil (siswa) ... 116
Gambar 4.87 Activity diagram melihat riwayat data pembinaan (siswa) ... 116
Gambar 4.88 Activity diagram kelola riwayat konseling (siswa) ... 117
Gambar 4.89 Sequence diagram halaman data orang tua (admin/guru BK) ... 118
Gambar 4.90 Sequence diagram halaman jadwal konseling (admin/guru BK) 119 Gambar 4.91 Sequence diagram halaman grafik pelanggaran (admin/guru BK) ... 120
Gambar 4.92 Sequence diagram halaman konten ... 121
Gambar 4. 93 Sequence diagram halaman kelas (admin/guru BK) ... 122
Gambar 4.94 Sequence diagram halaman pembinaan (admin/guru BK) ... 123
Gambar 4.95 Sequence diagram halaman pembinaan ... 124
Gambar 4.96 Sequence diagram halaman grafik pelanggaran (kepala sekolah) 125 Gambar 4.97 Sequence diagram halaman laporan kelas ... 125
Gambar 4.98 Sequence diagram halaman edit profil (siswa) ... 126
Gambar 4.99 Sequence diagram halaman pembinaan (siswa) ... 127
Gambar 4.100 Sequence diagram halaman riwayat (siswa)... 128
Gambar 4.101 Class Diagram Iterasi 2 ... 129
Gambar 4.102 Entity Relationship Diagram ... 131
Gambar 4.103 High Fidelity Dashboard (Admin/Guru BK) ... 132
xix
Gambar 4.104 High Fidelity Profil (Admin/Guru BK) ... 133
Gambar 4.105 High Fidelity Edit Profil (Admin/Guru BK) ... 133
Gambar 4.106 High Fidelity Ganti Password (Admin/Guru BK)... 134
Gambar 4.107 High Fidelity Keluar (Admin/guru BK) ... 134
Gambar 4. 108. High Fidelity Menu Guru BK (Admin/Guru BK) ... 135
Gambar 4.109 High Fidelity Menu Data Siswa (Admin/Guru BK) ... 135
Gambar 4.110 High Fidelity Menu Data Orang Tua (Admin/Guru BK) ... 136
Gambar 4.111 High Fidelity Menu Catatan Konseling ... 136
Gambar 4.112 High Fidelity Menu Jadwal Konseling ... 137
Gambar 4.113 High Fidelity Detail Jadwal Konseling (Admin/Guru BK) ... 137
Gambar 4.114 High Fidelity Menu Pembinaan (Admin/Guru BK) ... 138
Gambar 4.115 High Fidelity Menu Data Pelanggaran (Admin/Guru BK)... 138
Gambar 4.116 High Fidelity Menu Grafik Pelanggaran ... 139
Gambar 4.117 High Fidelity Menu Konten (Admin/Guru BK) ... 139
Gambar 4.118 High Fidelity Menu Input Angket (Admin/Guru BK) ... 140
Gambar 4.119 High Fidelity Detail Angket (Admin/Guru BK) ... 140
Gambar 4.120 High Fidelity Tambah Soal (Admin/Guru BK) ... 141
Gambar 4.121 High Fidelity Edit Soal (Admin/Guru BK) ... 141
Gambar 4.122 High Fidelity Data Angket (Admin/Guru BK) ... 142
Gambar 4.123 High Fidelity Detail Data Angket (Admin/Guru BK) ... 142
Gambar 4.124 High Fidelity Detail Angket (Admin/Guru BK) ... 143
Gambar 4.125 High Fidelity Grafik Pengisian Angket (Admin/Guru BK) ... 143
Gambar 4.126 High Fidelity Menu Data Kelas (Admin/Guru BK) ... 144
Gambar 4.127 High Fidelity Dashboard (Kepala Sekolah) ... 144
Gambar 4.128 High Fidelity Profil (Kepala Sekolah) ... 145
Gambar 4.129 High Fidelity Edit Profil (Kepala Sekolah) ... 145
Gambar 4.130 High Fidelity Ganti Password (Kepala Sekolah) ... 146
Gambar 4.131 High Fidelity Keluar (Kepala Sekolah) ... 146
Gambar 4.132 High Fidelity Menu Catatan Konseling ... 147
Gambar 4.133 High Fidelity Data Pembinaan (Kepala Sekolah) ... 147
Gambar 4.134 High Fidelity Data Pelanggaran (Kepala Sekolah) ... 148
xx
Gambar 4.135 High Fidelity Grafik Pelanggaran (Kepala Sekolah) ... 148
Gambar 4.136 High Fidelity Konten (Kepala Sekolah) ... 149
Gambar 4.137 High Fidelity Data Angket (Kepala Sekolah) ... 149
Gambar 4.138 High Fidelity Detail Jawaban Soal Angket ... 150
Gambar 4.139 High Fidelity Grafik Pengisian Angket ... 150
Gambar 4.140 High Fidelity Data Laporan Kelas ... 151
Gambar 4.141 High Fidelity Home (Siswa) ... 151
Gambar 4.142 High Fidelity Konten (Siswa) ... 152
Gambar 4.143 High Fidelity Angket (Siswa) ... 152
Gambar 4.144 High Fidelity Buat Jadwal Konseling (Siswa)... 153
Gambar 4.145 High Fidelity Riwayat Jadwal Konseling (Siswa ... 153
Gambar 4.146 High Fidelity Detail Riwayat Konseling (Siswa) ... 154
Gambar 4.147 High Fidelity Riwayat Pelanggaran (Siswa) ... 154
Gambar 4.148 High Fidelity Riwayat Pembinaan (Siswa) ... 155
Gambar 4.149 High Fidelity Profil (Siswa)... 155
Gambar 4.150 High Fidelity Data Orang Tua (Siswa) ... 156
Gambar 4.151 High Fidelity Ganti Password (Siswa) ... 156