3.8 Perancangan Antar Muka
Antar muka sistem dibangun dengan menggunakan Macromedia Dreamweaver
,WAMP dan databasenya menggunakan MySQL.
3.8.1 Perancangan Sruktur Menu
Berikut adalah perancangan struktur menu program dari Aplikasi Website Portal
Bisnis :
a. Perancangan Struktur Menu Pengunjung
Beranda Help
Konfirmasi Pendaftaran
Kontak Kadin
Home Testimonial
Supplier Cari
Isi Testimonial Login
Daftar Kategori
Produk Berita
Lupa Password Pelanggan
Supplier
Gambar 3.21 Struktur Menu Pengunjung
b. Perancangan Struktur Menu Admin
Beranda Login
Keluar Testimonial
Shipping Pelanggan
Supplier Berita
Cari Ubah
Hapus Tambah
Ubah Status
Cari
Cari Ubah
Hapus Tambah
Cari Hapus
Tambah Membership
Ubah Info Konfirmasi
Pendaftaran Kategori
Barang
Cari Ubah
Hapus Tambah
Provinsi
Cari Ubah
Hapus Tambah
Kurs
Gambar 3.22 Struktur Menu Admin
c. Perancangan Struktur Menu Supplier
Beranda Login
Pembayaran pemesanan
barang Kategori
Barang Inbox
Profil Ubah
Profil Tulis Pesan
Cari Ubah
Hapus Tambah
Ubah status
cari
Cari Ubah
Hapus Tambah
cari Keluar
Outbox Komplain retur
Gambar 3.23 Struktur Menu Supplier
d. Perancangan Struktur Menu Pelanggan
Beranda
Login Kategori
barang Transaksi
Alamat usaha Konfirmasi
pembayaran Pemesanan
Profil Ubah
Profil
Cari Tambah
Add Barang
Keluar Checkout
Pesan Lihat
detail Inbox
Tulis Pesan Outbox
Kategori barang
Transaksi Alamat usaha
About Home
Lupa Password Daftar
Supplier Pelanggan
Retur
Gambar 3.24 Struktur Menu Pelanggan
3.8.2 Perancangan Antar Muka Menu Pengunjung
Tampilan yang pertama kali muncul ketika website e-commerce ini diakses adalah tampilan halaman utama atau beranda.
Bannner
Login Username
Password Login
Daftar Lupa Password
Kategori
Footer
Home Kontak
Testimonial Supplier
Kadin
Nama Form: T01 Ukuran
: 1024 x 768 Font stylesize : arial8, 10, 12
Warna latar : Putih Jika tekan tombol
home ke T01 Jika tekan tombol
kadin ke T02 Jika tekan tombol
Supplier ke T03 Jika tekan tombol
testimonial ke T04 Jika tekan tombol
kontak ke T05 Jika tekan tombol
Konfirmasi pendaftaran ke
T06 Jika tekan tombol
help ke T07 Jika tekan tombol
daftar ke T08 Jika tekan tombol
lupa password ke T09
Jika menekan salah satu link
kategori akan ke T10
Jika tekan tombol search ke T11
Jika menekan salah satu link
berita akan ke T12
Rekomendasi Produk Review Produk
Search Produk
Berita Konfirmasi Pendaftaran
Help
Bannner
Login Username
Password Login
Daftar Lupa Password
Kategori
Footer
Home Kontak
Testimonial Supplier
Kadin
Nama Form: T02 Ukuran
: 1024 x 768 Font stylesize : arial8, 10, 12
Warna latar : Putih Jika tekan tombol
home ke T01 Jika tekan tombol
kadin ke T02 Jika tekan tombol
Supplier ke T03 Jika tekan tombol
testimonial ke T04 Jika tekan tombol
kontak ke T05 Jika tekan tombol
Konfirmasi pendaftaran ke
T06 Jika tekan tombol
help ke T07 Jika tekan tombol
daftar ke T08 Jika tekan tombol
lupa password ke T09
Jika menekan salah satu link
kategori akan ke T10
Rekomendasi Produk Review Produk
Konfirmasi Pendaftaran Help
Isi Text Tentang Dinas
Bannner
Login Username
Password Login
Daftar Lupa Password
Kategori
Footer
Home Kontak
Testimonial Supplier
Kadin
Nama Form: T03 Ukuran
: 1024 x 768 Font stylesize : arial8, 10, 12
Warna latar : Putih Jika tekan tombol
home ke T01 Jika tekan tombol
kadin ke T02 Jika tekan tombol
Supplier ke T03 Jika tekan tombol
testimonial ke T04 Jika tekan tombol
kontak ke T05 Jika tekan tombol
Konfirmasi pendaftaran ke
T06 Jika tekan tombol
help ke T07 Jika tekan tombol
daftar ke T08 Jika tekan tombol
lupa password ke T09
Jika menekan salah satu link
kategori akan ke T10
Rekomendasi Produk Review Produk
Konfirmasi Pendaftaran Help
Cari data Berdasarkan
Cari Nama
Alamat Daftar Supplier
Bannner
Footer
Home Kontak
Testimonial Supplier
Kadin
Nama Form: T04 Ukuran
: 1024 x 768 Font stylesize : arial8, 10, 12
Warna latar : Putih Jika tekan tombol
home ke T01 Jika tekan tombol
kadin ke T02 Jika tekan tombol
Supplier ke T03 Jika tekan tombol
testimonial ke T04 Jika tekan tombol
kontak ke T05 Jika tekan tombol
Konfirmasi pendaftaran ke
T06 Jika tekan tombol
help ke T07 Konfirmasi Pendaftaran
Help
Cari data Berdasarkan
Cari
Testimonial
Testimonial
Isi Testimonial
Bannner
Login Username
Password Login
Daftar Lupa Password
Kategori
Footer
Home Kontak
Testimonial Supplier
Kadin
Nama Form: T05 Ukuran
: 1024 x 768 Font stylesize : arial8, 10, 12
Warna latar : Putih Jika tekan tombol
home ke T01 Jika tekan tombol
kadin ke T02 Jika tekan tombol
Supplier ke T03 Jika tekan tombol
testimonial ke T04 Jika tekan tombol
kontak ke T05 Jika tekan tombol
Konfirmasi pendaftaran ke
T06 Jika tekan tombol
help ke T07 Jika tekan tombol
daftar ke T08 Jika tekan tombol
lupa password ke T09
Jika menekan salah satu link
kategori akan ke T10
Rekomendasi Produk Review Produk
Konfirmasi Pendaftaran Help
Kontak
ISI Text Kontak Email
Alamat No. telp
Bannner
Footer
Home Kontak
Testimonial Supplier
Kadin
Nama Form: T06 Ukuran
: 1024 x 768 Font stylesize : arial8, 10, 12
Warna latar : Putih Jika tekan tombol
home ke T01 Jika tekan tombol
kadin ke T02 Jika tekan tombol
Supplier ke T03 Jika tekan tombol
testimonial ke T04 Jika tekan tombol
kontak ke T05 Jika tekan tombol
Konfirmasi pendaftaran ke
T06 Jika tekan tombol
help ke T07 Konfirmasi Pendaftaran
Help Konfirmasi Pendaftaran
Konfirmasii pendaftaran Nama
E-mail Telepon
Nama Bank Tanggal Pembayaran
Rekening Bank Tujuan
Catatan Jumlah
Kirim Konfirmasi Alamat
No Invoice
Bannner
Login Username
Password Login
Daftar Lupa Password
Kategori
Footer
Home Kontak
Testimonial Supplier
Kadin
Nama Form: T07 Ukuran
: 1024 x 768 Font stylesize : arial8, 10, 12
Warna latar : Putih Jika tekan tombol
home ke T01 Jika tekan tombol
kadin ke T02 Jika tekan tombol
Supplier ke T03 Jika tekan tombol
testimonial ke T04 Jika tekan tombol
kontak ke T05 Jika tekan tombol
Konfirmasi pendaftaran ke
T06 Jika tekan tombol
help ke T07 Jika tekan tombol
daftar ke T08 Jika tekan tombol
lupa password ke T09
Jika menekan salah satu link
kategori akan ke T10
Rekomendasi Produk Review Produk
Konfirmasi Pendaftaran Help
Help
Isi Text Tentan Bantuan
Bannner
Login Username
Password Login
Daftar Lupa Password
Kategori
Footer
Home Kontak
Testimonial Supplier
Kadin
Nama Form: T08 Ukuran
: 1024 x 768 Font stylesize : arial8, 10, 12
Warna latar : Putih Jika tekan tombol
home ke T01 Jika tekan tombol
kadin ke T02 Jika tekan tombol
Supplier ke T03 Jika tekan tombol
testimonial ke T04 Jika tekan tombol
kontak ke T05 Jika tekan tombol
Konfirmasi pendaftaran ke
T06 Jika tekan tombol
help ke T07 Jika tekan tombol
daftar ke T08 Jika tekan tombol
lupa password ke T09
Jika menekan salah satu link
kategori akan ke T10
Jika tekan tombol daftar supplier ke
T13 Jika tekan tombol
daftar pelanggan ke T14
Rekomendasi Produk Review Produk
Konfirmasi Pendaftaran Help
Pendaftaran
Supplier Pelanggan
Daftarkan diri anda sekarang juga untuk memasarkan produk-produk anda, guna mendapatkan pelanggan yang tepat.
Jika anda mendaftar menjadi seorang supplier anda dapat memiliki website penjualan produk sendiri.
Jika anda mendaftar sebagai pelanggan anda dapat berbelanja di website-website yang termasuk kedalam portal kadin ini.
Pendaftaran
Bannner
Login Username
Password Login
Daftar Lupa Password
Kategori
Footer
Home Kontak
Testimonial Supplier
Kadin
Nama Form: T09 Ukuran
: 1024 x 768 Font stylesize : arial8, 10, 12
Warna latar : Putih Jika tekan tombol
home ke T01 Jika tekan tombol
kadin ke T02 Jika tekan tombol
Supplier ke T03 Jika tekan tombol
testimonial ke T04 Jika tekan tombol
kontak ke T05 Jika tekan tombol
Konfirmasi pendaftaran ke
T06 Jika tekan tombol
help ke T07 Jika tekan tombol
daftar ke T08 Jika tekan tombol
lupa password ke T09
Jika menekan salah satu link
kategori akan ke T10
Rekomendasi Produk Review Produk
Konfirmasi Pendaftaran Help
Kirim Password baru ke email anda Password baru akan di kirim ke email anda, silakan dicek di akun email anda
Level Email
Bannner
Login Username
Password Login
Daftar Lupa Password
Kategori
Footer
Home Kontak
Testimonial Supplier
Kadin
Nama Form: T10 Ukuran
: 1024 x 768 Font stylesize : arial8, 10, 12
Warna latar : Putih Jika tekan tombol
home ke T01 Jika tekan tombol
kadin ke T02 Jika tekan tombol
Supplier ke T03 Jika tekan tombol
testimonial ke T04 Jika tekan tombol
kontak ke T05 Jika tekan tombol
Konfirmasi pendaftaran ke
T06 Jika tekan tombol
help ke T07 Jika tekan tombol
daftar ke T08 Jika tekan tombol
lupa password ke T09
Jika menekan salah satu link
kategori akan ke T10
Rekomendasi Produk Review Produk
Kategori Konfirmasi Pendaftaran
Help
Isi Kategori barang
Bannner
Login Username
Password Login
Daftar Lupa Password
Kategori
Footer
Home Kontak
Testimonial Supplier
Kadin
Nama Form: T11 Ukuran
: 1024 x 768 Font stylesize : arial8, 10, 12
Warna latar : Putih Jika tekan tombol
home ke T01 Jika tekan tombol
kadin ke T02 Jika tekan tombol
Supplier ke T03 Jika tekan tombol
testimonial ke T04 Jika tekan tombol
kontak ke T05 Jika tekan tombol
Konfirmasi pendaftaran ke
T06 Jika tekan tombol
help ke T07 Jika tekan tombol
daftar ke T08 Jika tekan tombol
lupa password ke T09
Jika menekan salah satu link
kategori akan ke T10
Jika tekan tombol search ke T11
Rekomendasi Produk Review Produk
Search Konfirmasi Pendaftaran
Help
Isi Produk Yang dicari Produk
Bannner
Login Username
Password Login
Daftar Lupa Password
Kategori
Footer
Home Kontak
Testimonial Supplier
Kadin
Nama Form: T12 Ukuran
: 1024 x 768 Font stylesize : arial8, 10, 12
Warna latar : Putih Jika tekan tombol
home ke T01 Jika tekan tombol
kadin ke T02 Jika tekan tombol
Supplier ke T03 Jika tekan tombol
testimonial ke T04 Jika tekan tombol
kontak ke T05 Jika tekan tombol
Konfirmasi pendaftaran ke
T06 Jika tekan tombol
help ke T07 Jika tekan tombol
daftar ke T08 Jika tekan tombol
lupa password ke T09
Jika menekan salah satu link
kategori akan ke T10
Jika menekan salah satu link
berita akan ke T12
Rekomendasi Produk Review Produk
Berita Konfirmasi Pendaftaran
Help Judul Berita
Isi Berita
Bannner
Footer
Home Kontak
Testimonial Supplier
Kadin
Nama Form: T13 Ukuran
: 1024 x 768 Font stylesize : arial8, 10, 12
Warna latar : Putih Jika tekan tombol
home ke T01 Jika tekan tombol
kadin ke T02 Jika tekan tombol
Supplier ke T03 Jika tekan tombol
testimonial ke T04 Jika tekan tombol
kontak ke T05 Jika tekan tombol
Konfirmasi pendaftaran ke
T06 Jika tekan tombol
help ke T07 Konfirmasi Pendaftaran
Help Pendaftaran Supplier
Username Passwordlagi
Password Email
Kota Alamat
Kode Pos Cabang Bank
Bank No. rekening
Logo Profil
Browse Kirim Pendaftaran
Nama Supplier Level
Gold Silver
Reguler
Bannner
Footer
Home Kontak
Testimonial Supplier
Kadin
Nama Form: T14 Ukuran
: 1024 x 768 Font stylesize : arial8, 10, 12
Warna latar : Putih Jika tekan tombol
home ke T01 Jika tekan tombol
kadin ke T02 Jika tekan tombol
Supplier ke T03 Jika tekan tombol
testimonial ke T04 Jika tekan tombol
kontak ke T05 Jika tekan tombol
Konfirmasi pendaftaran ke
T06 Jika tekan tombol
help ke T07 Konfirmasi Pendaftaran
Help Pendaftaran Pelanggan
Username Passwordlagi
Password Email
Kota Alamat
Kode Pos Kirim Pendaftaran
Nama
3.8.3 Perancangan Antar Muka Menu Admin