Deskripsi 1. Berisi Username dan password yang akan digunakan pada Pengolahan data master untuk login admin dinas.
1.1.10 Perancangan Antarmuka
Perancangan antarmuka diperlukan pada program aplikasi ini dengan tujuan untuk mempermudah pengguna dalam menggunakan program aplikasi ini. Dengan adanya perancangan antarmuka ini berbagai pengguna baik awam, maupun yang sudah berpengalaman dapat mengoperasikan program ini tanpa adanya kesulitan yang besar.
1. Perancangan halaman utama sistem tryout ujian nasional berbasis web terlihat pada gambar 3.24.
F01 F01 HEADER LOGIN Username Password Selamat Datang Login Reset FOOTER Home
Profil Dinas Pedidikan Kontak Kami
Info Syarat dan peraturan Cara Penilaian Jadwal Tryout
1. Klik Home menuju F01. 2. Klik Profil Dinas menuju F02.
3. Klik Kontak Kami Menuju F03. 4. Klik Syarat dan Peraturan Menuju F04. 5. Klik Cara Penilaian Menuju F05. 6. Klik Jadwal Tryout Menuju F06.
123
2. Perancangan halaman profil dinas pendidikan kota Cimahi dapat dilihat pada gambar 3.25. F02 F02 HEADER LOGIN Username Password
Profil Dinas Pendidikan Kota Cimahi
Login Reset
FOOTER
1. Klik Home menuju F01. 2. Klik Profil Dinas menuju F02.
3. Klik Kontak Kami Menuju F03. 4. Klik Syarat dan Peraturan Menuju F04. 5. Klik Cara Penilaian Menuju F05. 6. Klik Jadwal Tryout Menuju F06.
Home
Profil Dinas Pedidikan
Kontak Kami
Info Syarat dan peraturan
Cara Penilaian
Jadwal Tryout
Gambar 3.25 Halaman Profil Dinas Pendidikan
3. Perancangan halaman untuk informasi kontak Dinas Pendidikan kota Cimahi terlihat pada gambar 3.26.
F03 F03 HEADER LOGIN Username Password Kontak Kami Login Reset FOOTER
1. Klik Home menuju F01. 2. Klik Profil Dinas menuju F02.
3. Klik Kontak Kami Menuju F03. 4. Klik Syarat dan Peraturan Menuju F04. 5. Klik Cara Penilaian Menuju F05. 6. Klik Jadwal Tryout Menuju F06.
Home Profil Dinas Pedidikan Kontak Kami
Info Syarat dan peraturan Cara Penilaian Jadwal Tryout
124
4. Perancangan halaman untuk informasi syarat dan peraturan mengikuti tryout terlihat pada gambar 3.27.
F04 F04 HEADER LOGIN Username Password
Syarat dan Peraturan
Login Reset
FOOTER
1. Klik Home menuju F01. 2. Klik Profil Dinas menuju F02.
3. Klik Kontak Kami Menuju F03. 4. Klik Syarat dan Peraturan Menuju F04. 5. Klik Cara Penilaian Menuju F05. 6. Klik Jadwal Tryout Menuju F06.
Home Profil Dinas Pedidikan Kontak Kami
Info Syarat dan peraturan Cara Penilaian Jadwal Tryout
Gambar 3.27 Halaman Informasi Syarat dan Peraturan Tryout
5. Perancangan halaman cara penilaian tryout terlihat pada gambar 3.28.
F05 F05 HEADER LOGIN Username Password Cara Penilaian Login Reset FOOTER
1. Klik Home menuju F01. 2. Klik Profil Dinas menuju F02.
3. Klik Kontak Kami Menuju F03. 4. Klik Syarat dan Peraturan Menuju F04. 5. Klik Cara Penilaian Menuju F05. 6. Klik Jadwal Tryout Menuju F06.
Home Profil Dinas Pedidikan Kontak Kami
Info Syarat dan peraturan Cara Penilaian Jadwal Tryout
125
6. Perancangan halaman untuk informasi jadwal tryout terlihat pada gambar 3.29. F06 F06 HEADER LOGIN Username Password Jadwal Tryout Login Reset FOOTER
1. Klik Home menuju F01. 2. Klik Profil Dinas menuju F02.
3. Klik Kontak Kami Menuju F03. 4. Klik Syarat dan Peraturan Menuju F04. 5. Klik Cara Penilaian Menuju F05. 6. Klik Jadwal Tryout Menuju F06.
Home Profil Dinas Pedidikan Kontak Kami
Info Syarat dan peraturan Cara Penilaian Jadwal Tryout
Gambar 3.29 Halaman Informasi adwal Tryout
7. Perancangan halaman utama admin dinas Pendidikan kota Cimahi terlihat pada gambar 3.30.
F07
F07
HEADER
Menu Admin Dinas Pendidikan
FOOTER
1. Klik Profil menuju F08. 2. Klik Syarat dan Peraturan F09. 3. Klik Cara Penilaian Menuju F10. 4. Klik Jadwal Tryout Menuju F11. 5. Klik Sekolah Menuju F12.
6. Klik Admin Sekolah Menuju F13. 7. Klik Mata Pelajaran Menuju F14. 8. Klik Tahun Ajaran Menuju F15. 9. Klik Soal Menuju F16. 10.Klik Jadwal Tryout Menuju F17.
Data Admin Dinas
Profil
History Tryout Manajemen
Info Syarat dan peraturan Cara Penilaian Jadwal Tryout Sekolah Admin Sekolah Mata Pelajaran Tahun Ajaran Jadwal Tryout Soal Logout
126
8. Perancangan halaman profil admin dinas terlihat pada gambar 3.31.
F08
F08
HEADER
Profil Admin Dinas
1. Klik Profil menuju F08. 2. Klik Dinas Pendidikan Menuju F09 3. Klik Kontak Kami Menuju F10. 4. Klik Syarat dan Peraturan Menuju F11. 5. Klik Cara Penilaian Menuju F12. 6. Klik Sekolah Menuju F13.
7. Klik Admin Sekolah Menuju F14. 8. Klik Mata Pelajaran Menuju F15. 9. Klik Tahun Ajaran Menuju F16. 10.Klik Soal Menuju F17. 11.Klik Jadwal Tryout Menuju F18. Data Admin Dinas
Profil Info Manajemen History Tryout Logout Profile Setting My Profile NIP Nama Jenis Kelamin Email Alamat Telepon Status Laki-laki Perempuan Account Setting Simpan My Account Username Password Lama
Konformasi Password Baru Status Password Baru Aktif Non Akrif Simpan FOOTER
127
9. Perancangan halaman untuk mengubah profil Dinas Pendidikan kota Cimahi terlihat pada gambar 3.32.
F09 F09
HEADER
Edit Profil Dinas Pendidikan
Data Admin Dinas
Profile Dinas Pendidikan
Simpan
FOOTER
Editor untuk mengubah profil Dinas Pendidikan Kota Cimahi
Reset
1. Klik Profil menuju F08. 2. Klik Dinas Pendidikan Menuju F09 3. Klik Kontak Kami Menuju F10. 4. Klik Syarat dan Peraturan Menuju F11. 5. Klik Cara Penilaian Menuju F12. 6. Klik Sekolah Menuju F13.
7. Klik Admin Sekolah Menuju F14. 8. Klik Mata Pelajaran Menuju F15. 9. Klik Tahun Ajaran Menuju F16. 10.Klik Soal Menuju F17. 11.Klik Jadwal Tryout Menuju F18.
Profil
History Tryout Manajemen
Info Syarat dan peraturan Cara Penilaian Jadwal Tryout Sekolah Admin Sekolah Mata Pelajaran Tahun Ajaran Jadwal Tryout Soal Logout
Gambar 3.32 Halaman Edit Profil Dinas Pendidikan Kota Cimahi
10.Perancangan halaman edit kontak dinas pendidikan kota Cimahi terlihat pada gambar 3.33.
F10
F10
HEADER
Edit Kontak Dinas Pendidikan Data Admin Dinas
Kontak Dinas Pendidikan
Simpan
FOOTER
Editor untuk mengubah kontak Dinas Pendidikan Kota Cimahi
Reset
1. Klik Profil menuju F08. 2. Klik Dinas Pendidikan Menuju F09 3. Klik Kontak Kami Menuju F10. 4. Klik Syarat dan Peraturan Menuju F11. 5. Klik Cara Penilaian Menuju F12. 6. Klik Sekolah Menuju F13.
7. Klik Admin Sekolah Menuju F14. 8. Klik Mata Pelajaran Menuju F15. 9. Klik Tahun Ajaran Menuju F16. 10.Klik Soal Menuju F17. 11.Klik Jadwal Tryout Menuju F18. Profil
History Tryout Manajemen
Info Syarat dan peraturan Cara Penilaian Jadwal Tryout Sekolah Admin Sekolah Mata Pelajaran Tahun Ajaran Jadwal Tryout Soal Logout
128
11.Perancangan halaman edit syarat dan peraturan tryout terlihat pada gambar 3.34.
F11
F11
HEADER
Edit Syarat dan Peraturan Data Admin Dinas
Syarat dan Peraturan
Simpan
FOOTER
Editor untuk mengubah Syarat dan Peraturan Pelaksanaan Tryout
Reset
1. Klik Profil menuju F08. 2. Klik Dinas Pendidikan Menuju F09 3. Klik Kontak Kami Menuju F10. 4. Klik Syarat dan Peraturan Menuju F11. 5. Klik Cara Penilaian Menuju F12. 6. Klik Sekolah Menuju F13.
7. Klik Admin Sekolah Menuju F14. 8. Klik Mata Pelajaran Menuju F15. 9. Klik Tahun Ajaran Menuju F16. 10.Klik Soal Menuju F17. 11.Klik Jadwal Tryout Menuju F18. Profil
History Tryout Manajemen
Info Syarat dan peraturan Cara Penilaian Jadwal Tryout Sekolah Admin Sekolah Mata Pelajaran Tahun Ajaran Jadwal Tryout Soal Logout
Gambar 3.34 Halaman Edit Syarat dan Peraturan Tryout
12.Perancangan halaman edit cara penilaian tryout terlihat pada gambar 3.35.
F12
F12
HEADER
Edit Cara Penilaian Data Admin Dinas
Cara Penilaian
Simpan
FOOTER
Editor untuk mengubah Cara Penilaian Tryout
Reset
1. Klik Profil menuju F08. 2. Klik Dinas Pendidikan Menuju F09 3. Klik Kontak Kami Menuju F10. 4. Klik Syarat dan Peraturan Menuju F11. 5. Klik Cara Penilaian Menuju F12. 6. Klik Sekolah Menuju F13.
7. Klik Admin Sekolah Menuju F14. 8. Klik Mata Pelajaran Menuju F15. 9. Klik Tahun Ajaran Menuju F16. 10.Klik Soal Menuju F17. 11.Klik Jadwal Tryout Menuju F18. Profil
History Tryout Manajemen
Info Syarat dan peraturan Cara Penilaian Jadwal Tryout Sekolah Admin Sekolah Mata Pelajaran Tahun Ajaran Jadwal Tryout Soal Logout
129
13.Perancangan halaman manajemen sekolah terlihat pada gambar 3.36
F13
F13
HEADER
Manajemen Sekolah
Data Admin Dinas
Sekolah
FOOTER
1. Klik Profil menuju F08. 2. Klik Dinas Pendidikan Menuju F09 3. Klik Kontak Kami Menuju F10. 4. Klik Syarat dan Peraturan Menuju F11. 5. Klik Cara Penilaian Menuju F12. 6. Klik Sekolah Menuju F13.
7. Klik Admin Sekolah Menuju F14. 8. Klik Mata Pelajaran Menuju F15. 9. Klik Tahun Ajaran Menuju F16. 10.Klik Soal Menuju F17. 11.Klik Jadwal Tryout Menuju F18. Tambah Cari Sekolah Cari Refresh Import dari Excel
Id Sekolah Nama Sekolah Alamat No. Tlp Kepala Sekolah Operator Edit Hapus
Profil
History Tryout Manajemen
Info Syarat dan peraturan Cara Penilaian Jadwal Tryout Sekolah Admin Sekolah Mata Pelajaran Tahun Ajaran Jadwal Tryout Soal Logout
130