Dan hasil update dari keranjang belanja customer tampak pada Gambar 5.5 di bawah ini:
Gambar 5.5 Keranjang Belanja Setelah Ter-Update
5.1.3 Uji Coba Halaman
Contact Us
Proses uji coba ini dilakukan dengan cara mengosongkan field-field yang penting pada saat pengisian data pada form contact us. Akan ada pemberitahuan
bahwa field tersebut harus terisi. Berikut tampilan validasi field nama yang tidak terisi oleh customer dapat dilihat pada Gambar 5.6.
Hak Cipta © milik UPN Veteran Jatim : Dilarang mengutip sebagian atau seluruh karya tulis ini tanpa mencantumkan dan menyebutkan sumber.
Gambar 5.6 Validasi Field Nama
Apabila user keliru atau tidak sesuai format dalam mengisi email misal
tidak terdapat simbol “”, “.” atau kesalahan lainnya, maka akan ada pemberitahuan bahwa format penulisan keliru. Berikut tampilan halaman contact
us dengan validasi kesalahan pada pengisian form email.
Hak Cipta © milik UPN Veteran Jatim : Dilarang mengutip sebagian atau seluruh karya tulis ini tanpa mencantumkan dan menyebutkan sumber.
Gambar 5.7 Validasi Field Email
Jika form terisi dengan benar semuanya, maka user akan berhasil
mengirim pesan dan akan ada konfirmasi keberhasilan pesan terkirim. Tampilan pesan keberhasilan pada form contact us dapat dilihat pada Gambar 5.8 berikut
ini.
Hak Cipta © milik UPN Veteran Jatim : Dilarang mengutip sebagian atau seluruh karya tulis ini tanpa mencantumkan dan menyebutkan sumber.
Gambar 5.8 Konfirmasi Keberhasilan Form Contact Us
5.1.4 Uji Coba Data
Customers
Proses uji coba ini dilakukan setelah user mengklik tombol Selesai Belanja pada keranjang user. Kemudian user diminta untuk mengisi beberapa data untuk
pengiriman barang sekaligus menandakan bahwa pemesanan serius dilakukan dan user segera mengirimkan pembayaran dari produk yang dipesan tersebut. Berikut
contoh data yang diisikan oleh customer.
Hak Cipta © milik UPN Veteran Jatim : Dilarang mengutip sebagian atau seluruh karya tulis ini tanpa mencantumkan dan menyebutkan sumber.
Gambar 5.9 Contoh Pengisian Form Data Customer
Akan muncul konfirmasi keberhasilan pengisian data customer seperti Gambar 5.10 di bawah ini:
Gambar 5.10 Konfirmasi Keberhasilan Pengisian Form Data Customer
Hak Cipta © milik UPN Veteran Jatim : Dilarang mengutip sebagian atau seluruh karya tulis ini tanpa mencantumkan dan menyebutkan sumber.
Keberhasilan uji coba dapat kita lihat pada halaman pemesanan admin pada Gambar 5.11 di bawah ini:
Gambar 5.11 Uji Coba Pengisian Form Data Customer Berhasil
5.1.5 Uji Coba Login Admin