Perancangan Antar Muka Pemilik

5. Perancangan antar muka data order A5 Gambar footer Data Pengiriman member Main menu User Tracking Backup restore Logout · Klik lCategory produk menuju A3 · Klik Produk menuju A4 · Klik Data Order menuju A5 · Klik Data Pengiriman menuju A6 · Klik Data retur Produk menuju A7 · Klik member menu menuju A8 · Klik User menu menuju A9 · Klik Backup restote konten menuju A10 · Klik Tracking menuju A11 · Klik Logout menuju A12 Data retur produk Category Produk Produk Data Order Nama Layar : A5 Ukuran Layar : 1024 X 768 Font : Times New Roman Warna Background : Putuh Data Order Cari Berdasarkan Kata Cari Id order Total produk Tanggal order Total harga Ket Nama member aksi Gambar 3.36 Perancangan Antar Muka Data Order 6. Perancangan antar muka data pengiriman A6 Gambar footer Data Pengiriman member Main menu User Tracking Backup restore Logout · Klik lCategory produk menuju A3 · Klik Produk menuju A4 · Klik Data Order menuju A5 · Klik Data Pengiriman menuju A6 · Klik Data retur Produk menuju A7 · Klik member menu menuju A8 · Klik User menu menuju A9 · Klik Backup restote konten menuju A10 · Klik Tracking menuju A11 · Klik Logout menuju A12 Data retur produk Category Produk Produk Data Order Nama Layar : A6 Ukuran Layar : 1024 X 768 Font : Times New Roman Warna Background : Putuh Data Pengiriman Cari Berdasarkan Kata Cari Id order Tanggal sampai Tanggal kirim Waktu pengiriman Biaya Id pengiriman aksi Buat Laporan Gambar 3.37 Perancangan Antar Muka Data Pengiriman 7. Perancangan antar muka data retur produk A7 Gambar footer Data Pengiriman member Main menu User Tracking Backup restore Logout · Klik lCategory produk menuju A3 · Klik Produk menuju A4 · Klik Data Order menuju A5 · Klik Data Pengiriman menuju A6 · Klik Data retur Produk menuju A7 · Klik member menu menuju A8 · Klik User menu menuju A9 · Klik Backup restote konten menuju A10 · Klik Tracking menuju A11 · Klik Logout menuju A12 Data retur produk Category Produk Produk Data Order Nama Layar : A7 Ukuran Layar : 1024 X 768 Font : Times New Roman Warna Background : Putuh Data Retur Produk Cari Berdasarkan Kata Cari Id order Tanggal retur Nama member akses Acc Id retur aksi Gambar 3.38 Perancangan Antar Muka Data retur Produk 8. Perancangan antar muka member A8 Gambar footer Data Pengiriman member Main menu User Tracking Backup restore Logout · Klik lCategory produk menuju A3 · Klik Produk menuju A4 · Klik Data Order menuju A5 · Klik Data Pengiriman menuju A6 · Klik Data retur Produk menuju A7 · Klik member menu menuju A8 · Klik User menu menuju A9 · Klik Backup restote konten menuju A10 · Klik Tracking menuju A11 · Klik Logout menuju A12 Data retur produk Category Produk Produk Data Order Nama Layar : A8 Ukuran Layar : 1024 X 768 Font : Times New Roman Warna Background : Putuh Member Management Cari Berdasarkan Kata Cari Nama awal Aksi Email aksi Nama akhir Gambar 3.39 Perancangan Antar Muka Member 9. Perancangan antar muka User A9 Gambar footer Data Pengiriman member Main menu User Tracking Backup restore Logout · Klik lCategory produk menuju A3 · Klik Produk menuju A4 · Klik Data Order menuju A5 · Klik Data Pengiriman menuju A6 · Klik Data retur Produk menuju A7 · Klik member menu menuju A8 · Klik User menu menuju A9 · Klik Backup restote konten menuju A10 · Klik Tracking menuju A11 · Klik Logout menuju A12 Data retur produk Category Produk Produk Data Order Nama Layar : A9 Ukuran Layar : 1024 X 768 Font : Times New Roman Warna Background : Putuh Pengguna Management User Name Hak akses Password aksi Status Gambar 3.40 Perancangan Antar Muka User 10. Perancangan antar muka Backup Restore A10 Gambar footer Data Pengiriman member Main menu User Tracking Backup restore Logout · Klik lCategory produk menuju A3 · Klik Produk menuju A4 · Klik Data Order menuju A5 · Klik Data Pengiriman menuju A6 · Klik Data retur Produk menuju A7 · Klik member menu menuju A8 · Klik User menu menuju A9 · Klik Backup restote konten menuju A10 · Klik Tracking menuju A11 · Klik Logout menuju A12 Data retur produk Category Produk Produk Data Order Nama Layar : A10 Ukuran Layar : 1024 X 768 Font : Times New Roman Warna Background : Putuh Backup data file Choose file Category Produk Data Pengiriman member User Data retur produk Produk Data Order Backup Restore Gambar 3.41 Perancangan Antar Muka Backup Restore 11. Perancangan antar muka Tracking A11 Gambar footer Data Pengiriman member Main menu User Tracking Backup restore Logout · Klik lCategory produk menuju A3 · Klik Produk menuju A4 · Klik Data Order menuju A5 · Klik Data Pengiriman menuju A6 · Klik Data retur Produk menuju A7 · Klik member menu menuju A8 · Klik User menu menuju A9 · Klik Backup restote konten menuju A10 · Klik Tracking menuju A11 · Klik Logout menuju A12 Data retur produk Category Produk Produk Data Order Nama Layar : A11 Ukuran Layar : 1024 X 768 Font : Times New Roman Warna Background : Putuh Pelacakan Pengiriman Gambar tiki Gambar jne lacak lacak Gambar 3.42 Perancangan Antar Muka Tracking 12. Perancangan antar muka logout A1 · Klik Sign menuju A2 FORM LOGIN Sign Username Password GAMBAR Nama Layar : A1 Ukuran Layar : 1024 X 768 Font : Times New Roman Warna Background : Putuh Gambar 3.43 Perancangan Antar Muka Logout 13. perancangan antar muka tambah kategori A13 Gambar footer Tambah Categori Produk Data Pengiriman member Main menu User Tracking Backup restore Logout · Klik lCategory produk menuju A3 · Klik Produk menuju A4 · Klik Data Order menuju A5 · Klik Data Pengiriman menuju A6 · Klik Data retur Produk menuju A7 · Klik member menu menuju A8 · Klik User menu menuju A9 · Klik Backup restote konten menuju A10 · Klik Tracking menuju A11 · Klik Logout menuju A12 Data retur produk Category Produk Produk Data Order Nama Layar : A13 Ukuran Layar : 1024 X 768 Font : Times New Roman Warna Background : Putuh Deskripsi Nama category :: : Simpan Gambar 3.44 Perancangan Antar Muka tambah kategori 14. perancangan antar muka tambah produk A13 Gambar footer Tambah Categori Produk Data Pengiriman member Main menu User Tracking Backup restore Logout · Klik lCategory produk menuju A3 · Klik Produk menuju A4 · Klik Data Order menuju A5 · Klik Data Pengiriman menuju A6 · Klik Data retur Produk menuju A7 · Klik member menu menuju A8 · Klik User menu menuju A9 · Klik Backup restote konten menuju A10 · Klik Tracking menuju A11 · Klik Logout menuju A12 Data retur produk Category Produk Produk Data Order Nama Layar : A13 Ukuran Layar : 1024 X 768 Kode produk Kategori : : Simpan Warna Nama produk : : Bahan Ukuran : : Stok Deskripsi : : Gambar Harga : : No file chosen Gambar 3.45 Perancangan Antar Muka tambah produk

3.2.3.1.2 Perancangan Antar Muka pegawai toko

1. Perancangan antar muka login O1 · Klik Sign menuju A2 FORM LOGIN Sign Username Password GAMBAR Nama Layar : O1 Ukuran Layar : 1024 X 768 Font : Times New Roman Warna Background : Putuh Gambar 3.46 Perancangan Antar Muka Login 2. Perancangan antar muka beranda O2 Gambar footer Selamat Datang Operator Data Pengiriman member Main menu User Tracking Backup restore Logout · Klik lCategory produk menuju O3 · Klik Produk menuju O4 · Klik Data Order menuju A5 · Klik Data Pengiriman menuju A6 · Klik Data retur Produk menuju A7 · Klik member menu menuju A8 · Klik User menu menuju A9 · Klik Backup restote konten menuju A10 · Klik Tracking menuju A11 · Klik Logout menuju A12 Data retur produk Category Produk Produk Data Order Nama Layar : O2 Ukuran Layar : 1024 X 768 Font : Times New Roman Warna Background : Putuh Gambar 3.47 Perancangan Antar Muka Beranda 3. Perancangan antar muka manage order O3 header footer Manage order Data pengiriman Manage retur Tambah kategori Logout Data order Tabel data order + Buat Laporan · Klik login menuju O2 · Klik manage order menuju O3 · Klik data pengiriman menuju O4 · Klik manage retur menuju O5 · Klik tambah kategori produk meuju O6 · Klik logout menuju O1 Nama Layar : O2 Ukuran Layar : 1024 X 768 Font : Times New Roman Warna Background : Putuh Gambar 3.48 Perancangan Antar Muka Manage Order 4. Perancangan antar muka data pengiriman O4 header footer Manage order Data pengiriman Manage retur Tambah kategori Logout Tabel data pengiriman + Buat Laporan · Klik login menuju O2 · Klik manage order menuju O3 · Klik data pengiriman menuju O4 · Klik manage retur menuju O5 · Klik tambah kategori produk meuju O6 · Klik logout menuju O1 Nama Layar : O2 Ukuran Layar : 1024 X 768 Font : Times New Roman Warna Background : Putuh Gambar 3.49 Perancangan Antar Muka Data Pengiriman 5. Perancangan antar muka manage retur O5 header footer Manage order Data pengiriman Manage retur Tambah kategori Logout Data retur produk Id order Id retur Nama member Tanggal retur akses acc · Klik login menuju O2 · Klik manage order menuju O3 · Klik data pengiriman menuju O4 · Klik manage retur menuju O5 · Klik tambah kategori produk meuju O6 · Klik logout menuju O1 Nama Layar : O2 Ukuran Layar : 1024 X 768 Font : Times New Roman Warna Background : Putuh Gambar 3.50 Perancangan Antar Muka Manage Retur 6. Perancangan antar muka tambah kategori produk O7 header footer Manage order Data pengiriman Manage retur Tambah kategori Logout Tambah kategori produk Kategori Simpan Deskripsi · Klik login menuju O2 · Klik manage order menuju O3 · Klik data pengiriman menuju O4 · Klik manage retur menuju O5 · Klik tambah kategori produk meuju O6 · Klik logout menuju O1 Nama Layar : O2 Ukuran Layar : 1024 X 768 Font : Times New Roman Warna Background : Putuh Gambar 3.51 Perancangan Antar Muka Tambah Kategori Produk