c.
Form Data Pengguna
F002A
Admin Sales Admin Warehouse
Asst Sales Manager Regional Sales Manager
Id Username
Password Email
No Telepon Tambah
Ubah Simpan
Batal
Keterangan: Pixel
: 600x300 Font
: CalibriBold10 BackgrounWarna Tulisan
: Skin Navigasi :
1. Klik Tambah Untuk Menuju M005
2. Klik Ubah Untuk Menuju M007
3. Klik Simpan Untuk Menuju M010
4. Klik Batal UntukMenuju M011
5. Keluar Untuk Kembali ke F002
Gambar 3.25 Perancangan Antar Muka Data Pengguna Admin
2. Admin Sales
a. Form Login
F001 LOGO INSTITUSI
Username Password Masuk
Lupa Password?
Keterangan: Pixel
: 1000x300 Font
: CalibriBold10 BackgrounWarna Tulisan
: Skin Navigasi :
1. Klik Masuk a. Admin: Menuju F002
b. Admin Sales: Menuju F003 c. Asst Sales Manager: Menuju F004
d. Adm Warehouse: Menuju F005 e. Regional Sales Manager : Menuju F006
Apabila berhasil masuk maka akan muncul M001
2. Apabila Login gagal akan muncul M002 3. Klik Lupa Password Untuk Menuju M003
Gambar 3.26 Perancangan Antar Muka Login Admin Sales
b. Form Menu Admin Sales
F003
Profile
Id Username
Password Email
No Telepon
Ubah Penjualan
Keterangan: Pixel
: 400x800 Font
: CalibriBold10 BackgrounWarna Tulisan
: Skin Navigasi :
1. Klik Ubah Untuk Menuju M007dan M010
2. Klik Penjualan Untuk Menuju F003A
3. Klik Rekap Penjualan Untuk MenujuF003B
3. Klik Logout Untuk Menuju M004 dan Kembali ke F001
LogOut
Rekap Penjualan
Gambar 3.27 Perancangan Antar Muka Menu Admin Sales
c. Form Menu Data Penjualan
F003A DATA PENJUALAN
DATA KONSUMEN
DATA BARANG Cari
Cari
Cari
Tambah Ubah
Hapus id_jual
tgl_transaksi id_konsumen
id_barang qty_jual
total_harga total_berat
status_pengiriman
Simpan Batal
Proses
Keterangan: Pixel
: 600x800 Font
: CalibriBold10 BackgrounWarna Tulisan
: Skin Navigasi :
1. Klik Cari Untuk Menuju M008M009
2. Klik Tambah Untuk Menuju M005
3. Klik Ubah Untuk Menuju M007
4. Klik Hapus Untuk Menuju M006
5. Klik Simpan Untuk Menuju M010
6. Klik Batal Untuk Menuju M011
7 Keluar Untuk Kembali ke F003
Gambar 3.28 Perancangan Antar Muka Data Penjualan
d. Form Menu Data Rekap Penjualan
F003B DATA PENJUALAN
Cari
DATA REKAP PENJUALAN
Tambah Ubah
Hapus Simpan
Batal
Keterangan: Pixel
: 450x800 Font
: CalibriBold10 BackgrounWarna Tulisan
: Skin Navigasi :
1. Klik Cari Untuk Menuju M008M009
2. Klik Tambah Untuk Menuju M005
3. Klik Ubah Untuk Menuju M007
4. Klik Hapus Untuk Menuju M006
5. Klik Simpan Untuk Menuju M010
6. Klik Batal Untuk Menuju M011
7 Keluar Untuk Kembali ke F003
Gambar 3.29 Perancangan Antar Muka Data Rekap Penjualan Admin Sales
3. Asst Sales Manager
a. Form Login
