86
c. Perancangan Input Untuk Produk
Perancangan input untuk produk ini dapat dilakukan oleh admin, kegiatan yang dilakukan yaitu dapat mengedit data produk,
menghapus, dan menambah produk.
LOGO LOGO
Pemjualan Pemjualan
Informasi Bank Informasi Bank
Data Member Data Member
Sistem Pengaturan Sistem Pengaturan
Logout Logout
Produk Produk
Profil Profil
Dashboard Dashboard
Tambah Produk Baru
Tambah Tambah
Reset Reset
Nama Produk : Produk Untuk :
Pria Wanita
Kategori Produk : Feature Produk :
Ya Tidak
Harga Produk : Stok Produk
: Diskon Produk
Foto Produk Tag
Deskripsi Produk Supplier
Supplier
Gambar 4.17. Perancangan Input Produk
87
d. Perancangan Input Kategori Produk
Perancangan input untuk kategori produk yaitu dapat mengedit data kategori produk, menghapus kategori, dan menambah kategori. Berikut
bentuk perancangan input untuk kategori produk.
LOGO LOGO
Pemjualan Pemjualan
Informasi Bank Informasi Bank
Data Member Data Member
Sistem Pengaturan Sistem Pengaturan
Logout Logout
Produk Produk
Profil Profil
Dashboard Dashboard
Data Kategori Kode
Kategori Nama
Kategori Tag
Kategori Untuk
Kelola Edit Delete
Tambah Produk Supplier
Supplier
Gambar 4.18. Perancangan Input Kategori Produk
88
4.2.5.3.Perancangan Output
Perancangan output merupakan rancangan dari data yang telah di proses sehingga menjadi suatu informasi dari suatu sistem aplikasi. Berikut ini informasi
keluaran yang dihasilkan web Toko Otentique Shop:
1. Perancangan Output Konsumen
a. Informasi Keranjang Belanja Konsumen
Halaman ini adalah halaman keranjang belanja konsumen. Halaman ini berfungsi sebagai wadah banyaknya produk yang telah dibeli oleh
konsumen sebelum melakukan transaksi pemesanan.
LOGO LOGO
Shopping CartItem Shopping CartItem
Search Search
HOME
MY ACCOUNT SHOPPING
CART
REGISTER LOGIN
Beranda Tentang
Kami Cara
Beli Produk
Kontak
Hapus Gambar
Nama Produk Harga
Model Quantity
Checkout Daftar Belanja
Total Kembali
Belanja
Gambar 4.19. Perancangan Output Keranjang Belanja
89
b. Konfirmasi Data Detail Pemesanan Konsumen