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 gadget, 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. Pada bagian bawah gambar masing-masing produk terdapat tiga icon yang memiliki
fungsi berbeda. Gambar 4.3 memperlihatkan salah satu gambar produk dengan tiga icon di bawahnya.
Gambar 4.3 Tampilan Salah Satu Produk
a b
c
Fungsi masing-masing icon adalah sebagai berikut: a.
Berfungsi untuk menampilkan informasi detil produk. b.
Berfungsi untuk menambahkan produk pada keranjang belanja. c.
Berfungsi untuk menambahkan produk pada daftar komparasi produk.
Apabila icon a di-klik maka informasi detil produk akan ditampilkan pada halaman baru seperti yang ditunjukkan gambar 4.4. Pada halaman informasi
detil produk, terdapat dua tombol yaitu tombol Kembali dan Shopping Cart. Tombol Kembali
berfungsi untuk kembali pada tampilan Bagian Produk, sementara tombol Shopping Cart
untuk menambahkan produk yang ditampilkan informasinya dalam keranjang belanja.
Gambar 4.4 Tampilan Informasi Detil Produk
Untuk icon b jika di-klik akan menambahkan produk pada keranjang belanja di sudut kiri atas halaman aplikasi. Jika icon c di-klik akan memasukkan
produk pada daftar komparasi produk yang ditampilkan di sudut kanan atas halaman aplikasi. Gambar 4.5 menunjukkan hasil dari klik icon b dan c.
Gambar 4.5 Hasil Klik Icon b dan c
Apabila gambar keranjang belanja di-klik maka akan menampilkan isi keranjang belanja seperti tampilan pada gambar 4.6 berikut.
Gambar 4.6 Tampilan Isi Keranjang Belanja
Dalam tampilan isi keranjang belanja terdapat tombol minus berwarna oranye
yang berfungsi untuk mengurangi produk dari keranjang belanja. Selain tombol minus berwarna oranye, juga terdapat tiga tombol lain yaitu
Kembali , Buy Now
dan Clear Shopping Cart .
Tombol Kembali berfungsi untuk kembali pada tampilan sebelumnya yaitu tampilan katalog produk. Tombol Buy Now untuk melanjutkan transaksi pada
transaksi pembelian produk jika sudah login sebagai anggota dan apabila belum menjadi anggota maka pengunjung akan diminta untuk mendaftar dan login
terlebih dulu. Tombol Clear Shopping Cart difungsikan untuk menghapus seluruh daftar produk dalam keranjang belanja.
Apabila pelanggan telah melihat daftar produk dalam keranjang belanja dan melanjutkan transaksi maka pengunjung akan ditampilkan daftar produk
pilihan beserta nilai transaksi pengunjung. Tampilan transaksi pengunjung seperti pada gambar 4.7. Selanjutnya pelanggan menekan tombol Buy Now apabila daftar
produk pilihan dan nilai transaksi telah sesuai. Tampilan berikutnya akan menampilkan informasi bahwa transaksi pelanggan telah disimpan dan pelanggan
akan diarahkan untuk konfirmasi pembayaran melalui pesan singkat Short Messaging ServiceSMS. Informasi transaksi pelanggan telah tersimpan
ditunjukkan pada gambar 4.8.
Gambar 4.7 Tampilan Transaksi Pengunjung
Gambar 4.7 menampilkan halaman transaksi pada aplikasi Sistem Pendukung Keputusan Pembelian Gadget Elektronik menggunkan Metode AHP
dan menerapkan Teknologi AJAX
Gambar 4.8 Informasi Penyimpanan Transaksi
Pelanggan yang telah mendaftar dapat melihat daftar seluruh transaksi yang pernah dilakukan beserta status pembayarannya. Daftar seluruh transaksi ini
ditunjukkan pada gambar 4.9.
Gambar 4.9 Daftar Transaksi Pelanggan
4.2.3. Tampilan Bagian Pendaftaran
Kategori