BAB IV PEMBAHASAN
4.3 System Design
4.3.3 Perancangan Antarmuka Sistem
4.3.3.2 Perancangan Antarmuka Admin
a. Admin Pusat
1. Halaman Login
Gambar 4.37 Rancangan Halaman Login Admin Pusat
Button Button Button Button Button
HEADER
FOOTER Data Contact Us
Login Form Login Username: Password:
2. Halaman Madrasah Ibtidaiyah
Gambar 4.38 Rancangan Halaman Madrasah Ibtidaiyah
3. Halaman Input Madrasah Ibtidaiyah
Button Button Button Button Button
HEADER
FOOTER Daftar Madrasah Ibtidaiyah
Nama Provinsi Kabupaten Kecamatan Tingkat Guru Murid
Button Button Button Button Button
HEADER
FOOTER Input Data Madrasah Ibtidaiyah : Nama Provinsi Kabupaten Kecamatan Tingkat Guru Murid Save Cancel
4. Halaman Edit Madrasah Ibtidaiyah
Gambar 4.40 Rancangan Halaman Edit Madrasah Ibtidaiyah
5. Halaman Delete Madrasah Ibtidaiyah
Gambar 4.41 Rancangan Halaman Delete Madrasah Ibtidaiyah
Button Button Button Button Button
HEADER
FOOTER Edit Data Madrasah Ibtidaiyah : Nama Provinsi Kabupaten Kecamatan Tingkat Guru Murid Save Cancel
Button Button Button Button Button
HEADER
FOOTER
6. Halaman Madrasah Tsanawiyah
Gambar 4.42 Rancangan Halaman Madrasah Tsanawiyah
7. Halaman Input Madrasah Tsanawiyah
Button Button Button Button Button
HEADER
FOOTER Daftar Madrasah Tsanawiyah
Nama Provinsi Kabupaten Kecamatan Tingkat Guru Murid
Button Button Button Button Button
HEADER
FOOTER Input Data Madrasah Tsanawiyah : Nama Provinsi Kabupaten Kecamatan Tingkat Guru Murid Save Cancel
8. Halaman Edit Madrasah Tsanawiyah
Gambar 4.44 Rancangan Halaman Edit Madrasah Tsanawiyah
9. Halaman Delete Madrasah Tsanawiyah
Gambar 4.45 Rancangan Halaman Delete Madrasah Tsanawiyah
Button Button Button Button Button
HEADER
FOOTER Edit Data Madrasah Tsanawiyah : Nama Provinsi Kabupaten Kecamatan Tingkat Guru Murid Save Cancel
Button Button Button Button Button
HEADER
FOOTER
10. Halaman Madrasah Aliyah
Gambar 4.46 Rancangan Halaman Madrasah Aliyah
11. Halaman Input Madrasah Aliyah
Button Button Button Button Button
HEADER
FOOTER Daftar Madrasah Aliyah
Nama Provinsi Kabupaten Kecamatan Tingkat Guru Murid
Button Button Button Button Button
HEADER
FOOTER Input Data Madrasah Aliyah : Nama Provinsi Kabupaten Kecamatan Tingkat Guru Murid Save Cancel
12. Halaman Edit Madrasah Aliyah
Gambar 4.48 Rancangan Halaman Edit Madrasah Aliyah
13. Halaman Delete Madrasah Aliyah
Gambar 4.49 Rancangan Halaman Delete Madrasah Aliyah
Button Button Button Button Button
HEADER
FOOTER Edit Data Madrasah Aliyah : Nama Provinsi Kabupaten Kecamatan Tingkat Guru Murid Save Cancel
Button Button Button Button Button
HEADER
FOOTER
Cari Madrasah : Nama
14. Halaman Search
Gambar 4.50 Rancangan Halaman Search
15. Halaman Provinsi
Gambar 4.51 Rancangan Halaman Provinsi
Button Button Button Button Button
HEADER
FOOTER
Search Cancel
Button Button Button Button Button
HEADER
FOOTER Daftar Provinsi
16. Halaman Input Provinsi
Gambar 4.52 Rancangan Halaman Input Provinsi
17. Halaman Edit Provinsi
Gambar 4.53 Rancangan Halaman Edit Provinsi
Button Button Button Button Button
HEADER
FOOTER Input Provinsi :
Nama Provinsi
Save Cancel
Button Button Button Button Button
HEADER
FOOTER Edit Data Provinsi :
Id
Nama
18. Halaman Delete Provinsi
Gambar 4.54 Rancangan Halaman Delete Provinsi
19. Halaman Kabupaten
Gambar 4.55 Rancangan Halaman Kabupaten
Button Button Button Button Button
HEADER
FOOTER
Data Provinsi Delete
Button Button Button Button Button
HEADER
FOOTER Daftar Kabupaten
20. Halaman Input Kabupaten
Gambar 4.56 Rancangan Halaman Input Kabupaten
21. Halaman Edit Kabupaten
Gambar 4.57 Rancangan Halaman Edit Kabupaten
Button Button Button Button Button
HEADER
FOOTER Input Data Kabupaten :
Nama Kabupaten
Provinsi
Save Cancel
Button Button Button Button Button
HEADER
FOOTER Edit Data Kabupaten :
Nama Kabupaten
Provinsi
22. Halaman Delete Kabupaten
Gambar 4.58 Rancangan Halaman Delete Kabupaten
23. Halaman Kecamatan
Gambar 4.59 Rancangan Halaman Kecamatan
Button Button Button Button Button
HEADER
FOOTER
Data Kabupaten Delete
Button Button Button Button Button
HEADER
FOOTER Daftar Kecamatan
24. Halaman Input Kecamatan
Gambar 4.60 Rancangan Halaman Input Kecamatan
25. Halaman Edit Kecamatan
Gambar 4.61 Rancangan Halaman Edit Kecamatan
Button Button Button Button Button
HEADER
FOOTER Input Data Kecamatan :
Nama Kecamatan
Kabupaten
Save Cancel
Button Button Button Button Button
HEADER
FOOTER Edit Data Kecamatan :
Nama Kecamatan
Kabupaten
26. Halaman Delete Kecamatan
Gambar 4.62 Rancangan Halaman Delete Kecamatan
27. Halaman Tingkat
Gambar 4.63 Rancangan Halaman Tingkat
Button Button Button Button Button
HEADER
FOOTER
Data Kecamatan Delete
Button Button Button Button Button
HEADER
FOOTER Daftar Kecamatan
28. Halaman Input Tingkat
Gambar 4.64 Rancangan Halaman Input Tingkat
29. Halaman Edit Tingkat
Gambar 4.65 Rancangan Halaman Edit Tingkat
Button Button Button Button Button
HEADER
FOOTER Input Data Tingkat :
Id Tingkat
Nama Tingkat
Save Cancel
Button Button Button Button Button
HEADER
FOOTER Edit Data Tingkat :
Id
Nama Tingkat
30. Halaman Delete Tingkat
Gambar 4.66 Rancangan Halaman Delete Tingkat
b. Admin Provinsi
1. Halaman Login
Gambar 4.67 Rancangan Halaman Login Admin Provinsi
2. Halaman Madrasah Ibtidaiyah Provinsi
Button Button Button Button Button
HEADER
FOOTER
Data Tingkat Delete
Login Form Login Username: Password:
Login Reset
Button Button Button Button Button
HEADER
FOOTER Daftar Madrasah Ibtidaiyah Provinsi
Nama Provinsi Kabupaten Kecamatan Tingkat Guru Murid
3. Halaman Input Madrasah Ibtidaiyah Provinsi
Gambar 4.69 Rancangan Halaman Input Madrasah Ibtidaiyah Provinsi
Button Button Button Button Button
HEADER
FOOTER Input Data Madrasah Ibtidaiyah Provinsi : Nama Provinsi Kabupaten Kecamatan Tingkat Guru Murid Save Cancel
4. Halaman Edit Madrasah Ibtidaiyah Provinsi
Gambar 4.70 Rancangan Halaman Edit Madrasah Ibtidaiyah Provinsi
5. Halaman Delete Madrasah Ibtidaiyah Provinsi
Gambar 4.71 Rancangan Halaman Delete Madrasah Ibtidaiyah Provinsi
Button Button Button Button Button
HEADER
FOOTER Edit Data Madrasah Ibtidaiyah Provinsi : Nama Provinsi Kabupaten Kecamatan Tingkat Guru Murid Save Cancel
Button Button Button Button Button
HEADER
FOOTER
6. Halaman Madrasah Tsanawiyah Provinsi
Gambar 4.72 Rancangan Halaman Madrasah Tsanawiyah Provinsi
7. Halaman Input Madrasah Tsanawiyah Provinsi
Gambar 4.73 Rancangan Halaman Input Madrasah Tsanawiyah Provinsi
Button Button Button Button Button
HEADER
FOOTER Daftar Madrasah Tsanawiyah Provinsi
Nama Provinsi Kabupaten Kecamatan Tingkat Guru Murid
Button Button Button Button Button
HEADER
FOOTER Input Data Madrasah Tsanawiyah Provinsi : Nama Provinsi Kabupaten Kecamatan Tingkat Guru Murid Save Cancel
8. Halaman Edit Madrasah Tsanawiyah Provinsi
Gambar 4.74 Rancangan Halaman Edit Madrasah Tsanawiyah Provinsi
9. Halaman Delete Madrasah Tsanawiyah Provinsi
Gambar 4.75 Rancangan Halaman Delete Madrasah Tsanawiyah Provinsi
Button Button Button Button Button
HEADER
FOOTER Edit Data Madrasah Tsanawiyah Provinsi : Nama Provinsi Kabupaten Kecamatan Tingkat Guru Murid Save Cancel
Button Button Button Button Button
HEADER
FOOTER
10. Halaman Madrasah Aliyah Provinsi
Gambar 4.76 Rancangan Halaman Madrasah Aliyah Provinsi
11. Halaman Input Madrasah Aliyah Provinsi
Gambar 4.77 Rancangan Halaman Input Madrasah Aliyah Provinsi
Button Button Button Button Button
HEADER
FOOTER Daftar Madrasah Ibtidaiyah Provinsi
Nama Provinsi Kabupaten Kecamatan Tingkat Guru Murid
Button Button Button Button Button
HEADER
FOOTER Input Data Madrasah Aliyah Provinsi : Nama Provinsi Kabupaten Kecamatan Tingkat Guru Murid Save Cancel
12. Halaman Edit Madrasah Aliyah Provinsi
Gambar 4.78 Rancangan Halaman Edit Madrasah Aliyah Provinsi
13. Halaman Delete Madrasah Aliyah Provinsi
Gambar 4.79 Rancangan Halaman Delete Madrasah Aliyah Provinsi
Button Button Button Button Button
HEADER
FOOTER Edit Data Madrasah Aliyah Provinsi : Nama Provinsi Kabupaten Kecamatan Tingkat Guru Murid Save Cancel
Button Button Button Button Button
HEADER
FOOTER