Perancangan Layar PENGEMBANGAN E-KIOSK INFORMASI

77 9. Struktur Sub Menu Regulasi Gambar 4.21. Struktur Sub Menu Regulasi Pada gambar struktur sub menu regulasi, menggambarkan aturan-aturan yang semuanya dimaksudkan untuk meningkatkan kualitas pendidikan di indonesia.

b. Perancangan Layar

Perancangan layar ini bertujuan untuk memberikan rancangan layar-layar menu pada aplikasi e-kiosk. 1. Perancangan Layar Idle Screen Gambar 4.22. Layar Idle Screen 78 Pada gambar layar idle screen, menggambarkan rancangan layar idle screen. Layar ini berisi video dan animasi yang terdapat didalamnya. Rancangan layar idle screen ini merupakan layar pertama yang ditampilkan sebelum masuk ke layar home pada aplikasi e-kiosk. 2. Perancangan Layar Home Gambar 4.23. Layar Menu Home Pada gambar layar menu home, menggambarkan rancangan layar home. Layar ini berisi gambar dan animasi yang terdapat didalamnya. Rancangan layar home ini merupakan layar kedua yang ditampilkan pada aplikasi e- kiosk ini. Layar ini menyediakan tombol untuk bernavigasi ke layar menu pilihan berikutnya. 79 3. Perancangan Layar Profil Gambar 4.24. Layar Menu Profil Pada gambar layar menu profil, menggambarkan rancangan layar yang berisi menu-menu profil seperti: sejarah, visi misi, tugas dan fungsi, rencana strategis, organisasi, kebijakan, regulasi. 4. Perancangan Layar Layanan Gambar 4.25. Layar Menu Layanan 80 Pada gambar layar menu layanan, menggambarkan rancangan layar yang berisi menu-menu layanan seperti: pendidikan, SDM, akreditasi dan sertifikasi, sumber info, litbang, layanan lain, pengaduan masyarakat, publikasi. 5. Perancangan Layar Menu Legenda Gambar 4.26. Layar Menu Legenda Pada gambar layar menu legenda, menggambarkan rancangan layar yang berisi legenda atau peta gedung dan lantai tiap-tiap unit di Kementerian Pendidikan Nasional. 81 5. Perancangan Layar Menu Info Aktual Gambar 4.27. Layar Menu Info Aktual Pada gambar layar menu berita, menggambarkan rancangan layar mengenai info teraktual. Seperti, berita, agenda, riset, program unggulan, ujian, berita lainnya, strandar nasiolan pendidikan, beasiswa. 82 6. Perancangan Layar Kontak Gambar 4.28. Layar Menu Kontak Pada gambar layar menu kontak, menggambarkan rancangan layar kontak yang berisikan daftar buku tamu disini pengunjung dapat memberikan komentar dengan virtual keyboard dan poling pada e-kiosk.

c. Pembahasan State Transition Diagram