BAB III ANALISIS DAN PERANCANGAN SISTEM
3.3.8 Perancangan Arsitektur
Perancangan arsitektur merupakan perancangan yang dibuat sebelum program aplikasi dibuat. Dengan perancangan arsitektur akan mempermudah
proses pembangunan aplikasi E-Commerce Toko olahraga Barcelona Sport berbasis web.
3.3.8.1Perancangan 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) Type/Ukuran 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
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) Type/Ukuran 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
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) Type/Ukuran 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
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) Type/Ukuran 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
e. Form PendaftaranMember
· 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) Type/Ukuran 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
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) Type/Ukuran 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
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) Type/Ukuran 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 Username AkunKeluar Akun Beranda Produk Baru Semua Produk Kontak
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) Type/Ukuran 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 Username AkunKeluar Akun Beranda Produk Baru Semua Produk Kontak
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 Username AkunKeluar Akun Beranda Produk Baru Semua Produk Kontak
Keterangan: Nama Form : P03
Ukuran Layar : Dinamis (Default 1024 x 768) Type/Ukuran font : Arial / 12 pt
Warna Latar : #1E7404
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 Username AkunKeluar Akun Beranda Produk Baru Semua Produk Kontak
Keterangan: Nama Form : P04
Ukuran Layar : Dinamis (Default 1024 x 768) Type/Ukuran font : Arial / 12 pt
Warna Latar : #1E7404
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) Type/Ukuran 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 Username AkunKeluar Akun Beranda Produk Baru Semua Produk Kontak
Keranjang Belanja
Daftar produk yang dipilih
Lanjutkan Transaksi
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) Type/Ukuran 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 Username AkunKeluar Akun Beranda Produk Baru Semua Produk Kontak
Tujuan Pengiriman Barang
Data Alamat yang akan dikirimkan
Simpan Alamat 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) Type/Ukuran 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 Username AkunKeluar Akun Beranda Produk Baru Semua Produk Kontak
Detail Pembelian
Data Detail Pembelian
Bayar Pesanan
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) Type/Ukuran 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 Username AkunKeluar 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
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) Type/Ukuran 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 Username AkunKeluar Akun Beranda Produk Baru Semua Produk Kontak
Informasi Login
Data informasi login
Informasi Pengguna
Data Informasi pengguna
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
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) Type/Ukuran 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 Username AkunKeluar Akun
Beranda Produk Kategori Provinsi
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) Type/Ukuran 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 Username AkunKeluar Akun
Beranda Produk Kategori Provinsi
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) Type/Ukuran 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 Username AkunKeluar Akun
Beranda Produk Kategori Provinsi
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) Type/Ukuran 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 Username AkunKeluar Akun
Beranda Produk Kategori 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) Type/Ukuran 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 Username AkunKeluar Akun
Beranda Produk Kategori Provinsi
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) Type/Ukuran 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 Username AkunKeluar Akun
Beranda Produk Kategori Provinsi
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) Type/Ukuran 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 Username AkunKeluar Akun
Beranda Produk Kategori Provinsi
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
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) Type/Ukuran 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 Username AkunKeluar Akun
Beranda Produk Kategori Provinsi
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) Type/Ukuran 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 Username AkunKeluar Akun
Beranda Produk Kategori Provinsi
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) Type/Ukuran 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 Username AkunKeluar Akun
Beranda Produk Kategori Provinsi
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) Type/Ukuran 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 Username AkunKeluar Akun
Beranda Produk Kategori 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) Type/Ukuran 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 Username AkunKeluar Akun
Beranda Produk Kategori Provinsi
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) Type/Ukuran 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 Username AkunKeluar Akun
Beranda Produk Kategori Provinsi
Gambar 3.51 Form Username Akun
3.3.8.2Perancangan pesan
Apakah data yang anda masukkan sudah benar
Ya Batal
M01
Apakah anda akan melakukan pembayaran?
Ya Batal
M02
Pembayaran
Apakah anda akan membatalkan pemesanan?
Ya Batal
M03
Konfirmasi
Apakah data pembayaran sudah benar?
Ya Batal
M04
Konfirmasi Pembayaran
Silahkan masukkan kode paket pengiriman:
Ya Batal
M05
Konfirmasi Pengiriman
Data pengiriman telah disimpan
TUTUP M06
Informasi Pengiriman