Program Studi Teknik Informatika DPPL
– GeoOrders 90 117
Dokumen ini dan informasi yang dimilikinya adalah milik Program Studi Teknik Informatika-UAJY dan bersifat rahasia. Dilarang untuk me-reproduksi dokumen ini tanpa diketahui oleh Program Studi Teknik Informatika
4.4 Pemesanan Barang atau Jasa
Gambar 4.5 Perancangan Antarmuka Lihat Badan Usaha
Antarmuka gambar 4.5 ini adalah rancangan antarmuka untuk melihat daftar badan usaha terdekat. Antarmuka
menampilkan data nama badan usaha berikut slogannya, pilihan kategori badan usaha, dan tab menu “Stores on
Map” untuk melihat lokasi badan usaha dalam sebuah peta. Ketika pengguna memilih tab menu “Stores on Map”
antarmuka yang ditampilkan akan seperti gambar 4.6.
Program Studi Teknik Informatika DPPL
– GeoOrders 91 117
Dokumen ini dan informasi yang dimilikinya adalah milik Program Studi Teknik Informatika-UAJY dan bersifat rahasia. Dilarang untuk me-reproduksi dokumen ini tanpa diketahui oleh Program Studi Teknik Informatika
Gambar 4.6 Perancangan Antarmuka Lihat Badan Usaha dalam Peta
Kontrol peta terdapat pada bagian bawah, di mana pengguna bisa melakukan pergeseran dan perbesaran.
Ketika pengguna melakukan klik pada salah satu poin badan usaha, peta akan menampilkan keterangan badan
usaha tersebut. Sementara ketika pengguna mengklik satu data badan
usaha yang ada yang ada pada daftar badan usaha, antarmuka akan meminta konfirmasi pengguna untuk apakah
pengguna benar-benar ingin melakukan pemesanan jasa jika
badan usaha
yang bersangkutan
berkategori “Services” sedangkan jika badan usaha yang bersangkutan
Program Studi Teknik Informatika DPPL
– GeoOrders 92 117
Dokumen ini dan informasi yang dimilikinya adalah milik Program Studi Teknik Informatika-UAJY dan bersifat rahasia. Dilarang untuk me-reproduksi dokumen ini tanpa diketahui oleh Program Studi Teknik Informatika
berkategori “Food Beverage” antarmuka akan menampilkan
daftar produk
yang tersedia
seperti antarmuka pada gambar 4.7.
Gambar 4.7 Perancangan Antarmuka Lihat Produk
Antarmuka gambar 4.7 akan menampilkan produk-produk yang disediakan oleh badan usaha yang bersangkutan.
Jika user memilih salah satu produk, maka antarmuka akan meminta pengguna untuk memasukan jumlah pemesanan
dari produk yang dipilih. Ketika pengguna menekan tombol menu pada perangkat
mobile, maka menu “Show you Cart” akan ditampilkan. Dengan menu ini, pengguna dapat melihat keranjang
Program Studi Teknik Informatika DPPL
– GeoOrders 93 117
Dokumen ini dan informasi yang dimilikinya adalah milik Program Studi Teknik Informatika-UAJY dan bersifat rahasia. Dilarang untuk me-reproduksi dokumen ini tanpa diketahui oleh Program Studi Teknik Informatika
belanjanya. Antarmuka yang diberikan untuk itu adalah seperti gambar 4.8.
Gambar 4.8 Perancangan Antarmuka Lihat Keranjang Belanja
Selain menampilkan
daftar barang
yang telah
dipilih, antarmuka ini juga menampilkan rincian harga yang harus dibayar oleh pengguna. Pada bagian menu
terdapat menu “Empty Cart” yang digunakan untuk mengosongkan
keranjang belanja,
selain itu
juga terdapat menu “Order Now” yang digunakan untuk
mengirimkan pesanan.
Program Studi Teknik Informatika DPPL
– GeoOrders 94 117
Dokumen ini dan informasi yang dimilikinya adalah milik Program Studi Teknik Informatika-UAJY dan bersifat rahasia. Dilarang untuk me-reproduksi dokumen ini tanpa diketahui oleh Program Studi Teknik Informatika
4.5 Pelacakan pesanan