Perancangan Antarmuka Administrator Perancangan Antarmuka

Data Operator Halaman Depan Ganti Password Log Out Logo Toko Footer A05 Navigasi : 1. Klik tombol halaman depan akan menuju ke tampilan C01 2. Klik tombol simpan untuk menyimpan data password baru 3. Klik batal jika batal menambah data password baru 4. Klik tombol logout operator akan menuju tampilan A01 Form Ganti Password Nama Operator Simpan Batal Username Password Lama Password Baru Konfirmasi Password Gambar 3.28 Antarmuka Administrator A05

2. Perancangan Antarmuka Operator

Data Master Data Pemesanan Data Laporan Enter Text Pilih Status V Halaman Depan Ganti Password Log Out Logo Toko Footer B31 Navigasi : 1. Klik tombol halaman depan akan menuju ke tampilan C01 2. Klik tombol ganti password akan menuju ke tampilan B23 3. Klik tombol data master akan menuju tampilan B03 4. Klik tombol lihat akan menampilkan data laporan penjualan yang dibawah 5. klik tombol cetak akan mencetak hasil laporan yang di cari Data Laporan Penjualan No Tgl Pesan Tgl Expired No.Invoice Member Total Status 1 09-Juli-2011 11-Juli-2011 INVLD4U-7 Adi Rp. 82,500 Menunggu Pembayaran Search Form Pencarian Lihat Cetak Gambar 3.29 Antarmuka Operator B01 Data Master Data Pemesanan Data Laporan Halaman Depan Ganti Password Log Out Informasi Logo Toko Footer B02 Navigasi : 1. Klik tombol halaman depan akan menuju ke tampilan C01 2. Klik tombol ganti password akan menuju ke tampilan B 3. Klik tombol data master akan menuju tampilan B03 4. Klik tombol data pemesanan akan menuju tampilan B 5. Klik tombol data laporan akan menuju tampilan B 6. Klik tombol logout operator akan menuju tampilan B01 Gambar 3.30 Antarmuka Operator B02 Data Master Data Pemesanan Data Laporan Data Member Data Provinsi Data Kota Data Paket Pengiriman Data Biaya Pengiriman Data Ukuran Data Warna Data Kategori Data Produk Data Galeri Halaman Depan Ganti Password Log Out Informasi Logo Toko Footer Navigasi : 1. Klik tombol halaman depan akan menuju ke tampilan C01 2. Klik tombol ganti password akan menuju ke tampilan B23 3. Klik tombol data member akan menuju tampilan B04 4. Klik tombol data provinsi akan menuju tampilan B05 5. Klik tombol data kota akan menuju tampilan B08 6. Klik tombol data paket pengiriman akan menuju tampilan B04 7. Klik tombol data biaya pengiriman akan menuju tampilan B04 8. Klik tombol data ukuran akan menuju tampilan B14 9. Klik tombol data warna akan menuju tampilan B11 10. Klik tombol data kategori akan menuju tampilan B17 11. Klik tombol data produk akan menuju tampilan B20 12. Klik tombol data galeri akan menuju tampilan B04 13. Klik tombol logout operator akan menuju tampilan B01 B03 Gambar 3.31 Antarmuka Operator B03 Data Master Data Pemesanan Data Laporan Enter Text Halaman Depan Ganti Password Log Out Data Member Logo Toko Footer No Email Nama Alamat Telepon Status 1 febianderisgmail.com Deris Febian Bangbayang,12345,Bandung,Jawa Barat Tidak Aktif Search Navigasi : 1. Klik tombol halaman depan akan menuju ke tampilan C01 2. Klik tombol ganti password akan menuju ke tampilan B23 3. Klik tombol data master akan menuju tampilan B03 B04 Gambar 3.32 Antarmuka Operator B04 Data Master Data Pemesanan Data Laporan Enter Text Halaman Depan Ganti Password Log Out Data Provinsi Logo Toko Footer No Nama Provinsi Perintah 1 Jawa Barat Edit - Hapus Search 2 Jawa Tengah Edit - Hapus 3 Jawa Timur Edit - Hapus Tambah B05 Navigasi : 1. Klik tombol halaman depan akan menuju ke tampilan C01 2. Klik tombol ganti password akan menuju ke tampilan B23 3. Klik tombol data master akan menuju tampilan B03 4. Klik tombol tambah akan menuju tampilan B06 5. Klik tombol edit akan menuju B07 Gambar 3.33 Antarmuka Operator B05