3.5 Perancangan Antar muka Aplikasi Potensi Pendidikan
3.5.2 Perancangan Antarmuka Visitor
a. Perancangan Antarmuka Menu Home
T01H
IMAGE HEADER
Nama Form : T01H Ukuran Form : Full Screen
Font : Verdana, Tahoma, Helvetica, Arial, Sans-Serif Warna : Biru Muda, Orange, Kuning
- Klik Home, akan tampil T01H - Klik Dinas Pendidikan menuju T01V - Klik Pemerintah Dinas, menuju T02H - Klik Guestbook, menuju T03H - Klik Bakominfo Access, menuju ke website Bakominfo
- Klik Kontak Kami, menuju ke T05H
IMAGE FOOTER
Dinas Pendidikan Pemerintah Dinas Guestbook Home Main Menu Bakominfo Access Kontak Kami Selamat Datang dd/mm/yyy _________________ _________________ _________________ _________________ _________________ Berita _______________ Kutipan Info User _______________ _______________
Gambar 3. 27 Perancangan Antarmuka Menu Home b. Perancangan Menu Pemerintah Dinas
T02H
IMAGE HEADER
Nama Form : T02H Ukuran Form : Full Screen
Font : Verdana, Tahoma, Helvetica, Arial, Sans-Serif Warna : Biru Muda, Orange, Kuning
- Klik Home, menuju T01H - Klik Dinas Pendidikan menuju T01V - Klik Pemerintah Dinas, akan tampil T02H
- Klik Guestbook, menuju T03H
IMAGE FOOTER
Dinas Pendidikan Pemerintah Dinas Guestbook Home
Pemerintah Dinas Kota Bandung
_________________ _________________ _________________ _________________ _________________ _________________ _________________ _________________ _________________ _________________ Berita _______________ Kutipan Info User _______________ _______________
c. Perancangan Antarmuka Menu Guest Book
T03H
IMAGE HEADER
Nama Form : T03H Ukuran Form : Full Screen
Font : Verdana, Tahoma, Helvetica, Arial, Sans-Serif Warna : Biru Muda, Orange, Kuning
- Klik Home, menuju T01H - Klik Dinas Pendidikan menuju T01V - Klik Pemerintah Dinas, menuju T02H - Klik Guestbook, akan tampil T03H - Klik Tombol Tulis Baru akan menuju T04H
- Klik Profil, menuju T01V - Klik Visi dan Misi menuju T02V - Klik Fungsi, menuju T03V - Klik Tugas Pokok, menuju T04V - Klik Program Kerja, menuju T05V - Klik SMP, menujul T06V - Klik SMA, menuju T07V - Klik SMK, menuju T08V - Klik PTN/PTS, menuju T09V
IMAGE FOOTER
Dinas Pendidikan Pemerintah Dinas Guestbook Home
Dinas Pendidikan Profil
Visi dan Misi Fungsi Ttugas Pokok Program Kerja Potensi Pendidikan SMP SMA SMK PTN/PTS
Daftar Buku Tamu
_________________ _________________ _________________ _________________ _________________ Berita _______________ Kutipan Info User _______________ _______________ Tulis Baru
Gambar 3. 29 Perancangan Antarmuka Menu Guest Book d. Perancangan Antarmuka Tulis Pesan Baru
T04H
IMAGE HEADER
Nama Form : T04H Ukuran Form : Full Screen
Font : Verdana, Tahoma, Helvetica, Arial, Sans-Serif Warna : Biru Muda, Orange, Kuning
- Klik Home, menuju T01H - Klik Dinas Pendidikan menuju T01V - Klik Pemerintah Dinas, menuju T02H - Klik Guestbook, akan tampil T03H - Klik Profil, menuju T01V - Klik Visi dan Misi menuju T02V - Klik Fungsi, menuju T03V - Klik Tugas Pokok, menuju T04V - Klik Program Kerja, menuju T05V - Klik SMP, menujul T06V - Klik SMA, menuju T07V - Klik SMK, menuju T08V - Klik PTN/PTS, menuju T09V
IMAGE FOOTER
Dinas Pendidikan Pemerintah Dinas Guestbook Home Nama Berita _______________ Kutipan Info User _______________ _______________ Tulis Baru Pesan Email
e. Perancangan Antarmuka Menu Kontak Kami
T05H
IMAGE HEADER
Nama Form : T05H Ukuran Form : Full Screen
Font : Verdana, Tahoma, Helvetica, Arial, Sans-Serif Warna : Biru Muda, Orange, Kuning
- Klik Home, akan tampil T01H - Klik Dinas Pendidikan menuju T01V - Klik Pemerintah Dinas, menuju T02H - Klik Guestbook, menuju T03H - Klik Bakominfo Access, menuju ke website Bakominfo
- Klik Kontak Kami, akan tampil T05H
IMAGE FOOTER
Dinas Pendidikan Pemerintah Dinas Guestbook Home Main Menu Bakominfo Access Kontak Kami Kontak _________________ _________________ _________________ _________________ _________________ Berita _______________ Kutipan Info User _______________ _______________
Gambar 3. 31 Perancangan Antarmuka Menu Kontak Kami f. Perancangan Antarmuka Menu Profil
T01V
IMAGE HEADER
Nama Form : T01V Ukuran Form : Full Screen
Font : Verdana, Tahoma, Helvetica, Arial, Sans-Serif Warna : Biru Muda, Orange, Kuning
- Klik Home, menuju T01H - Klik Dinas Pendidikan menuju T01V - Klik Pemerintah Dinas, menuju T02H - Klik Guestbook, menuju T03H - Klik Profil akan tampil T01V (Default) - Klik Visi dan Misi menuju T02V - Klik Fungsi, menuju T03V - Klik Tugas Pokok, menuju T04V - Klik Program Kerja, menuju T05V - Klik SMP, menuju T06V - Klik SMA, menuju T07V - Klik SMK, menuju T08V - Klik PTN/PTS, menuju T09V
IMAGE FOOTER
Dinas Pendidikan Pemerintah Dinas Guestbook Home
Dinas Pendidikan
Profil Visi dan Misi Fungsi Ttugas Pokok Program Kerja Potensi Pendidikan SMP SMA SMK PTN/PTS Profil _________________ _________________ _________________ _________________ _________________ Berita _______________ Kutipan Info User _______________ _______________
g. Perancangan Antarmuka Menu Visi dan Misi
T02V
IMAGE HEADER
Nama Form : T02V Ukuran Form : Full Screen
Font : Verdana, Tahoma, Helvetica, Arial, Sans-Serif Warna : Biru Muda, Orange, Kuning
- Klik Home, menuju T01H - Klik Dinas Pendidikan menuju T01V - Klik Pemerintah Dinas, menuju T02H - Klik Guestbook, menuju T03H - Klik Profil, menuju T01V
- Klik Visi dan Misi akan tampil T02V - Klik Fungsi, menuju T03V - Klik Tugas Pokok, menuju T04V - Klik Program Kerja, menuju T05V - Klik SMP, menuju T06V - Klik SMA, menuju T07V - Klik SMK, menuju T08V - Klik PTN/PTS, menuju T09V
IMAGE FOOTER
Dinas Pendidikan Pemerintah Dinas Guestbook Home
Dinas Pendidikan Profil
Visi dan Misi Fungsi Ttugas Pokok Program Kerja Potensi Pendidikan SMP SMA SMK PTN/PTS
Visi dan Misi
_________________ _________________ _________________ _________________ _________________ Berita _______________ Kutipan Info User _______________ _______________
Gambar 3. 33 Perancangan Antarmuka Menu Visi dan Misi h. Perancangan Antarmuka Menu Fungsi
T03V
IMAGE HEADER
Nama Form : T03V Ukuran Form : Full Screen
Font : Verdana, Tahoma, Helvetica, Arial, Sans-Serif Warna : Biru Muda, Orange, Kuning
- Klik Home, menuju T01H - Klik Dinas Pendidikan menuju T01V - Klik Pemerintah Dinas, menuju T02H - Klik Guestbook, menuju T03H - Klik Profil, menuju T01V - Klik Visi dan Misi menuju T02V - Klik Fungsi, akan tampil T03V - Klik Tugas Pokok, menuju T04V - Klik Program Kerja, menuju T05V - Klik SMP, menuju T06V - Klik SMA, menuju T07V - Klik SMK, menuju T08V - Klik PTN/PTS, menuju T09V
IMAGE FOOTER
Dinas Pendidikan Pemerintah Dinas Guestbook Home
Dinas Pendidikan Profil
Visi dan Misi Fungsi Ttugas Pokok Program Kerja Potensi Pendidikan SMP SMA SMK PTN/PTS Fungsi _________________ _________________ _________________ _________________ _________________ Berita _______________ Kutipan Info User _______________ _______________
i. Perancangan Antarmuka Menu Tugas Pokok
T04V
IMAGE HEADER
Nama Form : T04V Ukuran Form : Full Screen
Font : Verdana, Tahoma, Helvetica, Arial, Sans-Serif Warna : Biru Muda, Orange, Kuning
- Klik Home, menuju T01H - Klik Dinas Pendidikan menuju T01V - Klik Pemerintah Dinas, menuju T02H - Klik Guestbook, menuju T03H - Klik Profil, menuju T01V - Klik Visi dan Misi menuju T02V - Klik Fungsi, menuju T03V - Klik Tugas Pokok, akan tampil T04V - Klik Program Kerja, menuju T05V - Klik SMP, menuju T06V - Klik SMA, menuju T07V - Klik SMK, menuju T08V - Klik PTN/PTS, menuju T09V
IMAGE FOOTER
Dinas Pendidikan Pemerintah Dinas Guestbook Home
Dinas Pendidikan Profil
Visi dan Misi Fungsi Ttugas Pokok Program Kerja Potensi Pendidikan SMP SMA SMK PTN/PTS Tugas Pokok _________________ _________________ _________________ _________________ _________________ Berita _______________ Kutipan Info User _______________ _______________
Gambar 3. 35 Perancangan Antarmuka Menu Tugas Pokok j. Perancangan Antarmuka Menu program Kerja
T05V
IMAGE HEADER
Nama Form : T05V Ukuran Form : Full Screen
Font : Verdana, Tahoma, Helvetica, Arial, Sans-Serif Warna : Biru Muda, Orange, Kuning
- Klik Home, menuju T01H - Klik Dinas Pendidikan menuju T01V - Klik Pemerintah Dinas, menuju T02H - Klik Guestbook, menuju T03H - Klik Profil, menuju T01V - Klik Visi dan Misi menuju T02V - Klik Fungsi, menuju T03V - Klik Tugas Pokok, menuju T04V - Klik Program Kerja,akan tampil T05V - Klik SMP, menuju T06V
- Klik SMA, menuju T07V - Klik SMK, menuju T08V - Klik PTN/PTS, menuju T09V
IMAGE FOOTER
Dinas Pendidikan Pemerintah Dinas Guestbook Home
Dinas Pendidikan
Profil Visi dan Misi Fungsi Ttugas Pokok Program Kerja Potensi Pendidikan SMP SMA SMK PTN/PTS Program Kerja _________________ _________________ _________________ _________________ _________________ Berita _______________ Kutipan Info User _______________ _______________
k. Perancangan Antarmuka Menu SMP
T06V
IMAGE HEADER
Nama Form : T06V Ukuran Form : Full Screen
Font : Verdana, Tahoma, Helvetica, Arial, Sans-Serif Warna : Biru Muda, Orange, Kuning
- Klik Home, menuju T01H - Klik Dinas Pendidikan menuju T01V - Klik Pemerintah Dinas, menuju T02H - Klik Guestbook, menuju T03H - Klik Profil, menuju T01V - Klik Visi dan Misi menuju T02V - Klik Fungsi, menuju T03V - Klik Tugas Pokok, menuju T04V - Klik Program Kerja, menuju T05V - Klik SMP, akan tampil T06V - Klik SMA, menuju T07V - Klik SMK, menuju T08V - Klik PTN/PTS, menuju T09V
IMAGE FOOTER
Dinas Pendidikan Pemerintah Dinas Guestbook Home
Dinas Pendidikan Profil
Visi dan Misi Fungsi Ttugas Pokok Program Kerja Potensi Pendidikan SMP SMA SMK PTN/PTS
Potensi Kota Bandung Di Bidang Pendidikan Sekolah Menengah Pertama (SMP)
_________________ _________________ _________________ _________________ _________________ Berita _______________ Kutipan Info User _______________ _______________
Gambar 3. 37 Perancangan Antarmuka Menu SMP
l. Perancangan Antarmuka Menu SMA
T07V
IMAGE HEADER
Nama Form : T07V Ukuran Form : Full Screen
Font : Verdana, Tahoma, Helvetica, Arial, Sans-Serif Warna : Biru Muda, Orange, Kuning
- Klik Home, menuju T01H - Klik Dinas Pendidikan menuju T01V - Klik Pemerintah Dinas, menuju T02H - Klik Guestbook, menuju T03H - Klik Profil, menuju T01V - Klik Visi dan Misi menuju T02V - Klik Fungsi, menuju T03V - Klik Tugas Pokok, menuju T04V - Klik Program Kerja, menuju T05V - Klik SMP, menuju T06V - Klik SMA, akan tampil T07V - Klik SMK, menuju T08V - Klik PTN/PTS, menuju T09V
IMAGE FOOTER
Dinas Pendidikan Pemerintah Dinas Guestbook Home
Dinas Pendidikan Profil
Visi dan Misi Fungsi Ttugas Pokok Program Kerja Potensi Pendidikan SMP SMA SMK PTN/PTS
Potensi Kota Bandung Di Bidang Pendidikan Sekolah Menengah Atas (SMA)
_________________ _________________ _________________ _________________ _________________ Berita _______________ Kutipan Info User _______________ _______________
m. Perancangan Antarmuka Menu SMK
T08V
IMAGE HEADER
Nama Form : T08V Ukuran Form : Full Screen
Font : Verdana, Tahoma, Helvetica, Arial, Sans-Serif Warna : Biru Muda, Orange, Kuning
- Klik Home, menuju T01H - Klik Dinas Pendidikan menuju T01V - Klik Pemerintah Dinas, menuju T02H - Klik Guestbook, menuju T03H - Klik Profil, menuju T01V - Klik Visi dan Misi menuju T02V - Klik Fungsi, menuju T03V - Klik Tugas Pokok, menuju T04V - Klik Program Kerja, menuju T05V - Klik SMP, menujul T06V - Klik SMA, menuju T07V - Klik SMK, akan tampil T08V - Klik PTN/PTS, menuju T09V
IMAGE FOOTER
Dinas Pendidikan Pemerintah Dinas Guestbook Home
Dinas Pendidikan Profil
Visi dan Misi Fungsi Ttugas Pokok Program Kerja Potensi Pendidikan SMP SMA SMK PTN/PTS
Potensi Kota Bandung Di Bidang Pendidikan Sekolah Menengah Kejuruan (SMK)
_________________ _________________ _________________ _________________ _________________ Berita _______________ Kutipan Info User _______________ _______________
Gambar 3. 39 Perancangan Antarmuka Menu SMK
n. Perancangan Antarmuka Menu PTN/PTS
T09V
IMAGE HEADER
Nama Form : T09V Ukuran Form : Full Screen
Font : Verdana, Tahoma, Helvetica, Arial, Sans-Serif Warna : Biru Muda, Orange, Kuning
- Klik Home, menuju T01H - Klik Dinas Pendidikan menuju T01V - Klik Pemerintah Dinas, menuju T02H - Klik Guestbook, menuju T03H - Klik Profil, menuju T01V - Klik Visi dan Misi menuju T02V - Klik Fungsi, menuju T03V - Klik Tugas Pokok, menuju T04V - Klik Program Kerja, menuju T05V - Klik SMP, menuju T06V - Klik SMA, menuju T07V - Klik SMK, menuju T08V - Klik PTN/PTS, akan tampil T09V
IMAGE FOOTER
Dinas Pendidikan Pemerintah Dinas Guestbook Home
Dinas Pendidikan
Profil Visi dan Misi Fungsi Ttugas Pokok Program Kerja Potensi Pendidikan SMP SMA SMK PTN/PTS
Potensi Kota Bandung Di Bidang Pendidikan Perguruan Tinggi Negeri / Swasta
_________________ _________________ _________________ _________________ _________________ Berita _______________ Kutipan Info User _______________ _______________