4.5 Perancangan Antar Muka
4.5.1 Struktur Menu
Struktur menu ini ada lima jenis karena aplikasi ini digunakan oleh banyak pihak diantaranya oleh admin, wali kelas, guru dan siswa. Dibawah ini adalah gambar struktur menu untuk admin :
Menu Utama Admin
Home Siswa
Input Siswa baru
Lihat Kelas Siswa
Guru
Input Guru Baru
Lihat Data Guru
Register Guru Mapel
Register Wali Kelas
Mata Pelajaran
Input Mapel Baru
Lihat Data Mapel
Pengaturan
Kelas
Tahun Pelajaran
Kelompok Belajar
Ekstrakulikuler
User
Gambar 4.12 Struktur menu admin
78
Untuk struktur menu wali kelas berikut gambarnya :
Menu Utama Wali Kelas
Home Nilai Mapel Wali kelas Nilai Ekstrakulikuler Nilai Kepribadian dan Akhlak
Gambar 4.13 Struktur menu wali kelas
Seperti yang terlihat pada gambar diatas, struktur menu wali kelas ada empat menu, menu wali kelas digunakan untuk merekap nilai semua kelas berdasarkan guru yang menjadi wali kelas.
Dibawah ini adalah gambar struktur menu untuk guru maple :
Menu Utama Guru Mapel
Home Nilai Mapel Rekap Nilai
Gambar 4.14 Struktur menu guru mapel
Dalam penilaian kepribadian dan akhlak slah satu penilainya yaitu daru guru mapel Pkn dan Agama, oleh karena itu ada tambahan jika guru yang login ke sistem dengan data mengajar Pkn atau Agama maka struktur menu guru menjadi seperti dibawah ini :
Menu Utama Guru Mapel Pkn atau
Agama
Home Nilai Mapel Nilai Kepribadian dan Akhlak Rekap Nilai
Gambar 4.15 Struktur menu guru mapel Pkn atau Agama Untuk struktur menu siswa berikut adalah gambarnya :
Menu Utama Siswa
Home Nilai Mapel Nilai Pengembangan Diri Nilai Kepribadian dan Akhlak Raportku
Gambar 4.16 Struktur menu siswa
79
Untuk layout halaman digambarkan pada perancangan layout dibawah ini :
Gambar 4.17 Layout halaman web 4.5.2 Perancangan Input
Perancangan input merupakan desain yang dirancang untuk menerima masukan dari pengguna system. Perancangan input ini terdiri dari perancangan input oleh admin, wali kelas, guru mapel, guru mapel pkn dan agama serta oleh siswa untuk penilaian kepribadian dan akhlak. Dibawah ini adalah gambar dari perancangan input siswa baru oleh admin:
Gambar 4.18 Form input siswa baru oleh admin
80
Berikut adalah gambar input data guru baru oleh admin :
Gambar 4.19 Form input guru baru oleh admin
Dibawah ini adalah gambar dari input data mengajar oleh admin :
Gambar 4.20 Form input data mengajar oleh admin
Untuk input data wali kelas berikut adalah gambar dari perancangannya :
Gambar 4.21 Form input data register wali kelas oleh admin
81
Dibawah ini adalah gambar dari form input data mata pelajaran oleh admin :
Gambar 4.22 Form input data mata pelajaran oleh admin Untuk input data KKM berikut adalah gambar perancangannya :
Gambar 4.23 Form input data KKM mata pelajaran oleh admin
Perancangan input selanjutnya adalah form input kelas, berikut adalah gambarnya :
Gambar 4.24 Form input data kelas oleh admin
Untuk input tahun pelajaran dibawah ini adalah gambar dari perancangannya :
82
Gambar 4.25 Form input data tahun pelajaran oleh admin
Untuk mengaktifkan tahun pelajaran tertentu, berikut adalah form perancangannya :
Gambar 4.26 Form pengaktifan data tahun pelajaran oleh admin
Untuk menambahkan data ekstrakulikuler, berikut adalah perancangan dari form input data ekstrakulikuler :
Gambar 4.27 Form input data ekstrakulikuler oleh admin
Dibawah ini adalah perancangan dari form input user atau pengguna aplikasi ini :
Gambar 4.28 Form input data user oleh admin
Dibawah ini adalah form perancangan untuk mengaktifkan status penilaian kepribadian dan akhlak siswa :
83
Gambar 4.29 Form input aktifkan penilaian kepribadian dan akhlak oleh admin Untuk pembagian kelompok siswa, dibawah ini adalah perancangannya :
Gambar 4.30 Form input pembagian kelompok siswa oleh admin
Selanjutnya untuk form perancangan kehadiran siswa, dibawah ini adalah gambarnya :
Gambar 4.31 Form input kehadiran siswa oleh admin
Untuk perancangan form input nilai mata pelajaran yang dilakukan oleh wali kelas dan guru, berikut adalah gambar perancangannya :
Gambar 4.32 Form input nilai mata pelajaran siswa oleh wali kelas dan guru Selanjutnya yaitu perancangan form input nilai kepribadian dan akhlak siswa, form ini digunakan oleh wali kelas, guru Pkn, guru Agama serta kelompok belajar siswa, berikut adalah gambar perancangannya :
Gambar 4.33 Form input nilai kepribadian dan akhlak
84
Dibawah ini adalah perancangan form input nilai kegiatan pengembangan diri siswa atau kegiatan ekstrakulikuler, form ini digunakan oleh wali kelas saja:
Gambar 4.34 Form input nilai kegiatan pengembangan diri siswa 4.5.3 Perancangan Output
Perancangan output merupakan bentuk tampilan keluaran berupa laporan-laporan hasil dari pengolahan data oleh admin, wali kelas, guru mapel, siswa berikut adalah perancangan outputnya yaitu :
1. Laporan Nilai Mapel Siswa per Semester untuk siswa
Laporan ini digunakan oleh siswa untuk mencetak nilai mata pelajaran secara keseluruhan per semester, berikut adalah perancangannya :
Gambar 4.35 Perancangan output laporan nilai mapel per semester untuk siswa
85
2. Laporan Nilai Kegiatan Pengembangan Diri Siswa Per Semester untuk siswa
Untuk output laporan nilai kegiatan pengembangan diri siswa berikut adalah gambarnya :
Gambar 4.36 Perancangan output laporan nilai ekstrakulikuler untuk siswa 3. Laporan Nilai Kepribadian dan Akhlak Siswa Per Semester untuk siswa
Dibawah ini adalah gambar perancangan output laporan nilai kepribadian dan akhlak siswa.
Gambar 4.37 Perancangan output laporan nilai kepribadian dan akhlak siswa
86
4. Laporan Absensi Siswa Per Semester untuk siswa
Untuk perancangan output laporan absensi siswa dibawah ini adalah gambar perancangannya :
Gambar 4.38 Perancangan output laporan absensi siswa 5. Laporan Nilai Mapel Siswa Per Semester untuk guru mapel
Selanjutnya yaitu perancangan output laporan nilai mata pelajaran untuk guru mata pelajaran, berikut adalah gambarnya :
Gambar 4.39 Perancangan output laporan nilai mapel untuk guru
87
6. Laporan Nilai Mapel Siswa Per Semester untuk wali kelas
Selanjutnya adalah perancangan output laporan nilai mata pelajaran untuk wali kelas, berikut adalah perancangannya :
Gambar 4.40 Perancangan output laporan nilai mapel untuk wali kelas 7. Laporan Absensi Siswa Per Semester untuk wali kelas
Dibawah ini adalah gambar perancangan output laporan absensi siswa untuk wali kelas :
Gambar 4.41 Perancangan output laporan absensi siswa untuk wali kelas
88
8. Laporan Nilai Kegiatan Pengembangan Diri Siswa Per Semester untuk wali kelas
Untuk laporan kegiatan pengembangan diri atau laporan kegiatan ekstrakulikuler siswa, dibawah ini adalah perancangan output nya :
Gambar 4.42 Perancangan output laporan nilai ekstrakulikuler untuk wali kelas 9. Laporan Nilai Kepribadian dan Akhlak Siswa Per Semester untuk wali
kelas
Untuk perancangan yang terakhir yaitu laporan nilai kepribadian dan akhlak siswa untuk wali kelas yaitu sebagai berikut :
Gambar 4.43 Perancangan output laporan nilai kepribadian dan akhlak siswa untuk wali kelas