178 20. Halaman Detail Produk Setelah Login Gambar 4.20 Layar Customer-Detail Produk Setelah Login Halaman detail produk menampilkan informasi lengkap tentang produk beserta spesifikasinya dan harga. Terdapat link Beli untuk melakukan pembelian, jika user ingin melakukan pembelian user dapt meng-klik link Beli.
179 21. Halaman Beli Produk Gambar 4.21 Layar Customer-Beli Produk Halaman beli produk menampilkan informasi lengkap tentang produk beserta spesifikasi dan harga produk. User dapat mengisi jumlah produk yang ingin dibeli dan meng-klik button Tambah Ke Keranjang pada sisi kanan table.
180 22. Halaman Keranjang Gambar 4.22 Layar Customer-Keranjang Halaman keranjang menampilkan informasi mengenai produk yang dipilih oleh user pada menu Produk yang ditampilkan sebelumnya. Secara otomatis jumlah produk yang dibeli akan ditampung di Keranjang. Untuk melihat isi keranjang, user dapat mengklik Keranjang yang ada di menu pada sisi kiri web. Klik Tambah Produk apabila user ingin menambah produk ke Keranjang, klik Hapus Semua untuk menghapus produk di Keranjang. Atau klik Proses Pesanan untuk melanjutkan proses pemesanan.
181 23. Halaman Form Pemesanan Gambar 4.23 Layar Customer-Form Pemesanan Ini adalah tampilan apabila user memilih link Proses Pemesanan pada halaman keranjang. Pada halaman ini akan ditampilkan informasi dasar mengenai data pemesanan produk, nomor telepon dan alamat tujuan pengiriman dapat diubah oleh user hanya untuk transaksi tertentu. Untuk mengubah data yang ada pada database, dapat dilakukan pada menu edit profil. Klik Via Transfer bila pembayaran dilakukan dengan transfer melalui Bank, klik Bayar Di Tempat bila pembayaran dilakukan di tempat tujuan, atau klik batal untuk membatalkan pemesanan.
182 24. Halaman Konfirmasi Pembayaran Gambar 4.24 Layar Customer-Konfirmasi Pembayaran Ini adalah tampilan apabila user memilih link Via Transfer pada halaman Form Pemesanan. Pada halaman ini user akan diminta memasukkan no. rekening, nama, jumlah. Klik konfirmasi untuk proses pemesanan produk yang dipesan.
183 25. Halaman Edit Profil Gambar 4.25 Layar Customer-Edit Profil Halaman edit profil akan meminta user untuk mengisi informasi dasar mengenai data pribadi user. Disini user dapat meng-edit data pribadi dan memasukkan data pribadi yang terbaru. Jika user meng-klik Simpan, data akan tersimpan ke database data_user. Klik Kembali untuk membatalkan edit profil dan kembali ke halaman utama.
184 26. Halaman Pembayaran Gambar 4.26 Layar Customer-Pembayaran Halaman pembayaran menampilkan informasi mengenai produk yang telah dipesan oleh user, tetapi pemesanan tersebut belum terbayarkan atau user belum mengisi konfirmasi pembayaran untuk pemesanan tersebut. User dapat melihat daftar pemesanan tersebut dengan cara meng-klik nama user pada kolom Nama.
185 27. Halaman Daftar Pesanan Gambar 4.27 Layar Customer-Daftar Pesanan Halaman daftar pesanan menampilkan informasi mengenai produk yang telah dipesan oleh user, yang sebelumnya tidak jadi diproses. User dapat melanjutkan proses pemesanan dengan cara meng-klik Via Transfer bila pembayaran dilakukan dengan transfer melalui Bank, klik Bayar Di Tempat bila pembayaran dilakukan di tempat tujuan, atau klik Batal Semua untuk membatalkan pemesanan.
186 4.2.2 Prosedur Penggunaan Aplikasi Oleh Admin 1. Halaman Utama Setelah Login Gambar 4.28 Layar Admin-Halaman Utama Setelah Login Tampilan di atas merupakan halaman utama web setelah admin melakukan login. Pada halaman utama untuk admin ini berisikan fungsi-fungsi yang hanya dapat diakses oleh admin.
187 2. Halaman Manajemen Pelanggan Gambar 4.29 Layar Admin-Halaman Manajemen Pelanggan Tampilan di atas merupakan halaman manajemen pelanggan yang berisi seluruh data pribadi dari pelanggan. Disini terdapat tombol operasi manipulasi data, tombol Hapus untuk menghapus data pelanggan dari database data_user dan tombol Status untuk merubah status dari pelanggan.
188 3. Halaman Manajemen Pelanggan Status Gambar 4.30 Layar Admin-Halaman Manajemen Pelanggan Status Tampilan di atas merupakan halaman manajemen pelanggan status yang berisi data user, admin dapat merubah status dari user tersebut. Status dapat menjadi status user normal, status user admin dan status user tidak aktif. Tombol Rubah untuk merubah status user yang kemudian tersimpan kedalam database data_user.
189 4. Halaman Transaksi Penjualan Gambar 4.31 Layar Admin-Halaman Transaksi Penjualan Tampilan di atas merupakan halaman transaksi penjualan yang dapat diakses admin untuk melakukan transaksi penjualan secara langsung dengan user yang datang langsung ke perusahaan. Diantaranya terdapat tanggal transaksi, nama produk, harga produk, jumlah total dan total semua nilai transaksinya. Admin dapat menghapus transaksi tersebut dengan memilih tombol Hapus. Dan admin dapat meng-klik salah satu tombol perintah, yaitu dengan meng-klik Tambah Transaksi bila admin ingin menambah transaksi, klik Batal Semua Transaksi bila ingin membatalkan transaksi, atau klik Transaksi Selesai bila admin ingin menyelesaikan transaksi penjualan.
190 5. Halaman Tambah Transaksi Gambar 4.32 Layar Admin-Halaman Tambah Transaksi Ini adalah tampilan apabila admin memilih tombol Tambah Transaksi pada halaman Transaksi Penjualan. Pada halaman ini admin akan diminta memasukkan merek produk,nama produk jumlah produk yang diinginkan. Klik Previous untuk kembali ke halaman sebelumnya dan klik Complete untuk menyelesaikan tambah transaksi.
191 6. Halaman Tambah Produk Baru Gambar 4.33 Layar Admin-Halaman Tambah Produk Baru Tampilan di atas merupakan halaman tambah produk baru. Halaman ini untuk menambah produk baru, yaitu dengan mengisi data-data produk sesuai kolom yang tersedia. Halaman tambah produk baru ini hanya dapat dilakukan oleh admin.
192 7. Halaman Rubah Produk Gambar 4.34 Layar Admin-Halaman Rubah Produk Tampilan di atas merupakan halaman rubah produk. Halaman ini untuk merubah data produk seperti data stok produk yang sudah ada di database data_produk, yaitu dengan mengisi data-data produk sesuai kolom yang tersedia. Halaman tambah produk baru ini hanya dapat dilakukan oleh admin.
193 8. Halaman Manajemen FaQ Gambar 4.35 Layar Admin-Manajemen FaQ Halaman manajemen FaQ merupakan halaman yang menampilkan pertanyaanpertanyaan yang paling sering ditanyakan oleh user, lengkap dengan jawabannya. Pada halaman ini admin dapat mengedit FaQ yang pernah dibuat dengan cara meng-klik pada kalimat FaQ dan terdapat tombol Hapus untuk menghapus salah satu FaQ serta tombol Tambah FaQ untuk menambah FaQ yang baru.