3.3.7 Struktur Menu
Berikut adalah struktur menu Aplikasi E-Commerce Toko olahraga Barcelona Sport Berbasis Web :
a. Struktur menu pengunjung
kontak Semua Produk
home
Produk Baru Beranda
View View
View View
Gambar 3.18 Struktur menu pengunjung
b. Struktur menu member
Produk Baru Semua Produk
Keranjang Belanja Kontak
Beranda Keluar
Home
view Login
Belanja view
view view
view tambah
view edit
Edit Akun
view edit
Gambar 3.19 Struktur menu member
c. Struktur menu Operator
Produk Kategori
Kota Provinsi
Beranda Keluar
Home
view Login
view view
view view
tambah Edit
Akun view
edit tambah
Edit tambah
Edit tambah
Edit
Gambar 3.20 Struktur menu operator
d. Struktur menu Administrator
Produk Kategori
Kota Provinsi
Beranda Keluar
Home
view Login
Operator view
view view
view tambah
view Edit
Akun view
edit tambah
Edit tambah
Edit tambah
Edit tambah
Edit
Gambar 3.21 Struktur menu administrator
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.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
Apakah data yang anda masukkan sudah benar Ya
Batal M01
Konfirmasi
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
Gambar 3.52 Perancangan pesan
3.3.9 Jaringan semantik
a. Jaringan semantik interface pengunjung
T03 T02
T04 T05
T05a
T01
Gambar 3.53 Jaringan semantik pengujung
b. Jaringan semantik member
P03 P02
P04 P05
P06 T01
P07
P05a M01
P05b M02, M03, M04
Gambar 3.54 Jaringan semantik member
c. Jaringan semantik administrator
A03 A02
A04 A05
A06 A01
A07 A08
M05, M06
Gambar 3.55 Jaringan semantik administrator
d. Jaringan semantik operator
C03 C02
C04 C05
C06 C01
C07 C08
M05, M06
Gambar 3.56 Jaringan semantik operator
131
BAB IV IMPLEMENTASI DAN PENGUJIAN SISTEM
4.1 Implementasi Sistem
Tahap implementasi merupakan tahap penciptaan perangkat lunak, tahap kelanjutan dari kegiatan perancangan sistem. Tahap ini merupakan tahap dimana
sistem siap untuk dioperasikan, yang terdiri dari penjelasan mengenai lingkungan implementasi, dan implementasi program.
4.1.1 Lingkungan Implementasi
Untuk mendukung aplikasi yang akan diterapkan pada lingkungan implementasi, maka dalam hal ini menggunakan perangkat keras dan perangkat
lunak yang menunjang dalam membangun aplikasi e-commerce pada toko olahraga Barcelona Sport.
4.1.1.1 Perangkat Keras Yang Digunakan
Spesifikasi perangkat keras yang digunakan dalam pembangunan e- commerce pada toko olahraga Barcelona Sport adalah tercantum pada tabel 4.1
sebagai berikut :
Tabel 4.1. Perangkat keras yang digunakan
Perangkat Spesifikasi
Processor Kecepatan 2 GHz
RAM 2 Gb
Harddisk 80 Gb
Monitor Resolusi 1280 x 800
VGA 256 Mb