Perancangan Struktur Menu Perancangan Antarmuka

1.1.9 Perancangan Struktur Menu

Struktur menu dirancang untuk menyediakan fungsi-fungsi yang akan digunakan dalam sistem tryout ujian nasional berbasis web. Diantaranya akan dirancang empat struktur menu, yaitu struktur menu admin dinas, struktur menu admin sekolah, struktur menu kepala dinas, struktur menu kepala sekolah, dan struktur menu siswa. a. Perancangan Struktur Menu Admin dinas Perancangan Struktur Menu Admin dinas dapat dilihat pada gambar 3.21. Sistem Tryout Ujian Nasinal berbasis web Login admin dinas Profil Info Pengolahan Data Hasil Tryout Logout Kontak Syarat dan Peraturan Profil Dinas Pendidikan Cara Penilaian Sekolah Admin sekolah Mata Pelajaran Soal Backup Database Jadwal tryout Tahun Ajaran Mata Pelajaran tryout Tryout Gambar 3.21 Struktur menu admin dinas b. Perancangan Struktur Menu Admin Sekolah Perancangan Struktur Menu Admin dinas dapat dilihat pada gambar 3.22. Sistem Tryout Ujian Nasinal berbasis web Login admin sekolah Profil Info Pengolahan Data Hasil Tryout Logout Kontak Syarat dan Peraturan Profil Dinas Pendidikan Cara Penilaian Sekolah Siswa Konfigurasi Tryout Jadwal Tryout Gambar 3.22 Struktur menu admin sekolah c. Perancangan Struktur Menu Siswa Perancangan struktur menu siswa dapat dilihat pada gambar 3.23. Sistem Tryout Ujian Nasinal berbasis web Login siswa Profil Info Tryout Hasil Tryout Logout Kontak Syarat dan Peraturan Profil Dinas Pendidikan Cara Penilaian Jadwal tryout Gambar 3.23 Struktur menu siswa

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. Gambar 3.24 Halaman Utama 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 Gambar 3.26 Halaman Informasi Kontak Dinas Pendidikan kota Cimahi 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 Gambar 3.28 Halaman Cara Penilaian Tryout 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 Gambar 3.30 Halaman Utama Admin Dinas 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 Gambar 3.31 Halaman Profil Admin Dinas 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 Gambar 3.33 Halaman Edit Kontak Dinas Pendidikan Kota Cimahi 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 Gambar 3.35 Halaman Edit Cara Penilaian Tryout 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 Kepala Sekolah No. Tlp 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 Gambar 3.36 Halaman Manajemen Sekolah

1.1.11 Jaringan Semantik