4. Struktur Menu Pengunjung
Struktur menu pengunjung pada aplikasi e-commerce di Toko Mercury Watch dapat dilihat pada gambar 3.44.
Gambar 3.45 Struktur Menu Pengunjung
5. Struktur Menu Member
Struktur menu member pada aplikasi e-commerce di Toko Mercury Watch dapat dilihat pada gambar 3.45.
Gambar 3.46 Struktur menu member
3.3.2 Perancangan Antar Muka
3.3.2.1 Perancangan Antar Muka Pemilik
1. Perancangan Antarmuka Halaman Login pemilik, Petugas dan Kasir F001 Berikut dapat dilihat perancangan antarmuka login pegawai dari aplikasi e-
commerce
Username Password
Login
Ukuran 1366 X 768 tampilan sesuai dengan skin, Font 12 arial warna hitam, Nama Form : F001
Gambar LOGIN
Lupa Password
Administrator
Pemilik, Petugas Toko atau Kasir
memasukan data login admin.
Klik login untuk masuk kehalaman
utama F003,G001,K001.
Jika data login admin yang
dimasukan invalid akan muncul
pesan PS01. Klik lupa
password untuk recovery
password, sistem akan menuju ke
F002.
Gambar 3.47 Antarmuka Login
2. Perancangan antarmuka halaman lupa password pemilik, petugas dan kasir F002
Masukan email kirim
Ukuran 1366 X 768 tampilan sesuai dengan skin, Font 12 arial warna hitam, Nama Form : F002
Gambar LUPA PASSWORD
Kembali ke login
Tolong isikan email untuk mendapatkan password baru
Pemilik, Petugas Toko atau Kasir
memasukan email.
Klik kirim untuk untuk proses
pengiriman password baru.
Jika email benar maka akan
muncul pesan PS06.
Jika email salah maka akan
muncul pesan PS04..
Gambar 3.48Antarmuka Lupa Password 3. Perancangan Antarmuka Halaman Menu Pemilik F003
LOGO
KONTEN
Header Web
Copyright © 2012 -mercury-watch.com.com. All Rights Reserved. Design By Venekyo.
Beranda | Data admin | Laporan penjualan | Laporan produk|
Ukuran 1366 X 768, Tampilan disesuaikan dengan skin, Font Arial 14, Nama Form : F003
Selamat datang, …. Anda login sebagai pemilik
Ubah profil | ubah password|logout Logo
Laporan pertanggal Laporan perbulan
Laporan pertnggal Laporan perbulan
Klik Beranda untuk menuju F003.
Klik Ubah Profil untuk menuju F004.
Klik Ubah Password untuk menuju F005.
Klik Data Admin untuk menuju F006.
Klik Laporan Penjualan untuk
menuju F008. Klik Laporan
Penjualan Pertanggal untuk menuju F009.
Klik Laporan Penjualan Perbulan
untuk menuju F010. Klik Laporan Produk
untuk menuju F011. Klik Laporan Produk
Pertanggal untuk menuju F012.
Klik Laporan Produk Perbulan untuk
menuju F013. Klik logout untuk
kembali ke F001
Gambar 3.49 Antarmuka halaman menu pemilik 4. Perancangan Antarmuka Ubah Profil F004
LOGO
Header Web
Copyright © 2012 -mercury-watch.com. All Rights Reserved. Design By Venekyo.
Beranda | Data admin | Laporan penjualan | Laporan produk|
Ukuran 1366 X 768, Tampilan disesuaikan dengan skin, Font Arial 14, Nama Form : F004
Selamat datang, …. Anda login sebagai pemilik
Ubah profil | ubah password|logout Logo
Nama :
Email :
Ubah Profil simpan
Klik Beranda untuk menuju F003.
Klik Ubah Profil untuk menuju F004.
Klik Ubah Password untuk menuju F005.
Klik Data Admin untuk menuju F006.
Klik Laporan Penjualan untuk
menuju F008,F009,F010.
Klik Laporan Produk untuk menuju
F011,F012,F013. Klik logout untuk
kembali ke F001 Jika data tidak diisi
sistem akan menampilkan pesan
A04, A05. Klik tombol simpan
untuk menyimpan perubahan dan sistem
akan menampilkan pesan A06.
Gambar 3.50 Antarmuka ubah profil
5. Perancangan Antarmuka Ubah Password Pemilik F005
LOGO
Password lama :
Password baru :
Ulang password :
Klik Beranda untuk menuju F003.
Klik Ubah Profil untuk menuju F004.
Klik Ubah Password untuk menuju F005.
Klik Data Admin untuk menuju F006.
Klik Laporan Penjualan untuk menuju
F008,F009,F010. Klik Laporan Produk untuk
menuju F011,F012,F013. Klik logout untuk kembali ke
F001 Jika password lama yang
dimasukan salah menampilkan pesan A07.
Klik tombol simpan untuk menyimpan perubahan dan
sistem akan menampilkan pesan A06
Header Web
Copyright © 2012 -Mercury-watch.com. All Rights Reserved. Design By Venekyo.
Beranda | Data admin | Laporan penjualan | Laporan produk |
Ukuran 1366 X 768, Tampilan disesuaikan dengan skin, Font Arial 14, Nama Form : F005
Selamat datang, …. Anda login sebagai petugas
Ubah profil | ubah password|logout Logo
Ubah password
simpan
Gambar 3.51 Antarmuka ubah password
6. Perancangan Antarmuka Data Admin Pemilik F006
LOGO
Klik Beranda untuk menuju F003.
Klik Ubah Profil untuk menuju F004.
Klik Ubah Password untuk menuju F005.
Klik Data Admin untuk menuju F006.
Klik Laporan Penjualan untuk
menuju F008,F009,F010.
Klik Laporan Produk untuk menuju
F011,F012,F013. Klik logout untuk
kembali ke F001 Klik Edit untuk
menuju F014. Klik Tambah Admin
untuk menuju F007.
Klik hapus untuk menampilkan
pesan A08.
Header Web
Copyright © 2012 -mercury-watch.com. All Rights Reserved. Design By Venekyo.
Beranda | Data admin | Laporan penjualan | Laporan produk|
Ukuran 1366 X 768, Tampilan disesuaikan dengan skin, Font Arial 14, Nama Form : F006
Selamat datang, …. Anda login sebagai pemilik
Ubah profil | ubah password|logout Logo
ID admin |
Email admin |
Nama Admin |
Hak akses |
options cari
+ Tambah admin
Data Admin
Edit | Hapus
Gambar 3.52 Antarmuka data admin
7. Perancangan Antarmuka Tambah Data Admin F007
Klik Beranda untuk menuju F003.
Klik Ubah Profil untuk menuju F004.
Klik Ubah Password untuk menuju F005.
Klik Data Admin untuk menuju F006.
Klik Laporan Penjualan untuk
menuju F008,F009,F010.
Klik Laporan Produk untuk menuju
F011,F012,F013. Klik logout untuk
kembali ke F001 Klik kembali untuk
menuju F006. Klik simpan untuk
menyimpan data admin yang
Ditambahkan. Header Web
Copyright © 2012 -mercury-watch.com. All Rights Reserved. Design By Venekyo.
Beranda | Data admin | Laporan penjualan | Laporan produk|
Ukuran 1366 X 768, Tampilan disesuaikan dengan skin, Font Arial 14, Nama Form : F007
Selamat datang, …. Anda login sebagai pemilik
Ubah profil | ubah password|logout Logo
Tambah Data Admin
simpan Email :
Password : Ulan Password :
Nama : Hak akses :
Kembali
Gambar 3.53 Antarmuka tambah data admin
8. Perancangan Antarmuka Laporan Penjualan F008