Form Tampilan Halaman Login Pelanggan Form Tampilan Halaman Sub Kategori Barang Form Tampilan Halaman Daftar Barang Form Tampilan Halaman Pemesanan

commit to user

e. Form Tampilan Halaman Login Pelanggan

Halaman login pelanggan adalah halaman untuk dapat melakukan pembelian sehingga pelanggan harus melakukan login terlebih dahulu dengan memasukkan user dan password yang telah dibuat pada saat melakukan registrasi. Pada form pelanggan ini memuat form login dan link untuk form registrasi. Tampilan halaman login pelanggan dapat dilihat pada Gambar 21 berikut : Gambar 21 : Tampilan Halaman Login Pelanggan Apabila pelanggan melakukan kesalahan input yaitu penulisan user atau password salah dan field masih kosong, maka akan muncul pesan peringatan seperti pada Gambar 22 berikut : Gambar 22 : Tampilan Halaman Kesalahan Login Pelanggan

f. Form Tampilan Halaman Sub Kategori Barang

Halaman ini dapat diakses oleh user umum. Halaman ini menampilkan produk barang berdasarkan sub kategori sehingga memudahkan pembeli melihat pembagian-pembagian sub kategori barang. Tampilan halaman sub kategori barang dapat dilihat pada Gambar 23 berikut : commit to user Gambar 23 : Tampilan Halaman Sub Kategori Barang Untuk tampilan halaman kategori barang memiliki desain yang sama dengan halaman sub kategori barang.

g. Form Tampilan Halaman Daftar Barang

Pada halaman daftar barang user umum bisa melihat lebih jelas daftar barang apa saja yang dijual. Barang disertai gambar dan harga masing-masing barang. Tampilan halaman daftar barang dapat dilihat pada Gambar 24. Gambar 24 : Tampilan Halaman Daftar Barang commit to user Jika ingin membelinya maka harus melakukan login terlebih dahulu, jika belum login maka akan tampil halaman belum login seperti pada Gambar 25 berikut : Gambar 25 : Tampilan Halaman Status Belum Login

h. Form Tampilan Halaman Pemesanan

Berikut akan ditampilkan langkah awal untuk memulai pemesanan barang. Hanya pelanggan yang dapat melakukan pembelian, maka harus login dahulu dengan menggunakan account yang sudah diperoleh masing-masing pada saat registrasi. Bukti bahwa pelanggan sudah berhasil login yaitu pada gambar yang dilingkari merah, yaitu pada status dan pada menu pelanggan. Untuk membelinya, klik “beli” seperti pada gambar yang dilingkari merah. Jika sudah dipilih, maka barang akan masuk pada kantong belanja pelanggan. Tampilan halaman status login dapat dilihat pada Gambar 26 berikut : commit to user Gambar 26 : Tampilan Halaman Status Login Setelah pelanggan memilih tombol beli maka pelanggan akan masuk ke halaman keranjang belanja. Tombol yang disediakan adalah : 1. tombol daftar barang  untuk kembali ke halaman daftar barang, jika pelanggan ingin membeli barang lagi. 2. tombol ubah  jika pelanggan ingin mengubah jumlah barang yang dibeli. Minimal pemesanan yaitu satu barang, dan tidak boleh diisi kosong. 3. tombol hapus x  jika pelanggan ingin menghapus barang pada kantong belanja. 4. tombol lanjutkan  jika pelanggan sudah yakin dengan barang yang akan dibeli, maka akan masuk ke halaman konfirmasi pembayaran. Tampilan halaman kantong belanja dapat dilihat pada Gambar 27 berikut : commit to user Gambar 27 : Tampilan Halaman Kantong Belanja Pada halaman konfirmasi pembayaran berisikan konfirmasi data pribadi pelanggan dapat mengubahnya jika terjadi kesalahan dalam pengisian dan konfirmasi cara pembayaran. Apabila data yang diisi sudah benar dan setuju dengan peraturan yang telah diberikan maka pelanggan tinggal melanjutkan transaksinya dengan pilih simpan. Tampilan halaman konfirmasi pembayaran dapat dilihat pada Gambar 28 berikut : commit to user Gambar 28 : Tampilan Halaman Konfirmasi Pembayaran commit to user Pada halaman konfirmasi transaksi berisikan konfirmasi barang belanja, total belanja, biaya kirim, unik transfer, total pembayaran, dan konfirmasi alamat. Tampilan halaman konfirmasi transaksi dapat dilihat pada Gambar 29 berikut : Gambar 29 : Tampilan Halaman Konfirmasi Transaksi Setelah itu pilih lanjutkan, maka akan masuk ke halaman transaksi sukses. Halaman ini berisikan pemberitahuan bahwa proses transaksi telah sukses. Tampilan halaman transaksi sukses dapat dilihat pada Gambar 30. commit to user Gambar 30 : Tampilan Halaman Transaksi Sukses i. Form Tampilan Halaman Pelanggan Login Berikut adalah menu yang disediakan jika pelanggan telah login yaitu 1. ubah pelanggan  menu form untuk mengubah data pelanggan apabila terdapat kesalahan pada saat pengisian data. 2. Kantong belanja  menu untuk menampilkan barang yang terdapat pada keranjang belanja, bersifat penyimpanan sementara. 3. Lanjutkan transaksi  menu untuk menampilkan konfirmasi pembayaran yang terdiri dari edit data pribadi dan cara pembayaran. 4. Daftar transaksi  menu untuk menampilkan no transaksi user, unik transfer yang diperoleh, status sebagai tanda bukti lunas atau pesan, dan daftar barang detail serta nominal harga yang diperoleh. 5. Logout  menu untuk keluar dari account user dan mengakhiri pemesanan. Tampilan halaman ubah data pelanggan dapat dilihat pada Gambar 31 berikut : commit to user Gambar 31 : Tampilan Halaman Ubah Data Pelanggan Tampilan halaman kantong belanja dapat dilihat pada Gambar 32 berikut : Gambar 32 : Tampilan Halaman Kantong Belanja Tampilan halaman daftar transaksi terakhir dapat dilihat pada Gambar 33 berikut : commit to user Gambar 33 : Tampilan Halaman Daftar Transaksi Terakhir Untuk tampilan aksi tampil dapat dilihat pada Gambar 34 berikut : Gambar 34 : Tampilan Halaman Daftar Transaksi Detail commit to user

2. HALAMAN ADMIN 