Perancangan Antar Muka Perancangan Arsitektur

proses pembangunan aplikasi E-Commerce Toko olahraga Barcelona Sport berbasis web.

3.3.8.1 Perancangan Antar Muka

Interface atau antar muka merupakan tampilan dari suau program aplikasi yang berperan sebagai media komunikasi yang digunakan sebagai sarana berdialog antara program dengan user. Sistem yang akan dibangun diharapkan menyediakan interface yang mudah dipahami dan digunakan oleh user. Perancangan interface untuk aplikasi E-Commerce Toko olahraga Barcelona Sport adalah sebagai berikut : 1. Antar muka pengunjung a. Form Beranda Pengunjung · Klik link beranda menuju ke form T01 · Klik link produk baru menuju ke form T02 · Klik link semua produk menuju ke form T03 · Klik link kontak menuju ke form T04 · Klik tombol masuk menuju ke form P01 · Klik tombol daftar menuju T05 Keterangan: Nama Form : T01 Ukuran Layar : Dinamis Default 1024 x 768 TypeUkuran font : Arial 12 pt Warna Latar : 1E7404 Banner Masuk Email Password Kontak Beranda Produk Baru Semua Produk Daftar Kategori Harga Minimal Cari Rp. Rp. Maksimal Pencarian Produk Spesial Kategori 1 Kategori 3 Kategori 2 Produk 1 Produk 2 Produk 3 Produk 4 Produk 1 Produk 2 Produk 3 Produk 4 Produk 1 Produk 2 Produk 3 Produk 4 Produk 1 Produk 2 Produk 3 Produk 4 Kategori 4 Copyright Ahmad Syarif 2010 T01 Gambar 3.22 Form beranda pengunjung b. Form Produk Baru · Klik link beranda menuju ke form T01 · Klik link produk baru menuju ke form T02 · Klik link semua produk menuju ke form T03 · Klik link kontak menuju ke form T04 · Klik tombol masuk menuju ke form P01 · Klik tombol daftar menuju T05 Keterangan: Nama Form : T02 Ukuran Layar : Dinamis Default 1024 x 768 TypeUkuran font : Arial 12 pt Warna Latar : 1E7404 Banner Masuk Email Password Kontak Beranda Produk Baru Semua Produk Daftar Kategori Harga Minimal Cari Rp. Rp. Maksimal Pencarian Produk Spesial Kategori 1 Produk Baru Kategori 2 Produk 1 Produk 2 Produk 3 Produk 4 Produk 1 Produk 2 Produk 3 Produk 4 Copyright Ahmad Syarif 2010 T02 Gambar 3.23 Form Produk Baru c. Form Semua Produk · Klik link beranda menuju ke form T01 · Klik link produk baru menuju ke form T02 · Klik link semua produk menuju ke form T03 · Klik link kontak menuju ke form T04 · Klik tombol masuk menuju ke form P01 · Klik tombol daftar menuju T05 Keterangan: Nama Form : T03 Ukuran Layar : Dinamis Default 1024 x 768 TypeUkuran font : Arial 12 pt Warna Latar : 1E7404 Banner Masuk Email Password Kontak Beranda Produk Baru Semua Produk Daftar Kategori Harga Minimal Cari Rp. Rp. Maksimal Pencarian Produk Spesial Kategori 1 Semua Produk Kategori 2 Produk 1 Produk 2 Produk 3 Produk 4 Produk 1 Produk 2 Produk 3 Produk 4 Copyright Ahmad Syarif 2010 T03 Gambar 3.24 Form Semua Produk d. Form Kontak · Klik link beranda menuju ke form T01 · Klik link produk baru menuju ke form T02 · Klik link semua produk menuju ke form T03 · Klik link kontak menuju ke form T04 · Klik tombol masuk menuju ke form P01 · Klik tombol daftar menuju T05 Keterangan: Nama Form : T04 Ukuran Layar : Dinamis Default 1024 x 768 TypeUkuran font : Arial 12 pt Warna Latar : 1E7404 Banner Masuk Email Password Kontak Beranda Produk Baru Semua Produk Daftar Kategori Harga Minimal Cari Rp. Rp. Maksimal Pencarian Produk Spesial Kontak Teks Copyright Ahmad Syarif 2010 T04 Gambar 3.25 Form Kontak e. Form Pendaftaran Member · Klik link beranda menuju ke form T01 · Klik link produk baru menuju ke form T02 · Klik link semua produk menuju ke form T03 · Klik link kontak menuju ke form T04 · Klik tombol masuk menuju ke form P01 · Klik tombol daftar menuju T05 · Klik tombol Simpan Data Pendaftaran menuju T05a Keterangan: Nama Form : T05 Ukuran Layar : Dinamis Default 1024 x 768 TypeUkuran font : Arial 12 pt Warna Latar : 1E7404 Banner Masuk Email Password Kontak Beranda Produk Baru Semua Produk Daftar Kategori Harga Minimal Cari Rp. Rp. Maksimal Pencarian Produk Spesial Pendaftaran Member Email : Password : Nama : Alamat : Provinsi : Kota : Kode Pos : Telephone : Copyright Ahmad Syarif 2010 T05 Simpan Data Pendaftaran Gambar 3.26 Form Pendaftaran Member f. Form Pendaftaran telah berhasil dilakukan · Klik link beranda menuju ke form T01 · Klik link produk baru menuju ke form T02 · Klik link semua produk menuju ke form T03 · Klik link kontak menuju ke form T04 · Klik tombol masuk menuju ke form P01 · Klik tombol daftar menuju T05 Keterangan: Nama Form : T05a Ukuran Layar : Dinamis Default 1024 x 768 TypeUkuran font : Arial 12 pt Warna Latar : 1E7404 Banner Masuk Email Password Kontak Beranda Produk Baru Semua Produk Daftar Kategori Harga Minimal Cari Rp. Rp. Maksimal Pencarian Produk Spesial Pendaftaran anda telah berhasil dilakukan Teks Copyright Ahmad Syarif 2010 T05a Gambar 3.27 Form Pendaftaran telah berhasil dilakukan 2. Antar muka Member a. Form Beranda Member · Klik link beranda menuju ke form P01 · Klik link produk baru menuju ke form P02 · Klik link semua produk menuju ke form P03 · Klik link kontak menuju ke form P04 · Klik keranjang belanja menuju ke form P05 · Klik belanja menuju ke form P06 · Klik Username Akun menuju ke form P07 · Klik Keluar Akun menuju ke form T01 Keterangan: Nama Form : T01 Ukuran Layar : Dinamis Default 1024 x 768 TypeUkuran font : Arial 12 pt Warna Latar : 1E7404 Banner Kategori Harga Minimal Cari Rp. Rp. Maksimal Pencarian Produk Spesial Kategori 1 Kategori 3 Kategori 2 Produk 1 Produk 2 Produk 3 Produk 4 Produk 1 Produk 2 Produk 3 Produk 4 Produk 1 Produk 2 Produk 3 Produk 4 Produk 1 Produk 2 Produk 3 Produk 4 Kategori 4 Copyright Ahmad Syarif 2010 P01 Keranjang Belanja Belanja Keluar Akun Username Akun Beranda Produk Baru Semua Produk Kontak Gambar 3.28 Form Beranda Member b. Form Produk Baru · Klik link beranda menuju ke form P01 · Klik link produk baru menuju ke form P02 · Klik link semua produk menuju ke form P03 · Klik link kontak menuju ke form P04 · Klik keranjang belanja menuju ke form P05 · Klik belanja menuju ke form P06 · Klik Username Akun menuju ke form P07 · Klik Keluar Akun menuju ke form T01 Keterangan: Nama Form : P02 Ukuran Layar : Dinamis Default 1024 x 768 TypeUkuran font : Arial 12 pt Warna Latar : 1E7404 Banner Kategori Harga Minimal Cari Rp. Rp. Maksimal Pencarian Produk Spesial Kategori 1 Produk Baru Kategori 2 Produk 1 Produk 2 Produk 3 Produk 4 Produk 1 Produk 2 Produk 3 Produk 4 Copyright Ahmad Syarif 2010 P02 Keranjang Belanja Belanja Keluar Akun Username Akun Beranda Produk Baru Semua Produk Kontak Gambar 3.29 Form Produk Baru c. Form Semua Produk · Klik link beranda menuju ke form P01 · Klik link produk baru menuju ke form P02 · Klik link semua produk menuju ke form P03 · Klik link kontak menuju ke form P04 · Klik keranjang belanja menuju ke form P05 · Klik belanja menuju ke form P06 · Klik Username Akun menuju ke form P07 · Klik Keluar Akun menuju ke form T01 Banner Kategori Harga Minimal Cari Rp. Rp. Maksimal Pencarian Produk Spesial Kategori 1 Semua Produk Kategori 2 Produk 1 Produk 2 Produk 3 Produk 4 Produk 1 Produk 2 Produk 3 Produk 4 Copyright Ahmad Syarif 2010 P03 Keranjang Belanja Belanja Keluar Akun Username Akun Beranda Produk Baru Semua Produk Kontak Keterangan: Nama Form : P03 Ukuran Layar : Dinamis Default 1024 x 768 TypeUkuran font : Arial 12 pt Warna Latar : 1E7404 Gambar 3.30 Form Semua Produk d. Form Kontak · Klik link beranda menuju ke form P01 · Klik link produk baru menuju ke form P02 · Klik link semua produk menuju ke form P03 · Klik link kontak menuju ke form P04 · Klik keranjang belanja menuju ke form P05 · Klik belanja menuju ke form P06 · Klik Username Akun menuju ke form P07 · Klik Keluar Akun menuju ke form T01 Banner Kategori Harga Minimal Cari Rp. Rp. Maksimal Pencarian Produk Spesial Kontak Teks Copyright Ahmad Syarif 2010 P04 Keranjang Belanja Belanja Keluar Akun Username Akun Beranda Produk Baru Semua Produk Kontak Keterangan: Nama Form : P04 Ukuran Layar : Dinamis Default 1024 x 768 TypeUkuran font : Arial 12 pt Warna Latar : 1E7404 Gambar 3.31 Form Kontak e. Form Keranjang Belanja · Klik link beranda menuju ke form P01 · Klik link produk baru menuju ke form P02 · Klik link semua produk menuju ke form P03 · Klik link kontak menuju ke form P04 · Klik keranjang belanja menuju ke form P05 · Klik belanja menuju ke form P06 · Klik Username Akun menuju ke form P07 · Klik Keluar Akun menuju ke form T01 Keterangan: Nama Form : P05 Ukuran Layar : Dinamis Default 1024 x 768 TypeUkuran font : Arial 12 pt Warna Latar : 1E7404 Banner Kategori Harga Minimal Cari Rp. Rp. Maksimal Pencarian Produk Spesial Copyright Ahmad Syarif 2010 P05 Keranjang Belanja Belanja Keluar Akun Username Akun Beranda Produk Baru Semua Produk Kontak Keranjang Belanja Daftar produk yang dipilih Lanjutkan Transaksi Gambar 3.32 Form Keranjang Belanja f. Form Tujuan Pengiriman · Klik link beranda menuju ke form P01 · Klik link produk baru menuju ke form P02 · Klik link semua produk menuju ke form P03 · Klik link kontak menuju ke form P04 · Klik keranjang belanja menuju ke form P05 · Klik belanja menuju ke form P06 · Klik Username Akun menuju ke form P07 · Klik tombol lanjutkan Transaksi menuju form P05a · Klik tombol Simpan Alamat Pengiriman menuju form P05b · Klik Keluar Akun menuju ke form T01 Keterangan: Nama Form : P05a Ukuran Layar : Dinamis Default 1024 x 768 TypeUkuran font : Arial 12 pt Warna Latar : 1E7404 Banner Kategori Harga Minimal Cari Rp. Rp. Maksimal Pencarian Produk Spesial Copyright Ahmad Syarif 2010 P05a Keranjang Belanja Belanja Keluar Akun Username Akun Beranda Produk Baru Semua Produk Kontak Tujuan Pengiriman Barang Data Alamat yang akan dikirimkan Simpan Alamat Pengiriman Gambar 3.33 Form Tujuan Pengiriman g. Form Detail Pembelian · Klik link beranda menuju ke form P01 · Klik link produk baru menuju ke form P02 · Klik link semua produk menuju ke form P03 · Klik link kontak menuju ke form P04 · Klik keranjang belanja menuju ke form P05 · Klik belanja menuju ke form P06 · Klik Username Akun menuju ke form P07 · Klik tombol Bayar pesanan menuju ke form P06 · Klik Keluar Akun menuju ke form T01 Keterangan: Nama Form : P05b Ukuran Layar : Dinamis Default 1024 x 768 TypeUkuran font : Arial 12 pt Warna Latar : 1E7404 Banner Kategori Harga Minimal Cari Rp. Rp. Maksimal Pencarian Produk Spesial Copyright Ahmad Syarif 2010 P05b Keranjang Belanja Belanja Keluar Akun Username Akun Beranda Produk Baru Semua Produk Kontak Detail Pembelian Data Detail Pembelian Bayar Pesanan Gambar 3.34 Form Detail Pembelian h. Form Belanja · Klik link beranda menuju ke form P01 · Klik link produk baru menuju ke form P02 · Klik link semua produk menuju ke form P03 · Klik link kontak menuju ke form P04 · Klik keranjang belanja menuju ke form P05 · Klik belanja menuju ke form P06 · Klik Username Akun menuju ke form P07 · Klik Keluar Akun menuju ke form T01 Keterangan: Nama Form : P06 Ukuran Layar : Dinamis Default 1024 x 768 TypeUkuran font : Arial 12 pt Warna Latar : 1E7404 Banner Kategori Harga Minimal Cari Rp. Rp. Maksimal Pencarian Produk Spesial Copyright Ahmad Syarif 2010 P06 Keranjang Belanja Belanja Keluar Akun Username Akun Beranda Produk Baru Semua Produk Kontak Barang belanja yang belum dibayar Data barang belanja yang belum dibayar Barang belanja yang telah dibayar Data barang belanja yang telah dibayar Barang belanja yang telah dikirim Data barang belanja yang telah dikirim Gambar 3.35 Form Belanja i. Form Username Akun · Klik link beranda menuju ke form P01 · Klik link produk baru menuju ke form P02 · Klik link semua produk menuju ke form P03 · Klik link kontak menuju ke form P04 · Klik keranjang belanja menuju ke form P05 · Klik belanja menuju ke form P06 · Klik Username Akun menuju ke form P07 · Klik Keluar Akun menuju ke form T01 Keterangan: Nama Form : P07 Ukuran Layar : Dinamis Default 1024 x 768 TypeUkuran font : Arial 12 pt Warna Latar : 1E7404 Banner Kategori Harga Minimal Cari Rp. Rp. Maksimal Pencarian Produk Spesial Copyright Ahmad Syarif 2010 P07 Keranjang Belanja Belanja Keluar Akun Username Akun Beranda Produk Baru Semua Produk Kontak Informasi Login Data informasi login Informasi Pengguna Data Informasi pengguna Gambar 3.36 Form Username Akun 3. Antar muka Administrator a. Form login Administrator A01 Keterangan : Ukuran Layar : Dinamis Default 1280x800 Type Ukuran Font : sans-serif 10px Warna Latar : FFFFFF, 0C25B6, F8C055, 58A4DE Klik tombol Login akan menuju ke form A02 Username Login Administrator Password Login Gambar 3.37 Form login Administrator b. Form Beranda Administrator · Klik link beranda menuju ke form A02 · Klik link produk menuju ke form A03 · Klik link kategori menuju ke form A04 · Klik link provinsi menuju ke form A05 · Klik kota menuju ke form A06 · Klik link operator menuju ke form A07 · Klik Username Akun menuju ke form A08 · Klik Keluar Akun menuju ke form T01 Keterangan: Nama Form : A02 Ukuran Layar : Dinamis Default 1024 x 768 TypeUkuran font : Arial 12 pt Warna Latar : 1E7404 Banner Kategori Harga Minimal Cari Rp. Rp. Maksimal Pencarian Produk Spesial Transaksi Data transaksi Copyright Ahmad Syarif 2010 A02 Kota Operator Keluar Akun Username Akun Beranda Produk Kategori Provinsi Gambar 3.38 Form Beranda Administrator c. Form Produk · Klik link beranda menuju ke form A02 · Klik link produk menuju ke form A03 · Klik link kategori menuju ke form A04 · Klik link provinsi menuju ke form A05 · Klik kota menuju ke form A06 · Klik link operator menuju ke form A07 · Klik Username Akun menuju ke form A08 · Klik Keluar Akun menuju ke form T01 Keterangan: Nama Form : A03 Ukuran Layar : Dinamis Default 1024 x 768 TypeUkuran font : Arial 12 pt Warna Latar : 1E7404 Banner Kategori Harga Minimal Cari Rp. Rp. Maksimal Pencarian Produk Spesial Produk Daftar Produk Copyright Ahmad Syarif 2010 A03 Kota Operator Keluar Akun Username Akun Beranda Produk Kategori Provinsi Gambar 3.39 Form Produk d. Form Kategori · Klik link beranda menuju ke form A02 · Klik link produk menuju ke form A03 · Klik link kategori menuju ke form A04 · Klik link provinsi menuju ke form A05 · Klik kota menuju ke form A06 · Klik link operator menuju ke form A07 · Klik Username Akun menuju ke form A08 · Klik Keluar Akun menuju ke form T01 Keterangan: Nama Form : A04 Ukuran Layar : Dinamis Default 1024 x 768 TypeUkuran font : Arial 12 pt Warna Latar : 1E7404 Banner Kategori Harga Minimal Cari Rp. Rp. Maksimal Pencarian Produk Spesial Kategori Produk Daftar Kategori Produk Copyright Ahmad Syarif 2010 A04 Kota Operator Keluar Akun Username Akun Beranda Produk Kategori Provinsi Gambar 3.40 Form Kategori e. Form Provinsi · Klik link beranda menuju ke form A02 · Klik link produk menuju ke form A03 · Klik link kategori menuju ke form A04 · Klik link provinsi menuju ke form A05 · Klik kota menuju ke form A06 · Klik link operator menuju ke form A07 · Klik Username Akun menuju ke form A08 · Klik Keluar Akun menuju ke form T01 Keterangan: Nama Form : A05 Ukuran Layar : Dinamis Default 1024 x 768 TypeUkuran font : Arial 12 pt Warna Latar : 1E7404 Banner Kategori Harga Minimal Cari Rp. Rp. Maksimal Pencarian Produk Spesial Provinsi Tujuan Pengiriman Daftar Nama Provinsi Copyright Ahmad Syarif 2010 A05 Kota Operator Keluar Akun Username Akun Beranda Produk Kategori Provinsi Gambar 3.41 Form Provinsi f. Form Kota · Klik link beranda menuju ke form A02 · Klik link produk menuju ke form A03 · Klik link kategori menuju ke form A04 · Klik link provinsi menuju ke form A05 · Klik kota menuju ke form A06 · Klik link operator menuju ke form A07 · Klik Username Akun menuju ke form A08 · Klik Keluar Akun menuju ke form T01 Keterangan: Nama Form : A06 Ukuran Layar : Dinamis Default 1024 x 768 TypeUkuran font : Arial 12 pt Warna Latar : 1E7404 Banner Kategori Harga Minimal Cari Rp. Rp. Maksimal Pencarian Produk Spesial Kota Tujuan Pengiriman Daftar Nama Kota Copyright Ahmad Syarif 2010 A06 Kota Operator Keluar Akun Username Akun Beranda Produk Kategori Provinsi Gambar 3.42 Form Kota g. Form Operator · Klik link beranda menuju ke form A02 · Klik link produk menuju ke form A03 · Klik link kategori menuju ke form A04 · Klik link provinsi menuju ke form A05 · Klik kota menuju ke form A06 · Klik link operator menuju ke form A07 · Klik Username Akun menuju ke form A08 · Klik Keluar Akun menuju ke form T01 Keterangan: Nama Form : A07 Ukuran Layar : Dinamis Default 1024 x 768 TypeUkuran font : Arial 12 pt Warna Latar : 1E7404 Banner Kategori Harga Minimal Cari Rp. Rp. Maksimal Pencarian Produk Spesial Daftar Pegawai Daftar Nama Pegawai Copyright Ahmad Syarif 2010 A07 Kota Operator Keluar Akun Username Akun Beranda Produk Kategori Provinsi Gambar 3.43 Form Operator h. Form Username Akun · Klik link beranda menuju ke form A02 · Klik link produk menuju ke form A03 · Klik link kategori menuju ke form A04 · Klik link provinsi menuju ke form A05 · Klik kota menuju ke form A06 · Klik link operator menuju ke form A07 · Klik Username Akun menuju ke form A08 · Klik Keluar Akun menuju ke form T01 Keterangan: Nama Form : A08 Ukuran Layar : Dinamis Default 1024 x 768 TypeUkuran font : Arial 12 pt Warna Latar : 1E7404 Banner Kategori Harga Minimal Cari Rp. Rp. Maksimal Pencarian Produk Spesial Informasi Login Data Informasi Login Copyright Ahmad Syarif 2010 A08 Kota Operator Keluar Akun Username Akun Beranda Produk Kategori Provinsi Gambar 3.44 Form Username Akun 4. Antar muka Operator a. Form login Operator C01 Keterangan : Ukuran Layar : Dinamis Default 1280x800 Type Ukuran Font : sans-serif 10px Warna Latar : FFFFFF, 0C25B6, F8C055, 58A4DE Klik tombol Login akan menuju ke form C02 Username Login Operator Password Login Gambar 3.45 Form login Operator b. Form Beranda Operator · Klik link beranda menuju ke form C02 · Klik link produk menuju ke form C03 · Klik link kategori menuju ke form C04 · Klik link provinsi menuju ke form C05 · Klik kota menuju ke form C06 · Klik link operator menuju ke form C07 · Klik Username Akun menuju ke form C08 · Klik Keluar Akun menuju ke form T01 Keterangan: Nama Form : C02 Ukuran Layar : Dinamis Default 1024 x 768 TypeUkuran font : Arial 12 pt Warna Latar : 1E7404 Banner Kategori Harga Minimal Cari Rp. Rp. Maksimal Pencarian Produk Spesial Transaksi Data transaksi Copyright Ahmad Syarif 2010 C02 Kota Keluar Akun Username Akun Beranda Produk Kategori Provinsi Gambar 3.46 Form Beranda Operator c. Form Produk · Klik link beranda menuju ke form C02 · Klik link produk menuju ke form C03 · Klik link kategori menuju ke form C04 · Klik link provinsi menuju ke form C05 · Klik kota menuju ke form C06 · Klik link operator menuju ke form C07 · Klik Username Akun menuju ke form C08 · Klik Keluar Akun menuju ke form T01 Keterangan: Nama Form : C03 Ukuran Layar : Dinamis Default 1024 x 768 TypeUkuran font : Arial 12 pt Warna Latar : 1E7404 Banner Kategori Harga Minimal Cari Rp. Rp. Maksimal Pencarian Produk Spesial Produk Daftar Produk Copyright Ahmad Syarif 2010 C03 Kota Keluar Akun Username Akun Beranda Produk Kategori Provinsi Gambar 3.47 Form Produk d. Form Kategori · Klik link beranda menuju ke form C02 · Klik link produk menuju ke form C03 · Klik link kategori menuju ke form C04 · Klik link provinsi menuju ke form C05 · Klik kota menuju ke form C06 · Klik link operator menuju ke form C07 · Klik Username Akun menuju ke form C08 · Klik Keluar Akun menuju ke form T01 Keterangan: Nama Form : C04 Ukuran Layar : Dinamis Default 1024 x 768 TypeUkuran font : Arial 12 pt Warna Latar : 1E7404 Banner Kategori Harga Minimal Cari Rp. Rp. Maksimal Pencarian Produk Spesial Kategori Produk Daftar Kategori Produk Copyright Ahmad Syarif 2010 C04 Kota Keluar Akun Username Akun Beranda Produk Kategori Provinsi Gambar 3.48 Form Kategori e. Form Provinsi · Klik link beranda menuju ke form C02 · Klik link produk menuju ke form C03 · Klik link kategori menuju ke form C04 · Klik link provinsi menuju ke form C05 · Klik kota menuju ke form C06 · Klik link operator menuju ke form C07 · Klik Username Akun menuju ke form C08 · Klik Keluar Akun menuju ke form T01 Keterangan: Nama Form : C05 Ukuran Layar : Dinamis Default 1024 x 768 TypeUkuran font : Arial 12 pt Warna Latar : 1E7404 Banner Kategori Harga Minimal Cari Rp. Rp. Maksimal Pencarian Produk Spesial Provinsi Tujuan Pengiriman Daftar Nama Provinsi Copyright Ahmad Syarif 2010 C05 Kota Keluar Akun Username Akun Beranda Produk Kategori Provinsi Gambar 3.49 Form Provinsi f. Form Kota · Klik link beranda menuju ke form C02 · Klik link produk menuju ke form C03 · Klik link kategori menuju ke form C04 · Klik link provinsi menuju ke form C05 · Klik kota menuju ke form C06 · Klik link operator menuju ke form C07 · Klik Username Akun menuju ke form C08 · Klik Keluar Akun menuju ke form T01 Keterangan: Nama Form : C06 Ukuran Layar : Dinamis Default 1024 x 768 TypeUkuran font : Arial 12 pt Warna Latar : 1E7404 Banner Kategori Harga Minimal Cari Rp. Rp. Maksimal Pencarian Produk Spesial Kota Tujuan Pengiriman Daftar Nama Kota Copyright Ahmad Syarif 2010 C06 Kota Keluar Akun Username Akun Beranda Produk Kategori Provinsi Gambar 3.50 Form Kota g. Form Username Akun · Klik link beranda menuju ke form C02 · Klik link produk menuju ke form C03 · Klik link kategori menuju ke form C04 · Klik link provinsi menuju ke form C05 · Klik kota menuju ke form C06 · Klik link operator menuju ke form C07 · Klik Username Akun menuju ke form C08 · Klik Keluar Akun menuju ke form T01 Keterangan: Nama Form : C08 Ukuran Layar : Dinamis Default 1024 x 768 TypeUkuran font : Arial 12 pt Warna Latar : 1E7404 Banner Kategori Harga Minimal Cari Rp. Rp. Maksimal Pencarian Produk Spesial Informasi Login Data Informasi Login Copyright Ahmad Syarif 2010 C08 Kota Keluar Akun Username Akun Beranda Produk Kategori Provinsi Gambar 3.51 Form Username Akun

3.3.8.2 Perancangan pesan