87
4 Dari bank
varchar 30
5 bayar
int 11
6 id_pemesanan
varchar 5 Foreign Key, Referance tb_pemesanan
id_pemesanan
3.2.4 Perancangan Arsitektural
Perancangan arsitektur perangkat lunak mencakup struktur keseluruhan perangkat lunak dan cara di mana struktur memberikan integrasi konseptual bagi
suatu sistem. Perancangan arsitektur perangkat lunak dari terdiri dari :
3.2.5 Perancangan Arsitektur Menu
Perancangan menu dibuat dengan harapan agar pengguna dapat menggunakan aplikasi tanpa kesulitan.
3.2.5.1 Struktur Menu Pengunjung
Struktur menu dari aplikasi yang akan dibangun terdiri dari struktur menu untuk hak akses sebagai pengunjung dapat dilihat pada gambar 3.23
Produk baru Menu Utama
Prosuk Spesial
Akun Keranjang
Belanja Tentang
kami FAQ
Hubungi kami
Daftar
Gambar 3.23 Struktur Menu Pengunjung
3.2.5.2 Struktur Menu Member
Struktur menu dari aplikasi yang akan dibangun terdiri dari struktur menu untuk hak akses sebagai member dapat dilihat pada gambar 3.24
88
Login
Produk Baru
Menu Utama
Produk Special
Akun Keranjang
Belanja Tentang
kami FAQ
Hubungi kami
History pemesanan
Logout
Gambar 3.24 Struktur Menu member
3.2.5.3 Struktur Menu Admin
Struktur menu dari aplikasi yang akan dibangun terdiri dari struktur menu untuk hak akses sebagai admin dapat dilihat pada gambar 3.25
Login
Home
Menu Utama
Admin
Produk Kategori
Laporan Transaksi
Pemesanan Proses
Logout
Provinsi Pembayaran
Kota Admin
Retur Pemesanan
Baru Laporan
Pemesanan
Laporan Pengiriman
Laporan Pembayaran
Member Kurir
Kontak BackUp
Database Restore
Database
Gambar 3.25 Struktur Menu Admin
89
3.2.6 Perancangan Antarmuka
Perancangan antarmuka yang dibangun dalma palikasi ini terdiri dari : 1. Perancangan menu pengunjung
a. Halaman Utama
F01
LOGO
ALPHA INTERDESIGN
Daftar Belanja
Home Produk baru Produk Spesial
Akun Tentang
Kami FAQ
Hubungi kami
Audio Cabinet Lemari
Linear Set Mags Rack
Service Pantry
Alpha Interdesign
Email Password
Daftar | Lupa password
Search
Ukuran 1024 x 768 Warna sesuai dengan setting windows
Warna tema Putih
Keranjang belanja
Home | Produk Baru | Produk Spesial | Akun | Keranjang Belanja | Tentang Kami | FAQ | Hubungi Kami
Klik Login untuk masuk ke layar
F01A Klik Produk Baru
untuk masuk ke layar F02A
Klik Produk Spesial untuk masuk ke
layar F03A Klik Akun
menampilkan M01 Klik shopping untuk
masuki ke layar F05A
Klik untukTentang Kami untuk masuk
ke layar F06A Klik FAQ untuk
masuk ke layar F07A
Klik Hubungi Kami untuk masuk ke
layar F08 Klik Daftar untuk
masuk keF09
gambar gambar
Login cari
Gambar 3.26 Halaman utama pengunjung
b. Halaman Produk Baru
F02
LOGO
ALPHA INTERDESIGN
Daftar Belanja
Home Produk baru Produk Spesial
Akun Tentang
Kami FAQ
Hubungi kami
Audio Cabinet Lemari
Linear Set Mags Rack
Service Pantry
Alpha Interdesign
Email Password
Daftar | Lupa password
Search
Ukuran 1024 x 768 Warna sesuai dengan setting windows
Warna tema Putih
Keranjang belanja
Home | Produk Baru | Produk Spesial | Akun | Keranjang Belanja | Tentang Kami | FAQ | Hubungi Kami
Klik Login untuk masuk ke layar
F01A Klik Produk Baru
untuk masuk ke layar F02A
Klik Produk Spesial untuk masuk ke
layar F03A Klik Akun
menampilkan M01 Klik shopping untuk
masuki ke layar F05A
Klik untukTentang Kami untuk masuk
ke layar F06A Klik FAQ untuk
masuk ke layar F07A
Klik Hubungi Kami untuk masuk ke
layar F08 Klik Daftar untuk
masuk keF09
gambar gambar
Login cari
Gambar 3.27 Halaman Produk Baru
90
c. Halaman Produk Spesial
F03
LOGO
ALPHA INTERDESIGN
Daftar Belanja
Home Produk baru Produk Spesial
Akun Tentang
Kami FAQ
Hubungi kami
Audio Cabinet Lemari
Linear Set Mags Rack
Service Pantry
Alpha Interdesign
Email Password
Daftar | Lupa password
Search
Ukuran 1024 x 768 Warna sesuai dengan setting windows
Warna tema Putih
Keranjang belanja
Home | Produk Baru | Produk Spesial | Akun | Keranjang Belanja | Tentang Kami | FAQ | Hubungi Kami
Klik Login untuk masuk ke layar
F01A Klik Produk Baru
untuk masuk ke layar F02A
Klik Produk Spesial untuk masuk ke
layar F03A Klik Akun
menampilkan M01 Klik shopping untuk
masuki ke layar F05A
Klik untukTentang Kami untuk masuk
ke layar F06A Klik FAQ untuk
masuk ke layar F07A
Klik Hubungi Kami untuk masuk ke
layar F08 Klik Daftar untuk
masuk keF09
gambar gambar
Login cari
Gambar 3.28 Halaman Produk Spesial
d. Akun saya
F04
LOGO
ALPHA INTERDESIGN
Daftar Belanja
Home Produk baru Produk Spesial
Akun Tentang
Kami FAQ
Hubungi kami
Audio Cabinet Lemari
Linear Set Mags Rack
Service Pantry
Email Password
Daftar | Lupa password
Search
Ukuran 1024 x 768 Warna sesuai dengan setting windows
Warna tema Putih
Keranjang belanja
Home | Produk Baru | Produk Spesial | Akun | Keranjang Belanja | Tentang Kami | FAQ | Hubungi Kami
Klik Login untuk masuk ke layar
F01A Klik Produk Baru
untuk masuk ke layar F02A
Klik Produk Spesial untuk masuk ke
layar F03A Klik Akun
menampilkan M01 Klik shopping untuk
masuki ke layar F05A
Klik untukTentang Kami untuk masuk
ke layar F06A Klik FAQ untuk
masuk ke layar F07A
Klik Hubungi Kami untuk masuk ke
layar F08 Klik Daftar untuk
masuk keF09
Informasi Maaf sebelum belanja anda di haruskan login terlebih
dahulu, bagi yang sudah menjadi member kami silahkan langsung login.
Untuk member baru silahkan melakukan Daftar Terlebih dahulu
Login cari
Gambar 3.29 Halaman AkunSaya
91
e. Keranjang Belanja
F05
LOGO
ALPHA INTERDESIGN
Daftar Belanja
Home Produk baru Produk Spesial
Akun Tentang
Kami FAQ
Hubungi kami
Audio Cabinet Lemari
Linear Set Mags Rack
Service Pantry
Email Password
Daftar | Lupa password
Search
Ukuran 1024 x 768 Warna sesuai dengan setting windows
Warna tema Putih
Keranjang belanja
Home | Produk Baru | Produk Spesial | Akun | Keranjang Belanja | Tentang Kami | FAQ | Hubungi Kami
Klik Login untuk masuk ke layar
F01A Klik Produk Baru
untuk masuk ke layar F02A
Klik Produk Spesial untuk masuk ke
layar F03A Klik Akun
menampilkan M01 Klik shopping untuk
masuki ke layar F05A
Klik untukTentang Kami untuk masuk
ke layar F06A Klik FAQ untuk
masuk ke layar F07A
Klik Hubungi Kami untuk masuk ke
layar F08 Klik Daftar untuk
masuk keF09
Informasi Maaf sebelum belanja anda di haruskan login terlebih
dahulu, bagi yang sudah menjadi member kami silahkan langsung login.
Untuk member baru silahkan melakukan Daftar Terlebih dahulu
Login cari
Gambar 3.30 HalamanKeranjang Belanja
f. Tentang Kami
F06
LOGO
ALPHA INTERDESIGN
Daftar Belanja
Home Produk baru Produk Spesial
Akun Tentang
Kami FAQ
Hubungi kami
Audio Cabinet Lemari
Linear Set Mags Rack
Service Pantry
Email Password
Daftar | Lupa password
Search
Ukuran 1024 x 768 Warna sesuai dengan setting windows
Warna tema Putih
Keranjang belanja
Home | Produk Baru | Produk Spesial | Akun | Keranjang Belanja | Tentang Kami | FAQ | Hubungi Kami
Klik Login untuk masuk ke layar
F01A Klik Produk Baru
untuk masuk ke layar F02A
Klik Produk Spesial untuk masuk ke
layar F03A Klik Akun
menampilkan M01 Klik shopping untuk
masuki ke layar F05A
Klik untukTentang Kami untuk masuk
ke layar F06A Klik FAQ untuk
masuk ke layar F07A
Klik Hubungi Kami untuk masuk ke
layar F08 Klik Daftar untuk
masuk keF09
deskripsi Login
cari
Tentang Kami
Gambar 3.31 Halaman Tentang Kami
92
g. FAQ
F07
LOGO
ALPHA INTERDESIGN
Daftar Belanja
Home Produk baru Produk Spesial
Akun Tentang
Kami FAQ
Hubungi kami
Audio Cabinet Lemari
Linear Set Mags Rack
Service Pantry
Email Password
Daftar | Lupa password
Search
Ukuran 1024 x 768 Warna sesuai dengan setting windows
Warna tema Putih
Keranjang belanja
Home | Produk Baru | Produk Spesial | Akun | Keranjang Belanja | Tentang Kami | FAQ | Hubungi Kami
Klik Login untuk masuk ke layar
F01A Klik Produk Baru
untuk masuk ke layar F02A
Klik Produk Spesial untuk masuk ke
layar F03A Klik Akun
menampilkan M01 Klik shopping untuk
masuki ke layar F05A
Klik untukTentang Kami untuk masuk
ke layar F06A Klik FAQ untuk
masuk ke layar F07A
Klik Hubungi Kami untuk masuk ke
layar F08 Klik Daftar untuk
masuk keF09
DESKRIPSI Login
cari
FAQ
Gambar 3.32 Halaman FAQ
h. Hubungi Kami
F07
LOGO
ALPHA INTERDESIGN
Daftar Belanja
Home Produk baru Produk Spesial
Akun Tentang
Kami FAQ
Hubungi kami
Audio Cabinet Lemari
Linear Set Mags Rack
Service Pantry
Email Password
Daftar | Lupa password
Search
Ukuran 1024 x 768 Warna sesuai dengan setting windows
Warna tema Putih
Keranjang belanja
Home | Produk Baru | Produk Spesial | Akun | Keranjang Belanja | Tentang Kami | FAQ | Hubungi Kami
Klik Login untuk masuk ke layar
F01A Klik Produk Baru
untuk masuk ke layar F02A
Klik Produk Spesial untuk masuk ke
layar F03A Klik Akun
menampilkan M01 Klik shopping untuk
masuki ke layar F05A
Klik untukTentang Kami untuk masuk
ke layar F06A Klik FAQ untuk
masuk ke layar F07A
Klik Hubungi Kami untuk masuk ke
layar F08 Klik Daftar untuk
masuk keF09
Login cari
Hubungi Kami
Nama Email
Pesan
kirim reset
Gambar 3.33 Halaman Hubungi Kami
93
i. Daftar
F09
LOGO
ALPHA INTERDESIGN
Daftar Belanja
Audio Cabinet Bedroom
Bas Tool Hang
Linear Set Kitchen Set
Mags Rack Service Pantry
Square Table Box Table
Registrasi
Ukuran 1024 x 768 Warna sesuai dengan setting windows
Warna tema Putih Nama
Alamat Provinsi
Kota kab Kode Pos
Telp Klik new Product
untuk masuk ke layar F02
Klik Special Produk untuk masuk ke
layar F03 Klik my acoount
atau tampil pesan tampil M01
Klik shopping untuk masuki ke layar F05
atau tampil pesan M01
Klik untuk about untuk masuk ke
layar F06 Klik FAQ untuk
masuk ke layar F07 Klik testimonial
untuk masuk ke layar F08
Klik daftar untuk masuk ke layar F09
Klik tombol daftar unutk menyimpan
data registrasi Klik reset untuk
mengulang pengisian data
registrasi Tampil M02
Email Password
Re-enter Password
Account Login Home
Produk baru Produk Spesial Akun
Tentang kami FAQ
Hubungi kami
Keranjang belanja
Home | Produk Baru | Produk Spesial | Akun | Keranjang Belanja | Tentang Kami | FAQ | Hubungi Kami
daftar reset
Pilih Provinsi Pilih KotaKab
Gambar 3.34 Halaman daftar
2. Perancangan menu member a. Halaman utama member login
F01
LOGO
ALPHA INTERDESIGN
Daftar Belanja
Home Produk baru Produk Spesial
Akun Cara Belanja
Tentang kami
FAQ
Alpha Interdesign
Email Password
Daftar | Lupa password
Search
Ukuran 1024 x 768 Warna sesuai dengan setting windows
Warna tema Putih
Keranjang belanja
Home | Produk Baru | Produk Spesial | Akun | Keranjang Belanja | Tentang Kami | FAQ | Hubungi Kami
Klik Login untuk masuk ke layar
F01A Klik Produk Baru
untuk masuk ke layar F02A
Klik Spesial Produk untuk masuk ke
layar F03A Klik Akun F04A
Klik Keranjang Belanja untuk
masuki ke layar F05A
Klik untuk Tentang Kami untuk masuk
ke layar F06A Klik FAQ untuk
masuk ke layar F07A
Klik Hubungi Kami untuk masuk ke
layar F08
gambar gambar
Login
cari Welcome Guest
Audio Cabinet Lemari
Linear Set Mags Rack
Service Pantry
Gambar 3.35 Halaman utama member login
94
b. Halaman home
F01A
LOGO
ALPHA INTERDESIGN
Daftar Belanja
Home Produk baru Produk Spesial
Akun Cara Belanja
Tentang kami
FAQ
Alpha Interdesign
Search
Ukuran 1024 x 768 Warna sesuai dengan setting windows
Warna tema Putih
Keranjang belanja
Home | Produk Baru | Produk Spesial | Akun | Keranjang Belanja | Tentang Kami | FAQ | Hubungi Kami | Logout
Klik Login untuk masuk ke layar
F01A Klik Produk Baru
untuk masuk ke layar F02A
Klik Spesial Produk untuk masuk ke
layar F03A Klik Akun F04A
Klik Keranjang Belanja untuk
masuki ke layar F05A
Klik untuk Tentang Kami untuk masuk
ke layar F06A Klik FAQ untuk
masuk ke layar F07A
Klik Hubungi Kami untuk masuk ke
layar F08 Klik History
Pemesanan untuk masuk ke F09A
Klik add to cart untuk menyimpan
pesanan Klik Logout
kemabali ke F01
gambar gambar
cari Welcome lin
Audio Cabinet Lemari
Linear Set Mags Rack
Service Pantry History Pemesanan
Logout
Add to cart Add to cart
Gambar 3.36 Halaman home member
c. Halaman Produk Baru
F02A
LOGO
ALPHA INTERDESIGN
Daftar Belanja
Home Produk baru Produk Spesial
Akun Cara Belanja
Tentang kami
FAQ
Produk Baaru
Search
Ukuran 1024 x 768 Warna sesuai dengan setting windows
Warna tema Putih
Keranjang belanja
Home | Produk Baru | Produk Spesial | Akun | Keranjang Belanja | Tentang Kami | FAQ | Hubungi Kami | Logout
Klik Login untuk masuk ke layar
F01A Klik Produk Baru
untuk masuk ke layar F02A
Klik Spesial Produk untuk masuk ke
layar F03A Klik Akun F04A
Klik Keranjang Belanja untuk
masuki ke layar F05A
Klik untuk Tentang Kami untuk masuk
ke layar F06A Klik FAQ untuk
masuk ke layar F07A
Klik Hubungi Kami untuk masuk ke
layar F08 Klik History
Pemesanan untuk masuk ke F09A
Klik add to cart untuk menyimpan
pesanan Klik Logout
kemabali ke F01
gambar gambar
cari Welcome lin
Audio Cabinet Lemari
Linear Set Mags Rack
Service Pantry History Pemesanan
Logout
Add to cart Add to cart
Gambar 3.37 Produk Baru member
95
d. HalamanProduk Spesial
F03A
LOGO
ALPHA INTERDESIGN
Daftar Belanja
Home Produk baru Produk Spesial
Akun Cara Belanja
Tentang kami
FAQ
Spesial
Search
Ukuran 1024 x 768 Warna sesuai dengan setting windows
Warna tema Putih
Keranjang belanja
Home | Produk Baru | Produk Spesial | Akun | Keranjang Belanja | Tentang Kami | FAQ | Hubungi Kami | Logout
Klik Login untuk masuk ke layar
F01A Klik Produk Baru
untuk masuk ke layar F02A
Klik Spesial Produk untuk masuk ke
layar F03A Klik Akun F04A
Klik Keranjang Belanja untuk
masuki ke layar F05A
Klik untuk Tentang Kami untuk masuk
ke layar F06A Klik FAQ untuk
masuk ke layar F07A
Klik Hubungi Kami untuk masuk ke
layar F08 Klik History
Pemesanan untuk masuk ke F09A
Klik add to cart untuk menyimpan
pesanan Klik Logout
kemabali ke F01
gambar gambar
cari Welcome lin
Audio Cabinet Lemari
Linear Set Mags Rack
Service Pantry History Pemesanan
Logout
Add to cart Add to cart
Gambar 3.38 Halaman Produk Spesial member
e. Halaman Akun Saya
F04A
LOGO
ALPHA INTERDESIGN
Daftar Belanja
Akun Saya
History Pemesanan
Search
Ukuran 1024 x 768 Warna sesuai dengan setting windows
Warna tema Putih KlikProduk Baru
untuk masuk ke layar F02A
Klik Produk Spesial untuk masuk ke
layar F03A Klik Akun F04A
KlikKernajang Belanja untuk
masuki ke layar F05A
Klik untuk Tentang Kami untuk masuk
ke layar F06A Klik FAQ untuk
masuk ke layar F07A
Klik hubungi Kami untuk masuk ke
layar F08A Klik Histori untuk
masuk ke layar F09A
Klik Ubah Passwor untuk masuk ke
F10A Klik Ubah Profile
untuk masuk ke F10A2
Klik logout untuk kembali ke F01
Klik cari unruk mendapatkan data
yang sesuai
Home Produk baru Produk Spesial
Akun Tentang
Kami FAQ
Hubungi kami
Keranjang belanja Logout
Welcome linda
Home | Produk Baru | Produk Spesial | Akun | Keranjang Belanja | Tentang Kami | FAQ | Hubungi Kami | Logout
Nama Alamat
Email Provinsi
Kota Telepon
Audio Cabinet Lemari
Linear Set Mags Rack
Service Pantry
Ubah Password Ubah Profile
Cari
Gambar 3.39 Halaman Akun Saya member
96
f. Halaman Keranjang Belanja
F05A
LOGO
ALPHA INTERDESIGN
Daftar Belanja
Keranjang Belanja Anda
History Pemesanan
Search
Ukuran 1024 x 768 Warna sesuai dengan setting windows
Warna tema Putih
KlikProduk Baru untuk masuk ke
layar F02A Klik Produk Spesial
untuk masuk ke layar F03A
Klik Akun F04A KlikKernajang
Belanja untuk masuki ke layar
F05A Klik untuk Tentang
Kami untuk masuk ke layar F06A
Klik FAQ untuk masuk ke layar
F07A Klik hubungi Kami
untuk masuk ke layar F08A
Klik Histori untuk masuk ke layar
F09A Klik logout untuk
kembali ke F01 Klik cari unruk
mendapatkan data yang sesuai
Home Produk baru Produk Spesial
Akun Tentang
Kami EAQ
Hubungi kami
Keranjang belanja Logout
Welcome linda Nama Produk | Ukuran | Harga | Disc | Qty | Subtotal
Total Harga
Home | Produk Baru | Produk Spesial | Akun | Keranjang Belanja | Tentang Kami |FAQ | Hubungi Kami | Logout
Audio Cabinet Lemari
Linear Set Mags Rack
Service Pantry update
delete checkout
Kembali belanja cari
Kosongkan Keranjang
Gambar 3.40 Keranjang Belanja member
g. Halaman Tentang Kami
F06A
LOGO
ALPHA INTERDESIGN
Daftar Belanja
Home Produk baru Produk Spesial
Akun Cara Belanja
Tentang kami
FAQ
Tentang Kami
Search
Ukuran 1024 x 768 Warna sesuai dengan setting windows
Warna tema Putih
Keranjang belanja
Home | Produk Baru | Produk Spesial | Akun | Keranjang Belanja | Tentang Kami | FAQ | Hubungi Kami | Logout
Klik Login untuk masuk ke layar
F01A Klik Produk Baru
untuk masuk ke layar F02A
Klik Spesial Produk untuk masuk ke
layar F03A Klik Akun F04A
Klik Keranjang Belanja untuk
masuki ke layar F05A
Klik untuk Tentang Kami untuk masuk
ke layar F06A Klik FAQ untuk
masuk ke layar F07A
Klik Hubungi Kami untuk masuk ke
layar F08 Klik History
Pemesanan untuk masuk ke F09A
Klik add to cart untuk menyimpan
pesanan Klik Logout
kemabali ke F01
Deskripsi
cari Welcome lin
Audio Cabinet Lemari
Linear Set Mags Rack
Service Pantry History Pemesanan
Logout
Gambar 3.41 Halaman Tentang Kami member
97
h. Halaman FAQ
F07A
LOGO
ALPHA INTERDESIGN
Daftar Belanja
Audio Cabinet Bedroom
Bas Tool Hang
Linear Set Kitchen Set
Mags Rack Service Pantry
Square Table Box Table
Aturan Retur
Deskripsi
History Pemesanan
Search Cari
Home Produk baru Produk Spesial
Akun Cara Belanja
Aturan Retur
Hubungi kami
Keranjang belanja Logout
Welcome linda
Home | Produk Baru | Produk Spesial | Akun | Keranjang Belanja | Cara Belanja | Aturan Retur | Hubungi Kami | Logout
F07A
LOGO
ALPHA INTERDESIGN
Daftar Belanja
Home Produk baru Produk Spesial
Akun Cara Belanja
Tentang kami
FAQ
FAQ
Search
Ukuran 1024 x 768 Warna sesuai dengan setting windows
Warna tema Putih
Keranjang belanja
Home | Produk Baru | Produk Spesial | Akun | Keranjang Belanja | Tentang Kami | FAQ | Hubungi Kami | Logout
Klik Login untuk masuk ke layar
F01A Klik Produk Baru
untuk masuk ke layar F02A
Klik Spesial Produk untuk masuk ke
layar F03A Klik Akun F04A
Klik Keranjang Belanja untuk
masuki ke layar F05A
Klik untuk Tentang Kami untuk masuk
ke layar F06A Klik FAQ untuk
masuk ke layar F07A
Klik Hubungi Kami untuk masuk ke
layar F08 Klik History
Pemesanan untuk masuk ke F09A
Klik add to cart untuk menyimpan
pesanan Klik Logout
kemabali ke F01
Deskripsi
cari Welcome lin
Audio Cabinet Lemari
Linear Set Mags Rack
Service Pantry History Pemesanan
Logout
Gambar 3.42 Halaman FAQ member
i. Halaman Hubungi Kami
F07
LOGO
ALPHA INTERDESIGN
Daftar Belanja
Home Produk baru Produk Spesial
Akun Tentang
Kami FAQ
Hubungi kami
Audio Cabinet Lemari
Linear Set Mags Rack
Service Pantry
Email Password
Daftar | Lupa password
Search
Ukuran 1024 x 768 Warna sesuai dengan setting windows
Warna tema Putih
Keranjang belanja
Home | Produk Baru | Produk Spesial | Akun | Keranjang Belanja | Tentang Kami | FAQ | Hubungi Kami | Logout
Klik Login untuk masuk ke layar
F01A Klik Produk Baru
untuk masuk ke layar F02A
Klik Spesial Produk untuk masuk ke
layar F03A Klik Akun F04A
Klik Keranjang Belanja untuk
masuki ke layar F05A
Klik untuk Tentang Kami untuk masuk
ke layar F06A Klik FAQ untuk
masuk ke layar F07A
Klik Hubungi Kami untuk masuk ke
layar F08 Klik History
Pemesanan untuk masuk ke F09A
Klik add to cart untuk menyimpan
pesanan Klik Logout
kemabali ke F01
Login cari
Hubungi Kami
Nama Email
Pesan
kirim reset
Logout
Gambar 3.43 Halaman Hubungi Kami member
98
j. Halaman History Pemesanan
F09A
LOGO
ALPHA INTERDESIGN
Daftar Belanja
History belanjaan anda
History Pemesanan
Search
Ukuran 1024 x 768 Warna sesuai dengan setting windows
Warna tema Putih Klik new Product
untuk masuk ke layar F02A
Klik Special Produk untuk masuk ke
layar F03A Klik my acoount
F04A Klik shopping untuk
masuki ke layar F05A
Klik untuk about untuk masuk ke
layar F06A Klik FAQ untuk
masuk ke layar F07A
Klik testimonial untuk masuk ke
layar F08A Klik Histori untuk
masuk ke layar Klik logout untuk
kembali ke F01 Klik cari unruk
mendapatkan data yang sesuai
Klik konfirmasi embayarn untuk
masuk ke F11 Klik retur untuk
masuk ke layar F11A
Home Produk baru Produk Spesial
Akun Tentang
Kami FAQ
Hubungi kami
Keranjang belanja Logout
Welcome linda 1. Tanggal
– waktu | no Faktur Nama Produk | Harga | Disc | Qty | Sub Total | Status
Klik Konfirmasi untuk pembayran | klik retur untuk meretur barang
Home | Produk Baru | Produk Spesial | Akun | Keranjang Belanja | Tentang Kami | FAQ | Hubungi Kami | Logout
Audio Cabinet Lemari
Linear Set Mags Rack
Service Pantry cari
Gambar 3.44 Halaman History Pemesanan
k. Halaman Ubah Password
F10A
LOGO
ALPHA INTERDESIGN
Daftar Belanja
Ubah Password
History Pemesanan
Search
Ukuran 1024 x 768 Warna sesuai dengan setting windows
Warna tema Putih KlikProduk Baru
untuk masuk ke layar F02A
Klik Produk Spesial untuk masuk ke
layar F03A Klik Akun F04A
KlikKernajang Belanja untuk
masuki ke layar F05A
Klik untuk Tentang Kami untuk masuk
ke layar F06A Klik FAQ untuk
masuk ke layar F07A
Klik hubungi Kami untuk masuk ke
layar F08A Klik Histori untuk
masuk ke layar F09A
Klik Ubah Passwor untuk masuk ke
F10A Klik Ubah Profile
untuk masuk ke F10A2
Klik logout untuk kembali ke F01
Klik cari unruk mendapatkan data
yang sesuai
Home Produk baru Produk Spesial
Akun Tentang
Kami FAQ
Hubungi kami
Keranjang belanja Logout
Welcome linda
Home | Produk Baru | Produk Spesial | Akun | Keranjang Belanja | Tentang Kami | FAQ | Hubungi Kami | Logout
Email Password lama
Password baru Ulangi password
baru Audio Cabinet
Lemari Linear Set
Mags Rack Service Pantry
Ubah Password Ubah Profile
Cari
Gambar 3.45 Halaman Ubah Password
99
l. Halaman Ubah Profil
F10A
LOGO
ALPHA INTERDESIGN
Daftar Belanja
Akun Saya
History Pemesanan
Search
Ukuran 1024 x 768 Warna sesuai dengan setting windows
Warna tema Putih KlikProduk Baru
untuk masuk ke layar F02A
Klik Produk Spesial untuk masuk ke
layar F03A Klik Akun F04A
KlikKernajang Belanja untuk
masuki ke layar F05A
Klik untuk Tentang Kami untuk masuk
ke layar F06A Klik FAQ untuk
masuk ke layar F07A
Klik hubungi Kami untuk masuk ke
layar F08A Klik Histori untuk
masuk ke layar F09A
Klik Ubah Passwor untuk masuk ke
F10A Klik Ubah Profile
untuk masuk ke F10A2
Klik logout untuk kembali ke F01
Klik cari unruk mendapatkan data
yang sesuai
Home Produk baru Produk Spesial
Akun Tentang
Kami FAQ
Hubungi kami
Keranjang belanja Logout
Welcome linda
Home | Produk Baru | Produk Spesial | Akun | Keranjang Belanja | Tentang Kami | FAQ | Hubungi Kami | Logout
xxxxxxxxxxxxxxx Nama
xxxxxxxxxxxxxxxxxxxxx Alamat
xxxxxxxxxxxxxx Email
xxxxxxxxxxxxxxxx Provinsi
xxxxxxxxxxxxxxxxxx Kota
xxxxxxxxxxxxxx Telepon
Audio Cabinet Lemari
Linear Set Mags Rack
Service Pantry
update cancel
Cari
Gambar 3.46 Halaman Ubah Profill
m. Halaman Konfirmasi Pembayaran
F11
LOGO
ALPHA INTERDESIGN
Daftar Belanja
Audio Cabinet Bedroom
Bas Tool Hang
Konfirmasi Pembayaran
Pembayaran via transfer bank
History Pemesanan
Search
Ukuran 1024 x 768 Warna sesuai dengan setting windows
Warna tema Putih Klik new Product
untuk masuk ke layar F02A
Klik Special Produk untuk masuk ke
layar F03A Klik my acoount
F04A Klik shopping untuk
masuki ke layar F05A
Klik untuk about untuk masuk ke
layar F06A Klik FAQ untuk
masuk ke layar F07A
Klik testimonial untuk masuk ke
layar F08A Klik Histori untuk
masuk ke layar Klik logout untuk
kembali ke F01 Klik cari unruk
mendapatkan data yang sesuai
Home Produk baru Produk Spesial
Akun Tentang kami
FAQ Hubungi
kami Keranjang belanja
Logout
Welcome linda
Home | Produk Baru | Produk Spesial | Akun | Keranjang Belanja | Tentang Kami | FAQ | Hubungi Kami | Logout
cari xxxxxxx
xxxxxxx xxxxxxx
xxxxxxx
xxxxxxx xxxxxxx
xxxxxxx Pilih bank
Kode faktur Jumlah bayar
50 Biaya kirim
Total hatus dibayar
Ke bank Dari bank
No rekening Pembayaran atas
nama
Pembayaran via paypal
Kirim checkout with paypal
Gambar 3.47 Halaman Konfirmasi Pembayaran
100
n. Halaman Konfirmasi Retur
F11A
LOGO
ALPHA INTERDESIGN
Daftar Belanja
Audio Cabinet Bedroom
Bas Tool Hang
Konfirmasi Retur
History Pemesanan
Search
Ukuran 1024 x 768 Warna sesuai dengan setting windows
Warna tema Putih Klik new Product
untuk masuk ke layar F02A
Klik Special Produk untuk masuk ke
layar F03A Klik my acoount
F04A Klik shopping untuk
masuki ke layar F05A
Klik untuk about untuk masuk ke
layar F06A Klik FAQ untuk
masuk ke layar F07A
Klik testimonial untuk masuk ke
layar F08A Klik Histori untuk
masuk ke layar Klik logout untuk
kembali ke F01 Klik cari unruk
mendapatkan data yang sesuai
Home Produk baru Produk Spesial
Akun Tentang kami
FAQ Hubungi
kami Keranjang belanja
Logout
Welcome linda
Home | Produk Baru | Produk Spesial | Akun | Keranjang Belanja | Tentang Kami | FAQ | Hubungi Kami | Logout
Id pemesanan : 99 Nama produk : xxxx
Harga : xxxxx Alas an retur : xxxxxxxxxxx
cari kirim
Gambar 3.48 Halaman Konfirmasi Retur
3. Perancangan menu admin a. Menu login
Banner
F01B
Alpha Interdesign
Footer
Halaman admin
Gambar
Selamat datang admin
Username Password
Klik Login jika data valid Akan masuk ke F02B
Jika tidak akan muncul M02
Ukuran 1024 x 768 Warna sesuai dengan setting windows
Warna tema Putih dan abu-abu Login
Gambar 3.49 Halaman Login admin
101
b. Halaman utama
Home
F02B
Alpha Interdesign
Footer
Halaman admin
Selamat datang admin
Klik vew kategori untuk masuk ke layar F03B
Klik tambah kategori untuk masuk ke layar F03C
Klik Produk view untuk masuk ke layar F04B
Klik Produk Tambah untuk masuk kelayar F04C
Klik Provinsi view untuk masuk ke layar F05B
Klik Provinsi Tambah untuk masuk ke layar F05C
Klik Kota view untuk masuk ke layar F06B
Klik Kota Tambah untu masuk ke layar F06C
Klik admin view untuk masuk ke layar F08B
Klik admin tambah untuk masuk ke layar F08C
Klik member untuk masuk ke layar F12
Klik Kurir untuk masuk kelayar F13
Klik KontaK untuk masuk layar F14
Klik Backup databease untuk masuk layar F15
Klik Restore Database unntuk masuk ke layat F16
Klik Laporan Pemesanan untuk masuk ke layar F17
Klik Laporan Pembayaran untuk masuk ke layar F18
Klik Laporan Pengiriman untuk masuk ke layar F19
Klik Pemesanan Proses untuk masuk layar F20
Kllik Pemesanan Baru untuk masuk ke layar F21
Klik Pembayaran untuk masuk ke layar F22
Klik Retur untuk masuk ke layar F23
Master Lapoan
Transaksi Logout
Pencarian
Ukuran 1024 x 768 Warna sesuai dengan settingan widow
Warna tema Putih dan abu-abu Pilih Tabel
Cari Kategori --- view
tambah Produk --- view
tambah Provinsi --- view
tambah Kota ---- view
tambah Admin ---- view
tambah Member
Kurir Kontak
Backup Database Restore Database
Laporan Pemesanan Laporan Pembayaran
Laporan Pengiriman Pemesana proses
Pemesanan baru Pembayaran
Retur
Gambar 3.50 Halaman utama admin
c. Data Kategori – view
F03B
Alpha Interdesign
Footer
Halaman admin
View Kategori
pencarian
Ukuran 1024 x 768 Warna sesuai dengan setting windows
Warna tema Putih dan abu-abu Id_kategori
Nama dihapus
Action Data-data
Edit Home
Master Lapoan
Transaksi Logout
cari
Gambar 3.51 View kategori
102
d. Data Produk – view
F04B
Alpha Interdesign
Footer
Halaman admin
View Produk
pencarian
Ukuran 1024 x 768 Warna sesuai dengan setting windows
Warna tema Putih dan abu-abu Id_Produk
Kategori Nama
Action Data-data
Edit diskon
deskripsi Home
Master Lapoan
Transaksi Logout
cari
Gambar 3.52 View Produk
e. Data Provinsi – view
F05B
Alpha Interdesign
Footer
Halaman admin
View Provinsi
pencarian
Ukuran 1024 x 768 Warna sesuai dengan setting windows
Warna tema Putih dan abu-abu Id_Provinsi
Nama Action
Data-data Edit
Home Master
Lapoan Transaksi
Logout
cari
Gambar 3.53 View Provinsi
103
f. Data Kota - view
F06B
Alpha Interdesign
Footer
Halaman admin
View Kota
pencarian
Ukuran 1024 x 768 Warna sesuai dengan setting windows
Warna tema Putih dan abu-abu Id_Provinsi
Nama Action
Data-data Edit
Home Master
Lapoan Transaksi
Logout
cari Id_Kota
Keterangan Nama
Gambar 3.54 View Kota
g. Data Pemesanan
F07B
Alpha Interdesign
Footer
Halaman admin
View Pemesanan
Ukuran 1024 x 768 Warna sesuai dengan setting windows
Warna tema Putih dan abu-abu Id_pemesanan
Id_member Waktu
Action Data-data
Edit Detail pemesanan
Pembayaran Home
Master Lapoan
Transaksi Logout
Gambar 3.55 Data Pemesanan
104
h. Data admin – view
F08B
Alpha Interdesign
Footer
Halaman admin
View admin
pencarian
Ukuran 1024 x 768 Warna sesuai dengan settiung windows
Warna tema Putih dan abu-abu Id_admin
Nama Username
Action Data-data
Edit level
Home Master
Lapoan Transaksi
Logout
cari
Gambar 3.56 Admin view
i. Laporan Pemesanan
F07C
Alpha Interdesign
Footer
Halaman admin
Lapora Pemesanan
Klik kategori - view untuk Masuk ke layar F03B
Klik kategori – tambah untuk
Masuk ke layar F0C Klik produk
– view untuk masuk ke layar F04B
Klik produk – tambah untuk
masuk ke layar F04C Klik gambar
– view untuk masuk ke layar F05B
Klik gambar – tambah untuk
masuk ke layar F05C Klik ukuran
– view untuk masuk ke layar F06B
Klik ukuran – tambah untuk
masuk ke layar F06C Klik pemesanan untuk
masuk ke layar F07B Klik admin
– view untuk masuk ke layar F08B
Klik admin – tambah untuk
masuk ke layar F08C Klik Logout untuk kembali ke
F01B Klik edit untuk masuk ke
layar F07D Klik tombol cari untuk
mendapatkan data yang diinginkan atau tampil pesan
M05
pencarian
Ukuran 1024 x 768 Warna sesuai dengan setting windows
Warna tema Putih dan abu-abu Id_pemesanan
Id_member Waktu
Action Data-data
Edit Detail pemesanan
Pembayaran Home
Master Lapoan
Transaksi Logout
cari Pilih bulan
Pilih Tahun
Gambar 3.57 Laporan
105
3.27 Jaringan semantik
Berikut ini adalah jaringan semantik dari aplikasi pemesanan online pada ALPHA INTERDESIGN.
F04 F01
F02 F03
F05
F06 F07
F09 F08
Gambar 3.58 Jaringan Semantik Pengunjung
F04A F01A
F02A F03A
F05A
F06A F07A
F09A F08A
F11 F11A
F10A F10A2
Gambar 3.59 Jaringan Semantik Member
Kategori