Uji Coba Halaman Uji Coba Data

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