Perancangan Antarmuka ANALISIS DAN PERNCANGAN SISTEM

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 Gambar 3.41 Tampilan ubah transaksi

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

Tampilan tambah produk dapat dilihat pada Gambar 3.47 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

Tampilan ubah promosi dapat dilihat pada Gambar 3.49 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 Gambar 3.50 Tampilan tambah promosi

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

Tampilan tambah keluhan dapat dilihat pada Gambar 3.56 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

Tampilan laporan transaksi dapat dilihat pada Gambar 3.58 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

Tampilan laporan produk dapat dilihat pada Gambar 3.60 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

Tampilan kelola user dapat dilihat pada Gambar 3.62 F24 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 User 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 - Klik hapus untuk menghapus data dari record yang dipilih - Klik Edit u tuk asuk ke halaman F26 - Klik Ta ah u tuk asuk ke halaman F25 Hapus Edit Hapus Edit Hapus Edit Tambah Gambar 3.62 Tampilan kelola user

26. Tampilan Ubah User

Tampilan ubah user dapat dilihat pada Gambar 3.63 F26 Dashboard Laporan Lap. transaksi Lap. pelanggan Lap produk Lap kel plgn User logout Identitas Web Logo Edit user 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 - Klik si pa u tuk menyimpan data dan masuk ke halaman F24 Nama Username Password Konfirmasi password Simpan Gambar 3.63 Tampilan ubah user

27. Tampilan Tambah user

Tampilan tambah user dapat dilihat pada Gambar 3.64 F25 Dashboard Laporan Lap. transaksi Lap. pelanggan Lap produk Lap kel plgn User logout Identitas Web Logo Tambah user 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 - Klik si pa u tuk menyimpan data dan masuk ke halaman F24 Nama Username Password Konfirmasi password Simpan Gambar 3.64 Tampilan tambah user

28. Tampilan Kelola Kritik Saran

Tampilan kelola kritik saran dapat dilihat pada Gambar 3.65 F27 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 Kritik Saran 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 - Klik hapus untuk menghapus data dari record yang dipilih - Klik Edit u tuk asuk ke halaman F28 Hapus Edit Hapus Edit Hapus Edit Gambar 3.65 Tampilan kelola kritik saran

29. Tampilan Ubah Kritik Saran

Tampilan ubah kritik saran dapat dilihat pada Gambar 3.66 F28 Dashboard Laporan Lap. transaksi Lap. pelanggan Lap produk Lap kel plgn User logout Identitas Web Logo Edit Kritik Saran 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 - Klik OK u tuk e yi pa data dan masuk ke halaman F27 Subjek Isi Status OK Email Gambar 3.66 Tampilan ubah kritik saran

30. Tampilan Identitas Web

Tampilan identitas web dapat dilihat pada gambar Gambar 3.67 F29 Dashboard Laporan Lap. transaksi Lap. pelanggan Lap produk Lap kel plgn User logout Identitas Web Logo Identitas Web 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 - Klik “i pa u tuk menyimpan data Simpan Visi Misi Profil Choose Gambar Gambar 3.67 Tampilan identitas web

31. Tampilan Home Pengunjung

Tampilan home pengunjung dapat dilihat pada Gambar 3.68 F30 Promo Produk Home Kritik Saran Tentang Kami Warna Background : Disesuaikan Jenis Font : Arial Ukuran Font : Disesuaikan Navigasi : - Klik Ho e u tuk asuk ke halaman F30 - Klik Produk u tuk asuk ke halaman F31 - Klik Pro o u tuk asuk ke halaman F32 - Klik Kritik “ara u tuk masuk ke halaman F33 - Klik Te ta g ka i u tuk masuk ke halaman F34 Isi halaman utama Gambar 3.68 Tampilan home pengunjung

32. Tampilan Daftar Produk di Pengunjung

Tampilan daftar produk pengunjung dapat dilihat pada Gambar 3.69 F31 Produk 1 Produk 2 Produk 3 Produk 4 Produk 5 Produk 6 Produk 7 Produk 8 Promo Produk Home Kritik Saran Tentang Kami Warna Background : Disesuaikan Jenis Font : Arial Ukuran Font : Disesuaikan Navigasi : - Klik Ho e u tuk asuk ke halaman F30 - Klik Produk u tuk asuk ke halaman F31 - Klik Pro o u tuk asuk ke halaman F32 - Klik Kritik “ara u tuk masuk ke halaman F33 - Klik Te ta g ka i u tuk masuk ke halaman F34 Gambar 3.69 Tampilan daftar produk pengunjung

33. Tampilan Promosi di Pengunjung

Tampilan promosi di pengunjung dapat dilihat pada Gambar 3.70 F32 Promo 1 Promo 2 Promo 3 Promo Produk Home Kritik Saran Tentang Kami Warna Background : Disesuaikan Jenis Font : Arial Ukuran Font : Disesuaikan Navigasi : - Klik Ho e u tuk asuk ke halaman F30 - Klik Produk u tuk asuk ke halaman F31 - Klik Pro o u tuk asuk ke halaman F32 - Klik Kritik “ara u tuk masuk ke halaman F33 - Klik Te ta g ka i u tuk masuk ke halaman F34 Gambar 3.70 Tampilan promosi di pengunjung

34. Tampilan Kritik Saran di Pengunjung

Tampilan kritik saran di pengunjung dapat dilihat pada Gambar 3.71 F33 Promo Produk Home Kritik Saran Tentang Kami Warna Background : Disesuaikan Jenis Font : Arial Ukuran Font : Disesuaikan Navigasi : - Klik Ho e u tuk asuk ke halaman F30 - Klik Produk u tuk asuk ke halaman F31 - Klik Pro o u tuk asuk ke halaman F32 - Klik Kritik “ara u tuk masuk ke halaman F33 - Klik Te ta g ka i u tuk masuk ke halaman F34 - Klik “i pa u tuk menyimpan data Subjek Isi Simpan Email Gambar 3.71 Tampilan kritik saran di pengunjung

35. Tampilan Tentang Kami

Tampilan tentang kami dapat dilihat pada Gambar 3.72 F34 Promo Produk Home Kritik Saran Tentang Kami Warna Background : Disesuaikan Jenis Font : Arial Ukuran Font : Disesuaikan Navigasi : - Klik Ho e u tuk asuk ke halaman F30 - Klik Produk u tuk asuk ke halaman F31 - Klik Pro o u tuk asuk ke halaman F32 - Klik Kritik “ara u tuk masuk ke halaman F33 - Klik Te ta g ka i u tuk masuk ke halaman F34 Isi halaman tentang kami Gambar 3.72 Tampilan tentang kami

3.2.4 Perancangan Pesan

Perancangan pesan pada sistem informasi customer relationship management di Akhbar Print berupa pesan teks. Adapun perancangan pesan yang ada dapat dilihat pada Gambar 3.73 M01 Login gagal, Username atau password tidak cocok M02 Username dan password harus diisi M03 Anda yakin akan menghapus data transaksi ? M04 Anda yakin akan menghapus data pelanggan ? M05 Anda yakin akan menghapus data produk ? M06 Anda yakin akan menghapus data promosi ? M07 Anda yakin akan menghapus data keluhan ? M08 Anda yakin akan menghapus data kritik saran ? M09 Anda yakin akan menghapus data user ? M10 Anda yakin akan menghapus data kelompok pelanggan ? M11 Data transaksi berhasil disimpan M12 Data pelanggan berhasil disimpan M13 Data produk berhasil disimpan M14 Data promosi berhasil disimpan M15 Data keluhan berhasil disimpan M16 Data kritik saran berhasil disimpan M17 Data user berhasil disimpan M18 Data kelompok pelanggan berhasil disimpan M19 Data transaksi berhasil diubah M20 Data pelanggan berhasil diubah M21 Data produk berhasil diubah M22 Data promosi berhasil diubah M23 Data keluhan berhasil diubah M24 Data kritik saran berhasil diubah M25 Data user berhasil diubah M26 Data kelompok pelanggan berhasil diubah M27 Data transaksi berhasil dihapus M28 Data pelanggan berhasil dihapus M29 Data produk berhasil dihapus M30 Data promosi berhasil dihapus M31 Data keluhan berhasil dihapus M32 Data kritik saran berhasil dihapus M33 Data user berhasil dihapus M34 Data kelompok pelanggan berhasil dihapus Cancel OK Cancel OK Cancel OK Cancel OK Cancel OK Cancel OK Cancel OK Cancel OK Gambar 3.73 Perancangan pesan

3.2.5 Jaringan Semantik

Jaringan semantik menggambarkan keterhubungan menu antar halaman. Pada sistem informasi customer relationship management di Akhbar Print terdapat tiga jaringan semantik yaitu:

3.2.5.1 Jaringan Semantik Admin

Jaringan semantik admin dapat dilihat pada Gambar 3.74 F13 F01 F02 F09 F10 F03 F04 F11 F05 F06 FL F07 F08 F12 F15 F14 F16 F18 F17 v M03 M11 M19 M27 M04 M12 M20 M28 M05 M13 M21 M29 M06 M14 M22 M30 M07 M15 M23 M31 M08 M16 M24 M32 Gambar 3.74 Jaringan semantik admin

3.2.5.2 Jaringan Semantik Owner

Jaringan semantik owner dapat dilihat pada Gambar 3.75 FL F19 F20 F21 F22 F23 F24 F25 F26 F27 F28 F29 M01 M02 M09 M17 M25 M33 M10 M18 M26 M34 Gambar 3.75 Jaringan semantik owner