Perancangan Antarmuka Detail Transaksi Perancangan Antarmuka Edit Account

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