3.2.4.4.10 Perancangan Antarmuka Detail Transaksi
Perancangan antarmuka detail transaksi dapat dilihat pada gambar 3.61.
Pengelo laan User Lihat Pelanggan
Lihat Kelompok Lihat Transaksi
Halaman Utama
Lihat Produk Lihat Kelompok Pelanggan
Kritik Saran
Keterangan :
Nama Form : TD15
Ukuran : 1024 x 768
Font : Sans-serif, Calibri
TD15 Logo
DIREKTUR
Lihat Transaksi
Produk No
Jumlah Harga
No. Pelanggan : Nama :
Alamat : Tanggal | Waktu Transakai :
Total Bayar : Keterangan Navigasi :
Klik Halaman Utama untuk
masuk ke TD01 Klik
Pengelolaan User untuk masuk ke TD02.
Klik Lihat Pelanggan untuk
masuk ke TD03. Klik
Lihat Kelompok untuk masuk ke TD04.
Klik Lihat Produk untuk
masuk ke TD05. Klik
Lihat Transaksi untuk masuk ke TD06
Klik Tanda DIREKTUR untuk
masuk ke TD07. Klik
kritik saran untuk masuk ke TD12
Klik Lihat kelompok
pelanggan untuk masuk ke
TD14
Gambar 3. 61 Antar Muka Detail Transaksi 3.2.4.4.11
Perancangan Antarmuka User
Perancangan antarmuka user dapat dilihat pada gambar 3.62.
Pengelolaan User Lihat Pelanggan
Lihat Kelompok Lihat Transaksi
Halaman Utama
Lihat Produk Lihat Kelompok Pelanggan
Keterangan :
Nama Form : TD07
Ukuran : 1024 x 768
Font : Sans-serif, Calibri
TD07
Keterangan Navigasi : Klik
Ubah Account untuk masuk ke TD11.
Klik Logout untuk
masuk ke L01 .
Klik Halaman Utama untuk
masuk ke TD01 Klik
Pengelolaan User untuk masuk ke TD02.
Klik Lihat Pelanggan untuk
masuk ke TD03. Klik
Lihat Kelompok untuk masuk ke TD04.
Klik Lihat Produk untuk
masuk ke TD05. Klik
Lihat Transaksi untuk masuk ke TD06
Klik Tanda DIREKTUR untuk
masuk ke TD07.
Klik Kritik Saran
untuk masuk ke TD07.
Logo
DIREKTUR
Halaman Utama
Ubah Account Logout
Jumlah Pelanggan
Jumlah Pelanggan
Loyal
Grafik Rata-rata Transaksi
Jumlah Pelanggan
Potensial Jumlah
Pelanggan Tidak
Potensial
Tabel Produk
Gambar 3. 62 Antarmuka User
3.2.4.4.12 Perancangan Antarmuka Edit Account
Perancangan antarmuka edit account dapat dilihat pada gambar 3.63.
Pengelolaan User Lihat Pelanggan
Lihat Kelompok Lihat Transaksi
Halaman Utama
Lihat Produk Lihat Kelompok Pelanggan
Keterangan :
Nama Form : TD11
Ukuran : 1024 x 768
Font : Sans-serif, Calibri
TD11 Logo
DIREKTUR
Edit Account
Simpan
Username Password Lama
Keterangan Navigasi : Klik
Simpan dengan kondisi benar dalam pengisian akan
muncul M04 Klik
Simpan dengan kondisi salah Pengisian ataun
mengkosongkan username password akan muncul M05
Klik Halaman Utama untuk
masuk ke TD01 Klik
Pengelolaan User untuk masuk ke TD02.
Klik Lihat Pelanggan untuk
masuk ke TD03. Klik
Lihat Kelompok untuk masuk ke TD04.
Klik Lihat Produk untuk
masuk ke TD05. Klik
Lihat Transaksi untuk masuk ke TD06
Klik Tanda DIREKTUR untuk
masuk ke TD07. Password Baru
Konfirmasi Password Baru Email
Gambar 3. 63 Antarmuka Edit Account 3.2.4.4.13
Perancangan Antarmuka Kritik Saran
Perancangan antarmuka kritik saran dapat dilihat pada gambar 3.64.
Pengelolaan User Lihat Pelanggan
Lihat Kelompok Lihat Transaksi
Halaman Utama
Lihat Produk Lihat Kelompok Pelanggan
Keterangan :
Nama Form : TD11
Ukuran : 1024 x 768
Font : Sans-serif, Calibri
TD12 Logo
DIREKTUR
Kritik Saran
Nama No Kritik Saran
Hapus Cari
Subjek Tgl Kirim
Baca Baca
Keterangan Navigasi :
Klik Hapus dengan kondisi
tanda pada tabel di ceklis muncul M06
Klik
Hapus dengan kondisi Tanda pada tabel tidak di ceklis
akan muncul M07
Klik Cari Untuk mencari data produk yang akan di tampilkan
Jika klik
Cari dengan kondisi data tidak terdapat pada tabel
pelanggan maka akan muncul pesan M08
Klik
Baca untuk masuk ke TD13
Klik Halaman Utama untuk
masuk ke TD01
Klik Pengelolaan User untuk
masuk ke TD02.
Klik Lihat Pelanggan untuk
masuk ke TD03.
Klik Lihat Kelompok untuk
masuk ke TD04.
Klik Lihat Produk untuk masuk
ke TD05.
Klik Lihat Transaksi untuk
masuk ke TD06
Klik Tanda DIREKTUR untuk
masuk ke TD07.
Klik Pengelolaan Pelanggan
Klik tanda panah kanan
maka akan menampilkan tabel selanjutnya
yang belum tampil pada layar
Klik Tanda panah kiri akan menampilkan tabel
sebelumnya jika telah berada di tampilan selanjutnya
Gambar 3. 64 Antarmuka Kritik Saran
3.2.4.4.14 Perancangan Antarmuka Baca Kritik Saran