Program Studi Teknik Informatika DPPL – SPP
141 152
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
telah berteman dengan user. Apabila user melakukan akses ke situs dengan menggunakan perangkat mobile maka
akan tampil antarmuka showroom seperti pada gambar b. Apabila akses dilakukan dengan perangkat yang bukan
mobile maka akan tampil antarmuka showroom seperti pada gambar a. Pada Showroom di tampilan web, produk yang
ditampilkan dipisahkan berdasarkan statusnya yaitu sebelah kiri merupakan produk yang ingin dijual dan
sebelah kanan merupakan produk yang ingin dibeli user. Pada bagian sebelah kiri merupakan bagian search yang
memiliki textbox,
combobox, dan
check box
untuk memasukkan data produk yang ingin dicari. Sedangkan
pada tampilan mobile, produk yang ingin dijual berada di bagian atas dan produk yang ingin dibeli user berada
di bagian atas. Pada bagian atas sebelum tampilan produk merupakan bagian search. Untuk mencari produk,
user dapat mengisikan data produk pada bagian search kemudian menekan tombol search. Untuk menghapus semua
data yang terisi dapat digunakan tombol clear all.
4.24 Insert Promote
a b
Gambar 4.29 Rancangan Antarmuka Promote
Program Studi Teknik Informatika DPPL – SPP
142 152
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
Antarmuka Gambar
4.29 merupakan
pop up
yang digunakan untuk menambahkan promote. Apabila user
melakukan akses ke situs dengan menggunakan perangkat mobile maka akan tampil antarmuka insert promote
seperti pada gambar b. Apabila akses dilakukan dengan perangkat yang bukan mobile maka akan tampil antarmuka
insert promote
seperti pada
gambar a.
Untuk menambahkan promote, dilakukan dengan cara mengetikkan
text promote dan menekan tombol Send.
4.25 Place
Place_home
Logout Contact Us
Profile Home
LOGO
Welcome, user user
Place list
GOOGLE MAP
Add Place Place name
Place name … promote ...
… promote ... … promote ...
… promote ... … promote ...
Edit Profile Edit Setting
Show Friendx Show Notificationx
Show Productx Show Messagex
Show Place Show Appointmentx
a b
Gambar 4.30 Rancangan Antarmuka Place
Antarmuka Gambar 4.30 merupakan antarmuka untuk menampilkan tempat yang dimiliki oleh user. Apabila
user melakukan akses ke situs dengan menggunakan perangkat mobile maka akan tampil antarmuka place
seperti pada gambar b. Apabila akses dilakukan dengan perangkat yang bukan mobile maka akan tampil antarmuka
place seperti pada gambar a. Pada antar muka ini, user dapat melihat tempat yang dimiliki di bagian
google map, menambahkan tempat, atau menghapus tempat. Untuk melihat tempat yang dimiliki, user dapat menekan
Program Studi Teknik Informatika DPPL – SPP
143 152
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
link Place name sehingga pusat google map akan diarahkan
pada lokasi
tempat itu
berada. Untuk
menambahkan tempat, user dapat menekan link Add Place sehingga akan dihubungkan ke halaman insert place.
Untuk menghapus tempat, user dapat menekan gambar hapus yang terdapat di sebelah kiri Place name yang ingin
dihapus.
4.26 Insert Place