Perancangan Arsitektur Jenis Handuk Letter

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