2.
6 Desain Antar Muka Pengguna
Bentuk rancangan desain antar muka pada sistem informasi raport ini adalah seperti
berikut:
2.6.1 Rancangan Halaman Beranda
Desain antar muka untuk halaman beranda dapat dilihat pada gambar 2.9
Gambar 2. 1 Rancangan Halaman Awal
2.6.2 Level User Admin
[Link] Halaman Index
Halaman awal tampilkan login administrator dapat dilihat pada gambar 2.10
Gambar 2. 2 Halaman Login Admin
[Link] Halaman Dashboard
Halaman awal tampilan administrator dapat dilihat pada pada gambar 2.11
Gambar 2. 3 Halaman Dashboard Admin
[Link] Halaman Input Guru
Halaman untuk menambah guru dapat dilihat pada gambar 2.12
Gambar 2. 4 Halaman Input Guru
[Link] Halaman Input Siswa
Halaman untuk menambah siswa dapat dilihat pada gambar 2.13
Gambar 2. 5 Input Siswa
[Link] Halaman Input Kelas
Halaman untuk menambah kelas dapat dilihat pada gambar 2.14
Gambar 2. 6 Input Kelas
[Link] Halaman Input Mata Pelajaran
Halaman untuk menambah mata pelajaran dapat dilihat pada gambar 2.15
Gambar 2. 7 Input Mata Pelajaran
2.6.3 Level User Guru
[Link] Halaman Index
Halaman awal tampilkan login user level guru dapat dilihat pada gambar 2.16
Gambar 2. 8 Halaman Login Guru
[Link] Halaman Dashboard User Guru
Halaman awal dashboard user level guru dapat dilihat pada gambar 2.17
Gambar 2. 9 Halaman Dashboard Guru
[Link] Halaman Input Nilai
Halaman input nilai user level guru dapat dilihat pada gambar 2.18
Gambar 2. 10 Halaman Input Nilai
[Link] Halaman Lihat Nilai
Halaman nilai yang sudah di input dapat dilihat pada gambar 2.19
Gambar 2. 11 Halaman Lihat Nilai
[Link] Halaman Ganti Password
Halaman ganti password user level guru dapat dilihat pada gambar 2.20
Gambar 2. 12 Halaman Ganti Password
2.6.4 Level User Siswa
[Link] Halaman Index
Halaman awal tampilan login user level siswa dapat dilihat pada gambar 2.21
Gambar 2. 13 Halaman Login Siswa
[Link] Halaman Dashboard User Siswa
Halaman dashboard user level siswa dapat dilihat pada gambar 2.22
Gambar 2. 14 Halaman Dashboard Siswa
[Link] Halaman Lihat Nilai
Halaman lihat nilai user level siswa dapat dilihat pada gambar 2.23
Gambar 2. 15 Halaman Lihat Nilai Siswa
[Link] Halaman Ganti Password User Siswa
Halaman ganti password user level siswa dapat dilihat pada gambar 2.24
Gambar 2. 16 Halaman Ganti Password Siswa