• Tidak ada hasil yang ditemukan

Perancangan Antar Muka (Pegawai)

BAB 3 ANALISIS DAN PERANCANGAN SISTEM

3.2.5.2 Perancangan Antar Muka (Pegawai)

1. Perancangan Antar Muka Login (Pegawai)

LOGO DARMACOM PANEL | LOGIN

Email Password L01

Keterangan :

· Klik Masuk menuju A01

· Klik Lupa Password menuju L02

· Klik Login/Daftar menuju T09 (jika login valid), jika email kosong menuju M03, jika password kosong menuju M04, jika login gagal menuju M14

Login Lupa Password Footer

Gambar 3.44Perancangan Antar Muka Login (Pegawai)

2. Perancangan Antar Muka Lupa Password (Pegawai)

L02

Keterangan :

· Klik Kirim menuju L02

· Klik Lupa Login menuju L01

· jika email kosong menuju M01, jika password kosong menuju M02, jika login gagal menuju M03 LOGO

DARMACOM PANEL | LOGIN Email

Reset Password Login Footer

3. Perancangan Antar Muka Home (Pegawai)

· Klik Home menuju P01

· Klik Lihat Data Member menuju P07

· Klik Tambah Data Provinsi menuju P19

· Klik Lihat Data Provinsi menuju P

· Klik Data Pelanggan menuju P07

· Klik Data Pesanan menuju P08

· Klik Data Laporan menuju P09

· Klik Backup/Restore menuju P10

· Klik Lihat Situs menuju PL01

· Klik Logout menuju L01

· Klik Akun Saya menuju P02

· Klik Ubah Password menuju P03

<FOOTER> <LOGO>

Lihat Situs Keluar Login Sebagai: Pegawai Nama: Pegawai

Akun Saya Home Pesanan Backup / Restore

Member Lihat Data Member Provinsi

Tambah Data Provinsi Lihat Data Provinsi Kota

Tambah Data Kategori Lihat Data Kategori Merk

Tambah Data Merk Lihat Data Merk Detail Kategori

Tambah Data Kota Lihat Data Kota Kategori

Tambah Detail Kategori Lihat Detail Kategori Produk

Tambah Data Produk Lihat Data Produk

Keterangan : P01

Selamat Datang Pegawai

Deskripsi

Gambar 3.46Perancangan Antar Muka Home (Pegawai)

4. Perancangan Antar Muka Lihat Data Member (Pegawai)

P02

Keterangan :

· Klik Home menuju P01

· Klik Konten menuju P02

· Klik Katalog menuju P05

· Klik Data Pengiriman menuju P06

· Klik Data Pelanggan menuju P07

· Klik Data Pesanan menuju P08

· Klik Data Laporan menuju P09

· Klik Backup/Restore menuju P10

· Klik Lihat Situs menuju PL01

· Klik Logout menuju L01

· Klik Edit menuju P29

Data Member No. 1 2 1 2 3 4 ….. N Selanjutnya Sebelumnya <FOOTER> <LOGO>

Lihat Situs Keluar Login Sebagai: Pegawai Nama: Pegawai

Akun Saya Home Pesanan Backup / Restore

Member Lihat Data Member Provinsi

Tambah Data Provinsi Lihat Data Provinsi Kota

Tambah Data Kategori Lihat Data Kategori Merk

Tambah Data Merk Lihat Data Merk Detail Kategori

Tambah Data Kota Lihat Data Kota Kategori

Tambah Detail Kategori Lihat Detail Kategori Produk

Tambah Data Produk Lihat Data Produk

Provinsi / Kota …. …. Status …. …. Email …. …. Nama …. ….

5. Perancangan Antar Muka Akun Saya (Pegawai)

P03

Ganti Password

<FOOTER> <LOGO>

Lihat Situs Keluar Login Sebagai: Pegawai Nama: Pegawai

Akun Saya Home Pesanan Backup / Restore

Member Lihat Data Member Provinsi

Tambah Data Provinsi Lihat Data Provinsi Kota

Tambah Data Kategori Lihat Data Kategori Merk

Tambah Data Merk Lihat Data Merk Detail Kategori

Tambah Data Kota Lihat Data Kota Kategori

Tambah Detail Kategori Lihat Detail Kategori Produk

Tambah Data Produk Lihat Data Produk

Akun Saya

Nama Lengkap Email

Ubah Batal

Keterangan :

· Klik Home menuju P01

· Klik Lihat Data Member menuju P07

· Klik Tambah Data Provinsi menuju P19

· Klik Lihat Data Provinsi menuju P

· Klik Data Pelanggan menuju P07

· Klik Data Pesanan menuju P08

· Klik Data Laporan menuju P09

· Klik Backup/Restore menuju P10

· Klik Lihat Situs menuju PL01

· Klik Logout menuju L01

· Klik Akun Saya menuju P02

· Klik Ubah Password menuju P03

Gambar 3.48Perancangan Antar Muka Akun Saya (Pegawai)

6. Perancangan Antar Muka Tambah Provinsi (Pegawai)

Keterangan :

· Klik Home menuju P01

· Klik Lihat Data Member menuju P07

· Klik Tambah Data Provinsi menuju P19

· Klik Lihat Data Provinsi menuju P

· Klik Data Pelanggan menuju P07

· Klik Data Pesanan menuju P08

· Klik Data Laporan menuju P09

· Klik Backup/Restore menuju P10

· Klik Lihat Situs menuju PL01

· Klik Logout menuju L01

· Klik Akun Saya menuju P02

· Klik Ubah Password menuju P03

<FOOTER> <LOGO>

Lihat Situs Keluar Login Sebagai: Pegawai Nama: Pegawai

Akun Saya Home Pesanan Backup / Restore

Member Lihat Data Member Provinsi

Tambah Data Provinsi Lihat Data Provinsi Kota

Tambah Data Kategori Lihat Data Kategori Merk

Tambah Data Merk Lihat Data Merk Detail Kategori

Tambah Data Kota Lihat Data Kota Kategori

Tambah Detail Kategori Lihat Detail Kategori Produk

Tambah Data Produk Lihat Data Produk

Tambah Data Provinsi

Nama Provinsi

Simpan Batal P05

7. Perancangan Antar Muka Lihat Provinsi (Pegawai)

Keterangan :

· Klik Home menuju P01

· Klik Lihat Data Member menuju P07

· Klik Tambah Data Provinsi menuju P19

· Klik Lihat Data Provinsi menuju P

· Klik Data Pelanggan menuju P07

· Klik Data Pesanan menuju P08

· Klik Data Laporan menuju P09

· Klik Backup/Restore menuju P10

· Klik Lihat Situs menuju PL01

· Klik Logout menuju L01

· Klik Akun Saya menuju P02

· Klik Ubah Password menuju P03

<FOOTER> <LOGO>

Lihat Situs Keluar Login Sebagai: Pegawai Nama: Pegawai

Akun Saya Home Pesanan Backup / Restore

Member Lihat Data Member Provinsi

Tambah Data Provinsi Lihat Data Provinsi Kota

Tambah Data Kategori Lihat Data Kategori Merk

Tambah Data Merk Lihat Data Merk Detail Kategori

Tambah Data Kota Lihat Data Kota Kategori

Tambah Detail Kategori Lihat Detail Kategori Produk

Tambah Data Produk Lihat Data Produk P06 Data Provinsi Aksi 1 2 ….. Edit | Hapus ….. Edit | Hapus 1 2 3 4 N Selanjutnya Sebelumnya

No. Nama Provinsi

Gambar 3.50 Perancangan Antar Muka Lihat Provinsi (Pegawai)

8. Perancangan Antar Muka Edit Provinsi (Pegawai)

Keterangan :

· Klik Home menuju P01

· Klik Lihat Data Member menuju P07

· Klik Tambah Data Provinsi menuju P19

· Klik Lihat Data Provinsi menuju P

· Klik Data Pelanggan menuju P07

· Klik Data Pesanan menuju P08

· Klik Data Laporan menuju P09

· Klik Backup/Restore menuju P10

· Klik Lihat Situs menuju PL01

· Klik Logout menuju L01

· Klik Akun Saya menuju P02

· Klik Ubah Password menuju P03

<FOOTER> <LOGO>

Lihat Situs Keluar Login Sebagai: Pegawai Nama: Pegawai

Akun Saya Home Pesanan Backup / Restore

Member Lihat Data Member Provinsi

Tambah Data Provinsi Lihat Data Provinsi Kota

Tambah Data Kategori Lihat Data Kategori Merk

Tambah Data Merk Lihat Data Merk Detail Kategori

Tambah Data Kota Lihat Data Kota Kategori

Tambah Detail Kategori Lihat Detail Kategori Produk

Tambah Data Produk Lihat Data Produk

Edit Data Provinsi

Nama Provinsi

Simpan Batal P07

9. Perancangan Antar Muka Tambah Data Kota (Pegawai)

P08

Keterangan :

· Klik Home menuju P01

· Klik Konten menuju P02

· Klik Katalog menuju P05

· Klik Data Pengiriman menuju P06

· Klik Data Pelanggan menuju P07

· Klik Data Pesanan menuju P08

· Klik Data Laporan menuju P09

· Klik Backup/Restore menuju P10

· Klik Lihat Situs menuju PL01

· Klik Logout menuju L01

· Klik Akun Saya menuju P02

· Klik Ubah Password menuju P03

<FOOTER> <LOGO>

Lihat Situs Keluar Login Sebagai: Pegawai Nama: Pegawai

Akun Saya Home Pesanan Backup / Restore

Member Lihat Data Member Provinsi

Tambah Data Provinsi Lihat Data Provinsi Kota

Tambah Data Kategori Lihat Data Kategori Merk

Tambah Data Merk Lihat Data Merk Detail Kategori

Tambah Data Kota Lihat Data Kota Kategori

Tambah Detail Kategori Lihat Detail Kategori Produk

Tambah Data Produk Lihat Data Produk

Tambah Data Kota

Nama Kota Simpan Batal Kabupaten / Kota Nama Provinsi Ongkos Kirim Kota Kabupaten Yes Reg

Gambar 3.52Perancangan Antar Muka Tambah Data Kota (Pegawai)

10.Perancangan Antar Muka Lihat Data Kota (Pegawai)

P09

Keterangan :

· Klik Home menuju P01

· Klik Konten menuju P02

· Klik Katalog menuju P05

· Klik Data Pengiriman menuju P06

· Klik Data Pelanggan menuju P07

· Klik Data Pesanan menuju P08

· Klik Data Laporan menuju P09

· Klik Backup/Restore menuju P10

· Klik Lihat Situs menuju PL01

· Klik Logout menuju L01

· Klik Akun Saya menuju P02

· Klik Ubah Password menuju P03

<FOOTER> <LOGO>

Lihat Situs Keluar Login Sebagai: Pegawai Nama: Pegawai

Akun Saya Home Pesanan Backup / Restore

Member Lihat Data Member Provinsi

Tambah Data Provinsi Lihat Data Provinsi Kota

Tambah Data Kategori Lihat Data Kategori Merk

Tambah Data Merk Lihat Data Merk Detail Kategori

Tambah Data Kota Lihat Data Kota Kategori

Tambah Detail Kategori Lihat Detail Kategori Produk

Tambah Data Produk Lihat Data Produk

Data Kota No. 1 2 1 2 3 4 ….. N Selanjutnya Sebelumnya Provinsi …. …. Kota …. …. Wilayah …. …. Aksi Edit | Hapus Edit | Hapus Ongkos kirim Reg | Yes

…. ….

…. ….

11.Perancangan Antar Muka Edit Data Kota (Pegawai)

P10

Keterangan :

· Klik Home menuju P01

· Klik Konten menuju P02

· Klik Katalog menuju P05

· Klik Data Pengiriman menuju P06

· Klik Data Pelanggan menuju P07

· Klik Data Pesanan menuju P08

· Klik Data Laporan menuju P09

· Klik Backup/Restore menuju P10

· Klik Lihat Situs menuju PL01

· Klik Logout menuju L01

· Klik Akun Saya menuju P02

· Klik Ubah Password menuju P03

<FOOTER> <LOGO>

Lihat Situs Keluar Login Sebagai: Pegawai Nama: Pegawai

Akun Saya Home Pesanan Backup / Restore

Member Lihat Data Member Provinsi

Tambah Data Provinsi Lihat Data Provinsi Kota

Tambah Data Kategori Lihat Data Kategori Merk

Tambah Data Merk Lihat Data Merk Detail Kategori

Tambah Data Kota Lihat Data Kota Kategori

Tambah Detail Kategori Lihat Detail Kategori Produk

Tambah Data Produk Lihat Data Produk

Edit Data Kota

Nama Kota Simpan Batal Kabupaten / Kota Nama Provinsi Ongkos Kirim Kota Kabupaten Yes Reg

Gambar 3.54Perancangan Antar Muka Edit Data Kota (Pegawai)

12.Perancangan Antar Muka Tambah Kategori (Pegawai)

· Klik Home menuju P01

· Klik Lihat Data Member menuju P07

· Klik Tambah Data Provinsi menuju P19

· Klik Lihat Data Provinsi menuju P

· Klik Data Pelanggan menuju P07

· Klik Data Pesanan menuju P08

· Klik Data Laporan menuju P09

· Klik Backup/Restore menuju P10

· Klik Lihat Situs menuju PL01

· Klik Logout menuju L01

· Klik Akun Saya menuju P02

· Klik Ubah Password menuju P03

<FOOTER> <LOGO>

Lihat Situs Keluar Login Sebagai: Pegawai Nama: Pegawai

Akun Saya Home Pesanan Backup / Restore

Member Lihat Data Member Provinsi

Tambah Data Provinsi Lihat Data Provinsi Kota

Tambah Data Kategori Lihat Data Kategori Merk

Tambah Data Merk Lihat Data Merk Detail Kategori

Tambah Data Kota Lihat Data Kota Kategori

Tambah Detail Kategori Lihat Detail Kategori Produk

Tambah Data Produk Lihat Data Produk

Keterangan :

Tambah Data Kategori

Nama Provinsi

Simpan Batal P11

13.Perancangan Antar Muka Lihat Kategori (Pegawai)

· Klik Home menuju P01

· Klik Lihat Data Member menuju P07

· Klik Tambah Data Provinsi menuju P19

· Klik Lihat Data Provinsi menuju P

· Klik Data Pelanggan menuju P07

· Klik Data Pesanan menuju P08

· Klik Data Laporan menuju P09

· Klik Backup/Restore menuju P10

· Klik Lihat Situs menuju PL01

· Klik Logout menuju L01

· Klik Akun Saya menuju P02

· Klik Ubah Password menuju P03

<FOOTER> <LOGO>

Lihat Situs Keluar Login Sebagai: Pegawai Nama: Pegawai

Akun Saya Home Pesanan Backup / Restore

Member Lihat Data Member Provinsi

Tambah Data Provinsi Lihat Data Provinsi Kota

Tambah Data Kategori Lihat Data Kategori Merk

Tambah Data Merk Lihat Data Merk Detail Kategori

Tambah Data Kota Lihat Data Kota Kategori

Tambah Detail Kategori Lihat Detail Kategori Produk

Tambah Data Produk Lihat Data Produk

Keterangan : Data Kategori Aksi 1 2 ….. Edit | Hapus ….. Edit | Hapus 1 2 3 4 N Selanjutnya Sebelumnya

No. Nama Kategori

P12

Gambar 3.56Perancangan Antar Muka Lihat Kategori (Pegawai)

14.Perancangan Antar Muka Edit Kategori (Pegawai)

· Klik Home menuju P01

· Klik Lihat Data Member menuju P07

· Klik Tambah Data Provinsi menuju P19

· Klik Lihat Data Provinsi menuju P

· Klik Data Pelanggan menuju P07

· Klik Data Pesanan menuju P08

· Klik Data Laporan menuju P09

· Klik Backup/Restore menuju P10

· Klik Lihat Situs menuju PL01

· Klik Logout menuju L01

· Klik Akun Saya menuju P02

· Klik Ubah Password menuju P03

<FOOTER> <LOGO>

Lihat Situs Keluar Login Sebagai: Pegawai Nama: Pegawai

Akun Saya Home Pesanan Backup / Restore

Member Lihat Data Member Provinsi

Tambah Data Provinsi Lihat Data Provinsi Kota

Tambah Data Kategori Lihat Data Kategori Merk

Tambah Data Merk Lihat Data Merk Detail Kategori

Tambah Data Kota Lihat Data Kota Kategori

Tambah Detail Kategori Lihat Detail Kategori Produk

Tambah Data Produk Lihat Data Produk

Keterangan :

Edit Data Kategori [nama kategori]

Nama Kategori

Simpan Batal P13

15.Perancangan Antar Muka Tambah Data Merk (Pegawai)

· Klik Home menuju P01

· Klik Lihat Data Member menuju P07

· Klik Tambah Data Provinsi menuju P19

· Klik Lihat Data Provinsi menuju P

· Klik Data Pelanggan menuju P07

· Klik Data Pesanan menuju P08

· Klik Data Laporan menuju P09

· Klik Backup/Restore menuju P10

· Klik Lihat Situs menuju PL01

· Klik Logout menuju L01

· Klik Akun Saya menuju P02

· Klik Ubah Password menuju P03

<FOOTER> <LOGO>

Lihat Situs Keluar Login Sebagai: Pegawai Nama: Pegawai

Akun Saya Home Pesanan Backup / Restore

Member Lihat Data Member Provinsi

Tambah Data Provinsi Lihat Data Provinsi Kota

Tambah Data Kategori Lihat Data Kategori Merk

Tambah Data Merk Lihat Data Merk Detail Kategori

Tambah Data Kota Lihat Data Kota Kategori

Tambah Detail Kategori Lihat Detail Kategori Produk

Tambah Data Produk Lihat Data Produk

Keterangan :

Tambah Data Merk

Nama Merk

Simpan Batal P14

Gambar Browse

Gambar 3. 58 Perancangan Antar Muka Tambah Data Merk (Pegawai)

16.Perancangan Antar Muka Lihat Data Merk (Pegawai)

· Klik Home menuju P01

· Klik Lihat Data Member menuju P07

· Klik Tambah Data Provinsi menuju P19

· Klik Lihat Data Provinsi menuju P

· Klik Data Pelanggan menuju P07

· Klik Data Pesanan menuju P08

· Klik Data Laporan menuju P09

· Klik Backup/Restore menuju P10

· Klik Lihat Situs menuju PL01

· Klik Logout menuju L01

· Klik Akun Saya menuju P02

· Klik Ubah Password menuju P03

<FOOTER> <LOGO>

Lihat Situs Keluar Login Sebagai: Pegawai Nama: Pegawai

Akun Saya Home Pesanan Backup / Restore

Member Lihat Data Member Provinsi

Tambah Data Provinsi Lihat Data Provinsi Kota

Tambah Data Kategori Lihat Data Kategori Merk

Tambah Data Merk Lihat Data Merk Detail Kategori

Tambah Data Kota Lihat Data Kota Kategori

Tambah Detail Kategori Lihat Detail Kategori Produk

Tambah Data Produk Lihat Data Produk

Keterangan : P33 Aksi Edit | Hapus Edit | Hapus No 1 2 Gambar …. …. Merek …. …. Data Merek

17.Perancangan Antar Muka Edit Data Merk (Pegawai)

· Klik Home menuju P01

· Klik Lihat Data Member menuju P07

· Klik Tambah Data Provinsi menuju P19

· Klik Lihat Data Provinsi menuju P

· Klik Data Pelanggan menuju P07

· Klik Data Pesanan menuju P08

· Klik Data Laporan menuju P09

· Klik Backup/Restore menuju P10

· Klik Lihat Situs menuju PL01

· Klik Logout menuju L01

· Klik Akun Saya menuju P02

· Klik Ubah Password menuju P03

<FOOTER> <LOGO>

Lihat Situs Keluar Login Sebagai: Pegawai Nama: Pegawai

Akun Saya Home Pesanan Backup / Restore

Member Lihat Data Member Provinsi

Tambah Data Provinsi Lihat Data Provinsi Kota

Tambah Data Kategori Lihat Data Kategori Merk

Tambah Data Merk Lihat Data Merk Detail Kategori

Tambah Data Kota Lihat Data Kota Kategori

Tambah Detail Kategori Lihat Detail Kategori Produk

Tambah Data Produk Lihat Data Produk

Keterangan :

Edit Data Merk

Nama Merk

Simpan Batal P34

Gambar Browse

Gambar 3. 60 Perancangan Antar Muka Edit Data Merk (Pegawai)

18.Perancangan Antar Muka Tambah Detail Kategori (Pegawai)

· Klik Home menuju P01

· Klik Lihat Data Member menuju P07

· Klik Tambah Data Provinsi menuju P19

· Klik Lihat Data Provinsi menuju P

· Klik Data Pelanggan menuju P07

· Klik Data Pesanan menuju P08

· Klik Data Laporan menuju P09

· Klik Backup/Restore menuju P10

· Klik Lihat Situs menuju PL01

· Klik Logout menuju L01

· Klik Akun Saya menuju P02

· Klik Ubah Password menuju P03

<FOOTER> <LOGO>

Lihat Situs Keluar Login Sebagai: Pegawai Nama: Pegawai

Akun Saya Home Pesanan Backup / Restore

Member Lihat Data Member Provinsi

Tambah Data Provinsi Lihat Data Provinsi Kota

Tambah Data Kategori Lihat Data Kategori Merk

Tambah Data Merk Lihat Data Merk Detail Kategori

Tambah Data Kota Lihat Data Kota Kategori

Tambah Detail Kategori Lihat Detail Kategori Produk

Tambah Data Produk Lihat Data Produk

Keterangan : P35

Tambah Data Detail Kategori

Simpan Batal

Merek Kategori

19.Perancangan Antar Muka Lihat Detail Kategori (Pegawai)

· Klik Home menuju P01

· Klik Lihat Data Member menuju P07

· Klik Tambah Data Provinsi menuju P19

· Klik Lihat Data Provinsi menuju P

· Klik Data Pelanggan menuju P07

· Klik Data Pesanan menuju P08

· Klik Data Laporan menuju P09

· Klik Backup/Restore menuju P10

· Klik Lihat Situs menuju PL01

· Klik Logout menuju L01

· Klik Akun Saya menuju P02

· Klik Ubah Password menuju P03

<FOOTER> <LOGO>

Lihat Situs Keluar Login Sebagai: Pegawai Nama: Pegawai

Akun Saya Home Pesanan Backup / Restore

Member Lihat Data Member Provinsi

Tambah Data Provinsi Lihat Data Provinsi Kota

Tambah Data Kategori Lihat Data Kategori Merk

Tambah Data Merk Lihat Data Merk Detail Kategori

Tambah Data Kota Lihat Data Kota Kategori

Tambah Detail Kategori Lihat Detail Kategori Produk

Tambah Data Produk Lihat Data Produk

Keterangan : P36 1 2 3 4 ….. N Selanjutnya Sebelumnya Aksi Edit | Hapus Edit | Hapus No 1 2 Kategori …. …. Merek …. ….

Data Detail Kategori

Gambar 3. 62 Perancangan Antar Muka Lihat Detail Kategori (Pegawai)

20.Perancangan Antar Muka Edit Detail Kategori (Pegawai)

· Klik Home menuju P01

· Klik Lihat Data Member menuju P07

· Klik Tambah Data Provinsi menuju P19

· Klik Lihat Data Provinsi menuju P

· Klik Data Pelanggan menuju P07

· Klik Data Pesanan menuju P08

· Klik Data Laporan menuju P09

· Klik Backup/Restore menuju P10

· Klik Lihat Situs menuju PL01

· Klik Logout menuju L01

· Klik Akun Saya menuju P02

· Klik Ubah Password menuju P03

<FOOTER> <LOGO>

Lihat Situs Keluar Login Sebagai: Pegawai Nama: Pegawai

Akun Saya Home Pesanan Backup / Restore

Member Lihat Data Member Provinsi

Tambah Data Provinsi Lihat Data Provinsi Kota

Tambah Data Kategori Lihat Data Kategori Merk

Tambah Data Merk Lihat Data Merk Detail Kategori

Tambah Data Kota Lihat Data Kota Kategori

Tambah Detail Kategori Lihat Detail Kategori Produk

Tambah Data Produk Lihat Data Produk

Keterangan : P37

Edit Data Detail Kategori

Simpan Batal

Merek Kategori

21.Perancangan Antar MukaTambah Data Produk (Pegawai)

· Klik Home menuju P01 · Klik Lihat Data Member menuju P07 · Klik Tambah Data Provinsi menuju

P19

· Klik Lihat Data Provinsi menuju P · Klik Data Pelanggan menuju P07 · Klik Data Pesanan menuju P08 · Klik Data Laporan menuju P09 · Klik Backup/Restore menuju P10 · Klik Lihat Situs menuju PL01 · Klik Logout menuju L01 · Klik Akun Saya menuju P02 · Klik Ubah Password menuju P03

<FOOTER> <LOGO>

Lihat Situs Keluar Login Sebagai: Pegawai Nama: Pegawai

Akun Saya Home Pesanan Backup / Restore

Member Lihat Data Member Provinsi

Tambah Data Provinsi Lihat Data Provinsi Kota

Tambah Data Kategori Lihat Data Kategori Merk

Tambah Data Merk Lihat Data Merk Detail Kategori

Tambah Data Kota Lihat Data Kota Kategori

Tambah Detail Kategori Lihat Detail Kategori Produk

Tambah Data Produk Lihat Data Produk

Keterangan :

Tambah Data Produk

Simpan Batal Kategori Merk Nama Produk Harga Diskon Gambar Keterangan % Berat Stok Browse P17

Gambar 3. 64 Perancangan Antar Muka Tambah Data Merk (Pegawai)

22.Perancangan Antar Muka Lihat Data Produk (Pegawai)

· Klik Home menuju P01

· Klik Lihat Data Member menuju P07

· Klik Tambah Data Provinsi menuju P19

· Klik Lihat Data Provinsi menuju P

· Klik Data Pelanggan menuju P07

· Klik Data Pesanan menuju P08

· Klik Data Laporan menuju P09

· Klik Backup/Restore menuju P10

· Klik Lihat Situs menuju PL01

· Klik Logout menuju L01

· Klik Akun Saya menuju P02

· Klik Ubah Password menuju P03

<FOOTER> <LOGO>

Lihat Situs Keluar Login Sebagai: Pegawai Nama: Pegawai

Akun Saya Home Pesanan Backup / Restore

Member Lihat Data Member Provinsi

Tambah Data Provinsi Lihat Data Provinsi Kota

Tambah Data Kategori Lihat Data Kategori Merk

Tambah Data Merk Lihat Data Merk Detail Kategori

Tambah Data Kota Lihat Data Kota Kategori

Tambah Detail Kategori Lihat Detail Kategori Produk

Tambah Data Produk Lihat Data Produk

Keterangan : Data Produk No. 1 2 1 2 3 4 ….. N Selanjutnya Sebelumnya Aksi Edit | Hapus Edit | Hapus Kategori …. …. Merk …. …. Harga …. …. Nama Produk …. …. Stok …. ….

Cari Produk Cari

P18

23.Perancangan Antar Muka Edit Data Produk (Pegawai)

· Klik Home menuju P01

· Klik Lihat Data Member menuju P07

· Klik Tambah Data Provinsi menuju P19

· Klik Lihat Data Provinsi menuju P

· Klik Data Pelanggan menuju P07

· Klik Data Pesanan menuju P08

· Klik Data Laporan menuju P09

· Klik Backup/Restore menuju P10

· Klik Lihat Situs menuju PL01

· Klik Logout menuju L01

· Klik Akun Saya menuju P02

· Klik Ubah Password menuju P03

<FOOTER> <LOGO>

Lihat Situs Keluar Login Sebagai: Pegawai Nama: Pegawai

Akun Saya Home Pesanan Backup / Restore

Member Lihat Data Member Provinsi

Tambah Data Provinsi Lihat Data Provinsi Kota

Tambah Data Kategori Lihat Data Kategori Merk

Tambah Data Merk Lihat Data Merk Detail Kategori

Tambah Data Kota Lihat Data Kota Kategori

Tambah Detail Kategori Lihat Detail Kategori Produk

Tambah Data Produk Lihat Data Produk

Dokumen terkait