BAB IV IMPLEMENTASI DAN PENGUJIAN SISTEM
BIAYA PENGIRIMAN AKS
NO. RESI PENGIRIMAN TGL. PENGIRIMAN TGL.
DITERIMA PENERIMA STATUS PENGIRIMAN
BIAYA PENGIRIMAN AKSI
... ... ... ... ... ... ... UPDATE | CETAK
<< KEMBALI
Gambar 3. 51 PerancanganAntarmuka Laporan Data Retur A23 Perancangan Antarmuka Tambah Kategori Produk T01
T01 Navigasi :
- Klik Simpan untuk menuju ke A06
- Klik Batal untuk menuju ke A06
Tambah Data
Image TAMBAH DATA KATEGORI PRODUK Nama Kategori Produk (*)
Simpan Batal
Gambar 3. 52 Perancangan Antarmuka Tambah Kategori Produk T01 Perancangan Antarmuka Tambah Jenis Produk T02
T02 Navigasi :
- Klik Simpan untuk menuju ke A07
- Klik Batal untuk menuju ke A07
Tambah Data
Image TAMBAH DATA JENIS PRODUK
Simpan Batal Kode Jenis Produk (*)
Nama Jenis Produk (*)
Perancangan Antarmuka Tambah Merk Produk T03
T03 Navigasi :
- Klik Simpan untuk menuju ke A08
- Klik Batal untuk menuju ke A08
Tambah Data
Image TAMBAH DATA MERK PRODUK
Simpan Batal
Kode Merk Produk (*) Nama Merk Produk (*)
Gambar 3. 54 PerancanganAntarmuka Tambah Merk Produk T03 Perancangan Antarmuka Tambah Ukuran Produk T04
T04 Navigasi :
- Klik Simpan untuk menuju ke A09
- Klik Batal untuk menuju ke A09
Tambah Data
Image TAMBAH DATA UKURAN PRODUK
Ukuran Produk (*) Berat produk (*)
Simpan Batal
Panjang Produk
Gambar 3. 55 PerancanganAntarmuka Tambah Ukuran Produk T04 Perancangan Antarmuka Edit Kategori Produk E01
E01 Navigasi :
- Klik Simpan untuk menuju ke A06
- Klik Batal untuk menuju ke A06
Ubah Data
Image UPDATE DATA KATEGORI PRODUK
Nama Kategori Produk (*)
Simpan Batal
Gambar 3. 56 PerancanganAntarmuka Edit Kategori Produk E01 Perancangan Antarmuka Edit Jenis Produk E02
E02 Navigasi :
- Klik Simpan untuk menuju ke A07
- Klik Batal untuk menuju ke A07
Ubah Data
Image UPDATE DATA JENIS PRODUK
Simpan Batal Kode Jenis Produk (*) Kode jenis Nama Jenis Produk (*) Nama jenis
Perancangan Antarmuka Edit Merk Produk E03
E03 Navigasi :
- Klik Simpan untuk menuju ke A08
- Klik Batal untuk menuju ke A08
Ubah Data
Image UPDATE DATA MERK PRODUK
Simpan Batal Kode Merk Produk (*) Kode Merk Nama Merk Produk (*) Nama Merk
Gambar 3. 58 PerancanganAntarmuka Edit Merk Produk E03 Perancangan Antarmuka Edit Ukuran Produk E04
E04 Navigasi :
- Klik Simpan untuk menuju ke A09
- Klik Batal untuk menuju ke A09
Ubah Data
Image UPDATE DATA UKURAN PRODUK Ukuran Produk (*)
Berat Produk (*)
Simpan Batal Panjang Produk (*)
2. Perancangan Antarmuka Pengunjung
Antarmuka Home P01 P01
BANNER
HOME | PRODUK | CARA PEMESANAN | CARA PEMBAYARAN | SYARAT & KONDISI | TESTIMONI
FOOTER TESTIMONI PRODUK KATEGORI PRODUK TERLARIS Kategori Kategori
IconSHOPPING CART KOSONG
PRODUK TERBARU
Find Us on facebook Daftar Member Login
Semua Produk Produk Terbaru Produk Diskon
LAYANAN PENGIRIMAN
Navigasi :
- Klik menu Daftar Member untuk menuju P02
- Klik menu Login untuk menuju P03 - Klik menu Home untuk Menuju P01 - Klik menu Produk untuk menuju P04 - Klik menu Cara Pemesanan untuk menuju P05
- Klik menu Cara Pembayaran untuk menuju P06
- Klik menu Syarat & Kondisi untuk menuju P07
- Klik menu Testimoni untuk menuju P08 - Klik tombol detail untuk menuju P09 - Klik tab Semua Produk untuk menampilkan semua data produk pada isi content tab. - Klik tab Produk Terbaru untuk menampilkan semua data produk pada isi content tab.
- Klik tab Produk Diskon untuk menampilkan semua data produk pada isi content tab. - Dalam kondisi belum login, ketika klik tombol Beli akan tampiln P02 - Klik link Cari Lebih Detail untuk menuju
P10 GAMBAR harga Beli Detail GAMBAR harga Beli Detail GAMBAR harga Beli Detail GAMBAR harga Beli Detail
Isi Content Tab
Cari Produk : cari [ Cari Lebih Detail ]
LAYANAN PEMBAYARAN
LINK INFO IBU DAN ANAK
KONTAK KAMI
Gambar 3. 60 Antarmuka Home P01
Perancangan Antarmuka Pendaftaran Member P02
P02
BANNER
HOME | PRODUK | CARA PEMESANAN | CARA PEMBAYARAN | SYARAT & KONDISI | TESTIMONI
FOOTER
TESTIMONI
PRODUK TERLARIS IconSHOPPING CART
KOSONG
PRODUK TERBARU
Find Us on facebook
Daftar Member Login
Navigasi :
- Klik menu Daftar Member untuk menuju
P02
- Klik menu Login untuk menuju P03
- Klik menu Home untuk Menuju P01
- Klik menu Produk untuk menuju P04
- Klik menu Cara Pemesanan untuk menuju
P05
- Klik menu Cara Pembayaran untuk menuju
P06
- Klik menu Syarat & Kondisi untuk menuju
P07
- Klik menu Testimoni untuk menuju P08
- Klik link Cari Lebih Detail untuk menuju
P10
- Jika fild belum terisi tampil MSG01 - Jika format penulisan email salah tampil MSG02
- Jika persetujuan belum disetujui tampil MSG03
- Klik tombol batal untuk mereset form - Klik tombol simpan untuk memproses pendaftaran.
- Jika proses pendaftaran berhasil tampil MSG04
Cari Produk : cari [ Cari Lebih Detail ]
PENDAFTARAN MEMBER
Berikut ini adalah Formulir Pendaftaran Member www.toko-bocahcilik.com. Isi formulir pendaftaran ini dengan data yang benar. Pada groupbox informasi login Email harus diisi dengan email anda. Isikan data pribadi anda dengan lengkap dan benar pada groupbox informasi personal. Untuk informasi tentang Cara Pendaftaran, Keuntungan menjadi Member dan Fasilitas Member klik disini
Email (*) Password (*) Ulang Password(*) Informasi Login Submit Batal Nama Depanl (*) Nama Belakang (*) Jenis Kelamin Informasi Personal Alamat (*) Provinsi Kota
Kode Pos Isi dengan angka (0-9)
No. telp Isi dengan angka (0-9)
No. Handphone Isi dengan angka (0-9)
Persetujuan
Apakah anda setuju syarat dan kondisi tersebut Ya PRODUK KATEGORI Kategori Kategori LAYANAN PENGIRIMAN LAYANAN PEMBAYARAN LINK INFO IBU DAN ANAK
KONTAK KAMI
Perancangan Antarmuka Login Member P03 P03
BANNER
HOME | PRODUK | CARA PEMESANAN | CARA PEMBAYARAN | SYARAT & KONDISI | TESTIMONI
FOOTER TESTIMONI PRODUK KATEGORI PRODUK TERLARIS Kategori Kategori
IconSHOPPING CART
KOSONG
PRODUK TERBARU
Find Us on facebook
Daftar Member Login
LAYANAN PENGIRIMAN
Navigasi :
- Klik menu Daftar Member untuk menuju P02
- Klik menu Login untuk menuju P03 - Klik menu Home untuk Menuju P01 - Klik menu Produk untuk menuju P04 - Klik menu Cara Pemesanan untuk menuju P05
- Klik menu Cara Pembayaran untuk menuju P06
- Klik menu Syarat & Kondisi untuk menuju P07
- Klik menu Testimoni untuk menuju P08 - Klik link Cari Lebih Detail untuk menuju
P10
- Klik tombol login untuk memproses login. - Jika proses login gagal tampil MSG05 - Klik lupa password untuk menuju P11 Cari Produk : cari [ Cari Lebih Detail ]
LAYANAN PEMBAYARAN
LINK INFO IBU DAN ANAK
KONTAK KAMI Gambar Login...! Email : Password Login
Jika anda belum menjadi member, silahkan klik DAFTAR Lupa password
Gambar 3. 62 Perancangan Antarmuka Login Member P03
Perancangan Antarmuka Produk P04 P04
BANNER
HOME | PRODUK | CARA PEMESANAN | CARA PEMBAYARAN | SYARAT & KONDISI | TESTIMONI
FOOTER TESTIMONI PRODUK KATEGORI PRODUK TERLARIS Kategori Kategori
IconSHOPPING CART KOSONG
PRODUK TERBARU
Find Us on facebook Daftar Member Login
LAYANAN PENGIRIMAN
Navigasi :
- Klik menu Daftar Member untuk menuju P02
- Klik menu Login untuk menuju P03 - Klik menu Home untuk Menuju P01 - Klik menu Produk untuk menuju P04 - Klik menu Cara Pemesanan untuk menuju P05
- Klik menu Cara Pembayaran untuk menuju P06
- Klik menu Syarat & Kondisi untuk menuju P07
- Klik menu Testimoni untuk menuju P08 - Klik tombol detail untuk menuju P09 - Dalam kondisi belum login, ketika klik tombol Beli akan tampiln P02 - Klik tombol detail untuk menuju P09 - Klik link Cari Lebih Detail untuk menuju
P10 GAMBAR harga Beli Detail GAMBAR harga Beli Detail GAMBAR harga Beli Detail GAMBAR harga Beli Detail
Cari Produk : cari [ Cari Lebih Detail ]
LAYANAN PEMBAYARAN
LINK INFO IBU DAN ANAK
KONTAK KAMI
HOME > PRODUK
Perancangan Antarmuka Cara Belanja P05 P05
BANNER
HOME | PRODUK | CARA PEMESANAN | CARA PEMBAYARAN | SYARAT & KONDISI | TESTIMONI
FOOTER TESTIMONI PRODUK KATEGORI PRODUK TERLARIS Kategori Kategori
Icon SHOPPING CART KOSONG
PRODUK TERBARU
Find Us on facebook Daftar Member Login
LAYANAN PENGIRIMAN
Navigasi :
- Klik menu Daftar Member untuk menuju P02
- Klik menu Login untuk menuju P03 - Klik menu Home untuk Menuju P01 - Klik menu Produk untuk menuju P04 - Klik menu Cara Pemesanan untuk menuju P05
- Klik menu Cara Pembayaran untuk menuju P06
- Klik menu Syarat & Kondisi untuk menuju P07
- Klik menu Testimoni untuk menuju P08 - Klik link Cari Lebih Detail untuk menuju
P10