Perancangan Antarmuka Admin Perancangan Antarmuka

3.5.3 Perancangan Antarmuka

Spesifikasi antarmuka merupakan suatu bentuk tampilan dari program yang akan dibuat untuk kebutuhan interface dengan user. Spesifikasi antarmuka terdiri dari Perancangan tampilan menu, tampilan form, tampilan pesan, dan jaringan semantik.

3.5.3.1 Perancangan Antarmuka Admin

a. Perancangan Login admin Login Remember me Username : Password : FA1 – Login Admin -Login diklik menuju FA0 -Ulang lagi ke FA1 jika username atau password salah Gambar 3. 9Login Admin b.Manu Utama Admin Selamat Datang Admin FA0 – Menu Admin LOGO Copyright © 2012 By Lodaya Tours travel Home Menejemen user Menejemen modul Profil lembaga Berita Agenda pengumuman Benner Hubungi Kami Logout -menu utama admin FA0 Gambar 3. 10Menu Admin c. Pengolahan Data Menejemen User FA2 – Menejemen user LOGO Copyright © 2012 By Lodaya Tours travel Home Menejemen user Menejemen modul Profil lembaga Berita Agenda pengumuman Benner Hubungi Kami Logout No usernam e Nama lengkap email aksi Tambah user -manajemen user di klik menuju FA2 -menajemen modul diklik menuju FA3 -profil lembaga diklik menuju FA4 -berita diklik menuju FA5 -agenda diklik menuju FA6 -pengumuman diklik menuju FA7 -Benner diklik menuju FA8 -Hubungi kami diklik menuju FA9 Gambar 3. 11Menejemen User d. Pengolahan Data Menejemen Modul FA3 – Menejemen Modul LOGO Copyright © 2012 By Lodaya Tours travel Home Menejemen user Menejemen modul Profil lembaga Berita Agenda pengumuman Benner Hubungi Kami Logout No Tambah modul Men. user Men. modul Pro.lem baga berita agenda Pengum uman -manajemen user di klik menuju FA2 -manajemen modul diklik menuju FA3 -profil lembaga diklik menuju FA4 -berita diklik menuju FA5 -agenda diklik menuju FA6 -pengumuman diklik menuju FA7 -Benner diklik menuju FA8 -Hubungi kami diklik menuju FA9 Gambar 3. 12Menejemen Modul e. Pengolahan Data Profil Lembaga FA4- Profil Lembaga LOGO Copyright © 2012 By Lodaya Tours travel Home Menejemen user Menejemen modul Profil lembaga Berita Agenda pengumuman Benner Hubungi Kami Logout Isi Profil Gambar Browse -manajemen user di klik menuju FA2 -manajemen modul diklik menuju FA3 -profil lembaga diklik menuju FA4 -berita diklik menuju FA5 -agenda diklik menuju FA6 -pengumuman diklik menuju FA7 -Benner diklik menuju FA8 -Hubungi kami diklik menuju FA9 Gambar 3. 13Profil Lembaga f. Pengolahan Data Berita FA5- Berita LOGO Copyright © 2012 By Lodaya Tours travel Home Menejemen user Menejemen modul Profil lembaga Berita Agenda pengumuman Benner Hubungi Kami Logout No Judul Tanggal Posting Aksi Tambah Berita -manajemen user di klik menuju FA2 -manajemen modul diklik menuju FA3 -profil lembaga diklik menuju FA4 -berita diklik menuju FA5 -agenda diklik menuju FA6 -pengumuman diklik menuju FA7 -Benner diklik menuju FA8 -Hubungi kami diklik menuju FA9 Gambar 3. 14Berita g. Pengolahan Data Agenda FA6- Agenda LOGO Copyright © 2012 By Lodaya Tours travel Home Menejemen user Menejemen modul Profil lembaga Berita Agenda pengumuman Benner Hubungi Kami Logout No Tema Tgl Mulai Tgl selesai Tambah Agenda Aksi -manajemen user di klik menuju FA2 -manajemen modul diklik menuju FA3 -profil lembaga diklik menuju FA4 -berita diklik menuju FA5 -agenda diklik menuju FA6 -pengumuman diklik menuju FA7 -Benner diklik menuju FA8 -Hubungi kami diklik menuju FA9 Gambar 3. 15Agenda h. Pengolahan Data Pengumuman FA7- Pengumuman LOGO Copyright © 2012 By Lodaya Tours travel Home Menejemen user Menejemen modul Profil lembaga Berita Agenda pengumuman Benner Hubungi Kami Logout No Judul Tanggal Aksi Tambah Pengumuman -manajemen user di klik menuju FA2 -manajemen modul diklik menuju FA3 -profil lembaga diklik menuju FA4 -berita diklik menuju FA5 -agenda diklik menuju FA6 -pengumuman diklik menuju FA7 -Benner diklik menuju FA8 -Hubungi kami diklik menuju FA9 Gambar 3. 16Pengumuman i. Pengolahan Data Benner FA8- Benner LOGO Copyright © 2012 By Lodaya Tours travel Home Menejemen user Menejemen modul Profil lembaga Berita Agenda pengumuman Benner Hubungi Kami Logout No Judul Link Tgl posting Tambah Benner Aksi -manajemen user di klik menuju FA2 -manajemen modul diklik menuju FA3 -profil lembaga diklik menuju FA4 -berita diklik menuju FA5 -agenda diklik menuju FA6 -pengumuman diklik menuju FA7 -Benner diklik menuju FA8 -Hubungi kami diklik menuju FA9 Gambar 3. 17Benner j. Pengolahan Data Hubungi Kami FA9- Hubungi Kami LOGO Copyright © 2012 By Lodaya Tours travel Home Menejemen user Menejemen modul Profil lembaga Berita Agenda pengumuman Benner Hubungi Kami Logout No Nama Email Subjek Hubungi Kami Tanggal Aksi -manajemen user di klik menuju FA2 -manajemen modul diklik menuju FA3 -profil lembaga diklik menuju FA4 -berita diklik menuju FA5 -agenda diklik menuju FA6 -pengumuman diklik menuju FA7 -Benner diklik menuju FA8 -Hubungi kami diklik menuju FA9 Gambar 3. 18Hubungi Kami

3.5.3.2 Perancangan Antarmuka pengunjung