4.2.1. Tampilan Utama
Tampilan utama ini merupakan tampilan yang pertama kali ditemui pengguna aplikasi saat aplikasi pertama kali dibuka. Pada tampilan ini akan
terlihat judul aplikasi pada bagian atas, kemudian artikel mengenai batik tulis, serta menu-menu link ke halaman yang lain.
Gambar 4.1 Tampilan Utama Aplikasi
4.2.2. Tampilan Bagian Produk
Tampilan bagian produk ini adalah tampilan yang berisi produk-produk yang ditawarkan pada aplikasi ini. Gambar 4.2 menunjukkan tampilan bagian produk
ini.
Gambar 4.2 Tampilan Bagian Produk Gambar 4.2 menunjukkan tampilan keseluruhan bagian produk. Untuk
mengetahui informasi detil dari suatu produk, maka cukup meletakkan mouse
pointer pada produk yang diinginkan dan akan muncul bagian informasi detil.
Gambar 4.3 berikut menunjukkan kondisi tersebut.
Gambar 4.3 Tampilan Informasi Detil Produk Pada area kanan bawah dari tampilan bagian produk ini terdapat keranjang
belanja yang menerapkan teknologi AJAX. Keranjang belanja tersebut akan berubah informasinya setiap pelanggan meklik tulisan add. Secara default,
keranjang belanja ini bertampilan transaparan dan akan nampak jelas ketika
mouse pointer diarahkan pada keranjang belanja. Keranjang belanja yang dimaksud ditunjukkan oleh tanda panah pada gambar 4.4.
Gambar 4.4 Bagian Keranjang Belanja Apabila pelanggan telah memastikan barang yang akan dibeli dalam
keranjang belanja sudah sesuai dengan keinginannya maka dapat dilanjutkan ke proses transaksi. Apabila pelanggan belum memiliki user maka pelanggan akan
diminta mendaftar terlebih dulu. Setelah mendaftar, pelanggan dapat melanjutkan
proses transaksi dengan diverifikasi data pribadi dan daftar belanjanya. Proses verifikasi ini ditunjukkan pada gambar 4.5.
Gambar 4.5 Proses Verifikasi Transaksi
Setelah pelanggan melakukan proses verifikasi, proses akan dilanjutkan ke proses pembayaran. Proses pembayaran ini dilakukan secara manual dengan
transfer melalui ATM atau internet banking ke rekening yang tertera pada tampilan bagian pembayaran dan selanjutnya pelanggan akan memberikan
informasi kepada administrator aplikasi untuk diubah status transaksinya menjadi lunas. Tampilan bagian pembayaran ditampilkan pada gambar 4.6.
Gambar 4.6 Tampilan Bagian Pembayaran
Pelanggan yang telah mendaftar dapat melihat daftar seluruh transaksi yang pernah dilakukan beserta status pembayarannya. Daftar seluruh transaksi ini
ditunjukkan pada gambar 4.7.
Gambar 4.7 Daftar Transaksi Pelanggan
4.2.3. Tampilan Bagian Pendaftaran