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