12. File
Provinsi a.
Nama File :
Tabel Provinsi b.
Primary Key :
Id_provinsi c.
Jumlah Field : 2
d. Keterangan
: Tabel berisi data provinsi Tabel 3.15 Tabel provinsi
Nama Tabel : Tabel provinsi Keterangan : Tabel untuk data provinsi
Nama Field Tipe Data Panjang Keterangan
Id_provinsi varchar
5 Primary Key
Nama_provinsi Varchar
20 Nama provinsi
3.2.2 Struktur Menu
Berikut adalah struktur menu Aplikasi E-Commerce JAVA Komunika Berbasis Web :
a. Struktur menu pengunjung
Gambar 3.19 Struktur menu pengunjung
b. Struktur menu Konsumen
Gambar 3.20 Struktur menu konsumen c. Struktur menu administrator
Detail pesanan barang
kategori logout
Menu
home kota
pesanan login
Feature view
tambah Edit
view
Hapus view
tambah Edit
Hapus view
tambah Edit
Hapus view
view tambah
Edit
view tambah
Edit Hapus
Detail Feature view
tambah Edit
Hapus
Gambar 3.21 Struktur menu administrator
d. Struktur menu Super administrator
Gambar 3.22 Struktur menu super administrator
3.2.3 Perancangan Arsitektur
Perancangan arsitektur merupakan perancangan yang dibuat sebelum program aplikasi dibuat. Dengan perancangan arsitektur akan mempermudah
proses pembangunan aplikasi E-Commerce JAVA Komunika berbasis web.
3.2.3.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 JAVA Komunika adalah sebagai berikut :
1. Antar muka pengunjung a. Form home pengunjung
Banner
Home Cara Pemesanan
Profil Kontak
Produk
Gambar
Produk Terbaru Gambar
Teks Data Barang
Detail Barang Gambar
Teks Data Barang
Detail Barang Gambar
Teks Data Barang
Detail Barang Gambar
Teks Data Barang
Detail Barang Gambar
Teks Data Barang
Detail Barang Gambar
Teks Data Barang
Detail Barang Gambar
Teks Data Barang
Detail Barang Gambar
Teks Data Barang
Detail Barang Gambar
Teks Data Barang
Detail Barang
Kategori
Teks Kategori Teks Kategori
Teks Kategori
Go
Gambar
Teks
A01
Keterangan : Ukuran Layar : Dinamis Default 1280x800
Type Ukuran Font : sans-serif 10px Warna Latar : FFFFFF, 0C25B6, F8C055, 58A4DE
Klik link home menuju ke form A01
Klik link Produk menuju ke form A02
Klik link Cara Pemesanan menuju ke form A03
Klik link Profil menuju ke form A04
Klik link Kontak menuju ke form A05
Klik link Register Member menuju ke form A06
Klik link Lupa Password menuju ke form A06b
Klik link Detail Barang menuju ke form A07
Klik link Teks Kategori menuju ke form A02
Teks Shoping Cart
Pelayanan Online
Gambar
Login Member
Username Password
Login Register Member
Lupa Password
Gambar 3.23 Form home pengunjung
b. Form View Barang
Banner
Home Cara Pemesanan
Profil Kontak
Produk
Gambar Teks
Data Barang Detail Barang
Gambar Teks
Data Barang Detail Barang
Gambar Teks
Data Barang Detail Barang
Gambar Teks
Data Barang Detail Barang
Gambar Teks
Data Barang Detail Barang
Gambar Teks
Data Barang Detail Barang
Gambar Teks
Data Barang Detail Barang
Gambar Teks
Data Barang Detail Barang
Gambar Teks
Data Barang Detail Barang
Kategori
Teks Kategori Teks Kategori
Teks Kategori
Go
Gambar
Teks
A02
Keterangan : Ukuran Layar : Dinamis Default 1280x800
Type Ukuran Font : sans-serif 10px Warna Latar : FFFFFF, 0C25B6, F8C055, 58A4DE
Produk
Gambar Teks
Data Barang Detail Barang
Gambar Teks
Data Barang Detail Barang
Gambar Teks
Data Barang Detail Barang
Gambar Teks
Data Barang Detail Barang
Gambar Teks
Data Barang Detail Barang
Gambar Teks
Data Barang Detail Barang
Klik link home menuju ke form A01
Klik link Produk menuju ke form A02
Klik link Cara Pemesanan menuju ke form A03
Klik link Profil menuju ke form A04
Klik link Kontak menuju ke form A05
Klik link Register Member menuju ke form A06
Klik link Lupa Password menuju ke form A06b
Klik link Detail Barang menuju ke form A07
Klik link Teks Kategori menuju ke form A02
Teks Shoping Cart
Pelayanan Online
Gambar
Login Member
Username Password
Login Register Member
Lupa Password
Gambar 3.24 Form view barang
c. Form Cara Pemesanan
Banner
Home Cara Pemesanan
Profil Kontak
Produk
Kategori
Teks Kategori Teks Kategori
Teks Kategori
Go
Gambar
Teks
A03
Keterangan : Ukuran Layar : Dinamis Default 1280x800
Type Ukuran Font : sans-serif 10px Warna Latar : FFFFFF, 0C25B6, F8C055, 58A4DE
Cara Pemesanan
Teks Klik link home menuju ke
form A01 Klik link Produk menuju ke
form A02 Klik link Cara Pemesanan
menuju ke form A03 Klik link Profil menuju ke
form A04 Klik link Kontak menuju ke
form A05 Klik link Register Member
menuju ke form A06 Klik link Lupa Password
menuju ke form A06b Klik link Teks Kategori
menuju ke form A02
Teks Shoping Cart
Pelayanan Online
Gambar
Login Member
Username Password
Login Register Member
Lupa Password
Gambar 3.25 Form cara pemesanan
d. Form Profil
Banner
Home Cara Pemesanan
Profil Kontak
Produk
Kategori
Teks Kategori Teks Kategori
Teks Kategori
Go
Gambar
Teks
A04
Keterangan : Ukuran Layar : Dinamis Default 1280x800
Type Ukuran Font : sans-serif 10px Warna Latar : FFFFFF, 0C25B6, F8C055, 58A4DE
Profil
Teks Klik link home menuju ke
form A01 Klik link Produk menuju ke
form A02 Klik link Cara Pemesanan
menuju ke form A03 Klik link Profil menuju ke
form A04 Klik link Kontak menuju ke
form A05 Klik link Register Member
menuju ke form A06 Klik link Lupa Password
menuju ke form A06b Klik link Teks Kategori
menuju ke form A02
Teks Shoping Cart
Pelayanan Online
Gambar
Login Member
Username Password
Login Register Member
Lupa Password
Gambar 3.26 Form profil
e. Form Kontak
Banner
Home Cara Pemesanan
Profil Kontak
Produk
Kategori
Teks Kategori Teks Kategori
Teks Kategori
Go
Gambar
Teks
A05
Keterangan : Ukuran Layar : Dinamis Default 1280x800
Type Ukuran Font : sans-serif 10px Warna Latar : FFFFFF, 0C25B6, F8C055, 58A4DE
Kontak
Teks
Email Anda : Judul Pesan :
Pesan Verifikasi
Klik link home menuju ke form A01
Klik link Produk menuju ke form A02
Klik link Cara Pemesanan menuju ke form A03
Klik link Profil menuju ke form A04
Klik link Kontak menuju ke form A05
Klik link Register Member menuju ke form A06
Klik link Lupa Password menuju ke form A06b
Klik link Teks Kategori menuju ke form A02
Klik Tombol Kirim menuju ke form A05
Klik Tombol Batal menuju ke form A05
Kirim Pesan
Teks Shoping Cart
Pelayanan Online
Gambar
Login Member
Username Password
Login Register Member
Lupa Password
Gambar 3.27 Form Kontak
f. Form Register Member
Gambar 3.28 Form registrasi member
g. Form Detail Barang
Banner
Home Cara Pemesanan
Profil Kontak
Produk
Gambar Teks
Detail barang
Kategori
Teks Kategori Teks Kategori
Teks Kategori
Go
Gambar
Teks
A07
Keterangan : Ukuran Layar : Dinamis Default 1280x800
Type Ukuran Font : sans-serif 10px Warna Latar : FFFFFF, 0C25B6, F8C055, 58A4DE
Detail Barang
Image Cart
Klik link home menuju ke form A01
Klik link Produk menuju ke form A02
Klik link Cara Pemesanan menuju ke form A03
Klik link Profil menuju ke form A04
Klik link Kontak menuju ke form A05
Klik link Register Member menuju ke form A06
Klik link Teks Kategori menuju ke form A02
Teks Shoping Cart
Pelayanan Online
Gambar
Login Member
Username Password
Login Register Member
Lupa Password
Gambar 3.29 Form detail barang
h. Form Lupa Password
Banner
Home Cara Pemesanan
Profil Kontak
Produk
Kategori
Teks Kategori Teks Kategori
Teks Kategori
Go
Gambar
Teks
A06b
Keterangan : Ukuran Layar : Dinamis Default 1280x800
Type Ukuran Font : sans-serif 10px Warna Latar : FFFFFF, 0C25B6, F8C055, 58A4DE
Kontak Email Anda :
Klik link home menuju ke form A01
Klik link Produk menuju ke form A02
Klik link Cara Pemesanan menuju ke form A03
Klik link Profil menuju ke form A04
Klik link Kontak menuju ke form A05
Klik link Register Member menuju ke form A06
Klik link Lupa Password menuju ke form A06b
Klik link Teks Kategori menuju ke form A02
Klik Tombol Kirim menuju ke form A05
Klik Tombol Batal menuju ke form A05
Kirim
Teks Shoping Cart
Pelayanan Online
Gambar
Login Member
Username Password
Login Register Member
Lupa Password
Gambar 3.30 Form Lupa Password
2. Antar muka Konsumen a. Form Register Member
Banner
Home Cara Pemesanan
Profil Kontak
Produk
Kategori
Teks Kategori Teks Kategori
Teks Kategori
Go
Gambar
Teks
A06
Keterangan : Ukuran Layar : Dinamis Default 1280x800
Type Ukuran Font : sans-serif 10px Warna Latar : FFFFFF, 0C25B6, F8C055, 58A4DE
Register Member Username
Password Konfirmasi Password
Email Nama
Alamat Kota
Telepon
Simpan Batal
Klik link home menuju ke form A01
Klik link Produk menuju ke form A02
Klik link Cara Pemesanan menuju ke form A03
Klik link Profil menuju ke form A04
Klik link Kontak menuju ke form A05
Klik link Register Member menuju ke form A06
Klik link Lupa Password menuju ke form A06b
Klik link Teks Kategori menuju ke form A02
Klik Tombol Simpan menuju ke form A06
Klik Tombol Batal menuju ke form A06
Teks Shoping Cart
Pelayanan Online
Gambar
Gambar 3.31 Form Registrasi Member
b. Form home sebelum login
Banner
Home Cara Pemesanan
Profil Kontak
Produk
Gambar
Produk Terbaru Gambar
Teks Data Barang
Detail Barang Gambar
Teks Data Barang
Detail Barang Gambar
Teks Data Barang
Detail Barang Gambar
Teks Data Barang
Detail Barang Gambar
Teks Data Barang
Detail Barang Gambar
Teks Data Barang
Detail Barang Gambar
Teks Data Barang
Detail Barang Gambar
Teks Data Barang
Detail Barang Gambar
Teks Data Barang
Detail Barang
Kategori
Teks Kategori Teks Kategori
Teks Kategori
Go
Gambar
Teks
A01
Keterangan : Ukuran Layar : Dinamis Default 1280x800
Type Ukuran Font : sans-serif 10px Warna Latar : FFFFFF, 0C25B6, F8C055, 58A4DE
Klik link home menuju ke form A01
Klik link Produk menuju ke form A02
Klik link Cara Pemesanan menuju ke form A03
Klik link Profil menuju ke form A04
Klik link Kontak menuju ke form A05
Klik link Register Member menuju ke form A06
Klik link Detail Barang menuju ke form A07
Klik link Teks Kategori menuju ke form A02
Teks Shoping Cart
Pelayanan Online
Gambar
Login Member
Username Password
Login Register Member
Lupa Password
Gambar 3.32 Form home sebelum login
c. Form home sesudah login
Banner
Selamt Datang Gambar
Produk Terbaru Gambar
Teks Data Barang
Detail Barang Gambar
Teks Data Barang
Detail Barang Gambar
Teks Data Barang
Detail Barang Gambar
Teks Data Barang
Detail Barang Gambar
Teks Data Barang
Detail Barang Gambar
Teks Data Barang
Detail Barang Gambar
Teks Data Barang
Detail Barang Gambar
Teks Data Barang
Detail Barang Gambar
Teks Data Barang
Detail Barang
Kategori
Teks Kategori Teks Kategori
Teks Kategori
Go
Gambar
Teks
A08
Keterangan : Ukuran Layar : Dinamis Default 1280x800
Type Ukuran Font : sans-serif 10px Warna Latar : FFFFFF, 0C25B6, F8C055, 58A4DE
Profil Member Klik link home menuju ke
form A08 Klik link Produk menuju ke
form A09 Klik link Cara Pemesanan
menuju ke form A10 Klik link Profil menuju ke
form A11 Klik link Kontak menuju ke
form A12 Klik link Detail Barang
menuju ke form A13 Klik link Shopping Card
menuju ke form A14 Klik link History menuju ke
form A18 Klik link Logout menuju ke
form A01 Klik link Teks Kategori
menuju ke form A09
Teks Shoping Cart
Pelayanan Online
Gambar
Home Cara Pemesanan
Profil Kontak
Produk Logout
Shopping Card History
Gambar 3.33 Form home sesudah login
d. Form View Barang
Banner
Gambar Teks
Data Barang Detail Barang
Gambar Teks
Data Barang Detail Barang
Gambar Teks
Data Barang Detail Barang
Gambar Teks
Data Barang Detail Barang
Gambar Teks
Data Barang Detail Barang
Gambar Teks
Data Barang Detail Barang
Gambar Teks
Data Barang Detail Barang
Gambar Teks
Data Barang Detail Barang
Gambar Teks
Data Barang Detail Barang
Kategori
Teks Kategori Teks Kategori
Teks Kategori
Go
Gambar
Teks
A09
Keterangan : Ukuran Layar : Dinamis Default 1280x800
Type Ukuran Font : sans-serif 10px Warna Latar : FFFFFF, 0C25B6, F8C055, 58A4DE
Produk
Gambar Teks
Data Barang Detail Barang
Gambar Teks
Data Barang Detail Barang
Gambar Teks
Data Barang Detail Barang
Gambar Teks
Data Barang Detail Barang
Gambar Teks
Data Barang Detail Barang
Gambar Teks
Data Barang Detail Barang
Selamt Datang Profil Member
Klik link home menuju ke form A08
Klik link Produk menuju ke form A09
Klik link Cara Pemesanan menuju ke form A10
Klik link Profil menuju ke form A11
Klik link Kontak menuju ke form A12
Klik link Detail Barang menuju ke form A13
Klik link Shopping Card menuju ke form A14
Klik link History menuju ke form A18
Klik link Logout menuju ke form A01
Klik link Teks Kategori menuju ke form A09
Teks Shoping Cart
Pelayanan Online
Gambar
Home Cara Pemesanan
Profil Kontak
Produk Logout
Shopping Card History
Gambar 3.34 Form View Barang
e. Form Cara Pemesanan
Banner
Kategori
Teks Kategori Teks Kategori
Teks Kategori
Go
Gambar
Teks
A10
Keterangan : Ukuran Layar : Dinamis Default 1280x800
Type Ukuran Font : sans-serif 10px Warna Latar : FFFFFF, 0C25B6, F8C055, 58A4DE
Cara Pemesanan
Teks Selamt Datang
Profil Member Klik link home menuju ke
form A08 Klik link Produk menuju ke
form A09 Klik link Cara Pemesanan
menuju ke form A10 Klik link Profil menuju ke
form A11 Klik link Kontak menuju ke
form A12 Klik link Shopping Card
menuju ke form A14 Klik link History menuju ke
form A18 Klik link Logout menuju ke
form A01 Klik link Teks Kategori
menuju ke form A09
Teks Shoping Cart
Pelayanan Online
Gambar
Home Cara Pemesanan
Profil Kontak
Produk Logout
Shopping Card History
Gambar 3.35 Form cara pemesanan
f. Form Profil
Banner
Kategori
Teks Kategori Teks Kategori
Teks Kategori
Go
Gambar
Teks
A11
Keterangan : Ukuran Layar : Dinamis Default 1280x800
Type Ukuran Font : sans-serif 10px Warna Latar : FFFFFF, 0C25B6, F8C055, 58A4DE
Profil
Teks Selamt Datang
Profil Member Klik link home menuju ke
form A08 Klik link Produk menuju ke
form A09 Klik link Cara Pemesanan
menuju ke form A10 Klik link Profil menuju ke
form A11 Klik link Kontak menuju ke
form A12 Klik link Shopping Card
menuju ke form A14 Klik link History menuju ke
form A18 Klik link Logout menuju ke
form A01 Klik link Teks Kategori
menuju ke form A09
Teks Shoping Cart
Pelayanan Online
Gambar
Home Cara Pemesanan
Profil Kontak
Produk Logout
Shopping Card History
Gambar 3.36 Form profil
g. Form Kontak
Banner
Teks
Shoping Cart
Kategori
Teks Kategori Teks Kategori
Teks Kategori
Go
Gambar
Teks
A12
Keterangan : Ukuran Layar : Dinamis Default 1280x800
Type Ukuran Font : sans-serif 10px Warna Latar : FFFFFF, 0C25B6, F8C055, 58A4DE
Kontak
Teks Selamt Datang
Profil Member Klik link home menuju ke
form A08 Klik link Produk menuju ke
form A09 Klik link Cara Pemesanan
menuju ke form A10 Klik link Profil menuju ke
form A11 Klik link Kontak menuju ke
form A12 Klik link Shopping Card
menuju ke form A14 Klik link History menuju ke
form A18 Klik link Logout menuju ke
form A01 Klik link Teks Kategori
menuju ke form A09 Klik tombol Kirim menuju ke
form A12 Klik tombol Batal menuju ke
form A12
Email Anda : Judul Pesan :
Pesan Verifikasi
Kirim Pesan
Home Cara Pemesanan
Profil Kontak
Produk Logout
Shopping Card History
Gambar 3.37 Form kontak
h. Form Shopping Card
Banner
Kategori
Teks Kategori Teks Kategori
Teks Kategori
Go
Gambar
Teks
A14
Keterangan : Ukuran Layar : Dinamis Default 1280x800
Type Ukuran Font : sans-serif 10px Warna Latar : FFFFFF, 0C25B6, F8C055, 58A4DE
Shopping Card Id
Selamt Datang Profil Member
Nama_Barang Gambar
Harga Total
Proses Hapus
Sub Total Update
Pesan Kembali Ke Produk
Klik link home menuju ke form A08
Klik link Produk menuju ke form A09
Klik link Cara Pemesanan menuju ke form A10
Klik link Profil menuju ke form A11
Klik link Kontak menuju ke form A12
Klik link Shopping Card menuju ke form A14
Klik link History menuju ke form A18
Klik link Logout menuju ke form A01
Klik link Teks Kategori menuju ke form A09
Klik Tombol Hapus menuju ke form A14
Klik Tombol Update menuju ke form A14
Klik link Kembali Ke Produk menuju ke form A09
Klik Tombol Pesan menuju ke form A15
Teks Shoping Cart
Pelayanan Online
Gambar
Jumlah
Home Cara Pemesanan
Profil Kontak
Produk Logout
Shopping Card History
Gambar 3.38 Form shopping card
i. Form
Alamat
Gambar 3.39 Form alamat
j. Form K
onfirmasi
Banner
Kategori
Teks Kategori Teks Kategori
Teks Kategori
Go
Gambar
Teks
A16
Keterangan : Ukuran Layar : Dinamis Default 1280x800
Type Ukuran Font : sans-serif 10px Warna Latar : FFFFFF, 0C25B6, F8C055, 58A4DE
Konfirmasi Pembayaran Id
Selamt Datang Profil Member
Gambar Harga
Jumlah Berat
Pesan Kembali Ke Produk
Klik link home menuju ke form A08
Klik link Produk menuju ke form A09
Klik link Cara Pemesanan menuju ke form A10
Klik link Profil menuju ke form A11
Klik link Kontak menuju ke form A12
Klik link Shopping Card menuju ke form A14
Klik link History menuju ke form A18
Klik link Logout menuju ke form A01
Klik link Teks Kategori menuju ke form A09
Klik Tombol Kembali ke Produk akan menuju ke
form A09 Klik Tombol Pesan Akan
menuju ke form 17
Subtotal :
Total Ongkos :
Total Bayar :
Teks Shoping Cart
Pelayanan Online
Gambar
Total
Home Cara Pemesanan
Profil Kontak
Produk Logout
Shopping Card History
Gambar 3.40 Form konfirmasi
k. Form Ucapan Terima Kasih
Banner
Kategori
Teks Kategori Teks Kategori
Teks Kategori
Go
Gambar
Teks
A17
Keterangan : Ukuran Layar : Dinamis Default 1280x800
Type Ukuran Font : sans-serif 10px Warna Latar : FFFFFF, 0C25B6, F8C055, 58A4DE
Teks
Selamt Datang Profil Member
Klik link home menuju ke form A08
Klik link Produk menuju ke form A09
Klik link Cara Pemesanan menuju ke form A10
Klik link Profil menuju ke form A11
Klik link Kontak menuju ke form A12
Klik link Detail Barang menuju ke form A13
Klik link Shopping Card menuju ke form A14
Klik link Logout menuju ke form A01
Klik link Teks Kategori menuju ke form A09
Teks Shoping Cart
Pelayanan Online
Gambar
Home Cara Pemesanan
Profil Kontak
Produk Logout
Shopping Card History
Gambar 3.41 Form ucapan terima kasih
l. Form History
Banner
Selamt Datang
Kategori
Teks Kategori Teks Kategori
Teks Kategori
Go
Gambar
Teks
A18
Keterangan : Ukuran Layar : Dinamis Default 1280x800
Type Ukuran Font : sans-serif 10px Warna Latar : FFFFFF, 0C25B6, F8C055, 58A4DE
Profil Member Klik link home menuju ke
form A08 Klik link Produk menuju ke
form A09 Klik link Cara Pemesanan
menuju ke form A10 Klik link Profil menuju ke
form A11 Klik link Kontak menuju ke
form A12 Klik link Detail Barang
menuju ke form A13 Klik link Shopping Card
menuju ke form A14 Klik link History menuju ke
form A18 Klik link Dibayar menuju ke
form A18A Klik link detail menuju ke
form A19 Klik link Logout menuju ke
form A01 Klik link Teks Kategori
menuju ke form A09
Teks Shoping Cart
Pelayanan Online
Gambar
Home Cara Pemesanan
Profil Kontak
Produk Logout
Shopping Card History
Id Username
Tgl. Pesan Total
Dibayar Tgl di Bayar Tgl_Kirim
Status Total Bayar
Proses Detail Dibayar
Form History
Form Pembayaran
A18A
Id_Pesanan :
Total Bayar :
Kode Transaksi :
Simpan Batal
Tanggal bayar :
Nama Bank :
Gambar 3.42 Form History
m. Form detail pengiriman
Banner
Selamt Datang
Kategori
Teks Kategori Teks Kategori
Teks Kategori
Go
Gambar
Teks
A19
Keterangan : Ukuran Layar : Dinamis Default 1280x800
Type Ukuran Font : sans-serif 10px Warna Latar : FFFFFF, 0C25B6, F8C055, 58A4DE
Profil Member Klik link home menuju ke
form A08 Klik link Produk menuju ke
form A09 Klik link Cara Pemesanan
menuju ke form A10 Klik link Profil menuju ke
form A11 Klik link Kontak menuju ke
form A12 Klik link Detail Barang
menuju ke form A13 Klik link Shopping Card
menuju ke form A14 Klik link History menuju ke
form A18 Klik link Logout menuju ke
form A01 Klik link Teks Kategori
menuju ke form A09
Teks Shoping Cart
Pelayanan Online
Gambar
Home Cara Pemesanan
Profil Kontak
Produk Logout
Shopping Card History
Form Detail Pesanan Nama Pengirim
: Alamat Kirim
: Kota Kirim
: Id barang
Produk Jumlah
Harga Detail Alamat Pengiriman barang
Gambar 3.43 Form detail pengiriman
3. Antar muka Administrator a. Form login
Administrator
Gambar 3.44 Form login Administrator
b. Form Home Administrator
Banner B02
Home Logout
Selamat Datang Profil
Administrator Klik link home menuju ke
form B02 Klik link Logout menuju ke
form A01 Klik link Tambah Barang
menuju ke form B03 Klik link Lihat Barang
menuju ke form B04 Klik link Tambah Kategori
menuju ke form B05 Klik link Lihat Kategori
menuju ke form B06 Klik link Tambah Kota
menuju ke form B07 Klik link Lihat Kota menuju
ke form B08 Klik link Semua Pesanan
menuju ke form B09 Klik link Status Pesanan
“Batal” menuju ke form B13 Klik link Status Pesanan
“Expired” menuju form B14 Klik link Status Pesanan
“Expired” menuju form B17 Klik link lihat Pembayaran
menuju form B18
Pengelolaan Barang Tambah Barang
Lihat Barang Pengelolaan Kategori
Tambah Kategori Lihat Kategori
Pengelolaan Kota
Tambah Kota Lihat Kota
Pengelolaan Pesanan Semua Pesanan
Status Pesanan “Dipesan
”
Keterangan : Ukuran Layar : Dinamis Default 1280x800
Type Ukuran Font : sans-serif 10px Warna Latar : FFFFFF, 0C25B6, F8C055, 58A4DE
Teks Status Pesanan “Dibayar
”
Status Pesanan “Dikirim
”
Status Pesanan “Batal
”
Status Pesanan “Expired
”
Halaman Administrator
Lihat Pembayaran
Gambar 3.45 Form home administrator
c. Form Tambah Barang
Banner B03
Home Logout
Selamat Datang Profil
Administrator Klik link home menuju ke
form B02 Klik link Logout menuju ke
form A01 Klik link Tambah Barang
menuju ke form B03 Klik link Lihat Barangl
menuju ke form B04 Klik link Tambah Kategori
menuju ke form B05 Klik link Lihat Kategori
menuju ke form B06 Klik link Tambah Kota
menuju ke form B07 Klik link Lihat Kota menuju
ke form B08 Klik link Semua Pesanan
menuju ke form B09 Klik link Status Pesanan
“Dipesan” menuju ke form B10
Klik llink Status Pesanan “Dibayar”menuju ke form
B11 Klik link Status Pesanan
“Dikirim” menuju ke form B12
Klik link Status Pesanan “Batal” menuju ke form B13
Klik link Status Pesanan “Expired” menuju form B14
Klik Tombol Simpan menuju Ke B03
Klik Tombol Batal menuju Ke B03
Klik link lihat Pembayaran menuju form B18
Pengelolaan Barang Tambah Barang
Lihat Barang Pengelolaan Kategori
Tambah Kategori Lihat Kategori
Pengelolaan Kota
Tambah Kota Lihat Kota
Pengelolaan Pesanan Semua Pesanan
Status Pesanan “Dipesan
”
Keterangan : Ukuran Layar : Dinamis Default 1280x800
Type Ukuran Font : sans-serif 10px Warna Latar : FFFFFF, 0C25B6, F8C055, 58A4DE
Teks Status Pesanan “Dibayar
”
Status Pesanan “Dikirim
”
Status Pesanan “Batal
”
Status Pesanan “Expired
”
Form Tambah Barang Nama Barang
Gambar Browser
Kategori Harga
Keterangan Simpan
Batal Stok
Feature Berat
Lihat Pembayaran
Gambar 3.46 Form tambah barang
d. Form Lihat Barang
Gambar 3.47 Form lihat barang
e. Form Tambah Kategori
Gambar 3.48 Form tambah kategori
f. Form
Lihat Kategori
Banner B06
Home Logout
Selamat Datang Profil
Administrator
Klik link home menuju ke form B02
Klik link Logout menuju ke form A01
Klik link Tambah Barang menuju ke form B03
Klik link Lihat Barangl menuju ke form B04
Klik link Tambah Kategori menuju ke form B05
Klik link Lihat Kategori menuju ke form B06
Klik link Tambah Kota menuju ke form B07
Klik link Lihat Kota menuju ke form B08
Klik link Semua Pesanan menuju ke form B09
Klik link Status Pesanan “Dipesan” menuju ke form B10
Klik llink Status Pesanan “Dibayar”menuju ke form B11
Klik link Status Pesanan “Dikirim” menuju ke form B12
Klik link Status Pesanan “Batal” menuju ke form B13
Klik link Status Pesanan “Expired” menuju form B14
Klik Tombol Ubah menuju ke B06X
Klik Tombol Hapus menuju ke B06
Klik Tombol Simpan menuju ke form B06
Klik Tombol batal menuju ke form B06
Pengelolaan Barang Tambah Barang
Lihat Barang Pengelolaan Kategori
Tambah Kategori Lihat Kategori
Pengelolaan Kota
Tambah Kota Lihat Kota
Pengelolaan Pesanan Semua Pesanan
Status Pesanan “Dipesan
”
Keterangan : Ukuran Layar : Dinamis Default 1280x800
Type Ukuran Font : sans-serif 10px Warna Latar : FFFFFF, 0C25B6, F8C055, 58A4DE
Teks Status Pesanan “Dibayar
”
Status Pesanan “Dikirim
”
Status Pesanan “Batal
”
Status Pesanan “Expired
”
Form Lihat Kategori
Nama Kategori Keterangan
Simpan Batal
No Nama_Kategori
Keterangan Proses
Ubah Hapus
Form Ubah Kategori
B06X
Lihat Pembayaran
Gambar 3.49 Form lihat kategori
g. Form Tambah Kota
Gambar 3.50 Form Tambah Kota
h. Form Lihat Kota
Banner B08
Home Logout
Selamat Datang Profil
Administrator
Klik link home menuju ke form B02
Klik link Logout menuju ke form A01
Klik link Tambah Barang menuju ke form B03
Klik link Lihat Barangl menuju ke form B04
Klik link Tambah Kategori menuju ke form B05
Klik link Lihat Kategori menuju ke form B06
Klik link Tambah Kota menuju ke form B07
Klik link Lihat Kota menuju ke form B08
Klik link Semua Pesanan menuju ke form B09
Klik link Status Pesanan “Dipesan” menuju ke form B10
Klik llink Status Pesanan “Dibayar”menuju ke form B11
Klik link Status Pesanan “Dikirim” menuju ke form B12
Klik link Status Pesanan “Batal” menuju ke form B13
Klik link Status Pesanan “Expired” menuju form B14
Klik Tombol Ubah menuju ke form B08X
Klik Tombol Hapus menuju ke form B08
Klik Tombol Simpan menuju ke form B08
Klik Tombol batal menuju ke form B08
Klik link lihat Pembayaran menuju form B18
Pengelolaan Barang Tambah Barang
Lihat Barang Pengelolaan Kategori
Tambah Kategori Lihat Kategori
Pengelolaan Kota
Tambah Kota Lihat Kota
Pengelolaan Pesanan Semua Pesanan
Status Pesanan “Dipesan
”
Keterangan : Ukuran Layar : Dinamis Default 1280x800
Type Ukuran Font : sans-serif 10px Warna Latar : FFFFFF, 0C25B6, F8C055, 58A4DE
Teks Status Pesanan “Dibayar
”
Status Pesanan “Dikirim
”
Status Pesanan “Batal
”
Status Pesanan “Expired
”
Form Lihat Kota
Nama Kota Harga
Simpan Batal
No Nama_Kota
Harga Proses
Ubah Hapus
Form Ubah Kota
B08X
Lihat Pembayaran
Gambar 3.51 Form lihat kota
i. Form
Pesanan
Banner B09
Home Logout
Selamat Datang Profil
Administrator
Klik link home menuju ke form B02
Klik link Logout menuju ke form A01
Klik link Tambah Barang menuju ke form B03
Klik link Lihat Barangl menuju ke form B04
Klik link Tambah Kategori menuju ke form B05
Klik link Lihat Kategori menuju ke form B06
Klik link Tambah Kota menuju ke form B07
Klik link Lihat Kota menuju ke form B08
Klik link Semua Pesanan menuju ke form B09
Klik link Status Pesanan “Dipesan” menuju ke form B10
Klik llink Status Pesanan “Dibayar”menuju ke form B11
Klik link Status Pesanan “Dikirim” menuju ke form B12
Klik link Status Pesanan “Batal” menuju ke form B13
Klik link Lihat Admin menuju ke form B16
Klik Tombol Detail menuju ke Form B10
Klik Tombol Status menuju ke Form B09X
Klik Tombol Hapus menuju ke form B09
Klik Tombol Simpan menuju ke form B09
Klik link lihat Pembayaran menuju form B18
Pengelolaan Barang Tambah Barang
Lihat Barang Pengelolaan Kategori
Tambah Kategori Lihat Kategori
Pengelolaan Kota
Tambah Kota Lihat Kota
Pengelolaan Pesanan Semua Pesanan
Status Pesanan “Dipesan
”
Keterangan : Ukuran Layar : Dinamis Default 1280x800
Type Ukuran Font : sans-serif 10px Warna Latar : FFFFFF, 0C25B6, F8C055, 58A4DE
Teks Status Pesanan “Dibayar
”
Status Pesanan “Dikirim
”
Status Pesanan “Batal
”
Status Pesanan “Expired
”
Form Pesanan
Id Username
Tgl. Pesan Total
Dibayar Tgl di Bayar Tgl_Kirim
Status Total Bayar
Proses Status
Detail Batal
Form Pembayaran
B09X
Id_Pesanan :
Total Bayar :
Total Dibayar :
Simpan Batal
Lihat pembayaran
Gambar 3.52 Form Pesanan
j. Form
Detail Pesanan
Gambar 3.53 Form detail pesanan
4. Antar muka Super Administrator a.
Form login Super Administrator
B01
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 B02a
Username Login Administrator
Password Login
Gambar 3.54 Form login super administrator
b. Form
Tambah Administrator
Gambar 3.55 Form tambah administrator
a. Form Lihat Administrator
Banner B16
Home Logout
Selamat Datang Profil
Administrator
Keterangan : Ukuran Layar : Dinamis Default 1280x800
Type Ukuran Font : sans-serif 10px Warna Latar : FFFFFF, 0C25B6, F8C055, 58A4DE
Teks Form Lihat Administrator
Username Password
Status_admin Form Ubah Administrator
B16X
Pengolahan Admin Tambah Administrator
Lihat Administrator Klik link home menuju ke form
B02 Klik link Logout menuju ke form
A01 Klik Tombol Simpan menuju ke
form B12 Klik Tombol batal menuju ke
form B12 Klik link Tambah Admin
menuju ke form B15 Klik link Lihat Admin menuju ke
form B16 Klik tombol Ubah menuju ke
form B16X Klik tombol Hapus menuju ke
form B16 Proses
Username Password
Simpan Batal
Ubah Hapus
Hakakses
Hakakses Status_admin
Gambar 3.56 Form lihat administrator
3.2.3.2 Perancangan pesan
C06
C07 C08
Alamat masih kosong OK
Kota masih kosong OK
Telepon masih kosong OK
C05 OK
Nama Masih Kosong C04
Email masih kosong OK
C10 Telepon tidak valid
OK C09
Email tidak valid OK
C13 Regitrasi Member Berhasil
Silahkan Login . C11
Email Sudah Ada C12
Username Sudah Ada C01
Username masih kosong OK
C02 Password masih kosong
OK C03
Password II masih kosong OK
C19 Password minimal 6 karakter
OK C15
Password dan Password II tidak boleh sama OK
C14 Terima Kasih ,
detail pesanan anda telah dikirimkan ke email”alamat email”
C16 Username salah
C17 Password salah
C18 Password II salah
C20 C21
Nama kota masih kosong OK
Harga masih kosong OK
Gambar 3.57 Perancangan pesan
3.3 Jaringan semantik