Program Studi Teknik Informatika DPPL – SPP
133 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.18 Product
Product_home Logout
Contact Us Profile
Home Search by Product Name
LOGO
Welcome, user user
Search
Products List
product info Edit
Delete product info
Edit Delete
product info Edit
Delete Add new product
… promote ... … promote ...
… promote ... … promote ...
… promote ... Go to
Showroom Go to
Lounge Edit Profile
Edit Setting Show Friendx
Show Notificationx Show Productx
Show Messagex Show Place
Show Appointmentx
a b
Gambar 4.22 Rancangan Antarmuka Product
Antarmuka Gambar 4.22 merupakan antarmuka yang digunakan untuk menampilkan semua produk yang dimiliki
oleh user. Apabila user melakukan akses ke situs dengan menggunakan perangkat mobile maka akan tampil antarmuka
product seperti
pada gambar
b. Apabila
akses dilakukan dengan perangkat yang bukan mobile maka akan
tampil antarmuka product seperti pada gambar a. Pada antar muka ini user dapat melakukan pencarian produk
berdasarkan nama
produk, penambahan
produk, edit
produk, dan delete produt. Untuk melakukan pencarian produk, user dapat mengetikkan nama produk pada textbox
kemudian menekan tombol search sehingga sistem akan melakukan
pencarian terhadap
produk-produk yang
memiliki nama seperti inputan user dan menampilkan foto dan info produk. Untuk melakukan penambahan produk,
user dapat mengeklik link add new product sehingga akan dihubungkan ke halaman tambah produk. Untuk mengedit
produk dapat dilakukan dengan cara mengeklik link edit
Program Studi Teknik Informatika DPPL – SPP
134 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
product sehingga dihubungkan ke halaman edit produk. Untuk menghapus produk dapat dilakukan dengan cara
mengeklik link delete product sehingga sistem akan menghapus produk dari database.
4.19 Insert Product
a b
Gambar 4.23 Rancangan Antarmuka Insert Product
Antarmuka Gambar 4.23 merupakan antarmuka yang digunakan untuk menambahkan produk yang dimiliki user.
Apabila user
melakukan akses
ke situs
dengan menggunakan perangkat mobile maka akan tampil antarmuka
insert product seperti pada gambar b. Apabila akses dilakukan dengan perangkat yang bukan mobile maka akan
tampil antarmuka insert product seperti pada gambar a. Pada antarmuka ini, user memasukkan data-data yang
diminta kemudian menekan tombol add product. Apabila
Program Studi Teknik Informatika DPPL – SPP
135 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
semua data yang dimasukkan user valid, maka data product akan disimpan di database.
4.20 Edit Product
