commit to user
31
3.4 DESAIN
INTERFACE
3.4.1 Desain halaman utama
a. Halaman utama
BANNER
menu
Content SIDE
MENU
FOTER
Gambar 3.24 Tampilan halaman utama
b. Halaman registrasi
BANNER
menu
SIDE MENU
FOTER
email Password
nama kelamin
No telp Alamat
SUBMIT
Gambar 3.25 Halaman
register
commit to user
32
c. Halaman login
BANNER
menu
SIDE MENU
FOTER
email Password
LOGIN
Gambar 3.26 halaman
login
d. Guestbook
BANNER
menu
SIDE MENU
FOTER
nama email
komentar submit
Gambar 3.27 halaman guestbook
commit to user
33
3.4.2 Halaman Admin
a. Tampil halaman utama
footer
header
SIDE MENU
Gambar 3.28 halaman utama admin
b. Kelola member
1. Menampilkan data member
footer
header
SIDE MENU
search CARI
Data member
paging No
Nama Password
Kelamin Email
hapus edit
Gambar 3.29 Halaman tampil member
commit to user
34
2. View data member
footer
header
SIDE MENU
Data Member Nama
Pasword kelamin
Email No.Tlp
Alamat Tgl Daftar
Data member
Gambar 3.30 detail member
c. Kelola guestbook
footer
header
SIDE MENU
Data guestbook
paging
submit
Komentar
No Tanggal
Nama Email
Komentar Eksekusi
Gambar 3.31 halaman kelola guetsbook
commit to user
35
d. Kelola kategori
1. Tampil
footer
header
SIDE MENU
Data Kategori No
Kategori Aksi
Gambar 3.32 Halaman tampil kategori
2. Edit
footer
header
SIDE MENU
Judul kategori Submit
Gambar 3.33 Edit kategori
commit to user
36
3. Tambah
footer
header
SIDE MENU
Judul kategori submit
Gambar 3.34 tambah kategori
e. Kelola ebook
1. Tampil
footer
header
SIDE MENU
paging No
judul pengarang
deskripsi harga
Eksekusi urutkan
Combo box car
search
Gambar 3.35 tampil ebook
commit to user
37
2. Tambah
footer
header
SIDE MENU
pengarang deskripsi
foto file
File swt submit
judul kategori
search
harga search
search
Gambar 3.36 tambah ebook
3. Edit
footer
header
SIDE MENU
pengarang deskripsi
foto submit
judul kategori
search harga
Gambar 3.37 edit ebook
commit to user
38
f. Mengelola info
1. Tampil
footer
header
SIDE MENU
No info
hapus edit
Gambar 3.38 tampil info
2. Edit
footer
header
SIDE MENU
foto judul
isi
search update
Gambar 3.39 Edit info
commit to user
39
3. Tambah
footer
header
SIDE MENU
foto judul
isi
search update
Gambar 3.40 tambah info
g. Mengelola pesanorder
1. Tampil
footer
header
SIDE MENU
Data guestbook
paging No
Id_pesan tanggal
jam status
aktifasi urutkan
Combo box car
search hapus
Gambar 3.41 Tampil order
commit to user
40
2. Aktifasi
footer
header
SIDE MENU
gender telepon
alamat No rek
status nama
email
pesanan aktifasi
submit lunas
Belum lunas
Gambar 3.42 Aktifasi
order
h. Mengelola
about
edit
footer
header
SIDE MENU
search Isi
submit
Gambar 3.43
Edit about
commit to user
41
i. Kelola admin
footer
header
SIDE MENU
nama edit
Gambar 3.44 kelola admin
j. Ganti bank
footer
header
SIDE MENU
rek nama
gambar nama
search
submit
Gambar 3.45 Ganti bank
commit to user
42
k. Ganti kontak
footer
header
SIDE MENU
fax telp
email hp
submit facebook
ymail
Gambar 3.46 Edit kontak
commit to user
43
BAB IV IMPLEMENTASI DAN ANALISA
4.1 IMPLEMENTASI SISTEM
Implementasi sistem ini berisikan daftar menu yang terdapat pada aplikasi
online shop ebook
dan tampilan yang sudah diimplementasikan lewat
web browser.
4.1.1
User
dan
member
1.
Home
Menu ini merupakan halaman utama
website
.
Gambar 4.1 Halaman
home