Perancangan Sruktur Menu Perancangan Antar Muka Menu Pengunjung

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