BAB 3 ANALISIS DAN PERNCANGAN SISTEM
3.2 Perancangan Sistem
3.2.3 Perancangan Antarmuka
Perancangan antarmuka dibuat untuk memberi konsep pada implementasi pembuatan suatu antarmuka nantinya pada sistem. Berikut adalah gambaran dari perancangan antarmuka di sistem ini.
1. Tampilan Login
FL Username Password Logo Login Navigasi :
- Klik logi u tuk asuk ke halaman F01 atau F19 - Jika username dan password tidak diisi da klik logi aka akan muncul pesan M02 - Jika username dan password tidak o ok da klik logi , maka akan muncul M01
Warna Background : Disesuaikan
Jenis Font : Arial
Ukuran Font : Disesuaikan
Gambar 3.38 Tampilan Login
2. Tampilan Dashboard Admin
Tampilan dashboard admin dapat dilihat pada Gambar 3.39
F01 Dashboard Transaksi Pelanggan Produk Promosi Kelompok Pelanggan Keluhan logout Logo Dashboard
Warna Background : Disesuaikan Jenis Font : Arial Ukuran Font : Disesuaikan
Navigasi :
- Klik logout u tuk ke ali ke halaman FL
- Klik Dash oard u tuk asuk ke halaman F01
- Klik Tra saksi u tuk asuk ke halaman F02
- Klik Pela gga u tuk asuk ke halaman F05
- Klik Produk u tuk asuk ke halaman F07
- Klik Pro osi u tuk asuk ke halaman F10
- Klik Kelo pok pela gga untuk masuk ke halaman F13 - Klik Keluha u tuk asuk ke halaman F16
Gambar 3.39 Tampilan dashboard admin
Tampilan kelola transaksi dapat dilihat pada Gambar 3.40
F02
Column 1 Column 1 Column 1
Dashboard Transaksi Pelanggan Produk Promosi Kelompok Pelanggan Keluhan logout Text Text Text Text Text Text Logo Hapus Edit Hapus Edit Hapus Edit Transaksi Tambah
Warna Background : Disesuaikan Jenis Font : Arial Ukuran Font : Disesuaikan
Navigasi :
- Klik logout u tuk ke ali ke hala a FL
- Klik Dash oard u tuk asuk ke halaman F01
- Klik Tra saksi u tuk asuk ke hala a F02
- Klik Pela gga u tuk asuk ke halaman F05
- Klik Produk u tuk asuk ke hala a F07
- Klik Pro osi u tuk asuk ke hala a F10
- Klik Kelo pok pela gga u tuk asuk ke halaman F13
- Klik Keluha u tuk asuk ke hala a F16
- Klik ta ah u tuk asuk ke hala a F04
- Klik hapus, maka akan menampilkan M03 da klik OK u tuk e ghapus salah satu record
- Klik edit u tuk asuk ke hala a F03 - Jika penambahan data berhasil, maka akan muncul pesan M11
- Jika pengeditan data berhasil, maka akan muncul pesan M19
- Jika penghapusan data berhasil, maka akan muncul M27
Gambar 3.40 Tampilan kelola transaksi
4. Tampilan Ubah Transaksi
Tampilan ubah transaksi dapat dilihat pada
Gambar 3.41 F03 Dashboard Transaksi Pelanggan Produk Promosi Kelompok Pelanggan Keluhan logout Logo Edit Tansaksi
Simpan Nama Produk Ukuran Jumlah Receiver Status
Warna Background : Disesuaikan Jenis Font : Arial Ukuran Font : Disesuaikan
Navigasi :
- Klik logout u tuk ke ali ke halaman FL
- Klik Dash oard u tuk asuk ke halaman F01
- Klik Tra saksi u tuk asuk ke halaman F02
- Klik Pela gga u tuk asuk ke halaman F05
- Klik Produk u tuk asuk ke halaman F07
- Klik Pro osi u tuk asuk ke halaman F10
- Klik Kelo pok pela gga untuk masuk ke halaman F13 - Klik Keluha u tuk asuk ke halaman F16
- Klik si pa u tuk menyimpan data dan masuk ke halaman F02
5. Tampilan Tambah Transaksi
Tampilan tambah transaksi dapat dilihat pada
Gambar 3.42 F04 Dashboard Transaksi Pelanggan Produk Promosi Kelompok Pelanggan Keluhan logout Logo Tambah Tansaksi
Simpan Nama Produk Ukuran Jumlah Receiver
Warna Background : Disesuaikan Jenis Font : Arial Ukuran Font : Disesuaikan
Navigasi :
- Klik logout u tuk ke ali ke halaman FL
- Klik Dash oard u tuk asuk ke halaman F01
- Klik Tra saksi u tuk asuk ke halaman F02
- Klik Pela gga u tuk asuk ke halaman F05
- Klik Produk u tuk asuk ke halaman F07
- Klik Pro osi u tuk asuk ke halaman F10
- Klik Kelo pok pela gga untuk masuk ke halaman F13 - Klik Keluha u tuk asuk ke halaman F16
- Klik si pa u tuk menyimpan data dan masuk ke halaman F02
No HP Email
Gambar 3.42 Tampilan tambah transaksi
6. Tampilan Kelola Pelanggan
Tampilan kelola pelanggan dapat dilihat pada Gambar 3.43
F05
Column 1 Column 1 Column 1 Dashboard Transaksi Pelanggan Produk Promosi Kelompok Pelanggan Keluhan logout Text Text Text Text Text Text Logo Hapus Edit Hapus Edit Hapus Edit Pelanggan
Warna Background : Disesuaikan
Jenis Font : Arial
Ukuran Font : Disesuaikan
Navigasi :
- Klik logout u tuk ke ali ke hala a FL
- Klik Dash oard u tuk asuk ke halaman F01
- Klik Tra saksi u tuk asuk ke halaman F02
- Klik Pela gga u tuk asuk ke halaman F05
- Klik Produk u tuk asuk ke hala a F07
- Klik Pro osi u tuk asuk ke halaman F10
- Klik Kelo pok pela gga u tuk masuk ke halaman F13
- Klik Keluha u tuk asuk ke hala a F16
- Klik hapus, maka akan menampilkan M04 da klik OK u tuk e ghapus salah satu record
- Klik edit u tuk asuk ke hala a F06 - Jika penambahan data berhasil, maka akan muncul pesan M12
- Jika pengeditan data berhasil, maka akan muncul pesan M20
- Jika penghapusan data berhasil, maka akan muncul M28
Gambar 3.43 Tampilan kelola pelanggan
7. Tampilan Ubah Pelanggan
Tampilan ubah pelanggan dapat dilihat pada Gambar 3.44
F06 Dashboard Transaksi Pelanggan Produk Promosi Kelompok Pelanggan Keluhan logout Logo Edit Pelanggan
Simpan Nama
No HP Email
Warna Background : Disesuaikan
Jenis Font : Arial
Ukuran Font : Disesuaikan
Navigasi :
- Klik logout u tuk ke ali ke halaman FL
- Klik Dash oard u tuk asuk ke halaman F01
- Klik Tra saksi u tuk asuk ke halaman F02
- Klik Pela gga u tuk asuk ke halaman F05
- Klik Produk u tuk asuk ke halaman F07
- Klik Pro osi u tuk asuk ke halaman F10
- Klik Kelo pok pela gga untuk masuk ke halaman F13 - Klik Keluha u tuk asuk ke halaman F16
- Klik si pa u tuk menyimpan data dan masuk ke halaman F05
Gambar 3.44 Tampilan ubah pelanggan
8. Tampilan Kelola Produk
Tampilan kelola produk dapat dilihat pada Gambar 3.45
F07
Column 1 Column 1 Column 1 Dashboard Transaksi Pelanggan Produk Promosi Kelompok Pelanggan Keluhan logout Text Text Text Text Text Text Logo Hapus Edit Hapus Edit Hapus Edit Produk Tambah
Warna Background : Disesuaikan Jenis Font : Arial Ukuran Font : Disesuaikan
Navigasi :
- Klik logout u tuk ke ali ke hala a FL - Klik Dash oard u tuk asuk ke hala a F01
- Klik Tra saksi u tuk asuk ke hala a F02
- Klik Pela gga u tuk asuk ke hala a F05
- Klik Produk u tuk asuk ke hala a F07 - Klik Pro osi u tuk asuk ke hala a F10 - Klik Kelo pok pela gga u tuk asuk ke halaman F13
- Klik Keluha u tuk asuk ke hala a F16 - Klik ta ah u tuk asuk ke hala a F09 - Klik hapus, maka akan menampilkan M05 da klik OK u tuk e ghapus salah satu record
- Klik edit u tuk asuk ke hala a F08 - Jika penambahan data berhasil, maka akan muncul pesan M13
- Jika pengeditan data berhasil, maka akan muncul pesan M21
- Jika penghapusan data berhasil, maka akan muncul M29
Gambar 3.45 Tampilan kelola produk
9. Tampilan Ubah Produk
Tampilan ubah produk dapat dilihat pada
Gambar 3.46 F08 Dashboard Transaksi Pelanggan Produk Promosi Kelompok Pelanggan Keluhan logout
Logo Edit Produk
Simpan Nama Produk
Harga
Warna Background : Disesuaikan
Jenis Font : Arial
Ukuran Font : Disesuaikan
Navigasi :
- Klik logout u tuk ke ali ke halaman FL
- Klik Dash oard u tuk asuk ke halaman F01
- Klik Tra saksi u tuk asuk ke halaman F02
- Klik Pela gga u tuk asuk ke halaman F05
- Klik Produk u tuk asuk ke halaman F07
- Klik Pro osi u tuk asuk ke halaman F10
- Klik Kelo pok pela gga untuk masuk ke halaman F13 - Klik Keluha u tuk asuk ke halaman F16
- Klik si pa u tuk menyimpan data dan masuk ke halaman F07
Gambar 3.46 Tampilan ubah produk
10. Tampilan Tambah Produk
F09 Dashboard Transaksi Pelanggan Produk Promosi Kelompok Pelanggan Keluhan logout
Logo Tambah Produk
Warna Background : Disesuaikan Jenis Font : Arial Ukuran Font : Disesuaikan
Navigasi :
- Klik logout u tuk ke ali ke halaman FL
- Klik Dash oard u tuk asuk ke halaman F01
- Klik Tra saksi u tuk asuk ke halaman F02
- Klik Pela gga u tuk asuk ke halaman F05
- Klik Produk u tuk asuk ke halaman F07
- Klik Pro osi u tuk asuk ke halaman F10
- Klik Kelo pok pela gga untuk masuk ke halaman F13 - Klik Keluha u tuk asuk ke halaman F16
- Klik si pa u tuk menyimpan data dan masuk ke halaman F07
Simpan Nama Produk
Harga
Gambar 3.47 Tampilan tambah produk
11. Tampilan Kelola Promosi
Tampilan kelola promosi dapat dilihat pada Gambar 3.48
F10
Column 1 Column 1 Column 1
Dashboard Transaksi Pelanggan Produk Promosi Kelompok Pelanggan Keluhan logout Text Text Text Text Text Text Logo Hapus Edit Hapus Edit Hapus Edit Promosi Tambah
Warna Background : Disesuaikan Jenis Font : Arial Ukuran Font : Disesuaikan
Navigasi :
- Klik logout u tuk ke ali ke hala a FL - Klik Dash oard u tuk asuk ke hala a F01
- Klik Tra saksi u tuk asuk ke hala a F02
- Klik Pela gga u tuk asuk ke hala a F05
- Klik Produk u tuk asuk ke hala a F07 - Klik Pro osi u tuk asuk ke hala a F10 - Klik Kelo pok pela gga u tuk asuk ke halaman F13
- Klik Keluha u tuk asuk ke hala a F16 - Klik ta ah u tuk asuk ke hala a F12 - Klik hapus, maka akan menampilkan M06 da klik OK u tuk e ghapus salah satu record
- Klik edit u tuk asuk ke hala a F11 - Jika penambahan data berhasil, maka akan muncul pesan M14
- Jika pengeditan data berhasil, maka akan muncul pesan M22
- Jika penghapusan data berhasil, maka akan muncul M30
Gambar 3.48 Tampilan kelola promosi
12. Tampilan Ubah Promosi
F11 Dashboard Transaksi Pelanggan Produk Promosi Kelompok Pelanggan Keluhan logout Logo Edit Promosi
Simpan Subjek
Keterangan
Warna Background : Disesuaikan Jenis Font : Arial Ukuran Font : Disesuaikan
Navigasi :
- Klik logout u tuk ke ali ke halaman FL
- Klik Dash oard u tuk asuk ke halaman F01
- Klik Tra saksi u tuk asuk ke halaman F02
- Klik Pela gga u tuk asuk ke halaman F05
- Klik Produk u tuk asuk ke halaman F07
- Klik Pro osi u tuk asuk ke halaman F10
- Klik Kelo pok pela gga untuk masuk ke halaman F13 - Klik Keluha u tuk asuk ke halaman F16
- Klik si pa u tuk menyimpan data dan masuk ke halaman F10
Choose Gambar
aktif Status
Gambar 3.49 Tampilan ubah promosi
13. Tampilan Tambah Promosi
Tampilan tambah promosi dapat dilihat pada Gambar 3.50 F12 Dashboard Transaksi Pelanggan Produk Promosi Kelompok Pelanggan Keluhan logout Logo Tambah Promosi
Warna Background : Disesuaikan Jenis Font : Arial Ukuran Font : Disesuaikan
Navigasi :
- Klik logout u tuk ke ali ke halaman FL
- Klik Dash oard u tuk asuk ke halaman F01
- Klik Tra saksi u tuk asuk ke halaman F02
- Klik Pela gga u tuk asuk ke halaman F05
- Klik Produk u tuk asuk ke halaman F07
- Klik Pro osi u tuk asuk ke halaman F10
- Klik Kelo pok pela gga untuk masuk ke halaman F13 - Klik Keluha u tuk asuk ke halaman F16
- Klik si pa u tuk menyimpan data dan masuk ke halaman F10 Simpan Subjek Keterangan Choose Gambar aktif Status
14. Tampilan Kelola Kelompok Konsumen
Tampilan kelola kelompok konsumen dapat dilihat pada
Gambar 3.51
F013
Column 1 Column 1 Column 1 Dashboard Transaksi Pelanggan Produk Promosi Kelompok Pelanggan Keluhan logout Text Text Text Text Text Text Logo Hapus Edit Hapus Edit Hapus Edit Kelompok Konsumen Tambah
Warna Background : Disesuaikan
Jenis Font : Arial
Ukuran Font : Disesuaikan
Navigasi :
- Klik logout u tuk ke ali ke hala a FL - Klik Dash oard u tuk asuk ke hala a F01
- Klik Tra saksi u tuk asuk ke hala a F02
- Klik Pela gga u tuk asuk ke hala a F05
- Klik Produk u tuk asuk ke hala a F07 - Klik Pro osi u tuk asuk ke hala a F10 - Klik Kelo pok pela gga u tuk asuk ke halaman F13
- Klik Keluha u tuk asuk ke hala a F16 - Klik ta ah u tuk asuk ke hala a F15 - Klik hapus, maka akan menampilkan M10 da klik OK u tuk e ghapus salah satu record
- Klik edit u tuk asuk ke hala a F14 - Jika penambahan data berhasil, maka akan muncul pesan M18
- Jika pengeditan data berhasil, maka akan muncul pesan M26
- Jika penghapusan data berhasil, maka akan muncul M34
Gambar 3.51 Tampilan kelola kelompok konsumen
15. Tampilan Ubah Kelompok Konsumen
Tampilan ubah kelompok konsumen dapat dilihat pada
Gambar 3.52 F14 Dashboard Transaksi Pelanggan Produk Promosi Kelompok Pelanggan Keluhan logout Logo Edit Kelompok Konsumen
Simpan Kelompok Konsumen
Batas bawah
Warna Background : Disesuaikan Jenis Font : Arial Ukuran Font : Disesuaikan
Navigasi :
- Klik logout u tuk ke ali ke halaman FL
- Klik Dash oard u tuk asuk ke halaman F01
- Klik Tra saksi u tuk asuk ke halaman F02
- Klik Pela gga u tuk asuk ke halaman F05
- Klik Produk u tuk asuk ke halaman F07
- Klik Pro osi u tuk asuk ke halaman F10
- Klik Kelo pok pela gga untuk masuk ke halaman F13 - Klik Keluha u tuk asuk ke halaman F16
- Klik si pa u tuk menyimpan data dan masuk ke halaman F13
Batas atas Diskon Waktu Pesan
Gambar 3.52 Tampilan ubah kelompok konsumen
16. Tampilan Tambah Kelompok Konsumen
Tampilan tambah kelompok konsumen dapat dilihat pada
Gambar 3.53 F15 Dashboard Transaksi Pelanggan Produk Promosi Kelompok Pelanggan Keluhan logout Logo
Warna Background : Disesuaikan
Jenis Font : Arial
Ukuran Font : Disesuaikan
Navigasi :
- Klik logout u tuk ke ali ke halaman FL
- Klik Dash oard u tuk asuk ke halaman F01
- Klik Tra saksi u tuk asuk ke halaman F02
- Klik Pela gga u tuk asuk ke halaman F05
- Klik Produk u tuk asuk ke halaman F07
- Klik Pro osi u tuk asuk ke halaman F10
- Klik Kelo pok pela gga untuk masuk ke halaman F13 - Klik Keluha u tuk asuk ke halaman F16
- Klik si pa u tuk menyimpan data dan masuk ke halaman F13 Simpan Kelompok Konsumen Batas bawah Batas atas Diskon Waktu Pesan
Tambah Kelompok Konsumen
Gambar 3.53 Tampilan tambah kelompok konsumen
17. Tampilan Kelola Keluhan
Tampilan kelola keluhan dapat dilihat pada Gambar 3.54
F16
Column 1 Column 1 Column 1 Dashboard Transaksi Pelanggan Produk Promosi Kelompok Pelanggan Keluhan logout Text Text Text Text Text Text Logo Hapus Edit Hapus Edit Hapus Edit Keluhan Tambah
Warna Background : Disesuaikan
Jenis Font : Arial
Ukuran Font : Disesuaikan
Navigasi :
- Klik logout u tuk ke ali ke hala a FL - Klik Dash oard u tuk asuk ke hala a F01
- Klik Tra saksi u tuk asuk ke hala a F02
- Klik Pela gga u tuk asuk ke hala a F05
- Klik Produk u tuk asuk ke hala a F07 - Klik Pro osi u tuk asuk ke hala a F10 - Klik Kelo pok pela gga u tuk asuk ke halaman F13
- Klik Keluha u tuk asuk ke hala a F16 - Klik ta ah u tuk asuk ke hala a F18 - Klik hapus, maka akan menampilkan M07 da klik OK u tuk e ghapus salah satu record
- Klik edit u tuk asuk ke hala a F17 - Jika penambahan data berhasil, maka akan muncul pesan M15
- Jika pengeditan data berhasil, maka akan muncul pesan M23
- Jika penghapusan data berhasil, maka akan muncul M31
Gambar 3.54 Tampilan kelola keluhan
18. Tampilan Ubah Keluhan
Tampilan ubah keluhan dapat dilihat pada Gambar 3.55
F18 Dashboard Transaksi Pelanggan Produk Promosi Kelompok Pelanggan Keluhan logout Logo Tambah Keluhan
Warna Background : Disesuaikan
Jenis Font : Arial
Ukuran Font : Disesuaikan
Navigasi :
- Klik logout u tuk ke ali ke halaman FL
- Klik Dash oard u tuk asuk ke halaman F01
- Klik Tra saksi u tuk asuk ke halaman F02
- Klik Pela gga u tuk asuk ke halaman F05
- Klik Produk u tuk asuk ke halaman F07
- Klik Pro osi u tuk asuk ke halaman F10
- Klik Kelo pok pela gga untuk masuk ke halaman F13 - Klik Keluha u tuk asuk ke halaman F16
- Klik ta ah u tuk asuk ke halaman F15
- Klik hapus u tuk e ghapus salah satu record
- Klik edit u tuk asuk ke halaman F16 Simpan Subjek Isi keluhan No Transaksi Status
Gambar 3.55 Tampilan ubah keluhan
19. Tampilan Tambah Keluhan
F18 Dashboard Transaksi Pelanggan Produk Promosi Kelompok Pelanggan Keluhan logout
Logo Tambah Keluhan
Warna Background : Disesuaikan
Jenis Font : Arial
Ukuran Font : Disesuaikan
Navigasi :
- Klik logout u tuk ke ali ke halaman FL
- Klik Dash oard u tuk asuk ke halaman F01
- Klik Tra saksi u tuk asuk ke halaman F02
- Klik Pela gga u tuk asuk ke halaman F05
- Klik Produk u tuk asuk ke halaman F07
- Klik Pro osi u tuk asuk ke halaman F10
- Klik Kelo pok pela gga untuk masuk ke halaman F13 - Klik Keluha u tuk asuk ke halaman F16
- Klik ta ah u tuk asuk ke halaman F15
- Klik hapus u tuk e ghapus salah satu record
- Klik edit u tuk asuk ke halaman F16 Simpan Subjek Isi keluhan No Transaksi Status
Gambar 3.56 Tampilan tambah keluhan
20. Tampilan Dashboard Owner
Tampilan dashboard owner dapat dilihat pada Gambar 3.57
F19 logout Dashboard Laporan Lap. transaksi Lap. pelanggan Lap produk Lap kel plgn User Identitas Web Lap promosi Lap kel keluhan Kritik saran
Logo
Dashboard
Warna Background : Disesuaikan Jenis Font : Arial Ukuran Font : Disesuaikan
Navigasi :
- Klik logout u tuk ke ali ke halaman FL
- Klik Dash oard u tuk asuk ke halaman F19
- Klik Lapora u tuk menampilkan submenu laporan - Klik Lap tra saksi u tuk masuk ke halaman F20 - Klik Lap pela gga u tuk masuk ke halaman F21 - Klik Lap produk u tuk asuk ke halaman F22
- Klik Lap kel plg u tuk masuk ke halaman F23 - Klik User u tuk asuk ke halaman F24
- Klik Kritik “ara u tuk asuk ke halaman F27
- Klik ide titas we u tuk masuk ke halaman F29
Gambar 3.57 Tampilan dashboard owner
21. Tampilan Laporan Transaksi
F20
logout
Column 1 Column 2 Column 3
Dashboard Laporan Lap. transaksi Lap. pelanggan Lap produk Lap kel plgn User Identitas Web Lap promosi Lap kel keluhan Kritik saran Text Text Text Text Text Text Text Text Text Logo Laporan Transaksi
Warna Background : Disesuaikan Jenis Font : Arial Ukuran Font : Disesuaikan
Navigasi :
- Klik logout u tuk ke ali ke halaman FL
- Klik Dash oard u tuk asuk ke halaman F19
- Klik Lapora u tuk menampilkan submenu laporan - Klik Lap tra saksi u tuk masuk ke halaman F20 - Klik Lap pela gga u tuk masuk ke halaman F21 - Klik Lap produk u tuk asuk ke halaman F22
- Klik Lap kel plg u tuk masuk ke halaman F23 - Klik User u tuk asuk ke halaman F24
- Klik Kritik “ara u tuk asuk ke halaman F27
- Klik ide titas we u tuk masuk ke halaman F29
Gambar 3.58 Tampilan laporan transaksi
22. Tampilan Laporan Pelanggan
Tampilan laporan pelanggan dapat dilihat pada Gambar 3.59
F21 Dashboard Laporan Lap. transaksi Lap. pelanggan Lap produk Lap kel plgn User logout Identitas Web
Column 1 Column 2 Column 3
Text Text Text Text Text Text Text Text Text Logo Laporan Pelanggan
Warna Background : Disesuaikan Jenis Font : Arial Ukuran Font : Disesuaikan
Navigasi :
- Klik logout u tuk ke ali ke halaman FL
- Klik Dash oard u tuk asuk ke halaman F19
- Klik Lapora u tuk menampilkan submenu laporan - Klik Lap tra saksi u tuk masuk ke halaman F20 - Klik Lap pela gga u tuk masuk ke halaman F21 - Klik Lap produk u tuk asuk ke halaman F22
- Klik Lap kel plg u tuk masuk ke halaman F23 - Klik User u tuk asuk ke halaman F24
- Klik Kritik “ara u tuk asuk ke halaman F27
- Klik ide titas we u tuk masuk ke halaman F29
Gambar 3.59 Tampilan laporan pelanggan
23. Tampilan Laporan Produk
F22 Dashboard Laporan Lap. transaksi Lap. pelanggan Lap produk Lap kel plgn User logout Identitas Web
Column 1 Column 2 Column 3
Text Text Text Text Text Text Text Text Text Logo Laporan Produk
Warna Background : Disesuaikan Jenis Font : Arial Ukuran Font : Disesuaikan
Navigasi :
- Klik logout u tuk ke ali ke halaman FL
- Klik Dash oard u tuk asuk ke halaman F19
- Klik Lapora u tuk menampilkan submenu laporan - Klik Lap tra saksi u tuk masuk ke halaman F20 - Klik Lap pela gga u tuk masuk ke halaman F21 - Klik Lap produk u tuk asuk ke halaman F22
- Klik Lap kel plg u tuk masuk ke halaman F23 - Klik User u tuk asuk ke halaman F24
- Klik Kritik “ara u tuk asuk ke halaman F27
- Klik ide titas we u tuk masuk ke halaman F29
Gambar 3.60 Tampilan laporan produk
24. Tampilan Laporan Kelompok Konsumen
Tampilan laporan kelompok konsumen dapat dilihat pada Gambar 3.61
F23 Dashboard Laporan Lap. transaksi Lap. pelanggan Lap produk Lap kel plgn User logout Identitas Web
Column 1 Column 2 Column 3
Text Text Text Text Text Text Text Text Text Logo
Laporan Kelompok Konsumen
Warna Background : Disesuaikan Jenis Font : Arial Ukuran Font : Disesuaikan
Navigasi :
- Klik logout u tuk ke ali ke halaman FL
- Klik Dash oard u tuk asuk ke halaman F19
- Klik Lapora u tuk menampilkan submenu laporan - Klik Lap tra saksi u tuk masuk ke halaman F20 - Klik Lap pela gga u tuk masuk ke halaman F21 - Klik Lap produk u tuk asuk ke halaman F22
- Klik Lap kel plg u tuk masuk ke halaman F23 - Klik User u tuk asuk ke halaman F24
- Klik Kritik “ara u tuk asuk ke halaman F27
- Klik ide titas we u tuk masuk ke halaman F29
Gambar 3.61 Tampilan laporan kelompok konsumen
25. Tampilan Kelola User
F24 Dashboard