Perancangan Antamuka Member Pembangunan Aplikasi E-Commerce Wardah-Shop

17. Perancangan Antamuka Member

Berikut dapat dilihat perancangan antar muka Member dari pembangunan situs e-commerce pada toko wardah shop yang tercantum pada gambar 3.72 dibawah ini: A15 Klik Control Panel Menuju A03 Klik Data Master - Klik Kategori menuju A04 - Klik Barang menuju A28 - Klik Detail Barang menuju A05 - Klik Rekening menuju A06 - Klik Provinsi menuju A07 - Klik Kota menuju A08 - Klik Hubungi menuju A09 - Klik Testimonial menuju A10 - Klik Jasa Pengiriman menuju A11 - Klik Jenis Pengiriman menuju A12 - Klik Ukuran menuju A13 - Klik Warna menuju A14 - Klik Member menuju A15 - Klik Kurs menuju A16 - Klik Komplain menuju A17 - Klik Ongkos Kirim menuju A29 - Klik PengolahanDiskon menuju A30 Klik Data Transaksi menuju A18 Klik Data Retur menuju A19 Klik Laporan - Klik Laporan Harian menuju A20 - Klik Laporan Bulanan menuju A21 - Klik Laporan Tahunan menuju A22 - Klik Laporan Barang menuju A23 - Klik Laporan Retur menuju A24 Klik Pengaturan - Klik Ubah Profile menuju A25 - Klik Ubah Password menuju A26 Klik Logout menuju A27 Administrator Control Panel Data Master Data Transaksi Data Retur Laporan Pengaturan Logout Pengaturan Member Data Member No Nama Email Page of 1 Alamat Kodepos Kota Telp Status Gambar 3.72 Perancangan Antarmuka Member 18. Perancangan Antamuka Kurs Berikut dapat dilihat perancangan antar muka Kurs dari pembangunan situs e-commerce pada toko wardah shop yang tercantum pada gambar 3.73 dibawah ini: A16 Klik Control Panel Menuju A03 Klik Data Master - Klik Kategori menuju A04 - Klik Barang menuju A28 - Klik Detail Barang menuju A05 - Klik Rekening menuju A06 - Klik Provinsi menuju A07 - Klik Kota menuju A08 - Klik Hubungi menuju A09 - Klik Testimonial menuju A10 - Klik Jasa Pengiriman menuju A11 - Klik Jenis Pengiriman menuju A12 - Klik Ukuran menuju A13 - Klik Warna menuju A14 - Klik Member menuju A15 - Klik Kurs menuju A16 - Klik Komplain menuju A17 - Klik Ongkos Kirim menuju A29 - Klik PengolahanDiskon menuju A30 Klik Data Transaksi menuju A18 Klik Data Retur menuju A19 Klik Laporan - Klik Laporan Harian menuju A20 - Klik Laporan Bulanan menuju A21 - Klik Laporan Tahunan menuju A22 - Klik Laporan Barang menuju A23 - Klik Laporan Retur menuju A24 Klik Pengaturan - Klik Ubah Profile menuju A25 - Klik Ubah Password menuju A26 Klik Logout menuju A27 Administrator Control Panel Data Master Data Transaksi Data Retur Laporan Pengaturan Logout Pengaturan Kurs Data Kurs Tambah Hapus No Kode Symbol Ubah Page of 1 Deskripsi Status Ubah Gambar 3.73 Perancangan Antarmuka Kurs Berikut dapat dilihat perancangan antar muka tambah Kurs dari pembangunan situs e-commerce pada toko wardah shop yang tercantum pada gambar 3.73 dibawah ini: A16 Klik Control Panel Menuju A03 Klik Data Master - Klik Kategori menuju A04 - Klik Barang menuju A28 - Klik Detail Barang menuju A05 - Klik Rekening menuju A06 - Klik Provinsi menuju A07 - Klik Kota menuju A08 - Klik Hubungi menuju A09 - Klik Testimonial menuju A10 - Klik Jasa Pengiriman menuju A11 - Klik Jenis Pengiriman menuju A12 - Klik Ukuran menuju A13 - Klik Warna menuju A14 - Klik Member menuju A15 - Klik Kurs menuju A16 - Klik Komplain menuju A17 - Klik Ongkos Kirim menuju A29 - Klik PengolahanDiskon menuju A30 Klik Data Transaksi menuju A18 Klik Data Retur menuju A19 Klik Laporan - Klik Laporan Harian menuju A20 - Klik Laporan Bulanan menuju A21 - Klik Laporan Tahunan menuju A22 - Klik Laporan Barang menuju A23 - Klik Laporan Retur menuju A24 Klik Pengaturan - Klik Ubah Profile menuju A25 - Klik Ubah Password menuju A26 Klik Logout menuju A27 Administrator Control Panel Data Master Data Transaksi Data Retur Laporan Pengaturan Logout Pengaturan Kurs Tambah Kurs Kode : Symbol : Harga : Deskripsi : Status : Tambah Cancel Tidak Gunakan Kurs Gunakan Kurs Gambar 3.73 Perancangan Antarmuka Tambah Kurs 19. Perancangan Antamuka Komplain Berikut dapat dilihat perancangan antar muka Komplain dari pembangunan situs e-commerce pada toko wardah shop yang tercantum pada gambar 3.74 dibawah ini: A17 Klik Control Panel Menuju A03 Klik Data Master - Klik Kategori menuju A04 - Klik Barang menuju A28 - Klik Detail Barang menuju A05 - Klik Rekening menuju A06 - Klik Provinsi menuju A07 - Klik Kota menuju A08 - Klik Hubungi menuju A09 - Klik Testimonial menuju A10 - Klik Jasa Pengiriman menuju A11 - Klik Jenis Pengiriman menuju A12 - Klik Ukuran menuju A13 - Klik Warna menuju A14 - Klik Member menuju A15 - Klik Kurs menuju A16 - Klik Komplain menuju A17 - Klik Ongkos Kirim menuju A29 - Klik PengolahanDiskon menuju A30 Klik Data Transaksi menuju A18 Klik Data Retur menuju A19 Klik Laporan - Klik Laporan Harian menuju A20 - Klik Laporan Bulanan menuju A21 - Klik Laporan Tahunan menuju A22 - Klik Laporan Barang menuju A23 - Klik Laporan Retur menuju A24 Klik Pengaturan - Klik Ubah Profile menuju A25 - Klik Ubah Password menuju A26 Klik Logout menuju A27 Administrator Control Panel Data Master Data Transaksi Data Retur Laporan Pengaturan Logout Pengaturan Kompalin Data Kompalin Tambah Hapus No Nama Komplaim Keterangan Ubah Page of 1 Ubah Gambar 3.74 Perancangan Antarmuka Komplain Berikut \apat dilihat perancangan antar muka tambah Komplain dari pembangunan situs e-commerce pada toko wardah shop yang tercantum pada gambar 3.75 dibawah ini: A17 Klik Control Panel Menuju A03 Klik Data Master - Klik Kategori menuju A04 - Klik Barang menuju A28 - Klik Detail Barang menuju A05 - Klik Rekening menuju A06 - Klik Provinsi menuju A07 - Klik Kota menuju A08 - Klik Hubungi menuju A09 - Klik Testimonial menuju A10 - Klik Jasa Pengiriman menuju A11 - Klik Jenis Pengiriman menuju A12 - Klik Ukuran menuju A13 - Klik Warna menuju A14 - Klik Member menuju A15 - Klik Kurs menuju A16 - Klik Komplain menuju A17 - Klik Ongkos Kirim menuju A29 - Klik PengolahanDiskon menuju A30 Klik Data Transaksi menuju A18 Klik Data Retur menuju A19 Klik Laporan - Klik Laporan Harian menuju A20 - Klik Laporan Bulanan menuju A21 - Klik Laporan Tahunan menuju A22 - Klik Laporan Barang menuju A23 - Klik Laporan Retur menuju A24 Klik Pengaturan - Klik Ubah Profile menuju A25 - Klik Ubah Password menuju A26 Klik Logout menuju A27 Administrator Control Panel Data Master Data Transaksi Data Retur Laporan Pengaturan Logout Pengaturan Kompalin Tambah Kompalin Nama : Keterangan : Tambah Cancel Gambar 3.75 Perancangan Antarmuka Tambah Komplain 20. Perancangan Antamuka Data Transaksi Berikut dapat dilihat perancangan antar muka Data Transaksi dari pembangunan situs e-commerce pada toko wardah shop yang tercantum pada gambar 3.76 dibawah ini: A18 Klik Control Panel Menuju A03 Klik Data Master - Klik Kategori menuju A04 - Klik Barang menuju A28 - Klik Detail Barang menuju A05 - Klik Rekening menuju A06 - Klik Provinsi menuju A07 - Klik Kota menuju A08 - Klik Hubungi menuju A09 - Klik Testimonial menuju A10 - Klik Jasa Pengiriman menuju A11 - Klik Jenis Pengiriman menuju A12 - Klik Ukuran menuju A13 - Klik Warna menuju A14 - Klik Member menuju A15 - Klik Kurs menuju A16 - Klik Komplain menuju A17 - Klik Ongkos Kirim menuju A29 - Klik PengolahanDiskon menuju A30 Klik Data Transaksi menuju A18 Klik Data Retur menuju A19 Klik Laporan - Klik Laporan Harian menuju A20 - Klik Laporan Bulanan menuju A21 - Klik Laporan Tahunan menuju A22 - Klik Laporan Barang menuju A23 - Klik Laporan Retur menuju A24 Klik Pengaturan - Klik Ubah Profile menuju A25 - Klik Ubah Password menuju A26 Klik Logout menuju A27 Administrator Control Panel Data Master Data Transaksi Data Retur Laporan Pengaturan Logout Data Transaksi Data Transaksi Hapus Konfirmasi No No Invoice Nama Pemesan Tanggal Transaksi Jenis Pembayaran Jumlah Pembayaran Status Ubah Page of 1 Gambar 3.76 Perancangan Antarmuka Data Transaksi Berikut dapat dilihat perancangan antar muka konfirmasi Data Transaksi dari pembangunan situs e-commerce pada toko wardah shop yang tercantum pada gambar 3.77 dibawah ini: A18 Klik Control Panel Menuju A03 Klik Data Master - Klik Kategori menuju A04 - Klik Barang menuju A28 - Klik Detail Barang menuju A05 - Klik Rekening menuju A06 - Klik Provinsi menuju A07 - Klik Kota menuju A08 - Klik Hubungi menuju A09 - Klik Testimonial menuju A10 - Klik Jasa Pengiriman menuju A11 - Klik Jenis Pengiriman menuju A12 - Klik Ukuran menuju A13 - Klik Warna menuju A14 - Klik Member menuju A15 - Klik Kurs menuju A16 - Klik Komplain menuju A17 - Klik Ongkos Kirim menuju A29 - Klik PengolahanDiskon menuju A30 Klik Data Transaksi menuju A18 Klik Data Retur menuju A19 Klik Laporan - Klik Laporan Harian menuju A20 - Klik Laporan Bulanan menuju A21 - Klik Laporan Tahunan menuju A22 - Klik Laporan Barang menuju A23 - Klik Laporan Retur menuju A24 Klik Pengaturan - Klik Ubah Profile menuju A25 - Klik Ubah Password menuju A26 Klik Logout menuju A27 Administrator Control Panel Data Master Data Transaksi Data Retur Laporan Pengaturan Logout Data Transaksi No Nama Barang Harga Diskon Berat Jumlah Total Berat Total No Invoice : No Resi : Nama : Alamat : Kota : Provinsi : No. Telp : Email : Jenis Pembayaran : Status Pembayaran : Bukti Pembayaran : Tujuan Pembayaran Payment Gateway : Nomor Rekening : Data Pembayaran Konsumen Payment Gateway : Kode Transaksi : Jumlah Pembayaran : Gambar 3.77 Perancangan Antarmuka Konfirmasi Data Transaksi 21. Perancangan Antamuka Data Retur Berikut dapat dilihat perancangan antar muka Data Retur dari pembangunan situs e-commerce pada toko wardah shop yang tercantum pada gambar 3.78 dibawah ini: A19 Klik Control Panel Menuju A03 Klik Data Master - Klik Kategori menuju A04 - Klik Barang menuju A28 - Klik Detail Barang menuju A05 - Klik Rekening menuju A06 - Klik Provinsi menuju A07 - Klik Kota menuju A08 - Klik Hubungi menuju A09 - Klik Testimonial menuju A10 - Klik Jasa Pengiriman menuju A11 - Klik Jenis Pengiriman menuju A12 - Klik Ukuran menuju A13 - Klik Warna menuju A14 - Klik Member menuju A15 - Klik Kurs menuju A16 - Klik Komplain menuju A17 - Klik Ongkos Kirim menuju A29 - Klik PengolahanDiskon menuju A30 Klik Data Transaksi menuju A18 Klik Data Retur menuju A19 Klik Laporan - Klik Laporan Harian menuju A20 - Klik Laporan Bulanan menuju A21 - Klik Laporan Tahunan menuju A22 - Klik Laporan Barang menuju A23 - Klik Laporan Retur menuju A24 Klik Pengaturan - Klik Ubah Profile menuju A25 - Klik Ubah Password menuju A26 Klik Logout menuju A27 Administrator Control Panel Data Master Data Transaksi Data Retur Laporan Pengaturan Logout Data Retur Data Retur Hapus Konfirmasi No No Invoice Nama Barang Tanggal Retur Keterangan Komplain Status Page of 1 Gambar 3.78 Perancangan Antarmuka Retur Berikut dapat dilihat perancangan antar muka konfirmasi Data Retur dari pembangunan situs e-commerce pada toko wardah shop yang tercantum pada gambar 3.79 dibawah ini: A18 Klik Control Panel Menuju A03 Klik Data Master - Klik Kategori menuju A04 - Klik Barang menuju A28 - Klik Detail Barang menuju A05 - Klik Rekening menuju A06 - Klik Provinsi menuju A07 - Klik Kota menuju A08 - Klik Hubungi menuju A09 - Klik Testimonial menuju A10 - Klik Jasa Pengiriman menuju A11 - Klik Jenis Pengiriman menuju A12 - Klik Ukuran menuju A13 - Klik Warna menuju A14 - Klik Member menuju A15 - Klik Kurs menuju A16 - Klik Komplain menuju A17 - Klik Ongkos Kirim menuju A29 - Klik PengolahanDiskon menuju A30 Klik Data Transaksi menuju A18 Klik Data Retur menuju A19 Klik Laporan - Klik Laporan Harian menuju A20 - Klik Laporan Bulanan menuju A21 - Klik Laporan Tahunan menuju A22 - Klik Laporan Barang menuju A23 - Klik Laporan Retur menuju A24 Klik Pengaturan - Klik Ubah Profile menuju A25 - Klik Ubah Password menuju A26 Klik Logout menuju A27 Administrator Control Panel Data Master Data Transaksi Data Retur Laporan Pengaturan Logout Data Transaksi No Nama Barang Harga Kompalin Status No Invoice : No Resi : Nama : Alamat : Kota : Provinsi : No. Telp : Email : Jenis Pembayaran : Status Pembayaran : Gambar 3.79 Perancangan Antarmuka Konfirmasi Data Retur

22. Perancangan Antamuka Laporan Harian