Perancangan Antarmuka Pengelola Toko

3.2.4.4 Perancangan Antarmuka Pengelola Toko

1. Perancangan Antarmuka Halaman Login Berikut dapat dilihat perancangan antarmuka halaman login untuk pengunjung. Perancangannya disajikan dalam gambar 3-87. Ukuran Halaman : 1024px X 768px Jenis Tulisan : Arial Ukuran Tulisan : 12 Warna Latar : Putih Login Head Shop Silahkan isi Username dan Password untuk masuk ke halaman Head Shop TAD01 Username Password Login Home Gambar 3-86 Perancangan Antarmuka Halaman Login 2. Perancangan Antarmuka Halaman Home Berikut dapat dilihat perancangan antarmuka halaman home untuk pengelola toko. Perancangannya disajikan dalam gambar 3-88. Ukuran Halaman : 1024px X 768px Jenis Tulisan : Arial Ukuran Tulisan : 12 Warna Latar : Putih Header Footer - Klik Beranda untuk menuju TAD02 - Pilih laporan untuk menuju TAD03 dan TAD04 - Klik Petugas untuk menuju TAD05 TAD02 Selamat Datang Operator Site Selamat Datang Di Halaman Operator Laporan Petugas Logout Beranda Gambar 3-87 Perancangan Antarmuka Halaman Home 3. Perancangan Antarmuka Data Penjualan Berikut dapat dilihat perancangan antarmuka data penjualan untuk pengelola toko. Perancangannya disajikan dalam gambar 3-89. Ukuran Halaman : 1024px X 768px Jenis Tulisan : Arial Ukuran Tulisan : 12 Warna Latar : Putih Header Footer - Klik Beranda untuk menuju TAD02 - Pilih laporan untuk menuju TAD03 dan TAD04 - Klik Petugas untuk menuju TAD05 Data Penjualan TAD03 Data Penjualan Cetak Cari Operator Site Selamat Datang Di Halaman Operator Laporan Petugas Logout Beranda Gambar 3-88 Perancangan Antarmuka Data Penjualan 4. Perancangan Antarmuka Data Stok Barang Berikut dapat dilihat perancangan antarmuka data stok barang untuk pengelola toko. Perancangannya disajikan dalam gambar 3-90. Ukuran Halaman : 1024px X 768px Jenis Tulisan : Arial Ukuran Tulisan : 12 Warna Latar : Putih Header Footer - Klik Beranda untuk menuju TAD02 - Pilih laporan untuk menuju TAD03 dan TAD04 - Klik Petugas untuk menuju TAD05 Data Stok Barang TAD04 Data Stok Barang Cetak Cari Operator Site Selamat Datang Di Halaman Operator Laporan Petugas Logout Beranda Gambar 3-89 Perancangan Antarmuka Data Stok Barang 5. Perancangan Antarmuka Data Retur Berikut dapat dilihat perancangan antarmuka data retur untuk pengelola toko. Perancangannya disajikan dalam gambar 3-91. Ukuran Halaman : 1024px X 768px Jenis Tulisan : Arial Ukuran Tulisan : 12 Warna Latar : Putih Header Footer - Klik Beranda untuk menuju TAD02 - Pilih laporan untuk menuju TAD03 dan TAD04 - Klik Petugas untuk menuju TAD05 DataRetur Barang TAD05 Data Stok Barang Cetak Cari Operator Site Selamat Datang Di Halaman Operator Laporan Petugas Logout Beranda Gambar 3-90 Perancangan Antarmuka Data Retur 6. Perancangan Antarmuka Data Petugas Berikut dapat dilihat perancangan antarmuka data petugas untuk pengelola toko. Perancangannya disajikan dalam gambar 3-92. Ukuran Halaman : 1024px X 768px Jenis Tulisan : Arial Ukuran Tulisan : 12 Warna Latar : Putih Header Footer - Klik Beranda untuk menuju TAD02 - Pilih laporan untuk menuju TAD03 dan TAD04 - Klik Petugas untuk menuju TAD05 Data Petugas TAD06 ID Petugas Nama Petugas Email 01 Ramli Ramliyahoo.com 02 Riska Riskayahoo.com . . . . . . . . . Tambah Username Rams Riska02 . . . Password xxxxxx xxxxxx . . . Aksi Edit Hapus Edit Hapus . . . Operator Site Selamat Datang Di Halaman Operator Laporan Petugas Logout Beranda Gambar 3-91 Perancangan Antarmuka Data Petugas

3.2.4.5 Perancangan Pesan