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
a b
Gambar 4.31 Rancangan Antarmuka Insert Place
Antarmuka Gambar 4.31 merupakan antarmuka yang digunakan untuk menambahkan tempat yang dimiliki user.
Apabila user
melakukan akses
ke situs
dengan menggunakan perangkat mobile maka akan tampil antarmuka
insert place seperti pada gambar b. Apabila akses dilakukan dengan perangkat yang bukan mobile maka akan
tampil antarmuka insert place seperti pada gambar a. Untuk menginputkan longitude dan latitude pada tampilan
web, user dapat mengarahkan point pada google map ke tempat yang ingin ditambahkan, sedangkan untuk tampilan
mobile, user dapat mengeklik google map pada bagian
Program Studi Teknik Informatika DPPL – SPP
144 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
yang ingin ditambahkan. Kemudian user dapat mengisikan judul tempat dan deskripsi tempat di textbox dan
textarea, setelah itu menekan tombol add place untuk meminta sistem menyimpan data tempat tersebut. Apabila
data valid maka sistem akan menyimpan data tempat tersebut ke database.
4.27 List Message
a b
Gambar 4.32 Rancangan Antarmuka List Message
Antarmuka Gambar 4.32 merupakan antarmuka yang digunakan untuk menampilkan semua pesan yang dimiliki
oleh user. Apabila user melakukan akses ke situs dengan menggunakan perangkat mobile maka akan tampil antarmuka
list message seperti pada gambar b. Apabila akses dilakukan dengan perangkat yang bukan mobile maka akan
tampil antarmuka list message seperti pada gambar a. Pada
antarmuka ini
terdapat fungsi
search yang
digunakan untuk mencari pesan berdasarkan subject. Untuk melakukan pencarian pesan dapat dilakukan dengan
cara mengetikkan subjek dari pesan yang di cari pada textbox, kemudian menekan tombol search. Setelah itu
sistem akan mencari pesan yang memiliki subject yang
Program Studi Teknik Informatika DPPL – SPP
145 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
mengandung inputan dari user dan menampilkannya dalam bentuk foto profil user yang berkirim-kiriman pesan
dengan user serta informasi pesan.
4.28 Detail Message
