92
4.2.5.2. Perancangan Input
Dalam penbuatan website seba shoes, penulis membuat 2 rancangan interface yaitu tampilan admin dan tampilan user yang dijelaskan sebagai berikut:
1. Perancangan Input Halaman Konsumen
a. Halaman Home konsumen Tampilan saat pertama kali user mengakses web
Footer Shoping cart
Product Home
Pembayaran Contact us
Forum GuestBook
Banner Perusahaan dan Iklan product
Kategori Product
Menampilkan Barang Terbaru Selamat datang
Form Login Voting
Customer Online
Bank Pembayaran
Jumlah Pengunjung
Gambar 4.16 Halaman utama
b. Halaman Product Halaman tentang Product
Footer Shoping cart
Product Home
Pembayaran Contact us
Forum GuestBook
Banner Perusahaan dan Iklan product
Kategori Product
Menampilkan Semua Barang
Form Login Voting
Customer Online
Bank Pembayaran
Jumlah Pengunjung
Gambar 4.17 Halaman Product
93
c. Halaman shoping cart Halaman informasi prosedur shoping cart
Footer Shoping cart
Product Home
Pembayaran Contact us
Forum GuestBook
Banner Perusahaan dan Iklan product
Kategori Product
Menampilkan detail barang yang telah dipilih
Form Login Voting
Customer Online
Bank Pembayaran
Jumlah Pengunjung
Gambar 4.18 Halaman Shoping Chart
c. Halaman Pembayaran Halaman informasi prosedur Pembayaran
Footer Shoping cart
Product Home
Pembayaran Contact us
Forum GuestBook
Banner Perusahaan dan Iklan product
Kategori Product
Menampilkan Informasi Cara Pembayaran
Form Login Voting
Customer Online
Bank Pembayaran
Jumlah Pengunjung
Gambar 4.19 Halaman pembayaran
94
c. Halaman Contact us Halaman informasi prosedur Contact us
Footer Shoping cart
Product Home
Pembayaran Contact us
Forum GuestBook
Banner Perusahaan dan Iklan product
Kategori Product
Menampilkan data Kontak Perusahaan
Form Login Voting
Customer Online
Bank Pembayaran
Jumlah Pengunjung
Gambar 4.20 Halaman contact us
c. Halaman Forum Halaman informasi prosedur Forum
Footer Shoping cart
Product Home
Pembayaran Contact us
Forum GuestBook
Banner Perusahaan dan Iklan product Kategori Product
Menampilkan Forum diskusi
Form Login Voting
Customer Online
Bank Pembayaran
Jumlah Pengunjung
Gambar 4.21 Halaman forum diskusi
95
c. Halaman Guestbook Halaman informasi prosedur Guestbook
Footer Shoping cart
Product Home
Pembayaran Contact us
Forum GuestBook
Banner Perusahaan dan Iklan product
Kategori Product
Menampilkan Form untuk Mengirimkan Pesan
Form Login Voting
Customer Online
Bank Pembayaran
Jumlah Pengunjung
Gambar 4.22 Halaman guestbook
2. Perancangan Input Admin