Struktur Menu Admin Perancangan Struktur Menu

3.2.2.2 Perancangan Antarmuka

Perancagan antarmuka pemakai merupakan media komunikasi antara pemakai dengan sistem komputer. Adapun antarmuka pemakai di kelompokan menjadi empat bagian yaitu pengunjung, siswa, wali kelas dan admin ditampilkan sebagai berikut: Tampilan utama ini adalah antarmuka pembuka aplikasi sekaligus menjadi antarmuka standar yang akan selalu ada pada antarmuka selanjutnya. Tampilan ini dihubungkan dari tampilan satu ke tampilan lain.

1. Tampilan Halaman Utama Pengunjung

T00.P Tampilan Utama Pengunjung Navigasi 1. Klik Home menuju T01.P 2. Klik Berita menuju T02.P 3. Klik Artikel menuju T03.P 4. Klik Buku tamu menuju T04.P 5. Klik hubungi kami menuju T05.P 6. Klik sejarah menuju T06.P 7. Klik Visi dan misi menuju T07.P 8. Klik Pengajar menuju T08.P 9. Klik Ekstrakulikuler menuju T09.P 10. Klik galeri menuju T10.P 11. Klik jawaban polling yang sesuai dengan pertanyaan, dan klik vote untuk melihat hasil jawaban yang kita maka menuju T11.P Keterangan : Resolusi 1024 x 768 , jenis dan ukuran warna disesuaikan. Gambar 3.38 Perancangan Halaman Utama Pengunjung

2. Tampilan Halaman Berita

T02.P Tampilan Berita Navigasi 1. Klik Home menuju T01.P 2. Klik Berita menuju T02.P 3. Klik Artikel menuju T03.P 4. Klik Buku tamu menuju T04.P 5. Klik hubungi kami menuju T05.P 6. Klik sejarah menuju T06.P 7. Klik Visi dan misi menuju T07.P 8. Klik Pengajar menuju T08.P 9. Klik Ekstrakulikuler menuju T09.P 10. Klik galeri menuju T10.P 11. Klik jawaban polling yang sesuai dengan pertanyaan, dan klik vote untuk melihat hasil jawaban yang kita maka menuju T11.P Keterangan : Resolusi 1024 x 768 , jenis dan ukuran warna disesuaikan. Gambar 3.39 Perancangan Halaman Berita

3. Tampilan Halaman Artikel

T03.P Tampilan Artikel Navigasi 1. Klik Home menuju T01.P 2. Klik Berita menuju T02.P 3. Klik Artikel menuju T03.P 4. Klik Buku tamu menuju T04.P 5. Klik hubungi kami menuju T05.P 6. Klik sejarah menuju T06.P 7. Klik Visi dan misi menuju T07.P 8. Klik Pengajar menuju T08.P 9. Klik Ekstrakulikuler menuju T09.P 10. Klik galeri menuju T10.P 11. Klik jawaban polling yang sesuai dengan pertanyaan, dan klik vote untuk melihat hasil jawaban yang kita maka menuju T11.P Keterangan : Resolusi 1024 x 768 , jenis dan ukuran warna disesuaikan. Gambar 3.40 Perancangan Halaman Artikel