3.2.9 Perancangan Arsitektur
Perancangan arsitektur merupakan perancangan yang dibuat sebelum program aplikasi dibuat. Dengan perancangan arsitektur akan mempermudah
proses, perancangan arsitektur pada sistem transaksi on-line SENTOSO yang akan dibangun adalah sebagai berikut :
A. Perancangan Struktur Menu
Perancangan struktur menu dari sistem penjualan SENTOSO berbasis web
sebagai berikut : 1. Struktur menu pengunjung dari sistem transaksi online SENTOSO
dapat dilihat pada gambar berikut
Pendaftaran Depan
Aplikasi E-Commerce Ikhrom Dan Handuk Letter di Cv. Sentoso
Cari Produk Keranjang Belanja
Cara Belanja Kontak
Tacking Produk Cara Bayar
Tambah Lihat
Produk terbaru Produk terlaku
Gambar 3-24 Struktur Menu Pengunjung
2. Struktur menu pelanggan dari sistem transaksi online SENTOSO dapat dilihat pada gambar berikut
Aplikasi E-Commerce Ikhrom Dan Handuk Letter di Cv. Sentoso
Login Lupa Password
Ubah Profil History Pesanan
Keranjang Belanja Depan
Cari Produk Cara Belanja
Cara Bayar Produk terbaru
Produk terlaku Konfirmasi
Kontak Logout
Lihat Tambah
Ubah Hapus
Gambar 3-25 Struktur Menu Pelanggan
3. Struktur menu petugas dari sistem transaksi online SENTOSO dapat dilihat pada gambar berikut
Login Beranda
Pesanan Retur
Member Komentar
Logout Data Master
Laporan Ubah Profil
Ubah Password
Kategori Jenis
Letter Barang
Provinsi Kota
Jasa Pengiriman Detail Pengiriman
Petugas
Lihat Tambah
Ubah Hapus
Member Pesanan
Retur
Gambar 3-26 Struktur Menu Petugas
B. Perancangan Antarmuka
Perancangan antamuka merupakan perancangan yang dibuat untuk memeberikan gambaran sebelum aplikasi dibangun. Perancangan antar muka
inputoutput, struktur dan tampilan dirancang sedemikian rupa agar mudah
dioperasikan oleh user yaitu : 1. Antarmuka Pengunjung
a. Antarmuka Beranda
BANNER LOGO Username
Password
Depan
Kategori Produk
Produk Baru
Gambar Keterangan Gambar
Produk Terlaku
Icon bank pembayaran
Gambar 1 Beli
LOGO PAYPAL
T01
Keterangan : Ukuran Layar : Dinamis
Tipeukuran font ;Arial 14 Warna Latar : Putih
- klik Depan menuju T01 - klik Kontak untuk
menuju T02 - klik Pendaftaran untuk
menuju T03 - klik Lupa Password untuk
menuju T04 - klik Keranjang
untuk menuju T05 - klik Cara Belanja untuk
menuju T06 - klik Cara Bayar untuk
menuju T07 - klik Cari untuk
menuju T08 - klik Konfirmasi Retur
untuk menuju T09 - klik Gambar,detail
untuk menuju T10 - klik Kategori untuk
menuju T11
Login
Kontak Pendaftaran
Lupa Password Lihat
Keranjang Jumlah : 0
Cara Belanja Cara Bayar
Komentar
Handuk Letter Handuk
Ikhrom Kimono
Mukena Sarung
Sajadah
Gambar Keterangan Gambar
Tracking Produk
Tracking Pesanan LOGO JNE
Copyright ® 2011 Yuli yanti CV. SENTOSO Jl.Cempaka Poncol Gg. 51b, Pekalongan, Jawa Tengah
Selamat Datang di Website kami
Detail Gambar 2
Beli Detail
Gambar 3 Beli
Detail Gambar 4
Beli Detail
Gambar 5 Beli
Detail Gambar 6
Beli Detail
Gambar 7 Beli
Detail Gambar 8
Beli Detail
Gambar 9 Beli
Detail Gambar 10
Beli Detail
Gambar 11 Beli
Detail Gambar 12
Beli Detail
Pencarian Produk
Kategori Jenis
Cari
Gambar 3-27 Perancangan Antarmuka Beranda
b. Antarmuka Kontak
BANNER LOGO Username
Password
Depan T02
Keterangan : Ukuran Layar : Dinamis
Tipeukuran font ;Arial 14 Warna Latar : Putih
- klik Depan menuju T01 - klik Kontak untuk
menuju T02 - klik Pendaftaran untuk
menuju T03 - klik Lupa Password untuk
menuju T04 - klik Keranjang
untuk menuju T05 - klik Cara Belanja untuk
menuju T06 - klik Cara Bayar untuk
menuju T07 - klik Cari untuk
menuju T08 - klik Konfirmasi Retur
untuk menuju T09 - klik Gambar,detail
untuk menuju T10 - klik Kategori untuk
menuju T11
Login
Kontak Pendaftaran
Lupa Password Lihat
Keranjang Jumlah : 0
Cara Belanja Cara Bayar
Komentar
Copyright ® 2011 Yuli yanti CV. SENTOSO Jl.Cempaka Poncol Gg. 51b, Pekalongan, Jawa Tengah
Selamat Datang di Website kami
Kontak Kami, LOGO
INSTANSI Jl. Cempaka Poncol Gg. 51b, Pekalongan,
Jawa Tengah Telepon : 0285 -520151 Layanan
Selama Jam kerja 08:00 sd 16:30 WIB
Fax : 0285 -521046 Email : pujisentoso.co.id
Kategori Produk
Produk Baru
Gambar Keterangan Gambar
Produk Terlaku
Icon bank pembayaran
LOGO PAYPAL
Handuk Letter Handuk
Ikhrom Kimono
Mukena Sarung
Sajadah
Gambar Keterangan Gambar
Tracking Produk
Tracking Pesanan LOGO JNE
Pencarian Produk
Kategori Jenis
Cari
Gambar 3-28 Perancangan Antarmuka Kontak
c. Antarmuka Pendaftaran
BANNER LOGO Username
Password
Depan T03
Keterangan : Ukuran Layar : Dinamis
Tipeukuran font ;Arial 14 Warna Latar : Putih
- klik Depan menuju T01 - klik Kontak untuk
menuju T02 - klik Pendaftaran untuk
menuju T03 - klik Lupa Password untuk
menuju T04 - klik Keranjang
untuk menuju T05 - klik Cara Belanja untuk
menuju T06 - klik Cara Bayar untuk
menuju T07 - klik Cari untuk
menuju T08 - klik Konfirmasi Retur
untuk menuju T09 - klik Gambar,detail
untuk menuju T10 - klik Kategori untuk
menuju T11
Login
Kontak Pendaftaran
Lupa Password Lihat
Keranjang Jumlah : 0
Cara Belanja Cara Bayar
Komentar
Copyright ® 2011 Yuli yanti CV. SENTOSO Jl.Cempaka Poncol Gg. 51b, Pekalongan, Jawa Tengah
Selamat Datang di Website kami
Nama Lengkap :
Provinsi :
Kota :
Alamat Tinggal :
Kode Pos :
No. Telepon :
No. HandPhone :
Email :
Username :
Password :
Ulang Password :
Daftar
Kategori Produk
Produk Baru
Gambar Keterangan Gambar
Produk Terlaku
Icon bank pembayaran
LOGO PAYPAL
Handuk Letter Handuk
Ikhrom Kimono
Mukena Sarung
Sajadah
Gambar Keterangan Gambar
Tracking Produk
Tracking Pesanan LOGO JNE
Pencarian Produk
Kategori Jenis
Cari
Gambar 3-29 Perancangan Antarmuka Pendaftaran
d. Antarmuka Lupa Password
Depan
Keterangan : Ukuran Layar : Dinamis
Tipeukuran font ;Arial 14 Warna Latar : Putih
- klik Depan menuju T01 - klik Kontak untuk
menuju T02 - klik Pendaftaran untuk
menuju T03 - klik Lupa Password untuk
menuju T04 - klik Keranjang
untuk menuju T05 - klik Cara Belanja untuk
menuju T06 - klik Cara Bayar untuk
menuju T07 - klik Cari untuk
menuju T08 - klik Konfirmasi Retur
untuk menuju T09 - klik Gambar,detail
untuk menuju T10 - klik Kategori untuk
menuju T11
Cara Belanja Cara Bayar
Komentar
Copyright ® 2011 Yuli yanti CV. SENTOSO Jl.Cempaka Poncol Gg. 51b, Pekalongan, Jawa Tengah
Selamat Datang di Website kami
Email :
Kirim Password ke Email Silahkan Masukkan Email Anda dibawah ini
BANNER LOGO Username
Password
T04 Login
Kontak Pendaftaran
Lupa Password Lihat
Keranjang Jumlah : 0
Kategori Produk
Produk Baru
Gambar Keterangan Gambar
Produk Terlaku
Icon bank pembayaran
LOGO PAYPAL
Handuk Letter Handuk
Ikhrom Kimono
Mukena Sarung
Sajadah
Gambar Keterangan Gambar
Tracking Produk
Tracking Pesanan LOGO JNE
Pencarian Produk
Kategori Jenis
Cari
Gambar 3-30 Perancangan Antarmuka Lupa Password
e. Antarmuka Lihat Keranjang
Depan
Keterangan : Ukuran Layar : Dinamis
Tipeukuran font ;Arial 14 Warna Latar : Putih
- klik Depan menuju T01 - klik Kontak untuk
menuju T02 - klik Pendaftaran untuk
menuju T03 - klik Lupa Password untuk
menuju T04 - klik Keranjang
untuk menuju T05 - klik Cara Belanja untuk
menuju T06 - klik Cara Bayar untuk
menuju T07 - klik Cari untuk
menuju T08 - klik Konfirmasi Retur
untuk menuju T09 - klik Gambar,detail
untuk menuju T10 - klik Kategori untuk
menuju T11
Cara Belanja Cara Bayar
Komentar
Copyright ® 2011 Yuli yanti CV. SENTOSO Jl.Cempaka Poncol Gg. 51b, Pekalongan, Jawa Tengah
Selamat Datang di Website kami
Keranjang Belanja
CHECK-OUT BANNER LOGO
Username Password
T05 Login
Kontak Pendaftaran
Lupa Password Lihat
Keranjang Jumlah : 0
Kategori Produk
Produk Baru
Gambar Keterangan Gambar
Produk Terlaku
Icon bank pembayaran
LOGO PAYPAL
Handuk Letter Handuk
Ikhrom Kimono
Mukena Sarung
Sajadah
Gambar Keterangan Gambar
Tracking Produk
Tracking Pesanan LOGO JNE
Pencarian Produk
Kategori Jenis
Cari
NAMA BARANG HAPUS HARGA QTY BERAT Kg SUBTOTAL
Handuk HDNL01 hapus Rp. 45.000 1 1 Rp. 45.000
SUBTOTAL BELANJA Kg Rp. 45.000
Tambah Barang
Gambar 3-31 Perancangan Antarmuka Lihat Keranjang
f. Antarmuka Cara Belanja
CARA BELANJA Langkah 1
Langkah 2 Langkah 3
Langkah 4 Langkah 5
Langkah 6 BANNER LOGO
Username Password
Depan T06
Keterangan : Ukuran Layar : Dinamis
Tipeukuran font ;Arial 14 Warna Latar : Putih
- klik Depan menuju T01 - klik Kontak untuk
menuju T02 - klik Pendaftaran untuk
menuju T03 - klik Lupa Password untuk
menuju T04 - klik Keranjang
untuk menuju T05 - klik Cara Belanja untuk
menuju T06 - klik Cara Bayar untuk
menuju T07 - klik Cari untuk
menuju T08 - klik Konfirmasi Retur
untuk menuju T09 - klik Gambar,detail
untuk menuju T10 - klik Kategori untuk
menuju T11
Login
Kontak Pendaftaran
Lupa Password Lihat
Keranjang Jumlah : 0
Cara Belanja Cara Bayar
Komentar
Copyright ® 2011 Yuli yanti CV. SENTOSO Jl.Cempaka Poncol Gg. 51b, Pekalongan, Jawa Tengah
Selamat Datang di Website kami
Kategori Produk
Produk Baru
Gambar Keterangan Gambar
Produk Terlaku
Icon bank pembayaran
LOGO PAYPAL
Handuk Letter Handuk
Ikhrom Kimono
Mukena Sarung
Sajadah
Gambar Keterangan Gambar
Tracking Produk
Tracking Pesanan LOGO JNE
Pencarian Produk
Kategori Jenis
Cari
Gambar 3-32 Perancangan Antarmuka Cara Belanja
g. Antarmuka Cara Bayar
CARA BAYAR Langkah 1
Langkah 2 Langkah 3
Langkah 4 Langkah 5
Langkah 6 BANNER LOGO
Username Password
Depan T07
Keterangan : Ukuran Layar : Dinamis
Tipeukuran font ;Arial 14 Warna Latar : Putih
- klik Depan menuju T01 - klik Kontak untuk
menuju T02 - klik Pendaftaran untuk
menuju T03 - klik Lupa Password untuk
menuju T04 - klik Keranjang
untuk menuju T05 - klik Cara Belanja untuk
menuju T06 - klik Cara Bayar untuk
menuju T07 - klik Cari untuk
menuju T08 - klik Konfirmasi Retur
untuk menuju T09 - klik Gambar,detail
untuk menuju T10 - klik Kategori untuk
menuju T11
Login
Kontak Pendaftaran
Lupa Password Lihat
Keranjang Jumlah : 0
Cara Belanja Cara Bayar
Komentar
Copyright ® 2011 Yuli yanti CV. SENTOSO Jl.Cempaka Poncol Gg. 51b, Pekalongan, Jawa Tengah
Selamat Datang di Website kami
Kategori Produk
Produk Baru
Gambar Keterangan Gambar
Produk Terlaku
Icon bank pembayaran
LOGO PAYPAL
Handuk Letter Handuk
Ikhrom Kimono
Mukena Sarung
Sajadah
Gambar Keterangan Gambar
Tracking Produk
Tracking Pesanan LOGO JNE
Pencarian Produk
Kategori Jenis
Cari
Gambar 3-33 Perancangan Antarmuka Cara Bayar
h. Antarmuka Pencarian
BANNER LOGO Username
Password
Depan T08
Keterangan : Ukuran Layar : Dinamis
Tipeukuran font ;Arial 14 Warna Latar : Putih
- klik Depan menuju T01 - klik Kontak untuk
menuju T02 - klik Pendaftaran untuk
menuju T03 - klik Lupa Password untuk
menuju T04 - klik Keranjang
untuk menuju T05 - klik Cara Belanja untuk
menuju T06 - klik Cara Bayar untuk
menuju T07 - klik Cari untuk
menuju T08 - klik Konfirmasi Retur
untuk menuju T09 - klik Gambar,detail
untuk menuju T10 - klik Kategori untuk
menuju T11
Login
Kontak Pendaftaran
Lupa Password Lihat
Keranjang Jumlah : 0
Cara Belanja Cara Bayar
Komentar
Copyright ® 2011 Yuli yanti CV. SENTOSO Jl.Cempaka Poncol Gg. 51b, Pekalongan, Jawa Tengah
Selamat Datang di Website kami
DATA BARANG YANG DICARI GAMBAR
…………………………………… ……………………………………
…………………………………… ………
Rp. 0.00 BELI
GAMBAR ……………………………………
…………………………………… ……………………………………
……… Rp. 0.00
BELI
Kategori Produk
Produk Baru
Gambar Keterangan Gambar
Produk Terlaku
Icon bank pembayaran
LOGO PAYPAL
Handuk Letter Handuk
Ikhrom Kimono
Mukena Sarung
Sajadah
Gambar Keterangan Gambar
Tracking Produk
Tracking Pesanan LOGO JNE
Pencarian Produk
Kategori Jenis
Cari
Gambar 3-34 Perancangan Antarmuka Pencarian
i. Antarmuka Komentar
Komentar
BANNER LOGO Username
Password
Depan T09
Keterangan : Ukuran Layar : Dinamis
Tipeukuran font ;Arial 14 Warna Latar : Putih
- klik Depan menuju T01 - klik Kontak untuk
menuju T02 - klik Pendaftaran untuk
menuju T03 - klik Lupa Password untuk
menuju T04 - klik Keranjang
untuk menuju T05 - klik Cara Belanja untuk
menuju T06 - klik Cara Bayar untuk
menuju T07 - klik Cari untuk
menuju T08 - klik Konfirmasi Retur
untuk menuju T09 - klik Gambar,detail
untuk menuju T10 - klik Kategori untuk
menuju T11
Login
Kontak Pendaftaran
Lupa Password Lihat
Keranjang Jumlah : 0
Cara Belanja Cara Bayar
Komentar
Copyright ® 2011 Yuli yanti CV. SENTOSO Jl.Cempaka Poncol Gg. 51b, Pekalongan, Jawa Tengah
Selamat Datang di Website kami Nama
: Komentar
: KIRIM
BATAL Kategori Produk
Produk Baru
Gambar Keterangan Gambar
Produk Terlaku
Icon bank pembayaran
LOGO PAYPAL
Handuk Letter Handuk
Ikhrom Kimono
Mukena Sarung
Sajadah
Gambar Keterangan Gambar
Tracking Produk
Tracking Pesanan LOGO JNE
Pencarian Produk
Kategori Jenis
Cari
Gambar 3-35 Perancangan Antarmuka Komentar
j. Antarmuka Gambar, Detail
Depan T10
Keterangan : Ukuran Layar : Dinamis
Tipeukuran font ;Arial 14 Warna Latar : Putih
- klik Depan menuju T01 - klik Kontak untuk
menuju T02 - klik Pendaftaran untuk
menuju T03 - klik Lupa Password untuk
menuju T04 - klik Keranjang
untuk menuju T05 - klik Cara Belanja untuk
menuju T06 - klik Cara Bayar untuk
menuju T07 - klik Cari untuk
menuju T08 - klik Konfirmasi Retur
untuk menuju T09 - klik Gambar,detail
untuk menuju T10 - klik Kategori untuk
menuju T11
Cara Belanja Cara Bayar
Konfirmasi Retur
Copyright ® 2011 Yuli yanti CV. SENTOSO Jl.Cempaka Poncol Gg. 51b, Pekalongan, Jawa Tengah
Selamat Datang di Website kami Gambar
Detail Barang
Kode Barang :
Nama Barang :
Kategori :
Jenis :
Warna :
Ukuran :
Letter :
Diskon :
Harga :
Keterangan :
Beli Detail
BANNER LOGO Username
Password
Login
Kontak Pendaftaran
Lupa Password Lihat
Keranjang Jumlah : 0
Kategori Produk
Produk Baru
Gambar Keterangan Gambar
Produk Terlaku
Icon bank pembayaran
LOGO PAYPAL
Handuk Letter Handuk
Ikhrom Kimono
Mukena Sarung
Sajadah
Gambar Keterangan Gambar
Tracking Produk
Tracking Pesanan LOGO JNE
Pencarian Produk
Kategori Jenis
Cari
G ambar 3-36 Perancangan Antarmuka Gambar, Detail
k. Antarmuka Kategori
Depan T11
Keterangan : Ukuran Layar : Dinamis
Tipeukuran font ;Arial 14 Warna Latar : Putih
- klik Depan menuju T01 - klik Kontak untuk
menuju T02 - klik Pendaftaran untuk
menuju T03 - klik Lupa Password untuk
menuju T04 - klik Keranjang
untuk menuju T05 - klik Cara Belanja untuk
menuju T06 - klik Cara Bayar untuk
menuju T07 - klik Cari untuk
menuju T08 - klik Konfirmasi Retur
untuk menuju T09 - klik Gambar,detail
untuk menuju T10 - klik Kategori untuk
menuju T11
Cara Belanja Cara Bayar
Konfirmasi Retur
Copyright ® 2011 Yuli yanti CV. SENTOSO Jl.Cempaka Poncol Gg. 51b, Pekalongan, Jawa Tengah
Selamat Datang di Website kami Gambar1
Kode Barang :
Nama Barang :
Warna :
Diskon :
Harga :
Beli Detail
BANNER LOGO Username
Password
Login
Kontak Pendaftaran
Lupa Password Lihat
Keranjang Jumlah : 0
Gambar2 Beli
Detail Kode Barang
: Nama Barang
: Warna
: Diskon
: Harga
: Gambar2
Beli Detail
Kode Barang :
Nama Barang :
Warna :
Diskon :
Harga :
Kategori Produk
Produk Baru
Gambar Keterangan Gambar
Produk Terlaku
Icon bank pembayaran
LOGO PAYPAL
Handuk Letter Handuk
Ikhrom Kimono
Mukena Sarung
Sajadah
Gambar Keterangan Gambar
Tracking Produk
Tracking Pesanan LOGO JNE
Pencarian Produk
Kategori Jenis
Cari
Gambar 3-37 Perancangan Antarmuka Kategori
2. Antarmuka Pelanggan a. Antarmuka Setelah Login
BANNER LOGO Hei..Username
[Lihat Profil]
Depan
Gambar 1 Beli
P01
Keterangan : Ukuran Layar : Dinamis
Tipeukuran font ;Arial 14 Warna Latar : Putih
- klik Depan untuk P01 - klik Lihat Profil untuk
menuju P02 - klik Ubah Profl untuk
menuju P03 - klik Ubah Password untuk
menuju P04 - klik Cara Bayar untuk
menuju P05 - klik Cara Bayar
untuk menuju P06 - klik Cara Belanja untuk
menuju P07 - klik Gambar,Detail untuk
menuju P08 - klik Search untuk
menuju P09 - klik Lihat Keranjang
untuk menuju P10 - klik Konfirmasi Retur
untuk menuju P11
Logout
Lihat Keranjang
Jumlah : 0
Cara Belanja Cara Bayar
Copyright ® 2011 Yuli yanti CV. SENTOSO Jl.Cempaka Poncol Gg. 51b, Pekalongan, Jawa Tengah
Selamat Datang di Website kami Detail
Gambar 2 Beli
Detail Gambar 3
Beli Detail
Gambar 4 Beli
Detail Gambar 5
Beli Detail
Gambar 6 Beli
Detail Gambar 7
Beli Detail
Gambar 8 Beli
Detail Gambar 9
Beli Detail
Gambar 10 Beli
Detail Gambar 11
Beli Detail
Gambar 12 Beli
Detail
Selamat Datang
[Ubah Profil] [Ubah Password]
History Pesanan :
Lihat History Pesanan
Konfirmasi Retur
Kategori Produk
Produk Baru
Gambar Keterangan Gambar
Produk Terlaku
Icon bank pembayaran
LOGO PAYPAL
Handuk Letter Handuk
Ikhrom Kimono
Mukena Sarung
Sajadah
Gambar Keterangan Gambar
Tracking Produk
Tracking Pesanan LOGO JNE
Pencarian Produk
Kategori Jenis
Cari
Gambar 3-38 Antarmuka pelanggan setelah login
b. Antarmuka Lihat Profil
Berikut Profil Anda
Nama Lengkap :
Email :
Provinsi :
Kota :
Alamat :
Kode Pos :
No. Telepon :
No. Handphone :
P02
Keterangan : Ukuran Layar : Dinamis
Tipeukuran font ;Arial 14 Warna Latar : Putih
- klik Depan untuk P01 - klik Lihat Profil untuk
menuju P02 - klik Ubah Profl untuk
menuju P03 - klik Ubah Password untuk
menuju P04 - klik Cara Bayar untuk
menuju P05 - klik Cara Bayar
untuk menuju P06 - klik Cara Belanja untuk
menuju P07 - klik Gambar,Detail untuk
menuju P08 - klik Search untuk
menuju P09 - klik Lihat Keranjang
untuk menuju P10 - klik Konfirmasi Retur
untuk menuju P11
Copyright ® 2011 Yuli yanti CV. SENTOSO Jl.Cempaka Poncol Gg. 51b, Pekalongan, Jawa Tengah
Selamat Datang di Website kami
BANNER LOGO Hei..Username
[Lihat Profil]
Logout
Lihat Keranjang
Jumlah : 0
Selamat Datang
[Ubah Profil] [Ubah Password]
History Pesanan :
Lihat History Pesanan
Depan Cara Belanja
Cara Bayar Konfirmasi Retur
Kategori Produk
Produk Baru
Gambar Keterangan Gambar
Produk Terlaku
Icon bank pembayaran
LOGO PAYPAL
Handuk Letter Handuk
Ikhrom Kimono
Mukena Sarung
Sajadah
Gambar Keterangan Gambar
Tracking Produk
Tracking Pesanan LOGO JNE
Pencarian Produk
Kategori Jenis
Cari
Gambar 3-39 Antarmuka lihat profil
c. Antarmuka Ubah Profil
Nama Lengkap :
Peovinsi :
Kota :
Email :
Alamat :
Kode Pos :
No. telepon :
No. Handphoe :
Ubah Profil Anda
Simpan Profil Batal
P03
Keterangan : Ukuran Layar : Dinamis
Tipeukuran font ;Arial 14 Warna Latar : Putih
- klik Depan untuk P01 - klik Lihat Profil untuk
menuju P02 - klik Ubah Profl untuk
menuju P03 - klik Ubah Password untuk
menuju P04 - klik Cara Bayar untuk
menuju P05 - klik Cara Bayar
untuk menuju P06 - klik Cara Belanja untuk
menuju P07 - klik Gambar,Detail untuk
menuju P08 - klik Search untuk
menuju P09 - klik Lihat Keranjang
untuk menuju P10 - klik Konfirmasi Retur
untuk menuju P11
Copyright ® 2011 Yuli yanti CV. SENTOSO Jl.Cempaka Poncol Gg. 51b, Pekalongan, Jawa Tengah
Selamat Datang di Website kami BANNER LOGO
Hei..Username [Lihat Profil]
Logout
Lihat Keranjang
Jumlah : 0
Selamat Datang
[Ubah Profil] [Ubah Password]
History Pesanan :
Lihat History Pesanan
Depan Cara Belanja
Cara Bayar Konfirmasi Retur
Kategori Produk
Produk Baru
Gambar Keterangan Gambar
Produk Terlaku
Icon bank pembayaran
LOGO PAYPAL
Handuk Letter Handuk
Ikhrom Kimono
Mukena Sarung
Sajadah
Gambar Keterangan Gambar
Tracking Produk
Tracking Pesanan LOGO JNE
Pencarian Produk
Kategori Jenis
Cari
Gambar 3-40 Antarmuka ubah profil
d. Antarmuka Ubah Password
Nama Lengkap :
Peovinsi :
Email :
Ubah Password
Simpan Password Batal
P04
Keterangan : Ukuran Layar : Dinamis
Tipeukuran font ;Arial 14 Warna Latar : Putih
- klik Depan untuk P01 - klik Lihat Profil untuk
menuju P02 - klik Ubah Profl untuk
menuju P03 - klik Ubah Password untuk
menuju P04 - klik Cara Bayar untuk
menuju P05 - klik Cara Bayar
untuk menuju P06 - klik Cara Belanja untuk
menuju P07 - klik Gambar,Detail untuk
menuju P08 - klik Search untuk
menuju P09 - klik Lihat Keranjang
untuk menuju P10 - klik Konfirmasi Retur
untuk menuju P11
Copyright ® 2011 Yuli yanti CV. SENTOSO Jl.Cempaka Poncol Gg. 51b, Pekalongan, Jawa Tengah
Selamat Datang di Website kami
BANNER LOGO Hei..Username
[Lihat Profil]
Logout
Lihat Keranjang
Jumlah : 0
Selamat Datang
[Ubah Profil] [Ubah Password]
History Pesanan :
Lihat History Pesanan
Depan Cara Belanja
Cara Bayar Konfirmasi Retur
Kategori Produk
Produk Baru
Gambar Keterangan Gambar
Produk Terlaku
Icon bank pembayaran
LOGO PAYPAL
Handuk Letter Handuk
Ikhrom Kimono
Mukena Sarung
Sajadah
Gambar Keterangan Gambar
Tracking Produk
Tracking Pesanan LOGO JNE
Pencarian Produk
Kategori Jenis
Cari
Gambar 3-41 Antarmuka ubah password
e. Antarmuka Cara Bayar
CARA BAYAR Langkah 1
Langkah 2 Langkah 3
Langkah 4 Langkah 5
Langkah 6
P05
Keterangan : Ukuran Layar : Dinamis
Tipeukuran font ;Arial 14 Warna Latar : Putih
- klik Depan untuk P01 - klik Lihat Profil untuk
menuju P02 - klik Ubah Profl untuk
menuju P03 - klik Ubah Password untuk
menuju P04 - klik Cara Bayar untuk
menuju P05 - klik Cara Bayar
untuk menuju P06 - klik Cara Belanja untuk
menuju P07 - klik Gambar,Detail untuk
menuju P08 - klik Search untuk
menuju P09 - klik Lihat Keranjang
untuk menuju P10 - klik Konfirmasi Retur
untuk menuju P11
Copyright ® 2011 Yuli yanti CV. SENTOSO Jl.Cempaka Poncol Gg. 51b, Pekalongan, Jawa Tengah
Selamat Datang di Website kami
BANNER LOGO Hei..Username
[Lihat Profil]
Logout
Lihat Keranjang
Jumlah : 0
Selamat Datang
[Ubah Profil] [Ubah Password]
History Pesanan :
Lihat History Pesanan
Depan Cara Belanja
Cara Bayar Konfirmasi Retur
Kategori Produk
Produk Baru
Gambar Keterangan Gambar
Produk Terlaku
Icon bank pembayaran
LOGO PAYPAL
Handuk Letter Handuk
Ikhrom Kimono
Mukena Sarung
Sajadah
Gambar Keterangan Gambar
Tracking Produk
Tracking Pesanan LOGO JNE
Pencarian Produk
Kategori Jenis
Cari
Gambar 3-42 Antarmuka cara bayar
f. Antarmuka Cara Belanja
BANNER LOGO Hei..Username
[Lihat Profil]
Logout
Lihat Keranjang
Jumlah : 0
Selamat Datang
[Ubah Profil] [Ubah Password]
History Pesanan :
Lihat History Pesanan
CARA BELANJA Langkah 1
Langkah 2 Langkah 3
Langkah 4 Langkah 5
Langkah 6
P06
Keterangan : Ukuran Layar : Dinamis
Tipeukuran font ;Arial 14 Warna Latar : Putih
- klik Depan untuk P01 - klik Lihat Profil untuk
menuju P02 - klik Ubah Profl untuk
menuju P03 - klik Ubah Password untuk
menuju P04 - klik Cara Bayar untuk
menuju P05 - klik Cara Bayar
untuk menuju P06 - klik Cara Belanja untuk
menuju P07 - klik Gambar,Detail untuk
menuju P08 - klik Search untuk
menuju P09 - klik Lihat Keranjang
untuk menuju P10 - klik Konfirmasi Retur
untuk menuju P11
Copyright ® 2011 Yuli yanti CV. SENTOSO Jl.Cempaka Poncol Gg. 51b, Pekalongan, Jawa Tengah
Selamat Datang di Website kami
Depan Cara Belanja
Cara Bayar Konfirmasi Retur
Kategori Produk
Produk Baru
Gambar Keterangan Gambar
Produk Terlaku
Icon bank pembayaran
LOGO PAYPAL
Handuk Letter Handuk
Ikhrom Kimono
Mukena Sarung
Sajadah
Gambar Keterangan Gambar
Tracking Produk
Tracking Pesanan LOGO JNE
Pencarian Produk
Kategori Jenis
Cari
Gambar 3-43 Antarmuka cara belanja
g. Antarmuka Detail Barang
BANNER LOGO Hei..Username
[Lihat Profil]
P07
Keterangan : Ukuran Layar : Dinamis
Tipeukuran font ;Arial 14 Warna Latar : Putih
- klik Depan untuk P01 - klik Lihat Profil untuk
menuju P02 - klik Ubah Profl untuk
menuju P03 - klik Ubah Password untuk
menuju P04 - klik Cara Bayar untuk
menuju P05 - klik Cara Bayar
untuk menuju P06 - klik Cara Belanja untuk
menuju P07 - klik Gambar,Detail untuk
menuju P08 - klik Search untuk
menuju P09 - klik Lihat Keranjang
untuk menuju P10 - klik Konfirmasi Retur
untuk menuju P11
Logout
Lihat Keranjang
Jumlah : 0
Copyright ® 2011 Yuli yanti CV. SENTOSO Jl.Cempaka Poncol Gg. 51b, Pekalongan, Jawa Tengah
Selamat Datang di Website kami
Selamat Datang
[Ubah Profil] [Ubah Password]
History Pesanan :
Lihat History Pesanan
Gambar
Detail Barang
Kode Barang :
Nama Barang :
Kategori :
Jenis :
Warna :
Ukuran :
Letter :
Diskon :
Harga :
Keterangan :
Beli Detail
Depan Cara Belanja
Cara Bayar Konfirmasi Retur
Kategori Produk
Produk Baru
Gambar Keterangan Gambar
Produk Terlaku
Icon bank pembayaran
LOGO PAYPAL
Handuk Letter Handuk
Ikhrom Kimono
Mukena Sarung
Sajadah
Gambar Keterangan Gambar
Tracking Produk
Tracking Pesanan LOGO JNE
Pencarian Produk
Kategori Jenis
Cari
Gambar 3-44 Antarmuka detail barang
h. Antarmuka Pencarian
BANNER LOGO Hei..Username
[Lihat Profil]
P08
Keterangan : Ukuran Layar : Dinamis
Tipeukuran font ;Arial 14 Warna Latar : Putih
- klik Depan untuk P01 - klik Lihat Profil untuk
menuju P02 - klik Ubah Profl untuk
menuju P03 - klik Ubah Password untuk
menuju P04 - klik Cara Bayar untuk
menuju P05 - klik Cara Bayar
untuk menuju P06 - klik Cara Belanja untuk
menuju P07 - klik Gambar,Detail untuk
menuju P08 - klik Search untuk
menuju P09 - klik Lihat Keranjang
untuk menuju P10 - klik Konfirmasi Retur
untuk menuju P11
Logout
Lihat Keranjang
Jumlah : 0
Copyright ® 2011 Yuli yanti CV. SENTOSO Jl.Cempaka Poncol Gg. 51b, Pekalongan, Jawa Tengah
Selamat Datang di Website kami
Selamat Datang
[Ubah Profil] [Ubah Password]
History Pesanan :
Lihat History Pesanan
DATA BARANG YANG DICARI GAMBAR
…………………………………… ……………………………………
…………………………………… ………
Rp. 0.00 BELI
GAMBAR ……………………………………
…………………………………… ……………………………………
……… Rp. 0.00
BELI Depan
Cara Belanja Cara Bayar
Konfirmasi Retur
Kategori Produk
Produk Baru
Gambar Keterangan Gambar
Produk Terlaku
Icon bank pembayaran
LOGO PAYPAL
Handuk Letter Handuk
Ikhrom Kimono
Mukena Sarung
Sajadah
Gambar Keterangan Gambar
Tracking Produk
Tracking Pesanan LOGO JNE
Pencarian Produk
Kategori Jenis
Cari
Gambar 3-45 Antarmuka Pencarian
i. Antarmuka Lihat Keranjang Belanja
BANNER LOGO Hei..Username
[Lihat Profil]
P09
Keterangan : Ukuran Layar : Dinamis
Tipeukuran font ;Arial 14 Warna Latar : Putih
- klik Depan untuk P01 - klik Lihat Profil untuk
menuju P02 - klik Ubah Profl untuk
menuju P03 - klik Ubah Password untuk
menuju P04 - klik Cara Bayar untuk
menuju P05 - klik Cara Bayar
untuk menuju P06 - klik Cara Belanja untuk
menuju P07 - klik Gambar,Detail untuk
menuju P08 - klik Search untuk
menuju P09 - klik Lihat Keranjang
untuk menuju P10 - klik Konfirmasi Retur
untuk menuju P11
Logout
Lihat Keranjang
Jumlah : 0
Copyright ® 2011 Yuli yanti CV. SENTOSO Jl.Cempaka Poncol Gg. 51b, Pekalongan, Jawa Tengah
Selamat Datang di Website kami
Selamat Datang
[Ubah Profil] [Ubah Password]
History Pesanan :
Lihat History Pesanan
Keranjang Belanja
NAMA BARANG HAPUS HARGA QTY BERAT Kg SUBTOTAL
Handuk HDNL01 hapus Rp. 45.000 1 1 Rp. 45.000
SUBTOTAL BELANJA Kg Rp. 45.000 CHECK-OUT
Depan Cara Belanja
Cara Bayar Konfirmasi Retur
Kategori Produk
Produk Baru
Gambar Keterangan Gambar
Produk Terlaku
Icon bank pembayaran
LOGO PAYPAL
Handuk Letter Handuk
Ikhrom Kimono
Mukena Sarung
Sajadah
Gambar Keterangan Gambar
Tracking Produk
Tracking Pesanan LOGO JNE
Pencarian Produk
Kategori Jenis
Cari
Tambah Barang
Gambar 3-46 Antarmuka keranjang belanja
j. Antarmuka Barang
P10
Keterangan : Ukuran Layar : Dinamis
Tipeukuran font ;Arial 14 Warna Latar : Putih
- klik Depan untuk P01 - klik Lihat Profil untuk
menuju P02 - klik Ubah Profl untuk
menuju P03 - klik Ubah Password untuk
menuju P04 - klik Cara Bayar untuk
menuju P05 - klik Cara Bayar
untuk menuju P06 - klik Cara Belanja untuk
menuju P07 - klik Gambar,Detail untuk
menuju P08 - klik Search untuk
menuju P09 - klik Lihat Keranjang
untuk menuju P10 - klik Konfirmasi Retur
untuk menuju P11
Copyright ® 2011 Yuli yanti CV. SENTOSO Jl.Cempaka Poncol Gg. 51b, Pekalongan, Jawa Tengah
Selamat Datang di Website kami Gambar1
Kode Barang :
Nama Barang :
Warna :
Diskon :
Harga :
Beli Detail
Gambar2 Beli
Detail Kode Barang
: Nama Barang
: Warna
: Diskon
: Harga
: Gambar2
Beli Detail
Kode Barang :
Nama Barang :
Warna :
Diskon :
Harga :
BANNER LOGO Hei..Username
[Lihat Profil]
Logout
Lihat Keranjang
Jumlah : 0
Selamat Datang
[Ubah Profil] [Ubah Password]
History Pesanan :
Lihat History Pesanan
Depan Cara Belanja
Cara Bayar Konfirmasi Retur
Kategori Produk
Produk Baru
Gambar Keterangan Gambar
Produk Terlaku
Icon bank pembayaran
LOGO PAYPAL
Handuk Letter Handuk
Ikhrom Kimono
Mukena Sarung
Sajadah
Gambar Keterangan Gambar
Tracking Produk
Tracking Pesanan LOGO JNE
Pencarian Produk
Kategori Jenis
Cari
Gambar 3-47 Antarmuka baran
k. Antarmuka Konfirmasi Retur
Konfirmasi Retur
P11
Keterangan : Ukuran Layar : Dinamis
Tipeukuran font ;Arial 14 Warna Latar : Putih
- klik Depan untuk P01 - klik Lihat Profil untuk
menuju P02 - klik Ubah Profl untuk
menuju P03 - klik Ubah Password untuk
menuju P04 - klik Cara Bayar untuk
menuju P05 - klik Cara Bayar
untuk menuju P06 - klik Cara Belanja untuk
menuju P07 - klik Gambar,Detail untuk
menuju P08 - klik Search untuk
menuju P09 - klik Lihat Keranjang
untuk menuju P10 - klik Konfirmasi Retur
untuk menuju P11
Copyright ® 2011 Yuli yanti CV. SENTOSO Jl.Cempaka Poncol Gg. 51b, Pekalongan, Jawa Tengah
Selamat Datang di Website kami
BANNER LOGO Hei..Username
[Lihat Profil]
Logout
Lihat Keranjang
Jumlah : 0
Selamat Datang
[Ubah Profil] [Ubah Password]
History Pesanan :
Lihat History Pesanan
Depan Cara Belanja
Cara Bayar Konfirmasi Retur
Nama No Transaksi
Keterangan
Kirim Konfirmasi Retur
Kategori Produk
Produk Baru
Gambar Keterangan Gambar
Produk Terlaku
Icon bank pembayaran
LOGO PAYPAL
Handuk Letter Handuk
Ikhrom Kimono
Mukena Sarung
Sajadah
Gambar Keterangan Gambar
Tracking Produk
Tracking Pesanan LOGO JNE
Pencarian Produk
Kategori Jenis
Cari
Gambar 3-48 Antarmuka Rettur
3. Antarmuka Petugas a. Antarmuka Sebelum Login
- Klik Login untuk menuju ke A02
Keterangan : Ukuran Layar : Dinamis
Tipeukuran font ;Arial 14 Warna Latar :Abu-abu
A01
USERNAME PASSWORD
Welcome to Admin, Please Login LOGIN
Gambar 3-49 Antarmuka sebelum login
b. Antarmuka Beranda
BANNER LOGO Selamat Datang : username
[ LOGOUT ] Home
Site Map
BERANDA DATA PEMBELI
Tanggal Daftar Belanja :
0 Item SELAMAT DATANG di TOKO ONLINE SUPPLIES
Gunakan fasilitas ini untuk melihat status pesanan.
No. belanja CARI
Produk Baru
Gambar Keterangan Gambar
Pembayaran
Icon bank pembayar
an Gambar 5
Gambar 6 Gambar 7
Gambar 8 Beli
Beli Beli
Beli Gambar 1
Gambar 2 Gambar 3
Gambar 4 Beli
Beli Beli
Beli Kategori
Jenis Warna
Harga sd
CARI Produk Terlaku
Gambar 1 Gambar 2
Gambar 3 Gambar 4
Gambar Keterangan Gambar
Produk Banyak Dilihat
Gambar Keterangan Gambar
LOGO PAYPAL
Produk Terpopuler Dibeli Produk Terpopuler Dilihat
Chat Langsung Dengan Costumer P0
KERANJANG BELANJA
Untuk mengubah jumlah barang, ketik jumlah yang dikehendaki di kolom QTY. Periksalah barang yang telah Anda pesan dengan benar. Lalu, pilihlah jasa pengiriman yang ingin Anda gunakan. Klik tombol Checkout untuk melanjutkan ke langkah berikutnya untuk mempercepat proses
belanja. Berikut ini adalah perincian isi keranjang belanja Anda 1 .
NAMA BARANG HAPUS HAGRA QTY BERAT Kg SUBTOTAL Tinta LaserJet 5200n Black Q7516A
Rp. 120.000 2
Rp. 120.00
SUBTOTAL BELANJA 2 Kg Rp. 120.000
Hapus 1
DATA PENGIRIMAN TIKI
JNE PANDU
Ongkos Kirim : Rp.0 x 2 Kg Rp. 0
Bila kota Anda tidak ada dalam daftar, pilihlah kota yang terdekat. Biaya diatas sudah termasuk biaya asuransi.
SUB TOTAL BELANJA : Rp. 120.000 TAMBAH BARANG
CHECKOUT TRANSAKSI
KATALOG
SELAMAT DATANG di TOKO ONLINE SUPPLIES Gunakan fasilitas ini untuk
melihat status pesanan. No. belanja
CARI
Gambar Keterangan Gambar
Icon bank pembayar
an Gambar 5
Gambar 6 Gambar 7
Gambar 8 Beli
Beli Beli
Beli Gambar 1
Gambar 2 Gambar 3
Gambar 4 Beli
Beli Beli
Beli Kategori
Jenis Warna
Harga sd
CARI
Gambar Keterangan Gambar
Copyright ® 2011 Yuli yanti CV. SENTOSO Jl.Cempaka Poncol Gg. 51b, Pekalongan, Jawa Tengah
A02
- Klik Beranda menuju A02 - klik Pesanan Menuju A03
- Klik Retur menuju A04 - Klik Komentar menuju A05
- klik logout menuju A01 - klik edit profile menuju
A06 - klik edit password menuju
A07 - klik tabel kategori untuk
menuju A08 - klik tabel jenis untuk
menuju A09 - klik tabel barang untuk
menuju A10 - klik tabel provinsi untuk
menuju A11 - klik tabel kota untuk
menuju A12 - klik tabel Detail pengiriman
untuk menuju A13 - klik tabel jasa pengiriman
untuk menuju A14 - klik tabel petugas
untuk menuju A15
Keterangan : Ukuran Layar : Dinamis
Tipeukuran font : Arial 14 Warna Latar : Putih
BANNER Beranda
Pesanan Retur
Komentar
Welcome : Admin Tanggal
Dipesan : 0 Dikonfirmasi : 0 Dibatalkan : 0 Dibayar : 0 Dikirim : 0
Menu
Edit Profile Edit Password
Master Produk
Tabel Kategori Tabel Jenis
Tabel Barang
Master Support
Tabel Provinsi Tabel Kota
Tabel Detail Pengiriman Tabel Jasa Pengiriman
Tabel Petugas
Laporan
MEMBER PESANAN
RETUR VIEW DATA PESANAN
VIEW DATA MEMBER Logout
VIEW BARANG TERLARIS VIEW BARANG BANYAK DILIHAT
Gambar 3-50 Antarmuka beranda
c. Antarmuka Pesanan
BANNER LOGO Selamat Datang : username
[ LOGOUT ] Home
Site Map
BERANDA DATA PEMBELI
Tanggal Daftar Belanja :
0 Item SELAMAT DATANG di TOKO ONLINE SUPPLIES
Gunakan fasilitas ini untuk melihat status pesanan.
No. belanja CARI
Produk Baru
Gambar Keterangan Gambar
Pembayaran
Icon bank pembayar
an Gambar 5
Gambar 6 Gambar 7
Gambar 8 Beli
Beli Beli
Beli Gambar 1
Gambar 2 Gambar 3
Gambar 4 Beli
Beli Beli
Beli Kategori
Jenis Warna
Harga sd
CARI Produk Terlaku
Gambar 1 Gambar 2
Gambar 3 Gambar 4
Gambar Keterangan Gambar
Produk Banyak Dilihat
Gambar Keterangan Gambar
LOGO PAYPAL
Produk Terpopuler Dibeli Produk Terpopuler Dilihat
Chat Langsung Dengan Costumer P0
KERANJANG BELANJA
Untuk mengubah jumlah barang, ketik jumlah yang dikehendaki di kolom QTY. Periksalah barang yang telah Anda pesan dengan benar. Lalu, pilihlah jasa pengiriman yang ingin Anda gunakan. Klik tombol Checkout untuk melanjutkan ke langkah berikutnya untuk mempercepat proses
belanja. Berikut ini adalah perincian isi keranjang belanja Anda 1 .
NAMA BARANG HAPUS HAGRA QTY BERAT Kg SUBTOTAL Tinta LaserJet 5200n Black Q7516A
Rp. 120.000 2
Rp. 120.00
SUBTOTAL BELANJA 2 Kg Rp. 120.000
Hapus 1
DATA PENGIRIMAN TIKI
JNE PANDU
Ongkos Kirim : Rp.0 x 2 Kg Rp. 0
Bila kota Anda tidak ada dalam daftar, pilihlah kota yang terdekat. Biaya diatas sudah termasuk biaya asuransi.
SUB TOTAL BELANJA : Rp. 120.000 TAMBAH BARANG
CHECKOUT TRANSAKSI
KATALOG
SELAMAT DATANG di TOKO ONLINE SUPPLIES Gunakan fasilitas ini untuk
melihat status pesanan. No. belanja
CARI
Gambar Keterangan Gambar
Icon bank pembayar
an Gambar 5
Gambar 6 Gambar 7
Gambar 8 Beli
Beli Beli
Beli Gambar 1
Gambar 2 Gambar 3
Gambar 4 Beli
Beli Beli
Beli Kategori
Jenis Warna
Harga sd
CARI
Gambar Keterangan Gambar
Copyright ® 2011 Yuli yanti CV. SENTOSO Jl.Cempaka Poncol Gg. 51b, Pekalongan, Jawa Tengah
A03
- Klik Beranda menuju A02 - klik Pesanan Menuju A03
- Klik Retur menuju A04 - Klik Komentar menuju A05
- klik logout menuju A01 - klik edit profile menuju
A06 - klik edit password menuju
A07 - klik tabel kategori untuk
menuju A08 - klik tabel jenis untuk
menuju A09 - klik tabel barang untuk
menuju A10 - klik tabel provinsi untuk
menuju A11 - klik tabel kota untuk
menuju A12 - klik tabel Detail pengiriman
untuk menuju A13 - klik tabel jasa pengiriman
untuk menuju A14 - klik tabel petugas
untuk menuju A15
Keterangan : Ukuran Layar : Dinamis
Tipeukuran font : Arial 14 Warna Latar : Putih
BANNER Beranda
Pesanan Retur
Komentar
Welcome : Admin Tanggal
Dipesan : 0 Dikonfirmasi : 0 Dibatalkan : 0 Dibayar : 0 Dikirim : 0
Menu
Edit Profile Edit Password
Master Produk
Tabel Kategori Tabel Jenis
Tabel Barang
Master Support
Tabel Provinsi Tabel Kota
Tabel Detail Pengiriman Tabel Jasa Pengiriman
Tabel Petugas
Laporan
MEMBER PESANAN
RETUR Logout
DAFTAR TRANSAKSI PESANAN Halaman 1
NO NO. PEMESANAN TANGGAL STATUS ACTION
PESAN BAYAR KIRIM
1 TRX105-01 10 May 2011 Dipesan
Gambar 3-51 Antarmuka pesanan
d. Antarmuka Retur
BANNER LOGO Selamat Datang : username
[ LOGOUT ] Home
Site Map
BERANDA DATA PEMBELI
Tanggal Daftar Belanja :
0 Item SELAMAT DATANG di TOKO ONLINE SUPPLIES
Gunakan fasilitas ini untuk melihat status pesanan.
No. belanja CARI
Produk Baru
Gambar Keterangan Gambar
Pembayaran
Icon bank pembayar
an Gambar 5
Gambar 6 Gambar 7
Gambar 8 Beli
Beli Beli
Beli Gambar 1
Gambar 2 Gambar 3
Gambar 4 Beli
Beli Beli
Beli Kategori
Jenis Warna
Harga sd
CARI Produk Terlaku
Gambar 1 Gambar 2
Gambar 3 Gambar 4
Gambar Keterangan Gambar
Produk Banyak Dilihat
Gambar Keterangan Gambar
LOGO PAYPAL
Produk Terpopuler Dibeli Produk Terpopuler Dilihat
Chat Langsung Dengan Costumer P0
KERANJANG BELANJA
Untuk mengubah jumlah barang, ketik jumlah yang dikehendaki di kolom QTY. Periksalah barang yang telah Anda pesan dengan benar. Lalu, pilihlah jasa pengiriman yang ingin Anda gunakan. Klik tombol Checkout untuk melanjutkan ke langkah berikutnya untuk mempercepat proses
belanja. Berikut ini adalah perincian isi keranjang belanja Anda 1 .
NAMA BARANG HAPUS HAGRA QTY BERAT Kg SUBTOTAL Tinta LaserJet 5200n Black Q7516A
Rp. 120.000 2
Rp. 120.00
SUBTOTAL BELANJA 2 Kg Rp. 120.000
Hapus 1
DATA PENGIRIMAN TIKI
JNE PANDU
Ongkos Kirim : Rp.0 x 2 Kg Rp. 0
Bila kota Anda tidak ada dalam daftar, pilihlah kota yang terdekat. Biaya diatas sudah termasuk biaya asuransi.
SUB TOTAL BELANJA : Rp. 120.000 TAMBAH BARANG
CHECKOUT TRANSAKSI
KATALOG
SELAMAT DATANG di TOKO ONLINE SUPPLIES Gunakan fasilitas ini untuk
melihat status pesanan. No. belanja
CARI
Gambar Keterangan Gambar
Icon bank pembayar
an Gambar 5
Gambar 6 Gambar 7
Gambar 8 Beli
Beli Beli
Beli Gambar 1
Gambar 2 Gambar 3
Gambar 4 Beli
Beli Beli
Beli Kategori
Jenis Warna
Harga sd
CARI
Gambar Keterangan Gambar
Copyright ® 2011 Yuli yanti CV. SENTOSO Jl.Cempaka Poncol Gg. 51b, Pekalongan, Jawa Tengah
A04
- Klik Beranda menuju A02 - klik Pesanan Menuju A03
- Klik Retur menuju A04 - Klik Komentar menuju A05
- klik logout menuju A01 - klik edit profile menuju
A06 - klik edit password menuju
A07 - klik tabel kategori untuk
menuju A08 - klik tabel jenis untuk
menuju A09 - klik tabel barang untuk
menuju A10 - klik tabel provinsi untuk
menuju A11 - klik tabel kota untuk
menuju A12 - klik tabel Detail pengiriman
untuk menuju A13 - klik tabel jasa pengiriman
untuk menuju A14 - klik tabel petugas
untuk menuju A15
Keterangan : Ukuran Layar : Dinamis
Tipeukuran font : Arial 14 Warna Latar : Putih
BANNER Beranda
Pesanan Retur
Komentar
Welcome : Admin Tanggal
Dipesan : 0 Dikonfirmasi : 0 Dibatalkan : 0 Dibayar : 0 Dikirim : 0
Menu
Edit Profile Edit Password
Master Produk
Tabel Kategori Tabel Jenis
Tabel Barang
Master Support
Tabel Provinsi Tabel Kota
Tabel Detail Pengiriman Tabel Jasa Pengiriman
Tabel Petugas
Laporan
MEMBER PESANAN
RETUR Logout
DAFTAR RETUR Halaman 1
NAMA PELANGGAN NO. TRANSAKSI KETERANGAN ACTION
Yuli TRX105-01 Barang Cacat
Gambar 3-52 Antarmuka retur
e. Antarmuka Komentar
BANNER LOGO Selamat Datang : username
[ LOGOUT ] Home
Site Map
BERANDA DATA PEMBELI
Tanggal Daftar Belanja :
0 Item SELAMAT DATANG di TOKO ONLINE SUPPLIES
Gunakan fasilitas ini untuk melihat status pesanan.
No. belanja CARI
Produk Baru
Gambar Keterangan Gambar
Pembayaran
Icon bank pembayar
an Gambar 5
Gambar 6 Gambar 7
Gambar 8 Beli
Beli Beli
Beli Gambar 1
Gambar 2 Gambar 3
Gambar 4 Beli
Beli Beli
Beli Kategori
Jenis Warna
Harga sd
CARI Produk Terlaku
Gambar 1 Gambar 2
Gambar 3 Gambar 4
Gambar Keterangan Gambar
Produk Banyak Dilihat
Gambar Keterangan Gambar
LOGO PAYPAL
Produk Terpopuler Dibeli Produk Terpopuler Dilihat
Chat Langsung Dengan Costumer P0
KERANJANG BELANJA
Untuk mengubah jumlah barang, ketik jumlah yang dikehendaki di kolom QTY. Periksalah barang yang telah Anda pesan dengan benar. Lalu, pilihlah jasa pengiriman yang ingin Anda gunakan. Klik tombol Checkout untuk melanjutkan ke langkah berikutnya untuk mempercepat proses
belanja. Berikut ini adalah perincian isi keranjang belanja Anda 1 .
NAMA BARANG HAPUS HAGRA QTY BERAT Kg SUBTOTAL Tinta LaserJet 5200n Black Q7516A
Rp. 120.000 2
Rp. 120.00
SUBTOTAL BELANJA 2 Kg Rp. 120.000
Hapus 1
DATA PENGIRIMAN TIKI
JNE PANDU
Ongkos Kirim : Rp.0 x 2 Kg Rp. 0
Bila kota Anda tidak ada dalam daftar, pilihlah kota yang terdekat. Biaya diatas sudah termasuk biaya asuransi.
SUB TOTAL BELANJA : Rp. 120.000 TAMBAH BARANG
CHECKOUT TRANSAKSI
KATALOG
SELAMAT DATANG di TOKO ONLINE SUPPLIES Gunakan fasilitas ini untuk
melihat status pesanan. No. belanja
CARI
Gambar Keterangan Gambar
Icon bank pembayar
an Gambar 5
Gambar 6 Gambar 7
Gambar 8 Beli
Beli Beli
Beli Gambar 1
Gambar 2 Gambar 3
Gambar 4 Beli
Beli Beli
Beli Kategori
Jenis Warna
Harga sd
CARI
Gambar Keterangan Gambar
Copyright ® 2011 Yuli yanti CV. SENTOSO Jl.Cempaka Poncol Gg. 51b, Pekalongan, Jawa Tengah
A05
- Klik Beranda menuju A02 - klik Pesanan Menuju A03
- Klik Retur menuju A04 - Klik Komentar menuju A05
- klik logout menuju A01 - klik edit profile menuju
A06 - klik edit password menuju
A07 - klik tabel kategori untuk
menuju A08 - klik tabel jenis untuk
menuju A09 - klik tabel barang untuk
menuju A10 - klik tabel provinsi untuk
menuju A11 - klik tabel kota untuk
menuju A12 - klik tabel Detail pengiriman
untuk menuju A13 - klik tabel jasa pengiriman
untuk menuju A14 - klik tabel petugas
untuk menuju A15
Keterangan : Ukuran Layar : Dinamis
Tipeukuran font : Arial 14 Warna Latar : Putih
BANNER Beranda
Pesanan Retur
Komentar
Welcome : Admin Tanggal
Dipesan : 0 Dikonfirmasi : 0 Dibatalkan : 0 Dibayar : 0 Dikirim : 0
Menu
Edit Profile Edit Password
Master Produk
Tabel Kategori Tabel Jenis
Tabel Barang
Master Support
Tabel Provinsi Tabel Kota
Tabel Detail Pengiriman Tabel Jasa Pengiriman
Tabel Petugas
Laporan
MEMBER PESANAN
RETUR Logout
DAFTAR KOMENTAR Halaman 1
NAMA PELANGGAN KOMENTAR ACTION Yuli
bagus
Gambar 3-53 Antarmuka komentar
f. Antarmuka Edit Profil
BANNER LOGO Selamat Datang : username
[ LOGOUT ] Home
Site Map
BERANDA DATA PEMBELI
Tanggal Daftar Belanja :
0 Item SELAMAT DATANG di TOKO ONLINE SUPPLIES
Gunakan fasilitas ini untuk melihat status pesanan.
No. belanja CARI
Produk Baru
Gambar Keterangan Gambar
Pembayaran
Icon bank pembayar
an Gambar 5
Gambar 7 Gambar 8
Beli Beli
Beli Beli
Gambar 1 Gambar 2
Gambar 3 Gambar 4
Beli Beli
Beli Beli
Kategori Jenis
Warna Harga
sd
CARI Produk Terlaku
Gambar 1 Gambar 2
Gambar 3 Gambar 4
Gambar Keterangan Gambar
Produk Banyak Dilihat
Gambar Keterangan Gambar
LOGO PAYPAL
Produk Terpopuler Dibeli Produk Terpopuler Dilihat
Chat Langsung Dengan Costumer P0
KERANJANG BELANJA
Untuk mengubah jumlah barang, ketik jumlah yang dikehendaki di kolom QTY. Periksalah barang yang telah Anda pesan dengan benar. Lalu, pilihlah jasa pengiriman yang ingin Anda gunakan. Klik tombol Checkout untuk melanjutkan ke langkah berikutnya untuk mempercepat proses
belanja. Berikut ini adalah perincian isi keranjang belanja Anda 1 .
Hapus 1
DATA PENGIRIMAN TIKI
JNE PANDU
Ongkos Kirim : Rp.0 x 2 Kg Rp. 0
Bila kota Anda tidak ada dalam daftar, pilihlah kota yang terdekat. Biaya diatas sudah termasuk biaya asuransi.
SUB TOTAL BELANJA : Rp. 120.000 TAMBAH BARANG
CHECKOUT TRANSAKSI
KATALOG
SELAMAT DATANG di TOKO ONLINE SUPPLIES Gunakan fasilitas ini untuk
melihat status pesanan. No. belanja
CARI
Gambar Icon bank
pembayar an
Gambar 6 Gambar 7
Gambar 8 Beli
Beli Beli
Beli Gambar 2
Gambar 3 Gambar 4
Beli Beli
Beli Beli
Kategori Jenis
Warna Harga
sd
CARI
Gambar Keterangan Gambar
Copyright ® 2011 Yuli yanti CV. SENTOSO Jl.Cempaka Poncol Gg. 51b, Pekalongan, Jawa Tengah
A06
- Klik Beranda menuju A02 - klik Pesanan Menuju A03
- Klik Retur menuju A04 - Klik Komentar menuju A05
- klik logout menuju A01 - klik edit profile menuju
A06 - klik edit password menuju
A07 - klik tabel kategori untuk
menuju A08 - klik tabel jenis untuk
menuju A09 - klik tabel barang untuk
menuju A10 - klik tabel provinsi untuk
menuju A11 - klik tabel kota untuk
menuju A12 - klik tabel Detail pengiriman
untuk menuju A13 - klik tabel jasa pengiriman
untuk menuju A14 - klik tabel petugas
untuk menuju A15
Keterangan : Ukuran Layar : Dinamis
Tipeukuran font : Arial 14 Warna Latar : Putih
BANNER Beranda
Pesanan Retur
Komentar
Welcome : Admin Tanggal
Dipesan : 0 Dikonfirmasi : 0 Dibatalkan : 0 Dibayar : 0 Dikirim : 0
Menu
Edit Profile Edit Password
Master Produk
Tabel Kategori Tabel Jenis
Tabel Barang
Master Support
Tabel Provinsi Tabel Kota
Tabel Detail Pengiriman Tabel Jasa Pengiriman
Tabel Petugas
Laporan
MEMBER PESANAN
RETUR Logout
Username Email
No.Telepon No.Handphone
Alamat admin
adminyahoo.com 2000090
09899999900 Bumi Asri
EDIT PROFIL
BATAL
Gambar 3-54 Antarmuka edit profil
g. Antarmuka Edit Password
BANNER LOGO Selamat Datang : username
[ LOGOUT ] Home
Site Map
BERANDA DATA PEMBELI
Tanggal Daftar Belanja :
0 Item SELAMAT DATANG di TOKO ONLINE SUPPLIES
Gunakan fasilitas ini untuk melihat status pesanan.
No. belanja CARI
Produk Baru
Gambar Keterangan Gambar
Pembayaran
Icon bank pembayar
an Gambar 5
Gambar 7 Gambar 8
Beli Beli
Beli Beli
Gambar 1 Gambar 2
Gambar 3 Gambar 4
Beli Beli
Beli Beli
Kategori Jenis
Warna Harga
sd
CARI Produk Terlaku
Gambar 1 Gambar 2
Gambar 3 Gambar 4
Gambar Keterangan Gambar
Produk Banyak Dilihat
Gambar Keterangan Gambar
LOGO PAYPAL
Produk Terpopuler Dibeli Produk Terpopuler Dilihat
Chat Langsung Dengan Costumer P0
KERANJANG BELANJA
Untuk mengubah jumlah barang, ketik jumlah yang dikehendaki di kolom QTY. Periksalah barang yang telah Anda pesan dengan benar. Lalu, pilihlah jasa pengiriman yang ingin Anda gunakan. Klik tombol Checkout untuk melanjutkan ke langkah berikutnya untuk mempercepat proses
belanja. Berikut ini adalah perincian isi keranjang belanja Anda 1 .
Hapus 1
DATA PENGIRIMAN TIKI
JNE PANDU
Ongkos Kirim : Rp.0 x 2 Kg Rp. 0
Bila kota Anda tidak ada dalam daftar, pilihlah kota yang terdekat. Biaya diatas sudah termasuk biaya asuransi.
SUB TOTAL BELANJA : Rp. 120.000 TAMBAH BARANG
CHECKOUT TRANSAKSI
KATALOG
SELAMAT DATANG di TOKO ONLINE SUPPLIES Gunakan fasilitas ini untuk
melihat status pesanan. No. belanja
CARI
Gambar Icon bank
pembayar an
Gambar 6 Gambar 7
Gambar 8 Beli
Beli Beli
Beli Gambar 2
Gambar 3 Gambar 4
Beli Beli
Beli Beli
Kategori Jenis
Warna Harga
sd
CARI
Gambar Keterangan Gambar
Copyright ® 2011 Yuli yanti CV. SENTOSO Jl.Cempaka Poncol Gg. 51b, Pekalongan, Jawa Tengah
A06
- Klik Beranda menuju A02 - klik Pesanan Menuju A03
- Klik Retur menuju A04 - Klik Komentar menuju A05
- klik logout menuju A01 - klik edit profile menuju
A06 - klik edit password menuju
A07 - klik tabel kategori untuk
menuju A08 - klik tabel jenis untuk
menuju A09 - klik tabel barang untuk
menuju A10 - klik tabel provinsi untuk
menuju A11 - klik tabel kota untuk
menuju A12 - klik tabel Detail pengiriman
untuk menuju A13 - klik tabel jasa pengiriman
untuk menuju A14 - klik tabel petugas
untuk menuju A15
Keterangan : Ukuran Layar : Dinamis
Tipeukuran font : Arial 14 Warna Latar : Putih
BANNER Beranda
Pesanan Retur
Komentar
Welcome : Admin Tanggal
Dipesan : 0 Dikonfirmasi : 0 Dibatalkan : 0 Dibayar : 0 Dikirim : 0
Menu
Edit Profile Edit Password
Master Produk
Tabel Kategori Tabel Jenis
Tabel Barang
Master Support
Tabel Provinsi Tabel Kota
Tabel Detail Pengiriman Tabel Jasa Pengiriman
Tabel Petugas
Laporan
MEMBER PESANAN
RETUR Logout
Passwor Lama Password Baru
Ulangi Password Baru EDIT
PASSWORD BATAL
Gambar 3-55 Antarmuka edit password
h. Antarmuka Tabel Kategori
BANNER LOGO Selamat Datang : username
[ LOGOUT ] Home
Site Map
BERANDA DATA PEMBELI
Tanggal Daftar Belanja :
0 Item SELAMAT DATANG di TOKO ONLINE SUPPLIES
Gunakan fasilitas ini untuk melihat status pesanan.
No. belanja CARI
Produk Baru
Keterangan Gambar
Pembayaran
Icon bank pembayar
an Gambar 5
Gambar 7 Gambar 8
Beli Beli
Beli Beli
Gambar 1 Gambar 2
Gambar 3 Gambar 4
Beli Beli
Beli Beli
Kategori Jenis
Warna Harga
sd
CARI Produk Terlaku
Gambar 1 Gambar 2
Gambar 3 Gambar 4
Gambar Keterangan Gambar
Produk Banyak Dilihat
Gambar Keterangan Gambar
LOGO PAYPAL
Produk Terpopuler Dibeli Produk Terpopuler Dilihat
Chat Langsung Dengan Costumer P0
KERANJANG BELANJA
Untuk mengubah jumlah barang, ketik jumlah yang dikehendaki di kolom QTY. Periksalah barang yang telah Anda pesan dengan benar. Lalu, pilihlah jasa pengiriman yang ingin Anda gunakan. Klik tombol Checkout untuk melanjutkan ke langkah berikutnya untuk mempercepat proses
belanja. Berikut ini adalah perincian isi keranjang belanja Anda 1 .
1
TIKI JNE
PANDU Ongkos Kirim : Rp.0 x 2 Kg
Rp. 0
Bila kota Anda tidak ada dalam daftar, pilihlah kota yang terdekat. Biaya diatas sudah termasuk biaya asuransi.
SUB TOTAL BELANJA : Rp. 120.000 TAMBAH BARANG
CHECKOUT TRANSAKSI
KATALOG
SELAMAT DATANG di TOKO ONLINE SUPPLIES Gunakan fasilitas ini untuk
melihat status pesanan. No. belanja
CARI
Icon bank pembayar
an Gambar 6
Gambar 7 Gambar 8
Beli Beli
Beli Beli
Gambar 3 Gambar 4
Beli Beli
Beli Beli
Kategori Jenis
Warna Harga
sd
CARI
Gambar Keterangan Gambar
Copyright ® 2011 Yuli yanti CV. SENTOSO Jl.Cempaka Poncol Gg. 51b, Pekalongan, Jawa Tengah
A06
- Klik Beranda menuju A02 - klik Pesanan Menuju A03
- Klik Retur menuju A04 - Klik Komentar menuju A05
- klik logout menuju A01 - klik edit profile menuju
A06 - klik edit password menuju
A07 - klik tabel kategori untuk
menuju A08 - klik tabel jenis untuk
menuju A09 - klik tabel barang untuk
menuju A10 - klik tabel provinsi untuk
menuju A11 - klik tabel kota untuk
menuju A12 - klik tabel Detail pengiriman
untuk menuju A13 - klik tabel jasa pengiriman
untuk menuju A14 - klik tabel petugas
untuk menuju A15
Keterangan : Ukuran Layar : Dinamis
Tipeukuran font : Arial 14 Warna Latar : Putih
BANNER Beranda
Pesanan Retur
Komentar
Welcome : Admin Tanggal
Dipesan : 0 Dikonfirmasi : 0 Dibatalkan : 0 Dibayar : 0 Dikirim : 0
Menu
Edit Profile Edit Password
Master Produk
Tabel Kategori Tabel Jenis
Tabel Barang
Master Support
Tabel Provinsi Tabel Kota
Tabel Detail Pengiriman Tabel Jasa Pengiriman
Tabel Petugas
Laporan
MEMBER PESANAN
RETUR Logout
Kategori DAFTAR KATEGORI BARANG
No Batal
Tambah Kategori
Nama Kategori Tambah
Gambar 3-56 Antarmuka tabel kategori
i. Antarmuka Tabel Jenis
BANNER LOGO Selamat Datang : username
[ LOGOUT ] Home
Site Map
BERANDA DATA PEMBELI
Tanggal Daftar Belanja :
0 Item SELAMAT DATANG di TOKO ONLINE SUPPLIES
Gunakan fasilitas ini untuk melihat status pesanan.
No. belanja CARI
Jenis Keterangan Gambar
Pembayaran
Icon bank pembayar
an Gambar 7
Gambar 8 Beli
Beli Beli
Beli Gambar 2
Gambar 3 Gambar 4
Beli Beli
Beli Beli
Kategori Jenis
Warna Harga
sd
CARI Produk Terlaku
Gambar 1 Gambar 2
Gambar 3 Gambar 4
Gambar Keterangan Gambar
Produk Banyak Dilihat
Gambar Keterangan Gambar
LOGO PAYPAL
Produk Terpopuler Dibeli Produk Terpopuler Dilihat
Chat Langsung Dengan Costumer P0
KERANJANG BELANJA
Untuk mengubah jumlah barang, ketik jumlah yang dikehendaki di kolom QTY. Periksalah barang yang telah Anda pesan dengan benar. Lalu, pilihlah jasa pengiriman yang ingin Anda gunakan. Klik tombol Checkout untuk melanjutkan ke langkah berikutnya untuk mempercepat proses
belanja. Berikut ini adalah perincian isi keranjang belanja Anda 1 .
1
TIKI JNE
PANDU Ongkos Kirim : Rp.0 x 2 Kg
Rp. 0
Bila kota Anda tidak ada dalam daftar, pilihlah kota yang terdekat. Biaya diatas sudah termasuk biaya asuransi.
SUB TOTAL BELANJA : Rp. 120.000 TAMBAH BARANG
CHECKOUT TRANSAKSI
KATALOG
SELAMAT DATANG di TOKO ONLINE SUPPLIES Gunakan fasilitas ini untuk
melihat status pesanan. No. belanja
CARI
Icon bank pembayar
an Gambar 6
Gambar 7 Gambar 8
Beli Beli
Beli Beli
Gambar 3 Gambar 4
Beli Beli
Beli Beli
Kategori Jenis
Warna Harga
sd
CARI
Gambar Keterangan Gambar
Copyright ® 2011 Yuli yanti CV. SENTOSO Jl.Cempaka Poncol Gg. 51b, Pekalongan, Jawa Tengah
A06
- Klik Beranda menuju A02 - klik Pesanan Menuju A03
- Klik Retur menuju A04 - Klik Komentar menuju A05
- klik logout menuju A01 - klik edit profile menuju
A06 - klik edit password menuju
A07 - klik tabel kategori untuk
menuju A08 - klik tabel jenis untuk
menuju A09 - klik tabel barang untuk
menuju A10 - klik tabel provinsi untuk
menuju A11 - klik tabel kota untuk
menuju A12 - klik tabel Detail pengiriman
untuk menuju A13 - klik tabel jasa pengiriman
untuk menuju A14 - klik tabel petugas
untuk menuju A15
Keterangan : Ukuran Layar : Dinamis
Tipeukuran font : Arial 14 Warna Latar : Putih
BANNER Beranda
Pesanan Retur
Komentar
Welcome : Admin Tanggal
Dipesan : 0 Dikonfirmasi : 0 Dibatalkan : 0 Dibayar : 0 Dikirim : 0
Menu
Edit Profile Edit Password
Master Produk
Tabel Kategori Tabel Jenis
Tabel Barang
Master Support
Tabel Provinsi Tabel Kota
Tabel Detail Pengiriman Tabel Jasa Pengiriman
Tabel Petugas
Laporan
MEMBER PESANAN
RETUR Logout
Kategori DAFTAR KATEGORI BARANG
No Batal
Tambah Jenis Nama Kategori
Tambah Jenis
Nama Jenis
Gambar 3-57 Antarmuka tabel jenis
j. Antarmuka Tabel Barang
BANNER LOGO Selamat Datang : username
[ LOGOUT ] Home
Site Map
BERANDA DATA PEMBELI
Tanggal Daftar Belanja :
0 Item SELAMAT DATANG di TOKO ONLINE SUPPLIES
Gunakan fasilitas ini untuk melihat status pesanan.
No. belanja CARI
Jenis Keterangan Gambar
Pembayaran
Icon bank pembayar
an Gambar 7
Gambar 8 Beli
Beli Beli
Beli Gambar 3
Gambar 4 Beli
Beli Beli
Beli Kategori
Jenis Warna
Harga sd
CARI Produk Terlaku
Gambar 1 Gambar 2
Gambar 3 Gambar 4
Gambar Keterangan Gambar
Produk Banyak Dilihat
Gambar Keterangan Gambar
LOGO PAYPAL
Produk Terpopuler Dibeli Produk Terpopuler Dilihat
Chat Langsung Dengan Costumer P0
KERANJANG BELANJA
Untuk mengubah jumlah barang, ketik jumlah yang dikehendaki di kolom QTY. Periksalah barang yang telah Anda pesan dengan benar. Lalu, pilihlah jasa pengiriman yang ingin Anda gunakan. Klik tombol Checkout untuk melanjutkan ke langkah berikutnya untuk mempercepat proses
belanja. Berikut ini adalah perincian isi keranjang belanja Anda 1 .
1
TIKI JNE
PANDU Ongkos Kirim : Rp.0 x 2 Kg
Rp. 0
Bila kota Anda tidak ada dalam daftar, pilihlah kota yang terdekat. Biaya diatas sudah termasuk biaya asuransi.
SUB TOTAL BELANJA : Rp. 120.000 TAMBAH BARANG
CHECKOUT TRANSAKSI
KATALOG
SELAMAT DATANG di TOKO ONLINE SUPPLIES Gunakan fasilitas ini untuk
melihat status pesanan. No. belanja
CARI
Icon bank pembayar
an Gambar 6
Gambar 7 Gambar 8
Beli Beli
Beli Beli
Gambar 3 Gambar 4
Beli Beli
Beli Beli
Kategori Jenis
Warna Harga
sd
CARI
Gambar Keterangan Gambar
Copyright ® 2011 Yuli yanti CV. SENTOSO Jl.Cempaka Poncol Gg. 51b, Pekalongan, Jawa Tengah
A10
- Klik Beranda menuju A02 - klik Pesanan Menuju A03
- Klik Retur menuju A04 - Klik Komentar menuju A05
- klik logout menuju A01 - klik edit profile menuju
A06 - klik edit password menuju
A07 - klik tabel kategori untuk
menuju A08 - klik tabel jenis untuk
menuju A09 - klik tabel barang untuk
menuju A10 - klik tabel provinsi untuk
menuju A11 - klik tabel kota untuk
menuju A12 - klik tabel Detail pengiriman
untuk menuju A13 - klik tabel jasa pengiriman
untuk menuju A14 - klik tabel petugas
untuk menuju A15
Keterangan : Ukuran Layar : Dinamis
Tipeukuran font : Arial 14 Warna Latar : Putih
BANNER Beranda
Pesanan Retur
Komentar
Welcome : Admin Tanggal
Dipesan : 0 Dikonfirmasi : 0 Dibatalkan : 0 Dibayar : 0 Dikirim : 0
Menu
Edit Profile Edit Password
Master Produk
Tabel Kategori Tabel Jenis
Tabel Barang
Master Support
Tabel Provinsi Tabel Kota
Tabel Detail Pengiriman Tabel Jasa Pengiriman
Tabel Petugas
Laporan
MEMBER PESANAN
RETUR Logout
DAFTAR BARANG No
Kategori Ukuran
Warna Nama Barang
Harga Stok
TAMBAH Halaman 1
Kode Barang :
Kategori :
Jenis :
Nama Barang :
Warna :
Ukuran Letter :
Harga :
Diskon :
Berat :
Keterangan :
Stok :
Upload Gambar :
cm kg
Browse Tambah Barang
Batal
Gambar 3-58 Antarmuka tabel barang
k. Antarmuka Tabel Provinsi
BANNER LOGO Selamat Datang : username
[ LOGOUT ] Home
Site Map
BERANDA DATA PEMBELI
Tanggal Daftar Belanja :
0 Item SELAMAT DATANG di TOKO ONLINE SUPPLIES
Gunakan fasilitas ini untuk melihat status pesanan.
No. belanja CARI
Produk Baru
Keterangan Gambar
Pembayaran
Icon bank pembayar
an Gambar 5
Gambar 7 Gambar 8
Beli Beli
Beli Beli
Gambar 1 Gambar 2
Gambar 3 Gambar 4
Beli Beli
Beli Beli
Kategori Jenis
Warna Harga
sd
CARI Produk Terlaku
Gambar 1 Gambar 2
Gambar 3 Gambar 4
Gambar Keterangan Gambar
Produk Banyak Dilihat
Gambar Keterangan Gambar
LOGO PAYPAL
Produk Terpopuler Dibeli Produk Terpopuler Dilihat
Chat Langsung Dengan Costumer P0
KERANJANG BELANJA
Untuk mengubah jumlah barang, ketik jumlah yang dikehendaki di kolom QTY. Periksalah barang yang telah Anda pesan dengan benar. Lalu, pilihlah jasa pengiriman yang ingin Anda gunakan. Klik tombol Checkout untuk melanjutkan ke langkah berikutnya untuk mempercepat proses
belanja. Berikut ini adalah perincian isi keranjang belanja Anda 1 .
1
TIKI JNE
PANDU Ongkos Kirim : Rp.0 x 2 Kg
Rp. 0
Bila kota Anda tidak ada dalam daftar, pilihlah kota yang terdekat. Biaya diatas sudah termasuk biaya asuransi.
SUB TOTAL BELANJA : Rp. 120.000 TAMBAH BARANG
CHECKOUT TRANSAKSI
KATALOG
SELAMAT DATANG di TOKO ONLINE SUPPLIES Gunakan fasilitas ini untuk
melihat status pesanan. No. belanja
CARI
Icon bank pembayar
an Gambar 6
Gambar 7 Gambar 8
Beli Beli
Beli Beli
Gambar 3 Gambar 4
Beli Beli
Beli Beli
Kategori Jenis
Warna Harga
sd
CARI
Gambar Keterangan Gambar
Copyright ® 2011 Yuli yanti CV. SENTOSO Jl.Cempaka Poncol Gg. 51b, Pekalongan, Jawa Tengah
A11
- Klik Beranda menuju A02 - klik Pesanan Menuju A03
- Klik Retur menuju A04 - Klik Komentar menuju A05
- klik logout menuju A01 - klik edit profile menuju
A06 - klik edit password menuju
A07 - klik tabel kategori untuk
menuju A08 - klik tabel jenis untuk
menuju A09 - klik tabel barang untuk
menuju A10 - klik tabel provinsi untuk
menuju A11 - klik tabel kota untuk
menuju A12 - klik tabel Detail pengiriman
untuk menuju A13 - klik tabel jasa pengiriman
untuk menuju A14 - klik tabel petugas
untuk menuju A15
Keterangan : Ukuran Layar : Dinamis
Tipeukuran font : Arial 14 Warna Latar : Putih
BANNER Beranda
Pesanan Retur
Komentar
Welcome : Admin Tanggal
Dipesan : 0 Dikonfirmasi : 0 Dibatalkan : 0 Dibayar : 0 Dikirim : 0
Menu
Edit Profile Edit Password
Master Produk
Tabel Kategori Tabel Jenis
Tabel Barang
Master Support
Tabel Provinsi Tabel Kota
Tabel Detail Pengiriman Tabel Jasa Pengiriman
Tabel Petugas
Laporan
MEMBER PESANAN
RETUR Logout
Nama Provinsi :
DAFTAR PROVINSI ID
Batal Tambah
Provinsi Nama Provinsi
Tambah
Gambar 3-59 Antarmuka tabel provinsi
l. Antarmuka Tabel Kota
BANNER LOGO Selamat Datang : username
[ LOGOUT ] Home
Site Map
BERANDA DATA PEMBELI
Tanggal Daftar Belanja :
0 Item SELAMAT DATANG di TOKO ONLINE SUPPLIES
Gunakan fasilitas ini untuk melihat status pesanan.
No. belanja CARI
Jenis Keterangan Gambar
Pembayaran
Icon bank pembayar
an Gambar 7
Gambar 8 Beli
Beli Beli
Beli Gambar 2
Gambar 3 Gambar 4
Beli Beli
Beli Beli
Kategori Jenis
Warna Harga
sd
CARI Produk Terlaku
Gambar 1 Gambar 2
Gambar 3 Gambar 4
Gambar Keterangan Gambar
Produk Banyak Dilihat
Gambar Keterangan Gambar
LOGO PAYPAL
Produk Terpopuler Dibeli Produk Terpopuler Dilihat
Chat Langsung Dengan Costumer P0
KERANJANG BELANJA
Untuk mengubah jumlah barang, ketik jumlah yang dikehendaki di kolom QTY. Periksalah barang yang telah Anda pesan dengan benar. Lalu, pilihlah jasa pengiriman yang ingin Anda gunakan. Klik tombol Checkout untuk melanjutkan ke langkah berikutnya untuk mempercepat proses
belanja. Berikut ini adalah perincian isi keranjang belanja Anda 1 .
1
TIKI JNE
PANDU Ongkos Kirim : Rp.0 x 2 Kg
Rp. 0
Bila kota Anda tidak ada dalam daftar, pilihlah kota yang terdekat. Biaya diatas sudah termasuk biaya asuransi.
SUB TOTAL BELANJA : Rp. 120.000 TAMBAH BARANG
CHECKOUT TRANSAKSI
KATALOG
SELAMAT DATANG di TOKO ONLINE SUPPLIES Gunakan fasilitas ini untuk
melihat status pesanan. No. belanja
CARI
Icon bank pembayar
an Gambar 6
Gambar 7 Gambar 8
Beli Beli
Beli Beli
Gambar 3 Gambar 4
Beli Beli
Beli Beli
Kategori Jenis
Warna Harga
sd
CARI
Gambar Keterangan Gambar
Copyright ® 2011 Yuli yanti CV. SENTOSO Jl.Cempaka Poncol Gg. 51b, Pekalongan, Jawa Tengah
A12
- Klik Beranda menuju A02 - klik Pesanan Menuju A03
- Klik Retur menuju A04 - Klik Komentar menuju A05
- klik logout menuju A01 - klik edit profile menuju
A06 - klik edit password menuju
A07 - klik tabel kategori untuk
menuju A08 - klik tabel jenis untuk
menuju A09 - klik tabel barang untuk
menuju A10 - klik tabel provinsi untuk
menuju A11 - klik tabel kota untuk
menuju A12 - klik tabel Detail pengiriman
untuk menuju A13 - klik tabel jasa pengiriman
untuk menuju A14 - klik tabel petugas
untuk menuju A15
Keterangan : Ukuran Layar : Dinamis
Tipeukuran font : Arial 14 Warna Latar : Putih
BANNER Beranda
Pesanan Retur
Komentar
Welcome : Admin Tanggal
Dipesan : 0 Dikonfirmasi : 0 Dibatalkan : 0 Dibayar : 0 Dikirim : 0
Menu
Edit Profile Edit Password
Master Produk
Tabel Kategori Tabel Jenis
Tabel Barang
Master Support
Tabel Provinsi Tabel Kota
Tabel Detail Pengiriman Tabel Jasa Pengiriman
Tabel Petugas
Laporan
MEMBER PESANAN
RETUR Logout
Nama Provinsi :
DAFTAR KOTA ID
Batal Tambah Kota
Nama Provinsi Tambah
Nama Kota :
Nama Kota
Gambar 3-60 Antarmuka tabel kota
m. Antarmuka Tabel Detail Pengiriman
BANNER LOGO Selamat Datang : username
[ LOGOUT ] Home
Site Map
BERANDA DATA PEMBELI
Tanggal Daftar Belanja :
0 Item SELAMAT DATANG di TOKO ONLINE SUPPLIES
Gunakan fasilitas ini untuk melihat status pesanan.
No. belanja CARI
Jenis Keterangan Gambar
Pembayaran
Icon bank pembayar
an Gambar 7
Gambar 8 Beli
Beli Beli
Beli Gambar 2
Gambar 3 Gambar 4
Beli Beli
Beli Beli
Kategori Jenis
Warna Harga
sd
CARI Produk Terlaku
Gambar 1 Gambar 2
Gambar 3 Gambar 4
Gambar Keterangan Gambar
Produk Banyak Dilihat
Gambar Keterangan Gambar
LOGO PAYPAL
Produk Terpopuler Dibeli Produk Terpopuler Dilihat
Chat Langsung Dengan Costumer P0
KERANJANG BELANJA
Untuk mengubah jumlah barang, ketik jumlah yang dikehendaki di kolom QTY. Periksalah barang yang telah Anda pesan dengan benar. Lalu, pilihlah jasa pengiriman yang ingin Anda gunakan. Klik tombol Checkout untuk melanjutkan ke langkah berikutnya untuk mempercepat proses
belanja. Berikut ini adalah perincian isi keranjang belanja Anda 1 .
1
TIKI JNE
PANDU Ongkos Kirim : Rp.0 x 2 Kg
Rp. 0
Bila kota Anda tidak ada dalam daftar, pilihlah kota yang terdekat. Biaya diatas sudah termasuk biaya asuransi.
SUB TOTAL BELANJA : Rp. 120.000 TAMBAH BARANG
CHECKOUT TRANSAKSI
KATALOG
SELAMAT DATANG di TOKO ONLINE SUPPLIES Gunakan fasilitas ini untuk
melihat status pesanan. No. belanja
CARI
Icon bank pembayar
an Gambar 6
Gambar 7 Gambar 8
Beli Beli
Beli Beli
Gambar 3 Gambar 4
Beli Beli
Beli Beli
Kategori Jenis
Warna Harga
sd
CARI
Gambar Keterangan Gambar
Copyright ® 2011 Yuli yanti CV. SENTOSO Jl.Cempaka Poncol Gg. 51b, Pekalongan, Jawa Tengah
A13
- Klik Beranda menuju A02 - klik Pesanan Menuju A03
- Klik Retur menuju A04 - Klik Komentar menuju A05
- klik logout menuju A01 - klik edit profile menuju
A06 - klik edit password menuju
A07 - klik tabel kategori untuk
menuju A08 - klik tabel jenis untuk
menuju A09 - klik tabel barang untuk
menuju A10 - klik tabel provinsi untuk
menuju A11 - klik tabel kota untuk
menuju A12 - klik tabel Detail pengiriman
untuk menuju A13 - klik tabel jasa pengiriman
untuk menuju A14 - klik tabel petugas
untuk menuju A15
Keterangan : Ukuran Layar : Dinamis
Tipeukuran font : Arial 14 Warna Latar : Putih
BANNER Beranda
Pesanan Retur
Komentar
Welcome : Admin Tanggal
Dipesan : 0 Dikonfirmasi : 0 Dibatalkan : 0 Dibayar : 0 Dikirim : 0
Menu
Edit Profile Edit Password
Master Produk
Tabel Kategori Tabel Jenis
Tabel Barang
Master Support
Tabel Provinsi Tabel Kota
Tabel Detail Pengiriman Tabel Jasa Pengiriman
Tabel Petugas
Laporan
MEMBER PESANAN
RETUR Logout
Jasa Pengiriman :
DAFTAR KOTAPENGIRIMAN NO
Batal Tambah Kota Kirim
JASA KIRIM ONGKOS KIRIM
Nama Kota Kirim :
KOTA KIRIM Onhkos
: TAMBAH
Gambar 3-61 Antarmuka tabel detail pengiriman
n. Antarmuka Tabel Jasa Pengiriman
BANNER LOGO Selamat Datang : username
[ LOGOUT ] Home
Site Map
BERANDA DATA PEMBELI
Tanggal Daftar Belanja :
0 Item SELAMAT DATANG di TOKO ONLINE SUPPLIES
Gunakan fasilitas ini untuk melihat status pesanan.
No. belanja CARI
Produk Baru
Keterangan Gambar
Pembayaran
Icon bank pembayar
an Gambar 5
Gambar 7 Gambar 8
Beli Beli
Beli Beli
Gambar 1 Gambar 2
Gambar 3 Gambar 4
Beli Beli
Beli Beli
Kategori Jenis
Warna Harga
sd
CARI Produk Terlaku
Gambar 1 Gambar 2
Gambar 3 Gambar 4
Gambar Keterangan Gambar
Produk Banyak Dilihat
Gambar Keterangan Gambar
LOGO PAYPAL
Produk Terpopuler Dibeli Produk Terpopuler Dilihat
Chat Langsung Dengan Costumer P0
KERANJANG BELANJA
Untuk mengubah jumlah barang, ketik jumlah yang dikehendaki di kolom QTY. Periksalah barang yang telah Anda pesan dengan benar. Lalu, pilihlah jasa pengiriman yang ingin Anda gunakan. Klik tombol Checkout untuk melanjutkan ke langkah berikutnya untuk mempercepat proses
belanja. Berikut ini adalah perincian isi keranjang belanja Anda 1 .
1
TIKI JNE
PANDU Ongkos Kirim : Rp.0 x 2 Kg
Rp. 0
Bila kota Anda tidak ada dalam daftar, pilihlah kota yang terdekat. Biaya diatas sudah termasuk biaya asuransi.
SUB TOTAL BELANJA : Rp. 120.000 TAMBAH BARANG
CHECKOUT TRANSAKSI
KATALOG
SELAMAT DATANG di TOKO ONLINE SUPPLIES Gunakan fasilitas ini untuk
melihat status pesanan. No. belanja
CARI
Icon bank pembayar
an Gambar 6
Gambar 7 Gambar 8
Beli Beli
Beli Beli
Gambar 3 Gambar 4
Beli Beli
Beli Beli
Kategori Jenis
Warna Harga
sd
CARI
Gambar Keterangan Gambar
Copyright ® 2011 Yuli yanti CV. SENTOSO Jl.Cempaka Poncol Gg. 51b, Pekalongan, Jawa Tengah
A14
- Klik Beranda menuju A02 - klik Pesanan Menuju A03
- Klik Retur menuju A04 - Klik Komentar menuju A05
- klik logout menuju A01 - klik edit profile menuju
A06 - klik edit password menuju
A07 - klik tabel kategori untuk
menuju A08 - klik tabel jenis untuk
menuju A09 - klik tabel barang untuk
menuju A10 - klik tabel provinsi untuk
menuju A11 - klik tabel kota untuk
menuju A12 - klik tabel Detail pengiriman
untuk menuju A13 - klik tabel jasa pengiriman
untuk menuju A14 - klik tabel petugas
untuk menuju A15
Keterangan : Ukuran Layar : Dinamis
Tipeukuran font : Arial 14 Warna Latar : Putih
BANNER Beranda
Pesanan Retur
Komentar
Welcome : Admin Tanggal
Dipesan : 0 Dikonfirmasi : 0 Dibatalkan : 0 Dibayar : 0 Dikirim : 0
Menu
Edit Profile Edit Password
Master Produk
Tabel Kategori Tabel Jenis
Tabel Barang
Master Support
Tabel Provinsi Tabel Kota
Tabel Detail Pengiriman Tabel Jasa Pengiriman
Tabel Petugas
Laporan
MEMBER PESANAN
RETUR Logout
Nama Jasa :
DAFTAR JASA PENGIRIMAN ID
Batal Tambah Jasa
Nama Jasa Tambah
Gambar 3-62 Antarmuka tabel jasa pengiriman
o. Antarmuka Tabel Petugas
BANNER LOGO Selamat Datang : username
[ LOGOUT ] Home
Site Map
BERANDA DATA PEMBELI
Tanggal Daftar Belanja :
0 Item SELAMAT DATANG di TOKO ONLINE SUPPLIES
Gunakan fasilitas ini untuk melihat status pesanan.
No. belanja CARI
Produk Baru
Keterangan Gambar
Pembayaran
Icon bank pembayar
an Gambar 5
Gambar 7 Gambar 8
Beli Beli
Beli Beli
Gambar 1 Gambar 2
Gambar 3 Gambar 4
Beli Beli
Beli Beli
Kategori Jenis
Warna Harga
sd
CARI Produk Terlaku
Gambar 1 Gambar 2
Gambar 3 Gambar 4
Gambar Keterangan Gambar
Produk Banyak Dilihat
Gambar Keterangan Gambar
LOGO PAYPAL
Produk Terpopuler Dibeli Produk Terpopuler Dilihat
Chat Langsung Dengan Costumer P0
KERANJANG BELANJA
Untuk mengubah jumlah barang, ketik jumlah yang dikehendaki di kolom QTY. Periksalah barang yang telah Anda pesan dengan benar. Lalu, pilihlah jasa pengiriman yang ingin Anda gunakan. Klik tombol Checkout untuk melanjutkan ke langkah berikutnya untuk mempercepat proses
belanja. Berikut ini adalah perincian isi keranjang belanja Anda 1 .
1
TIKI JNE
PANDU Ongkos Kirim : Rp.0 x 2 Kg
Rp. 0
Bila kota Anda tidak ada dalam daftar, pilihlah kota yang terdekat. Biaya diatas sudah termasuk biaya asuransi.
SUB TOTAL BELANJA : Rp. 120.000 TAMBAH BARANG
CHECKOUT TRANSAKSI
KATALOG
SELAMAT DATANG di TOKO ONLINE SUPPLIES Gunakan fasilitas ini untuk
melihat status pesanan. No. belanja
CARI
Icon bank pembayar
an Gambar 6
Gambar 7 Gambar 8
Beli Beli
Beli Beli
Gambar 3 Gambar 4
Beli Beli
Beli Beli
Kategori Jenis
Warna Harga
sd
CARI
Gambar Keterangan Gambar
Copyright ® 2011 Yuli yanti CV. SENTOSO Jl.Cempaka Poncol Gg. 51b, Pekalongan, Jawa Tengah
A14
- Klik Beranda menuju A02 - klik Pesanan Menuju A03
- Klik Retur menuju A04 - Klik Komentar menuju A05
- klik logout menuju A01 - klik edit profile menuju
A06 - klik edit password menuju
A07 - klik tabel kategori untuk
menuju A08 - klik tabel jenis untuk
menuju A09 - klik tabel barang untuk
menuju A10 - klik tabel provinsi untuk
menuju A11 - klik tabel kota untuk
menuju A12 - klik tabel Detail pengiriman
untuk menuju A13 - klik tabel jasa pengiriman
untuk menuju A14 - klik tabel petugas
untuk menuju A15
Keterangan : Ukuran Layar : Dinamis
Tipeukuran font : Arial 14 Warna Latar : Putih
BANNER Beranda
Pesanan Retur
Komentar
Welcome : Admin Tanggal
Dipesan : 0 Dikonfirmasi : 0 Dibatalkan : 0 Dibayar : 0 Dikirim : 0
Menu
Edit Profile Edit Password
Master Produk
Tabel Kategori Tabel Jenis
Tabel Barang
Master Support
Tabel Provinsi Tabel Kota
Tabel Detail Pengiriman Tabel Jasa Pengiriman
Tabel Petugas
Laporan
MEMBER PESANAN
RETUR Logout
NAMA PETUGAS EMAIL
ALAMAT TELEPONHP
STATUS TAMBAH
Gambar 3-63 Antarmuka tabel petugas
C. Perancangan Pesan
Pada gambar dibawah ini merupakan perancangan pesan yang terdapat pada aplikasi e-commerce SENTOSO. Adapun tampilan pesan yang ada adalah sebagai
berikut :
M01 X
Nama Lengkap Kosong. ok
M02 X
Pilih Provinsi. ok
M07 X
silahkan isi no handphone anda. ok
M03 X
Pilih kota. ok
M06 X
silahkan isi no. telepon anda. ok
M04 X
silahkan isi alamat tinggal anda. ok
M05 X
silahkan isi kode pos anda. ok
M08 X
silahkan isi e-mail anda. ok
M09 X
E-mail tidak valid ok
M10 X
silahkan isi username anda. ok
M11 X
silahkan isi password anda. ok
M12 X
Password minimal 6 karakter sampai 15 karakter.
ok M13
X silahkan ulangi password anda.
ok M14
X Password tidak sama.
ok M15
X Password Lama anda belum diisi
ok M16
X silahkan isi email penerima.
ok M17
X ok
M18 X
silahkan isi alamat yang dituju ok
silahkan isi telepon penerima, jika tidak ada isi dengan angka 0.
M19 X
silahkan isi nama penerima. ok
M20 X
Data yang Anda cari tidak ditemukan ok
M21 X
silahkan isi No. pemesanan anda. ok
M22 X
Username kosong ok
M23 X
Password kosong ok
M24 X
Silahkan isi nama kategori ok
M25 X
Silahkan pilih kategori barang ok
M26 X
Silahkan isi nama jenis ok
M27 X
Silahkan isi kode barang ok
M28 X
Silahkan pilih jenis ok
M29 X
Silahkan isi nama barang ok
M30 X
Silahkan isi harga ok
M31 X
Silahkan isi stok ok
M32 X
Silahkan isi nama provinsi ok
M33 X
Silahkan isi nama kota ok
Gambar 3-64 Perancangan Pesan 3.2.10
Jaringan Semantik
Jaringan simantik menggambarkan keterhubungan navigasi menu dari satu halaman ke halaman lainnya.
a. Jaringan Semantik Pengunjung
T01 T02
T03
T04
T05 T06
T07 T08
T09 T10
T11 T12
T14 T15
M 1
,M 2
,M 3
,M 4
,M 5
,M 6
,M 7
,M 8
,M 1
, M
1 1
,M 1
2 ,M
1 3
,M 1
4 M0
9
Gambar 3-65 Jaringan Semantik Pengunjung
b. Jaringan Semantik Pelanggan
P01 P03
P04
P05 P06
P07 P08
P09 P10
P11 P02
M 1
,M 2
,M 3
,M 4
,M 5
,M 6
,M 7
,M 8
M 1
2 , M
1 5
P12
M 2
M 1
2 , M15
M21
Gambar 3-66 Jaringan Semantik Pelanggan
c. Jaringan Semantik Petugas
A02 A01
A03
A04
A05 A06
A07 A08
A09 A10
A11 A12
A13 A14
A15
M24 M22, M
23
M25, M26
M27 ,M
28, M2
9,M 30
,M 31
M3 2
M 3
3
Gambar 3-67 Jaringan Semantik Peyugas
D. Perancangan Prosedural
Sebagai langkah terakhir dalam proses perancangan yaitu merancang prosedural yang akan diimplementasikan ke dalam sistem. Prosedur ini akan
digunakan sebagai algoritma dasar dalam mengkodekan prosedur yang ada. Adapun perancangan prosedural untuk membangun aplikasi e-commerce yang
akan dibangun adalah sebagai berikut :
a. Prosedural login
Mulai Masukkan E-
mail dan Password
Cek E-mail dan Password
kosong Tidak
Masuk Menu pelanggan
Selesai Tampilkan
Pesan email dan password
dibutuhkan Ya
Valid Cek Email dan
Password
Tampilkan pesan ERROR: Email
atau password
salah
Invalid
Gambar 3-68 Prosedur login
b. Prosedur Registrasi
Start Input data
daftar member
Pengecekan Data Kosong
Data Kosong
Finish Tidak
Data terisi Tampil pesan
Data dibuthkan
Ya
Cek Validasi data
Simpan Data Tampil pesan
Data Salah
Tampil Pesan Terima kasih Anda telah berhasil registrasi
silahkan cek email untuk melakukan aktifasi
Benar Salah
Registrasi Berhasil
Gambar 3-69 Prosedur registrasi
c. Prosedur Input Data Login