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