Design tampilan pada WEB
2 Tampilan Login untuk User
Gambar 4.59. Rancangan tampilan login user
Setelah user menentukan pilihan pada halaman index sebelumnya, maka akan tampil dimana mereka harus login,
untuk masuk dan mengelola sistem sesuai yang telah ditentukan. Untuk masuk halaman berikutnya dan agar bisa mengelola
datanya user diwajibkan untuk mengisi id user, dan password sesuai yang telah didaftarkan pada pengelola.
3 Tampilan Halaman Utama Tata Usaha
Gambar 4.60. Rancangan tampilan halaman utama tata usaha
Halaman utama tata usaha ini menampilkan menu yang akan terhubungkan dengan halaman data siswa, data matapelajaran, data
kelas, data wali kelas, data jadwal pelajaran, data guru matapelajaran, data jadwal UTS, data jadwal UAS, data berita dan tombol untuk
keluar. Tombol keluar untuk keluar dari aplikasi ini, tombol homepage
untuk kembali pada halaman utama jika sedang berada pada halaman lain.
4 Tampilan web untuk halaman input dan output data siswa
Gambar 4.61. Rancangan tampilan halaman data siswa
Gambar 4.62. Rancangan tampilan halaman input atau edit data siswa
5 Tampilan web untuk halaman data matapelajaran
Gambar 4.63. Rancangan tampilan halaman data Matapelajaran
Gambar 4.64. Rancangan tampilan halaman input atau edit data matapelajaran
6 Tampilan web untuk halaman data kelas
Gambar 4.65. Rancangan tampilan halaman data kelas
Gambar 4.66. Rancangan tampilan halaman input atau edit data kelas
7 Tampilan web untuk halaman data wali kelas
Gambar 4.67. Rancangan tampilan halaman data wali kelas
Gambar 4.68. Rancangan tampilan halaman input atau edit data wali kelas
8 Tampilan web untuk halaman data jadwal pelajaran
Gambar 4.69. Rancangan tampilan halaman data jadwal pelajaran
Gambar 4.70. Rancangan tampilan halaman input atau edit data jadwal pelajaran, jadwal UTS, jadwal UAS
9 Tampilan web untuk halaman data guru matapelajaran
Gambar 4.71. Rancangan tampilan halaman data Guru Matapelajaran
Gambar 4.72. Rancangan tampilan halaman input atau edit data Guru Matapelajaran
10 Tampilan web untuk halaman data jadwal UTS
Gambar 4.73. Rancangan tampilan halaman data Jadwal UTS
11 Tampilan web untuk halaman data jadwal UAS
Gambar 4.74. Rancangan tampilan halaman data Jadwal UAS
Gambar 4.75. Rancangan tampilan halaman data Jadwal matapelajaran, jadwal UTS dan Jadwal UAS jika di View
12 Tampilan web untuk halaman data berita
Gambar 4.76. Rancangan tampilan halaman data Berita sekolah
Gambar 4.78. Rancangan tampilan halaman input atau edit data Berita sekolah
13 Tampilan Halaman Utama Guru Matapelajaran
Gambar 4.79. Rancangan tampilan halaman utama guru matapelajaran
Halaman utama pada guru matapelajaran hanya terhubung pada data nilai, karena guru matapelajaran hanya mengolah nilai-nilai
siswa. Tombol keluar untuk keluar dari aplikasi ini, tombol homepage
untuk kembali pada halaman utama jika sedang berada pada halaman lain.
14 Tampilan web untuk halaman nilai untuk user Guru Matapelajaran
Gambar 4.80 Rancangan tampilan halaman data Nilai
Gambar 4.81 Rancangan tampilan halaman input atau edit data Nilai
15 Tampilan Halaman Utama Wali Kelas
Gambar 4.82. Rancangan tampilan halaman utama wali kelas Halaman utama pada wali kelas hanya terhubung pada data rapor,
karena wali kelas hanya mengolah rapor siswa yang dibimbingnya. Tombol keluar untuk keluar dari aplikasi ini, tombol homepage
untuk kembali pada halaman utama jika sedang berada pada halaman lain.
16 Tampilan web untuk halaman rapor untuk user Wali kelas
Gambar 4.83 Rancangan tampilan halaman data rapor
Gambar 4.84 Rancangan tampilan halaman input atau edit data Nilai