Perancangan Antar muka admin
Logo
Manajemen Produk
Tambah produk No
Nama kategori
Pilihan Deskripsi
Nama Produk
Harga Gambar
Diskon
Nama form : A09
Font : Arial
Warna background : biru A09
KETERANGAN
· Klik edit data menuju form A03 · Klik data transaksi menuju A04
· Klik Kelola Data Retur untuk menuju ke A05 · Klik Laporan penjualan menuju ke A06
· Klik Ubah profil untuk menuju ke A07 · Klik Logout untuk menuju ke A08
· Klik barang menuju A09 · Klik kategori menuju A10
· Klik kota menuju A11 · Klik provinsi menuju A12
· Klik member menuju A14 · Klik kontak menuju A15
· Klik rekening menuju A16 · Klik tambah barang menuju A19
· Klik edt barang menuju A20 · Klik tambah kategori menuju A21
· Klik edit kategori menuju A22 · Klik tambah kota menuju A23
· Klik edit kota menuju A24 · Klik tambah provinsi menuju A25
· Klik edit provinsi menuju A26 · Klik member menuju A29
· Klik edit member menuju A30 · Klik tambah berita menuju A31
· Klik edit berita menuju A32 · Klik tambah rekening menuju A33
· Klik edit rekening menuju A34 · Klik harian menuju a39
· Klik bulanan menuju A40 · Klik tahunan menuju A41
· Klik barang menuju A42 · Klik retur menuju A43
· Klik ubah profil menuju A44 dan A45
Home Edit Data
Ø Kategori
Ø Produk
Ø Rekening
Ø Kota
Ø Kontak
Ø Member
Ø Testimonial
Data Transaksi Data Retur
Laporan Penjualan Ø
Harian Ø
Bulanan Ø
Tahunan Ø
Produk Ø
Retur Ubah Profil
Logout
Gambar 3. 31 Perancangan Antarmuka Produk
Tambah Produk
Kategori Nama Produk
Harga Diskon
Masukkan gambar Logo
Simpan Batal
Browse
Simpan Gambar Baru Browse
Nama form : A20
Font : Arial
Warna background : biru A20
KETERANGAN
· Klik edit data menuju form A03 · Klik data transaksi menuju A04
· Klik Kelola Data Retur untuk menuju ke A05 · Klik Laporan penjualan menuju ke A06
· Klik Ubah profil untuk menuju ke A07 · Klik Logout untuk menuju ke A08
· Klik barang menuju A09 · Klik kategori menuju A10
· Klik kota menuju A11 · Klik provinsi menuju A12
· Klik member menuju A14 · Klik kontak menuju A15
· Klik rekening menuju A16 · Klik tambah barang menuju A19
· Klik edt barang menuju A20 · Klik tambah kategori menuju A21
· Klik edit kategori menuju A22 · Klik tambah kota menuju A23
· Klik edit kota menuju A24 · Klik tambah provinsi menuju A25
· Klik edit provinsi menuju A26 · Klik member menuju A29
· Klik edit member menuju A30 · Klik tambah berita menuju A31
· Klik edit berita menuju A32 · Klik tambah rekening menuju A33
· Klik edit rekening menuju A34 · Klik harian menuju a39
· Klik bulanan menuju A40 · Klik tahunan menuju A41
· Klik barang menuju A42 · Klik retur menuju A43
· Klik ubah profil menuju A44 dan A45
Home Edit Data
Ø Kategori
Ø Produk
Ø Rekening
Ø Kota
Ø Kontak
Ø Member
Ø Testimonial
Data Transaksi Data Retur
Laporan Penjualan Ø
Harian Ø
Bulanan Ø
Tahunan Ø
Produk Ø
Retur Ubah Profil
Logout
Gambar 3. 32 Perancangan Antarmuka Tambah Produk
Logo
Manajemen Rekening
Tambah Rekening
No Nama Bank Pilihan
Nama Pemilik No Rekening
Gambar Cabang
Nama form : A16
Font : Arial
Warna background : biru A16
KETERANGAN
· Klik edit data menuju form A03 · Klik data transaksi menuju A04
· Klik Kelola Data Retur untuk menuju ke A05 · Klik Laporan penjualan menuju ke A06
· Klik Ubah profil untuk menuju ke A07 · Klik Logout untuk menuju ke A08
· Klik barang menuju A09 · Klik kategori menuju A10
· Klik kota menuju A11 · Klik provinsi menuju A12
· Klik member menuju A14 · Klik kontak menuju A15
· Klik rekening menuju A16 · Klik tambah barang menuju A19
· Klik edt barang menuju A20 · Klik tambah kategori menuju A21
· Klik edit kategori menuju A22 · Klik tambah kota menuju A23
· Klik edit kota menuju A24 · Klik tambah provinsi menuju A25
· Klik edit provinsi menuju A26 · Klik member menuju A29
· Klik edit member menuju A30 · Klik tambah berita menuju A31
· Klik edit berita menuju A32 · Klik tambah rekening menuju A33
· Klik edit rekening menuju A34 · Klik harian menuju a39
· Klik bulanan menuju A40 · Klik tahunan menuju A41
· Klik barang menuju A42 · Klik retur menuju A43
· Klik ubah profil menuju A44 dan A45
Home Edit Data
Ø Kategori
Ø Produk
Ø Rekening
Ø Kota
Ø Kontak
Ø Member
Ø Testimonial
Data Transaksi Data Retur
Laporan Penjualan Ø
Harian Ø
Bulanan Ø
Tahunan Ø
Produk Ø
Retur Ubah Profil
Logout
Gambar 3. 33 Perancangan Antarmuka Rekening
Tambah Rekening
Nama Bank Nama Pemilik Rekening
Cabang No Rekening
Masukkan gambar Logo
Simpan Batal
Browse
Nama form : A34
Font : Arial
Warna background : biru A34
KETERANGAN
· Klik edit data menuju form A03 · Klik data transaksi menuju A04
· Klik Kelola Data Retur untuk menuju ke A05 · Klik Laporan penjualan menuju ke A06
· Klik Ubah profil untuk menuju ke A07 · Klik Logout untuk menuju ke A08
· Klik barang menuju A09 · Klik kategori menuju A10
· Klik kota menuju A11 · Klik provinsi menuju A12
· Klik member menuju A14 · Klik kontak menuju A15
· Klik rekening menuju A16 · Klik tambah barang menuju A19
· Klik edt barang menuju A20 · Klik tambah kategori menuju A21
· Klik edit kategori menuju A22 · Klik tambah kota menuju A23
· Klik edit kota menuju A24 · Klik tambah provinsi menuju A25
· Klik edit provinsi menuju A26 · Klik member menuju A29
· Klik edit member menuju A30 · Klik tambah berita menuju A31
· Klik edit berita menuju A32 · Klik tambah rekening menuju A33
· Klik edit rekening menuju A34 · Klik harian menuju a39
· Klik bulanan menuju A40 · Klik tahunan menuju A41
· Klik barang menuju A42 · Klik retur menuju A43
· Klik ubah profil menuju A44 dan A45
Home Edit Data
Ø Kategori
Ø Produk
Ø Rekening
Ø Kota
Ø Kontak
Ø Member
Ø Testimonial
Data Transaksi Data Retur
Laporan Penjualan Ø
Harian Ø
Bulanan Ø
Tahunan Ø
Produk Ø
Retur Ubah Profil
Logout
Gambar 3. 34 Perancangan Antarmuka Tambah Rekening
Logo
Manajemen Kota
Tambah Kota No
Nama Kota Pilihan
Nama form : A11
Font : Arial
Warna background : biru A11
KETERANGAN
· Klik edit data menuju form A03 · Klik data transaksi menuju A04
· Klik Kelola Data Retur untuk menuju ke A05 · Klik Laporan penjualan menuju ke A06
· Klik Ubah profil untuk menuju ke A07 · Klik Logout untuk menuju ke A08
· Klik barang menuju A09 · Klik kategori menuju A10
· Klik kota menuju A11 · Klik provinsi menuju A12
· Klik member menuju A14 · Klik kontak menuju A15
· Klik rekening menuju A16 · Klik tambah barang menuju A19
· Klik edt barang menuju A20 · Klik tambah kategori menuju A21
· Klik edit kategori menuju A22 · Klik tambah kota menuju A23
· Klik edit kota menuju A24 · Klik tambah provinsi menuju A25
· Klik edit provinsi menuju A26 · Klik member menuju A29
· Klik edit member menuju A30 · Klik tambah berita menuju A31
· Klik edit berita menuju A32 · Klik tambah rekening menuju A33
· Klik edit rekening menuju A34 · Klik harian menuju a39
· Klik bulanan menuju A40 · Klik tahunan menuju A41
· Klik barang menuju A42 · Klik retur menuju A43
· Klik ubah profil menuju A44 dan A45
Ongkos kirim Home
Edit Data Ø
Kategori Ø
Produk Ø
Rekening Ø
Kota Ø
Kontak Ø
Member Ø
Testimonial Data Transaksi
Data Retur Laporan Penjualan
Ø Harian
Ø Bulanan
Ø Tahunan
Ø Produk
Ø Retur
Ubah Profil Logout
Gambar 3. 35 Perancangan Antarmuka kota
Tambah Kota
Nama Kota Ongkos Kirim
Logo
Simpan Batal
Nama form : A32
Font : Arial
Warna background : biru A32
KETERANGAN
· Klik edit data menuju form A03 · Klik data transaksi menuju A04
· Klik Kelola Data Retur untuk menuju ke A05 · Klik Laporan penjualan menuju ke A06
· Klik Ubah profil untuk menuju ke A07 · Klik Logout untuk menuju ke A08
· Klik barang menuju A09 · Klik kategori menuju A10
· Klik kota menuju A11 · Klik provinsi menuju A12
· Klik member menuju A14 · Klik kontak menuju A15
· Klik rekening menuju A16 · Klik tambah barang menuju A19
· Klik edt barang menuju A20 · Klik tambah kategori menuju A21
· Klik edit kategori menuju A22 · Klik tambah kota menuju A23
· Klik edit kota menuju A24 · Klik tambah provinsi menuju A25
· Klik edit provinsi menuju A26 · Klik member menuju A29
· Klik edit member menuju A30 · Klik tambah berita menuju A31
· Klik edit berita menuju A32 · Klik tambah rekening menuju A33
· Klik edit rekening menuju A34 · Klik harian menuju a39
· Klik bulanan menuju A40 · Klik tahunan menuju A41
· Klik barang menuju A42 · Klik retur menuju A43
· Klik ubah profil menuju A44 dan A45
Home Edit Data
Ø Kategori
Ø Produk
Ø Rekening
Ø Kota
Ø Kontak
Ø Member
Ø Testimonial
Data Transaksi Data Retur
Laporan Penjualan Ø
Harian Ø
Bulanan Ø
Tahunan Ø
Produk Ø
Retur Ubah Profil
Logout
Gambar 3. 36 Perancangan Antarmuka Tambah kota
Logo
Manajemen Kontak
No Nama
Pilihan Telepon
Email Tanggal
Isi Status
Nama form : A15
Font : Arial
Warna background : biru A15
KETERANGAN
· Klik edit data menuju form A03 · Klik data transaksi menuju A04
· Klik Kelola Data Retur untuk menuju ke A05 · Klik Laporan penjualan menuju ke A06
· Klik Ubah profil untuk menuju ke A07 · Klik Logout untuk menuju ke A08
· Klik barang menuju A09 · Klik kategori menuju A10
· Klik kota menuju A11 · Klik provinsi menuju A12
· Klik member menuju A14 · Klik kontak menuju A15
· Klik rekening menuju A16 · Klik tambah barang menuju A19
· Klik edt barang menuju A20 · Klik tambah kategori menuju A21
· Klik edit kategori menuju A22 · Klik tambah kota menuju A23
· Klik edit kota menuju A24 · Klik tambah provinsi menuju A25
· Klik edit provinsi menuju A26 · Klik member menuju A29
· Klik edit member menuju A30 · Klik tambah berita menuju A31
· Klik edit berita menuju A32 · Klik tambah rekening menuju A33
· Klik edit rekening menuju A34 · Klik harian menuju a39
· Klik bulanan menuju A40 · Klik tahunan menuju A41
· Klik barang menuju A42 · Klik retur menuju A43
· Klik ubah profil menuju A44 dan A45
Home Edit Data
Ø Kategori
Ø Produk
Ø Rekening
Ø Kota
Ø Kontak
Ø Member
Ø Testimonial
Data Transaksi Data Retur
Laporan Penjualan Ø
Harian Ø
Bulanan Ø
Tahunan Ø
Produk Ø
Retur Ubah Profil
Logout
Gambar 3. 37 Perancangan Antarmuka Kontak
Lihat Kontak
Nama Pengunjung : Email
: Telephone
: Tanggal
: Sudah Dibaca Oleh :
Logo
Nama form : A32
Font : Arial
Warna background : biru A32
KETERANGAN
· Klik edit data menuju form A03 · Klik data transaksi menuju A04
· Klik Kelola Data Retur untuk menuju ke A05 · Klik Laporan penjualan menuju ke A06
· Klik Ubah profil untuk menuju ke A07 · Klik Logout untuk menuju ke A08
· Klik barang menuju A09 · Klik kategori menuju A10
· Klik kota menuju A11 · Klik provinsi menuju A12
· Klik member menuju A14 · Klik kontak menuju A15
· Klik rekening menuju A16 · Klik tambah barang menuju A19
· Klik edt barang menuju A20 · Klik tambah kategori menuju A21
· Klik edit kategori menuju A22 · Klik tambah kota menuju A23
· Klik edit kota menuju A24 · Klik tambah provinsi menuju A25
· Klik edit provinsi menuju A26 · Klik member menuju A29
· Klik edit member menuju A30 · Klik tambah berita menuju A31
· Klik edit berita menuju A32 · Klik tambah rekening menuju A33
· Klik edit rekening menuju A34 · Klik harian menuju a39
· Klik bulanan menuju A40 · Klik tahunan menuju A41
· Klik barang menuju A42 · Klik retur menuju A43
· Klik ubah profil menuju A44 dan A45
Home Edit Data
Ø Kategori
Ø Produk
Ø Rekening
Ø Kota
Ø Kontak
Ø Member
Ø Testimonial
Data Transaksi Data Retur
Laporan Penjualan Ø
Harian Ø
Bulanan Ø
Tahunan Ø
Produk Ø
Retur Ubah Profil
Logout
Gambar 3. 38 Perancangan Antarmuka Lihat Kontak
Logo
Manajemen Member
No Nama Member Pilihan
Kota Alamat
Telp Kode Pos
Email
Nama form : A14
Font : Arial
Warna background : biru A14
KETERANGAN
· Klik edit data menuju form A03 · Klik data transaksi menuju A04
· Klik Kelola Data Retur untuk menuju ke A05 · Klik Laporan penjualan menuju ke A06
· Klik Ubah profil untuk menuju ke A07 · Klik Logout untuk menuju ke A08
· Klik barang menuju A09 · Klik kategori menuju A10
· Klik kota menuju A11 · Klik provinsi menuju A12
· Klik member menuju A14 · Klik kontak menuju A15
· Klik rekening menuju A16 · Klik tambah barang menuju A19
· Klik edt barang menuju A20 · Klik tambah kategori menuju A21
· Klik edit kategori menuju A22 · Klik tambah kota menuju A23
· Klik edit kota menuju A24 · Klik tambah provinsi menuju A25
· Klik edit provinsi menuju A26 · Klik member menuju A29
· Klik edit member menuju A30 · Klik tambah berita menuju A31
· Klik edit berita menuju A32 · Klik tambah rekening menuju A33
· Klik edit rekening menuju A34 · Klik harian menuju a39
· Klik bulanan menuju A40 · Klik tahunan menuju A41
· Klik barang menuju A42 · Klik retur menuju A43
· Klik ubah profil menuju A44 dan A45
Home Edit Data
Ø Kategori
Ø Produk
Ø Rekening
Ø Kota
Ø Kontak
Ø Member
Ø Testimonial
Data Transaksi Data Retur
Laporan Penjualan Ø
Harian Ø
Bulanan Ø
Tahunan Ø
Produk Ø
Retur Ubah Profil
Logout
Gambar 3. 39 Perancangan Antarmuka Member
Logo
Manajemen Tansaksi Pemesanan
No No Invoice Pilihan
Tanggal Transaksi
Nama Customer
Status Pengiriman
Jenis Pembayaran
Nama form : A04
Font : Arial
Warna background : biru A04
KETERANGAN
· Klik edit data menuju form A03 · Klik data transaksi menuju A04
· Klik Kelola Data Retur untuk menuju ke A05 · Klik Laporan penjualan menuju ke A06
· Klik Ubah profil untuk menuju ke A07 · Klik Logout untuk menuju ke A08
· Klik barang menuju A09 · Klik kategori menuju A10
· Klik kota menuju A11 · Klik provinsi menuju A12
· Klik member menuju A14 · Klik kontak menuju A15
· Klik rekening menuju A16 · Klik tambah barang menuju A19
· Klik edt barang menuju A20 · Klik tambah kategori menuju A21
· Klik edit kategori menuju A22 · Klik tambah kota menuju A23
· Klik edit kota menuju A24 · Klik tambah provinsi menuju A25
· Klik edit provinsi menuju A26 · Klik member menuju A29
· Klik edit member menuju A30 · Klik tambah berita menuju A31
· Klik edit berita menuju A32 · Klik tambah rekening menuju A33
· Klik edit rekening menuju A34 · Klik harian menuju a39
· Klik bulanan menuju A40 · Klik tahunan menuju A41
· Klik barang menuju A42 · Klik retur menuju A43
· Klik ubah profil menuju A44 dan A45
Home Edit Data
Ø Kategori
Ø Produk
Ø Rekening
Ø Kota
Ø Kontak
Ø Member
Ø Testimonial
Data Transaksi Data Retur
Laporan Penjualan Ø
Harian Ø
Bulanan Ø
Tahunan Ø
Produk Ø
Retur Ubah Profil
Logout
Gambar 3. 40 Perancangan Antarmuka Transaksi Pemesanan
Logo
Manajemen Laporan Harian
No No Invoice Pilihan
Tanggal Transaksi
Nama Customer
Status Pengiriman
Jenis Pembayaran
Jenis Pembayaran Cari
Print to PDF
Nama form : A39
Font : Arial
Warna background : biru A39
KETERANGAN
· Klik edit data menuju form A03 · Klik data transaksi menuju A04
· Klik Kelola Data Retur untuk menuju ke A05 · Klik Laporan penjualan menuju ke A06
· Klik Ubah profil untuk menuju ke A07 · Klik Logout untuk menuju ke A08
· Klik barang menuju A09 · Klik kategori menuju A10
· Klik kota menuju A11 · Klik provinsi menuju A12
· Klik member menuju A14 · Klik kontak menuju A15
· Klik rekening menuju A16 · Klik tambah barang menuju A19
· Klik edt barang menuju A20 · Klik tambah kategori menuju A21
· Klik edit kategori menuju A22 · Klik tambah kota menuju A23
· Klik edit kota menuju A24 · Klik tambah provinsi menuju A25
· Klik edit provinsi menuju A26 · Klik member menuju A29
· Klik edit member menuju A30 · Klik tambah berita menuju A31
· Klik edit berita menuju A32 · Klik tambah rekening menuju A33
· Klik edit rekening menuju A34 · Klik harian menuju a39
· Klik bulanan menuju A40 · Klik tahunan menuju A41
· Klik barang menuju A42 · Klik retur menuju A43
· Klik ubah profil menuju A44 dan A45
Home Edit Data
Ø Kategori
Ø Produk
Ø Rekening
Ø Kota
Ø Kontak
Ø Member
Ø Testimonial
Data Transaksi Data Retur
Laporan Penjualan Ø
Harian Ø
Bulanan Ø
Tahunan Ø
Produk Ø
Retur Ubah Profil
Logout
Gambar 3. 41 Perancangan Antarmuka Laporan Harian
Logo
Manajemen Laporan Bulanan
No No Invoice Pilihan
Tanggal Transaksi
Nama Customer
Status Pengiriman
Jenis Pembayaran
Jenis Pembayaran Cari
Print to PDF
Nama form : A40
Font : Arial
Warna background : biru A40
KETERANGAN
· Klik edit data menuju form A03 · Klik data transaksi menuju A04
· Klik Kelola Data Retur untuk menuju ke A05 · Klik Laporan penjualan menuju ke A06
· Klik Ubah profil untuk menuju ke A07 · Klik Logout untuk menuju ke A08
· Klik barang menuju A09 · Klik kategori menuju A10
· Klik kota menuju A11 · Klik provinsi menuju A12
· Klik member menuju A14 · Klik kontak menuju A15
· Klik rekening menuju A16 · Klik tambah barang menuju A19
· Klik edt barang menuju A20 · Klik tambah kategori menuju A21
· Klik edit kategori menuju A22 · Klik tambah kota menuju A23
· Klik edit kota menuju A24 · Klik tambah provinsi menuju A25
· Klik edit provinsi menuju A26 · Klik member menuju A29
· Klik edit member menuju A30 · Klik tambah berita menuju A31
· Klik edit berita menuju A32 · Klik tambah rekening menuju A33
· Klik edit rekening menuju A34 · Klik harian menuju a39
· Klik bulanan menuju A40 · Klik tahunan menuju A41
· Klik barang menuju A42 · Klik retur menuju A43
· Klik ubah profil menuju A44 dan A45
Home Edit Data
Ø Kategori
Ø Produk
Ø Rekening
Ø Kota
Ø Kontak
Ø Member
Ø Testimonial
Data Transaksi Data Retur
Laporan Penjualan Ø
Harian Ø
Bulanan Ø
Tahunan Ø
Produk Ø
Retur Ubah Profil
Logout
Gambar 3. 42 Perancangan Antarmuka Laporan Bulanan
Logo
Manajemen Laporan Tahunan
No No Invoice Pilihan
Tanggal Transaksi
Nama Customer
Status Pengiriman
Jenis Pembayaran
Jenis Pembayaran Cari
Print to PDF
Nama form : A41
Font : Arial
Warna background : biru A41
KETERANGAN
· Klik edit data menuju form A03 · Klik data transaksi menuju A04
· Klik Kelola Data Retur untuk menuju ke A05 · Klik Laporan penjualan menuju ke A06
· Klik Ubah profil untuk menuju ke A07 · Klik Logout untuk menuju ke A08
· Klik barang menuju A09 · Klik kategori menuju A10
· Klik kota menuju A11 · Klik provinsi menuju A12
· Klik member menuju A14 · Klik kontak menuju A15
· Klik rekening menuju A16 · Klik tambah barang menuju A19
· Klik edt barang menuju A20 · Klik tambah kategori menuju A21
· Klik edit kategori menuju A22 · Klik tambah kota menuju A23
· Klik edit kota menuju A24 · Klik tambah provinsi menuju A25
· Klik edit provinsi menuju A26 · Klik member menuju A29
· Klik edit member menuju A30 · Klik tambah berita menuju A31
· Klik edit berita menuju A32 · Klik tambah rekening menuju A33
· Klik edit rekening menuju A34 · Klik harian menuju a39
· Klik bulanan menuju A40 · Klik tahunan menuju A41
· Klik barang menuju A42 · Klik retur menuju A43
· Klik ubah profil menuju A44 dan A45
Home Edit Data
Ø Kategori
Ø Produk
Ø Rekening
Ø Kota
Ø Kontak
Ø Member
Ø Testimonial
Data Transaksi Data Retur
Laporan Penjualan Ø
Harian Ø
Bulanan Ø
Tahunan Ø
Produk Ø
Retur Ubah Profil
Logout
Gambar 3. 43 Perancangan Antarmuka Laporan Tahunan
Logo
Manajemen Laporan Produk
No Tanggal
Stok Nama Produk
Harga Diskon
Cari Print to PDF
Nama form : A42
Font : Arial
Warna background : biru A42
KETERANGAN
· Klik edit data menuju form A03 · Klik data transaksi menuju A04
· Klik Kelola Data Retur untuk menuju ke A05 · Klik Laporan penjualan menuju ke A06
· Klik Ubah profil untuk menuju ke A07 · Klik Logout untuk menuju ke A08
· Klik barang menuju A09 · Klik kategori menuju A10
· Klik kota menuju A11 · Klik provinsi menuju A12
· Klik member menuju A14 · Klik kontak menuju A15
· Klik rekening menuju A16 · Klik tambah barang menuju A19
· Klik edt barang menuju A20 · Klik tambah kategori menuju A21
· Klik edit kategori menuju A22 · Klik tambah kota menuju A23
· Klik edit kota menuju A24 · Klik tambah provinsi menuju A25
· Klik edit provinsi menuju A26 · Klik member menuju A29
· Klik edit member menuju A30 · Klik tambah berita menuju A31
· Klik edit berita menuju A32 · Klik tambah rekening menuju A33
· Klik edit rekening menuju A34 · Klik harian menuju a39
· Klik bulanan menuju A40 · Klik tahunan menuju A41
· Klik barang menuju A42 · Klik retur menuju A43
· Klik ubah profil menuju A44 dan A45
Home Edit Data
Ø Kategori
Ø Produk
Ø Rekening
Ø Kota
Ø Kontak
Ø Member
Ø Testimonial
Data Transaksi Data Retur
Laporan Penjualan Ø
Harian Ø
Bulanan Ø
Tahunan Ø
Produk Ø
Retur Ubah Profil
Logout
Gambar 3. 44 Perancangan Antarmuka Laporan Produk
No nvoice Logo
Manajemen Laporan Retur
No No Invoice Nama Produk
Tanggal Retur Status
Komplain Cari
Print to PDF
Nama form : A43
Font : Arial
Warna background : biru A43
KETERANGAN
· Klik edit data menuju form A03 · Klik data transaksi menuju A04
· Klik Kelola Data Retur untuk menuju ke A05 · Klik Laporan penjualan menuju ke A06
· Klik Ubah profil untuk menuju ke A07 · Klik Logout untuk menuju ke A08
· Klik barang menuju A09 · Klik kategori menuju A10
· Klik kota menuju A11 · Klik provinsi menuju A12
· Klik member menuju A14 · Klik kontak menuju A15
· Klik rekening menuju A16 · Klik tambah barang menuju A19
· Klik edt barang menuju A20 · Klik tambah kategori menuju A21
· Klik edit kategori menuju A22 · Klik tambah kota menuju A23
· Klik edit kota menuju A24 · Klik tambah provinsi menuju A25
· Klik edit provinsi menuju A26 · Klik member menuju A29
· Klik edit member menuju A30 · Klik tambah berita menuju A31
· Klik edit berita menuju A32 · Klik tambah rekening menuju A33
· Klik edit rekening menuju A34 · Klik harian menuju a39
· Klik bulanan menuju A40 · Klik tahunan menuju A41
· Klik barang menuju A42 · Klik retur menuju A43
· Klik ubah profil menuju A44 dan A45
Home Edit Data
Ø Kategori
Ø Produk
Ø Rekening
Ø Kota
Ø Kontak
Ø Member
Ø Testimonial
Data Transaksi Data Retur
Laporan Penjualan Ø
Harian Ø
Bulanan Ø
Tahunan Ø
Produk Ø
Retur Ubah Profil
Logout
Gambar 3. 45 Perancangan Antarmuka Laporan Retur
Logo
Ubah Profil
Update Email
: Nama
: Alamat
: Telp
:
Nama form : A44
Font : Arial
Warna background : biru A44
KETERANGAN
· Klik edit data menuju form A03 · Klik data transaksi menuju A04
· Klik Kelola Data Retur untuk menuju ke A05 · Klik Laporan penjualan menuju ke A06
· Klik Ubah profil untuk menuju ke A07 · Klik Logout untuk menuju ke A08
· Klik barang menuju A09 · Klik kategori menuju A10
· Klik kota menuju A11 · Klik provinsi menuju A12
· Klik member menuju A14 · Klik kontak menuju A15
· Klik rekening menuju A16 · Klik tambah barang menuju A19
· Klik edt barang menuju A20 · Klik tambah kategori menuju A21
· Klik edit kategori menuju A22 · Klik tambah kota menuju A23
· Klik edit kota menuju A24 · Klik tambah provinsi menuju A25
· Klik edit provinsi menuju A26 · Klik member menuju A29
· Klik edit member menuju A30 · Klik tambah berita menuju A31
· Klik edit berita menuju A32 · Klik tambah rekening menuju A33
· Klik edit rekening menuju A34 · Klik harian menuju a39
· Klik bulanan menuju A40 · Klik tahunan menuju A41
· Klik barang menuju A42 · Klik retur menuju A43
· Klik ubah profil menuju A44 dan A45
Home Edit Data
Ø Kategori
Ø Produk
Ø Rekening
Ø Kota
Ø Kontak
Ø Member
Ø Testimonial
Data Transaksi Data Retur
Laporan Penjualan Ø
Harian Ø
Bulanan Ø
Tahunan Ø
Produk Ø
Retur Ubah Profil
Logout
Gambar 3. 46 Perancangan Antarmuka Ubah Profil
Logo
Ubah Password
Update Password Lama
Password Baru Confirm Password
Nama form : A45
Font : Arial
Warna background : biru A45
KETERANGAN
· Klik edit data menuju form A03 · Klik data transaksi menuju A04
· Klik Kelola Data Retur untuk menuju ke A05 · Klik Laporan penjualan menuju ke A06
· Klik Ubah profil untuk menuju ke A07 · Klik Logout untuk menuju ke A08
· Klik barang menuju A09 · Klik kategori menuju A10
· Klik kota menuju A11 · Klik provinsi menuju A12
· Klik member menuju A14 · Klik kontak menuju A15
· Klik rekening menuju A16 · Klik tambah barang menuju A19
· Klik edt barang menuju A20 · Klik tambah kategori menuju A21
· Klik edit kategori menuju A22 · Klik tambah kota menuju A23
· Klik edit kota menuju A24 · Klik tambah provinsi menuju A25
· Klik edit provinsi menuju A26 · Klik member menuju A29
· Klik edit member menuju A30 · Klik tambah berita menuju A31
· Klik edit berita menuju A32 · Klik tambah rekening menuju A33
· Klik edit rekening menuju A34 · Klik harian menuju a39
· Klik bulanan menuju A40 · Klik tahunan menuju A41
· Klik barang menuju A42 · Klik retur menuju A43
· Klik ubah profil menuju A44 dan A45
Home Edit Data
Ø Kategori
Ø Produk
Ø Rekening
Ø Kota
Ø Kontak
Ø Member
Ø Testimonial
Data Transaksi Data Retur
Laporan Penjualan Ø
Harian Ø
Bulanan Ø
Tahunan Ø
Produk Ø
Retur Ubah Profil
Logout
Gambar 3. 47 Perancangan Antarmuka Ubah Password 3.2.5.2
Perancangan antar muka pengunjung
Beranda Registrasi Bantuan Kontak Profil Header
Footer KATEGORI
PRODUK Nama kategori
Nama kategori Nama kategori
Nama kategori PEMBAYARAN
Gambar bank LOGIN
Email Password
Lupa Kata Sandi? Masuk
Produk Detail
Produk Detail
Produk Detail
Produk Detail
KERANJANG BELANJA
PRODUK TERBARU
Gambar Produk Terbaru
PRODUK TERLARIS
Gambar Produk Terlaris
CUSTOMER SERVICE
PENCARIAN
Keterangan Ø Klik beranda menuju
ke P01 Ø Klik registrasi menuju
ke P02 Ø Klik bantuan menuju
ke P03 Ø Klik kontak menuju ke
P04 Ø Klik profil menuju ke
P05 Ø Klik detail menuki ke
P06 Ø Klik barang terbaru
menuju ke P07 Ø Klik baran diskon
menuju ke P08 Ø Klik barang terlaris
menuju ke P09 Ø Klik kategori susu
sterilisasi menuju ke P10
Ø Klik kategori yoghurt 180 ml menuju ke P11
Ø Klik kategori susu murni menuju ke P12
Ø Klik kategori yoghurt 1000 ml menuu ke P13
Nama form : P01
Font : Arial
Warna backgroung : biru
P01
Gambar 3. 48 Perancangan Antarmuka Pengunjung Beranda
Beranda Registrasi Bantuan Kontak Profil Header
Footer KATEGORI PRODUK
Nama kategori Nama kategori
Nama kategori Nama kategori
PEMBAYARAN Gambar bank
LOGIN Email
Password Lupa Kata Sandi?
Masuk Registrasi
KERANJANG BELANJA
PRODUK TERBARU Gambar Produk
Terbaru PRODUK TERLARIS
Gambar Produk Terlaris
CUSTOMER SERVICE
PENCARIAN
Nama Password
Confirm Password
Email Alamat
Regional Kota
Kode Pos No Telp
Kode Capcha Registrasi
Keterangan Ø Klik beranda menuju
ke P01 Ø Klik registrasi menuju
ke P02 Ø Klik bantuan menuju
ke P03 Ø Klik kontak menuju ke
P04 Ø Klik profil menuju ke
P05 Ø Klik detail menuki ke
P06 Ø Klik barang terbaru
menuju ke P07 Ø Klik baran diskon
menuju ke P08 Ø Klik barang terlaris
menuju ke P09 Ø Klik kategori susu
sterilisasi menuju ke P10
Ø Klik kategori yoghurt 180 ml menuju ke P11
Ø Klik kategori susu murni menuju ke P12
Ø Klik kategori yoghurt 1000 ml menuu ke P13
Nama form : P02
Font : Arial
Warna backgroung : biru
P02
Gambar 3. 49 Perancangan Antarmuka Pengunjung Registrasi
Beranda Registrasi Bantuan Kontak Profil Header
Footer KATEGORI
PRODUK Nama kategori
Nama kategori Nama kategori
Nama kategori PEMBAYARAN
Gambar bank LOGIN
Email Password
Lupa Kata Sandi? Masuk
Profil
Keterangan KERANJANG
BELANJA PRODUK
TERBARU Gambar Produk
Terbaru PRODUK
TERLARIS Gambar Produk
Terlaris CUSTOMER
SERVICE PENCARIAN
Keterangan Ø Klik beranda menuju
ke P01 Ø Klik registrasi menuju
ke P02 Ø Klik bantuan menuju
ke P03 Ø Klik kontak menuju ke
P04 Ø Klik profil menuju ke
P05 Ø Klik detail menuki ke
P06 Ø Klik barang terbaru
menuju ke P07 Ø Klik baran diskon
menuju ke P08 Ø Klik barang terlaris
menuju ke P09 Ø Klik kategori susu
sterilisasi menuju ke P10
Ø Klik kategori yoghurt 180 ml menuju ke P11
Ø Klik kategori susu murni menuju ke P12
Ø Klik kategori yoghurt 1000 ml menuu ke P13
Nama form : P05
Font : Arial
Warna backgroung : biru
P05
Gambar 3. 50 Perancangan Antarmuka Pengunjung Profil
Beranda Registrasi Bantuan Kontak Profil Header
Footer KATEGORI
PRODUK Nama kategori
Nama kategori Nama kategori
Nama kategori PEMBAYARAN
Gambar bank LOGIN
Email Password
Lupa Kata Sandi? Masuk
Bantuan KERANJANG
BELANJA PRODUK
TERBARU Gambar Produk
Terbaru PRODUK
TERLARIS Gambar Produk
Terlaris CUSTOMER
SERVICE PENCARIAN
Cara Pembelian Ketarangan
Cara Pembayaran Keterangan
Cara Retur Keterangan
Kembali Keterangan
Ø Klik beranda menuju ke P01
Ø Klik registrasi menuju ke P02
Ø Klik bantuan menuju ke P03
Ø Klik kontak menuju ke P04
Ø Klik profil menuju ke P05
Ø Klik detail menuki ke P06
Ø Klik barang terbaru menuju ke P07
Ø Klik baran diskon menuju ke P08
Ø Klik barang terlaris menuju ke P09
Ø Klik kategori susu sterilisasi menuju ke
P10 Ø Klik kategori yoghurt
180 ml menuju ke P11 Ø Klik kategori susu
murni menuju ke P12 Ø Klik kategori yoghurt
1000 ml menuu ke P13
Nama form : P03
Font : Arial
Warna backgroung : biru
P03
Gambar 3. 51 Perancangan Antarmuka Pengunjung Bantuan
Beranda Registrasi Bantuan Kontak Profil Header
Footer KATEGORI
PRODUK Nama kategori
Nama kategori Nama kategori
Nama kategori PEMBAYARAN
Gambar bank LOGIN
Email Password
Lupa Kata Sandi? Masuk
Kontak
Keterangan KERANJANG
BELANJA PRODUK
TERBARU Gambar Produk
Terbaru PRODUK
TERLARIS Gambar Produk
Terlaris CUSTOMER
SERVICE PENCARIAN
Keterangan Ø Klik beranda menuju
ke P01 Ø Klik registrasi menuju
ke P02 Ø Klik bantuan menuju
ke P03 Ø Klik kontak menuju ke
P04 Ø Klik profil menuju ke
P05 Ø Klik detail menuki ke
P06 Ø Klik barang terbaru
menuju ke P07 Ø Klik baran diskon
menuju ke P08 Ø Klik barang terlaris
menuju ke P09 Ø Klik kategori susu
sterilisasi menuju ke P10
Ø Klik kategori yoghurt 180 ml menuju ke P11
Ø Klik kategori susu murni menuju ke P12
Ø Klik kategori yoghurt 1000 ml menuu ke P13
Nama form : P04
Font : Arial
Warna backgroung : biru
P04
Gambar 3. 52 Perancangan Antarmuka Pengunjung Kontak
Beranda Registrasi Bantuan Kontak Profil Header
Footer KATEGORI
PRODUK Nama kategori
Nama kategori Nama kategori
Nama kategori PEMBAYARAN
Gambar bank LOGIN
Email Password
Lupa Kata Sandi? Masuk
Detail KERANJANG
BELANJA PRODUK
TERBARU Gambar Produk
Terbaru PRODUK
TERLARIS Gambar Produk
Terlaris CUSTOMER
SERVICE PENCARIAN
Produk Produk
Keterangan Produk
Rating
Nama form : P06
Font : Arial
Warna backgroung : biru
Keterangan Ø Klik beranda menuju
ke P01 Ø Klik registrasi menuju
ke P02 Ø Klik bantuan menuju
ke P03 Ø Klik kontak menuju ke
P04 Ø Klik profil menuju ke
P05 Ø Klik detail menuki ke
P06 Ø Klik barang terbaru
menuju ke P07 Ø Klik baran diskon
menuju ke P08 Ø Klik barang terlaris
menuju ke P09 Ø Klik kategori susu
sterilisasi menuju ke P10
Ø Klik kategori yoghurt 180 ml menuju ke P11
Ø Klik kategori susu murni menuju ke P12
Ø Klik kategori yoghurt 1000 ml menuu ke P13
P06
Gambar 3. 53 Perancangan Antarmuka Pengunjung Detail
Beranda Registrasi Bantuan Kontak Profil Header
Footer KATEGORI
PRODUK Nama kategori
Nama kategori Nama kategori
Nama kategori PEMBAYARAN
Gambar bank LOGIN
Email Password
Lupa Kata Sandi? Masuk
Produk Produk
Detail Produk
Detail KERANJANG
BELANJA PRODUK
TERBARU Gambar Produk
Terbaru PRODUK
TERLARIS Gambar Produk
Terlaris CUSTOMER
SERVICE PENCARIAN
Keterangan Ø Klik beranda menuju
ke P01 Ø Klik registrasi menuju
ke P02 Ø Klik bantuan menuju
ke P03 Ø Klik kontak menuju ke
P04 Ø Klik profil menuju ke
P05 Ø Klik detail menuki ke
P06 Ø Klik barang terbaru
menuju ke P07 Ø Klik baran diskon
menuju ke P08 Ø Klik barang terlaris
menuju ke P09 Ø Klik kategori susu
sterilisasi menuju ke P10
Ø Klik kategori yoghurt 180 ml menuju ke P11
Ø Klik kategori susu murni menuju ke P12
Ø Klik kategori yoghurt 1000 ml menuu ke P13
Nama form : P10
Font : Arial
Warna backgroung : biru
P10
Gambar 3. 54 Perancangan Antarmuka Pengunjung Kategori Susu Sterilisasi
Beranda Registrasi Bantuan Kontak Profil Header
Footer KATEGORI
PRODUK Nama kategori
Nama kategori Nama kategori
Nama kategori PEMBAYARAN
Gambar bank LOGIN
Email Password
Lupa Kata Sandi? Masuk
Produk Produk
Detail Produk
Detail KERANJANG
BELANJA PRODUK
TERBARU Gambar Produk
Terbaru PRODUK
TERLARIS Gambar Produk
Terlaris CUSTOMER
SERVICE PENCARIAN
Keterangan Ø Klik beranda menuju
ke P01 Ø Klik registrasi menuju
ke P02 Ø Klik bantuan menuju
ke P03 Ø Klik kontak menuju ke
P04 Ø Klik profil menuju ke
P05 Ø Klik detail menuki ke
P06 Ø Klik barang terbaru
menuju ke P07 Ø Klik baran diskon
menuju ke P08 Ø Klik barang terlaris
menuju ke P09 Ø Klik kategori susu
sterilisasi menuju ke P10
Ø Klik kategori yoghurt 180 ml menuju ke P11
Ø Klik kategori susu murni menuju ke P12
Ø Klik kategori yoghurt 1000 ml menuu ke P13
Nama form : P11
Font : Arial
Warna backgroung : biru
P11
Gambar 3. 55 Perancangan Antarmuka Pengunjung Kategori Yoghurt 180 ml
Beranda Registrasi Bantuan Kontak Profil Header
Footer KATEGORI
PRODUK Nama kategori
Nama kategori Nama kategori
Nama kategori PEMBAYARAN
Gambar bank LOGIN
Email Password
Lupa Kata Sandi? Masuk
Produk Produk
Detail Produk
Detail KERANJANG
BELANJA PRODUK
TERBARU Gambar Produk
Terbaru PRODUK
TERLARIS Gambar Produk
Terlaris CUSTOMER
SERVICE PENCARIAN
Keterangan Ø Klik beranda menuju
ke P01 Ø Klik registrasi menuju
ke P02 Ø Klik bantuan menuju
ke P03 Ø Klik kontak menuju ke
P04 Ø Klik profil menuju ke
P05 Ø Klik detail menuki ke
P06 Ø Klik barang terbaru
menuju ke P07 Ø Klik baran diskon
menuju ke P08 Ø Klik barang terlaris
menuju ke P09 Ø Klik kategori susu
sterilisasi menuju ke P10
Ø Klik kategori yoghurt 180 ml menuju ke P11
Ø Klik kategori susu murni menuju ke P12
Ø Klik kategori yoghurt 1000 ml menuu ke P13
Nama form : P12
Font : Arial
Warna backgroung : biru
P12
Gambar 3. 56 Perancangan Antarmuka Pengunjung Kategori Susu Murni
Beranda Registrasi Bantuan Kontak Profil Header
Footer KATEGORI
PRODUK Nama kategori
Nama kategori Nama kategori
Nama kategori PEMBAYARAN
Gambar bank LOGIN
Email Password
Lupa Kata Sandi? Masuk
Produk Produk
Detail Produk
Detail KERANJANG
BELANJA PRODUK
TERBARU Gambar Produk
Terbaru PRODUK
TERLARIS Gambar Produk
Terlaris CUSTOMER
SERVICE PENCARIAN
Keterangan Ø Klik beranda menuju
ke P01 Ø Klik registrasi menuju
ke P02 Ø Klik bantuan menuju
ke P03 Ø Klik kontak menuju ke
P04 Ø Klik profil menuju ke
P05 Ø Klik detail menuki ke
P06 Ø Klik barang terbaru
menuju ke P07 Ø Klik baran diskon
menuju ke P08 Ø Klik barang terlaris
menuju ke P09 Ø Klik kategori susu
sterilisasi menuju ke P10
Ø Klik kategori yoghurt 180 ml menuju ke P11
Ø Klik kategori susu murni menuju ke P12
Ø Klik kategori yoghurt 1000 ml menuu ke P13
Nama form : P13
Font : Arial
Warna backgroung : biru
P13
Gambar 3. 57 Perancangan Antarmuka Pengunjung Kategori Yoghurt 1000 ml
Beranda Registrasi Bantuan Kontak Profil Header
Footer KATEGORI
PRODUK Nama kategori
Nama kategori Nama kategori
Nama kategori PEMBAYARAN
Gambar bank LOGIN
Email Password
Lupa Kata Sandi? Masuk
Detail KERANJANG
BELANJA PRODUK
TERBARU Gambar Produk
Terbaru PRODUK
TERLARIS Gambar Produk
Terlaris CUSTOMER
SERVICE PENCARIAN
Produk Produk
Keterangan Produk
Rating
Nama form : P07
Font : Arial
Warna backgroung : biru
Keterangan Ø Klik beranda menuju
ke P01 Ø Klik registrasi menuju
ke P02 Ø Klik bantuan menuju
ke P03 Ø Klik kontak menuju ke
P04 Ø Klik profil menuju ke
P05 Ø Klik detail menuki ke
P06 Ø Klik barang terbaru
menuju ke P07 Ø Klik baran diskon
menuju ke P08 Ø Klik barang terlaris
menuju ke P09 Ø Klik kategori susu
sterilisasi menuju ke P10
Ø Klik kategori yoghurt 180 ml menuju ke P11
Ø Klik kategori susu murni menuju ke P12
Ø Klik kategori yoghurt 1000 ml menuu ke P13
P07
Gambar 3. 58 Perancangan Antarmuka Pengunjung Baranng Terbaru
Beranda Registrasi Bantuan Kontak Profil Header
Footer KATEGORI
PRODUK Nama kategori
Nama kategori Nama kategori
Nama kategori PEMBAYARAN
Gambar bank LOGIN
Email Password
Lupa Kata Sandi? Masuk
Detail KERANJANG
BELANJA PRODUK
TERBARU Gambar Produk
Terbaru PRODUK
TERLARIS Gambar Produk
Terlaris CUSTOMER
SERVICE PENCARIAN
Produk Produk
Keterangan Produk
Rating
Nama form : P09
Font : Arial
Warna backgroung : biru
Keterangan Ø Klik beranda menuju
ke P01 Ø Klik registrasi menuju
ke P02 Ø Klik bantuan menuju
ke P03 Ø Klik kontak menuju ke
P04 Ø Klik profil menuju ke
P05 Ø Klik detail menuki ke
P06 Ø Klik barang terbaru
menuju ke P07 Ø Klik baran diskon
menuju ke P08 Ø Klik barang terlaris
menuju ke P09 Ø Klik kategori susu
sterilisasi menuju ke P10
Ø Klik kategori yoghurt 180 ml menuju ke P11
Ø Klik kategori susu murni menuju ke P12
Ø Klik kategori yoghurt 1000 ml menuu ke P13
P09
Gambar 3. 59 Perancangan Antarmuka Perancangan Antarmuka Pengunjung Barang Terlaris