bagian, yang pertama output data kelayar dan yang kedua output data ke printer atau output data yang dicetak. Adapun tampilan output yang dihasilkan dari perancangan
sistem adalah sebagai berikut.
1. Perancangan Halaman Katalog Utama
Halaman katalog utama merupakan tampilan produk utama.
Home Cara Pemesanan dan Pembayaran
Tanya Jawab Testimonial
Tarif Kirim Banner
Email Password
Login Ulang
GAMBAR GAMBAR
GAMBAR
GAMBAR GAMBAR
GAMBAR
GAMBAR GAMBAR
GAMBAR Text 1
Text 2 Text 3
Text 4 Text 1
Text 2 Text 3
Text 4 Text 1
Text 2 Text 3
Text 4
Text 1 Text 2
Text 3 Text 4
Text 1 Text 2
Text 3 Text 4
Text 1 Text 2
Text 3 Text 4
Text 1 Text 2
Text 3 Text 4
Text 1 Text 2
Text 3 Text 4
Text 1 Text 2
Text 3 Text 4
Gambar 4.25. Perancangan halaman katalog utama
2. Perancangan Halaman Detail Produk
Halaman detail produk merupakan tampilan yang menjelaskan deskripsi produk.
Home Cara Pemesanan dan Pembayaran
Tanya Jawab Testimonial
Tarif Kirim Banner
Email Password
Login Ulang
GAMBAR Nama Produk
Harga Asal Diskon
Menjadi Merk
Deskripsi Masukan Keranjang
Gambar 4.26. Perancangan halaman detail produk
3. Perancangan Halaman Keranjang Belanja
Halaman keranjang belanja merupakan tampilan data produk yang akan dipesan.
Keranjang Belanja Anda Hapus
No Produk
Harga sebelumnya Diskon
Qty Sub Berat
Sub Total
Total
Gambar 4.27 Perancangan halaman keranjang belanja
4. Perancangan Halaman Data Pesanan
Halaman data pesanan merupakan tampilan yang memberikan informasi pemesanan.
Tgl Pemesanan Total
Kode Pemesanan
Aksi Status Kirim
Metode Kirim No. Resi
Alamat Pengiriman
Status Grand Total
Bayar Biaya Kirim per
Kg Total Biaya kirim
Item Berat Diskon Pot.
Harga Info terbaru dan pesanan dan pengiriman anda
Daftar Produk Yang Dipesan dan Cara Pembayarannya No
Subtotal Qty
Diskon Harga
Sebelumnya Produk
Gambar 4.28 Perancangan Halaman data pesanan
5. Perancangan Halaman Histori Pesanan
Halaman histori pesanan merupakan tampilan riwayat pesanan Konsumen.
Tgl Pemesanan Total
Kode Pemesanan
Lihat Status
Grand Total Bayar
Biaya Kirim per Kg Total Biaya
kirim Item Berat
Diskon Pot. Harga
Histori Pesanan Anda
Gambar 4.29 Perancangan halaman histori pesanan
6. Perancangan Bukti Data Pesanan
