Login Member. 1. Home. Home merupakan layar yang pertama kali ditampilkan pada saat

Ukuran: px

Mulai penontonan dengan halaman:

Download "Login Member. 1. Home. Home merupakan layar yang pertama kali ditampilkan pada saat"

Harjanti Sudjarwadi
6 tahun lalu
Tontonan:

1 Login Member 1. Home Home merupakan layar yang pertama kali ditampilkan pada saat user mengakses Website PIM Smart-Mall sebagai visitor atau customer. Menu utama terdiri atas beberapa pilihan menu. Setiap pilihan menu memiliki submenu dimana submenu tersebut memiliki fungsi yang berbeda-beda. Beberapa pilihan menu dari Website: 1. Home 2. Product 3. Tenant 4. Order 5. Shopping-Guide 6. Advertisement 7. Edit Profile 8. Change Password 9. Log Out

2 405 Gambar 4.28 Tampilan Layar Home Pada Websie Untuk Customer Member Gambar 4.28 adalah tampilan layar Home Website untuk customer member. Klik menu yang diinginkan, apabila ingin kembali ke halaman sebelumnya, klik menu home. 2. Product Fungsi ini akan memudahkan customer dalam melakukan pencarian produk yang diinginkan.

3 406 Gambar 4.29 (a) Tampilan Layar Product Pada Websie Untuk Customer Member

4 407 Gambar 4.29 (b) Tampilan Layar Product Pada Websie Untuk Customer Member

5 408 Gambar 4.29 (c) Tampilan Layar Product Pada Websie Untuk Customer Member Penjelasan Gambar 4.29 (a, b, c): Gambar 4.29 (a) merupakan halaman untuk menginput kategori produk yang dicari pada textbox dan dropdown box yang tersedia. Jika semua kategori produk sudah diinput, klik tombol save setelah itu produk yang dicari akan muncul pada bagian bawah tombol save seperti pada gambar 4.29 (b) Untuk mengetahui keterangan produk yang lebih lengkap dapat mengklik Product ID sehingga muncul tampilan seperti pada gambar 4.29 (c).

6 Tenant Fungsi ini memudahkan customer dalam mengetahui tenant-tenant apa saja yang terdapat dalam Pondok Indah Mall 2. Gambar 4.30 (a) Tampilan Layar Tenant Pada Websie Untuk Customer Member

7 410 Gambar 4.30 (b) Tampilan Layar Tenant Pada Websie Untuk Customer Member

8 411 Gambar 4.30 (c) Tampilan Layar Tenant Pada Websie Untuk Customer Member Penjelasan Gambar 4.30 (a, b, c): Gambar 4.30 (a) merupakan halaman untuk meng-input kategori produk yang dicari pada textbox dan dropdown box yang tersedia. Jika semua kategori tenant sudah di-input, klik tombol save setelah itu produk yang dicari akan muncul pada bagian bawah tombol save seperti pada gambar 4.30 (b). Untuk mengetahui keterangan tenant yang lebih lengkap dapat meng-klik Tenant ID sehingga muncul tampilan seperti pada gambar 4.30 (c).

412 4. Order Menu ini memudahkan customer dalam melakukan order barang.

9 Order Menu ini memudahkan customer dalam melakukan order barang. Gambar 4.31 (a) Tampilan Layar Order Pada Websie Untuk Customer Member

10 Gambar 4.31 (b) Tampilan Layar Order Pada Websie Untuk Customer Member 413

11 Gambar 4.31 (c) Tampilan Layar Order Pada Websie Untuk Customer Member 414

12 415 Gambar 4.31 (d) Tampilan Layar Order Pada Websie Untuk Customer Member Penjelasan Gambar 4.31 (a, b, c, d): Pada saat customer memilih menu order maka pertama-tama customer akan masuk pada halaman open order (gambar 4.31 (a)), yaitu halaman untuk melihat order apa saja yang dapat dilakukan oleh customer. Sedangkan pada gambar 4.31(b) merupakan halaman history record, yaitu untuk melihat order apa saja yang pernah dilakukan oleh customer. Pada gambar 4.31(c) untuk membuat order baru berdasarkan kategori yang diinput oleh customer dengan cara mengisi text box dan drop-down

13 416 box yang disediakan pada halaman tersebut. Setelah terisi kategori yang diinginkan maka kita dapat meng-klik command button search. Setelah itu maka layar akan berpindah ke halaman berikutnya seperti pada gambar 4.31(d).Setelah data produk yang dicari sudah muncul di bagian bawah layer maka customer dapat melakukan order dangan cara mengklik tulisan order di pojok kanan bawah. 5. Shopping-guide Menu ini memudahkan customer dalam mengingat jenis produk yang akan dibeli, karena fungsinya hampir sama dengan reminder.

14 417 Gambar 4.32 (a) Tampilan Layar Shopping-Guide Pada Websie Untuk Customer Member Gambar 4.32 (b) Tampilan Layar Shopping-Guide Pada Websie Untuk Customer Member

15 418 Gambar 4.32 (c) Tampilan Layar Shopping-Guide Pada Websie Untuk Customer Member

16 419 Gambar 4.32 (d) Tampilan Layar Shopping-Guide Pada Websie Untuk Customer Member Penjelasan Gambar 4.32 (a, b, c, d): Pertama-tama setelah customer memilih menu Shopping Guide seperti tampak pada gambar 4.32(a), maka customer akan masuk kedalam submenu open Shopping Guide dan terlihat daftar shopping guide telah dibuat. Untuk membuat daftar Shopping Guide yang baru seperti tampak pada gambar 4.32(b), user harus memilih menu New Shopping Guide, kemudian masuk ke halaman pencarian barang.

17 420 Di halaman ini user harus mengisi kriteria pencarian produk seperti tampak pada gambar 4.32(c), kemudian setelah tombol Search ditekan maka akan muncul daftar produk yang sesuai dengan kriteria produk. Dan di kolom sebelah kanan terdapat pilihan hyperlink Add To Shopping Guide, untuk kemudian ditambahkan ke dalam open Shopping Guide. 6. Advertisement Gambar 4.33 (a) Tampilan Layar Advertisement Pada Websie Untuk Customer Member

18 421 Gambar 4.33 (b) Tampilan Layar Advertisement Pada Websie Untuk Customer Member

19 422 Gambar 4.33(c) Tampilan Layar Advertisement Pada Websie Untuk Customer Member Penjelasan Gambar 4.33 (a, b, c): Pada menu advertisement, customer dapat mencari iklan-iklan yang ditampilkan pada setiap tenant. Pada waktu masuk menu advertisement, maka tenant dapat mengisi kategori tentang iklan yang ingin dicari seperti jenis barang, tipe iklan dan keyword. Setelah meng-input kategori yang diinginkan, customer dapat mengklik tombol search untuk mulai mencari atau tombol clear untuk mengganti kategori, seperti pada gambar 4.33 (a).

20 423 Setelah menekan tombol clear maka akan muncul jenis iklan yang terletak di bawah command button search, seperti terlihat pada gambar 4.33 (b). Jika customer ingin melihat keterangan lebih lanjut mengenai iklan tersebut maka dapat mengklik tulisan advertisement id sehingga akan pindah ke halaman seperti pada gambar 4.33 (c). 7. Change Password Menu ini digunakan untuk mengganti password customer dari password lama ke password baru. Gambar 4.34 Tampilan Layar Change Password Untuk Customer Member

21 424 Penjelasan Gambar 4.34: Untuk mengganti password, pertama-tama masukkan field pada Current Password (password lama). Pada field New Password, masukkan password yang akan diganti. Tuliskan sekali lagi pada field Reconfirm New Password untuk memastikan kebenaran password yang telah diganti. Tekan tombol save apabila sudah selesai mengganti password. Tekan tombol clear untuk menghapus password yang salah. Tekan tombol cancel untuk membatalkan mengganti password. 8. Log Out menu home. Menu ini digunakan untuk mengakhiri transaksi dan akan kembali ke Login Tenant 1. Home Home pada login tampilan tenant merupakan layar yang pertama kali ditampilkan pada saat user mengakses PIM Smart-Mall sebagai visitor atau customer. Menu utama terdiri atas beberapa pilihan menu. Setiap pilihan menu memiliki submenu dimana submenu tersebut memiliki fungsi yang berbedda-beda. Beberapa pilihan menu dari PDA: 1. Home

22 Product 3. Tenant 4. Receive Order 5.Messages 6. Customer Historical Record 7.Set 8. Advertisement 9.Change Password 10. Log Out

23 426 Gambar 4.35 Tampilan Layar Home Pada Website Saat Login Sebagai Tenant 2. Product Menu ini memudahkan tenant dalam melakukan pencarian produk yang diinginkan.

24 427 Gambar 4.36 (a) Tampilan Layar Product Pada Website Saat Login Sebagai Tenant

25 428 Gambar 4.36 (b)tampilan Layar Product Pada Website Saat Login Sebagai Tenant

dokumen-dokumen yang mirip

BAB 4 IMPLEMENTASI DAN EVALUASI. yang harus dilakukan user dalam menggunakan sistem Smart-Mall melalui PDA.

344 BAB 4 IMPLEMENTASI DAN EVALUASI 4.1 Implementasi 4.1.1 Pengoperasian Layar PDA Dibawah ini merupakan penjelasan mengenai tata cara langkah-langkah yang harus dilakukan user dalam menggunakan sistem