Program Studi Teknik Informatika DPPL – SPP
121 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
4.7 User home
User_home
User’s Menu
Link and Promote Reminder
LOGO
Welcome, user
footer
user wanna ….
Product name Product
Photo Product
Data user
wanna ….
user
Add Friend Edit Setting
My Friendx My Notificationx
My Productx My Messagex
My Place My Appointmentx
Appointment list
a b
Gambar 4.8 Rancangan Antarmuka User Home
Antarmuka Gambar 4.8 merupakan antarmuka awal yang ditampilkan setelah user melakukan login atau apabila
user menekan link “home”. Apabila user melakukan akses ke situs dengan menggunakan perangkat mobile maka akan
tampil antarmuka user home seperti pada gambar b. Apabila akses dilakukan dengan perangkat yang bukan
mobile maka akan tampil antarmuka user home seperti pada gambar a. Pada antarmuka ini ditampilkan semua
product yang dimiliki oleh semua user yang telah berteman dengan user berdasarkan waktu ditambahkan
product tersebut.
Program Studi Teknik Informatika DPPL – SPP
122 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
4.8 Profile
a b
Gambar 4.9 Rancangan Antarmuka Profile
Antarmuka Gambar 4.9 merupakan antarmuka yang menampilkan profil atau data-data pengguna. Apabila
user melakukan akses ke situs dengan menggunakan perangkat mobile maka akan tampil antarmuka profile
seperti pada gambar b. Apabila akses dilakukan dengan perangkat yang bukan mobile maka akan tampil antarmuka
profile seperti pada gambar a. Pada antarmuka ini terdapat tombol Add as Friend yang akan muncul apa bila
user membuka profil dari user lain yang belum berteman dengan user, Send Message yang akan muncul apabila user
membuka profil dari user lain yang sudah berteman dengan user, textbox testimony dan tombol testimony
yang digunakan untuk menambahkan testimony ke halaman profil user, dan testimony-testimony yang telah ada.
Apabila user menekan tombol add as friend, maka permintaan pertemanan akan dikirimkan kepada pemilik
profil tersebut. Apabila user menekan tombol send
Program Studi Teknik Informatika DPPL – SPP
123 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
message, maka akan muncul pop up seperti gambar 4.10 yang digunakan untuk menulis dan mengirimkan pesan
kepada pemilik profil tersebut.
Message_insert
Insert
Send Message :
To : Friend name
Subject :
Gambar 4.10 Rancangan Antarmuka Insert Message
Apabila user menambahkan testimony dengan mengisi textbox dan menekan tombol Add testimony maka testimony
yang ditambahkan user akan dimunculkan di bagian testimony. Testimony-testimony yang ditambahkan dapat
diedit dan didelete oleh user yang menambahkannya dengan cara menekan gambar edit sehingga muncul pop up
seperti pada gambar 4.11. Kemudian user dapat mengedit testimony yang terdapat pada textbox dan menekan tombol
edit sehingga testimony tersebut terupdate.
Testimony_edit Logout
Contact Us Profile
Home
Add your testimony Search user
LOGO
Welcome, user user
MENU PROMOTE
USER DATA Send Message
Add as Friend
TESTIMONY Add Testimony
Testimony
Search User Show All User
User Table
Testimony Edit
Gambar 4.11 Rancangan Antarmuka Edit Testimony
Program Studi Teknik Informatika DPPL – SPP
124 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
Untuk menghapus testimony, user dapat menekan gambar delete yang terdapat di samping testimony.
4.9 Edit Profile