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

Transkripsi

1 344 BAB 4 IMPLEMENTASI DAN EVALUASI 4.1 Implementasi Pengoperasian Layar PDA Dibawah ini merupakan penjelasan mengenai tata cara langkah-langkah yang harus dilakukan user dalam menggunakan sistem Smart-Mall melalui PDA Login non-member 1. Home Home merupakan layar yang pertama kali ditampilkan pada saat user mengakses PIM Smart-Mall. 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 2. Product 3. Tenant 4. Login 5. Register

2 345 Gambar 4.1 Tampilan Layar Home Pada PDA Untuk Customer Non-Member Penjelasan Gambar 4.1: Gambar 4.1 adalah tampilan layar Home PDA untuk customer non 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 Gambar 4.2 (a) Tampilan Layar Product Pada PDA Untuk Customer Non-Member 346

4 Gambar 4.2 (b) Tampilan Layar Product Pada PDA Untuk Customer Non-Member 347

5 348 Gambar 4.2 (c) Tampilan Layar Product Pada PDA Untuk Customer Non-Member Penjelasan Gambar 4.2 (a, b, c): Gambar 4.2 (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.2 (b). Untuk mengetahui keterangan produk yang lebih lengkap dapat mengklik Product ID sehingga muncul tampilan seperti pada gambar 4.2 (c).

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

7 350 Gambar 4.3 (b) Tampilan Layar Tenant Pada PDA Untuk Customer Non-Member

8 351 Gambar 4.3 (c) Tampilan Layar Tenant Pada PDA Untuk Customer Non- Member Penjelasan Gambar 4.3 (a, b, c): Gambar 4.3 (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.3 (b). Untuk mengetahui keterangan tenant yang lebih lengkap dapat meng-klik Tenant ID sehingga muncul tampilan seperti pada gambar 4.3 (c).

9 Login Menu ini digunakan customer atau tenant untuk login. Gambar 4.4 Tampilan Layar Login Pada PDA Untuk Customer Non- Member Penjelasan Gambar 4.4: Pertama-tama customer / tenant harus mengisi User ID dan Password pada textbox yang tersedia. Radio Button visitor diisi oleh customer, sedangkan radio button tenant diisi oleh pemilik toko.

10 353 Bagi customer yang belum memiliki User ID dan Password dapat membuat dengan meng-klik New User atau masuk ke menu register. 5. Register Menu ini digunakan untuk registrasi customer baru Gambar 4.5 Tampilan Layar Register Pada PDA Untuk Customer Non- Member Penjelasan Gambar 4.5:

11 354 Untuk melakukan registrasi, customer harus mengisi identitas pribadi seperti: name, nick name, address, home phone, dan lain-lain. Sedangkan user ID akan terisi secara otomatis jika kita mengklik tombol register Login Member 1. Home Home 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 berbeda-beda. Beberapa pilihan menu dari PDA: 1. Home 2. Product 3. Tenant 4. Order 5. Shopping-Guide 6. Advertisement 7. Edit Profile 8. Change Password 9. Log Out

12 355 Gambar 4.6 Tampilan Layar Home Pada PDA Untuk Customer Member Penjelasan Gambar 4.6: Gambar 4.6 adalah tampilan layar Home Mobile Phone untuk customer member. Klik menu yang diinginkan, apabila ingin kembali ke halaman sebelumnya, klik menu home.

13 Product Fungsi ini akan memudahkan customer dalam melakukan pencarian produk yang diinginkan. Gambar 4.7 (a)tampilan Layar Product Pada PDA untuk Customer Member

14 Gambar 4.7 (b)tampilan Layar Product Pada PDA untuk Customer Member 357

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

16 Tenant Fungsi ini memudahkan customer dalam mengetahui tenant-tenant apa saja yang terdapat dalam Pondok Indah Mall 2. Gambar 4.8 (a) Tampilan Layar Tenant Pada PDA untuk Customer Member

17 360 Gambar 4.8 (b)tampilan Layar Tenant Pada PDA untuk Customer Member Gambar 4.8 (c)tampilan Layar Tenant Pada PDA untuk Customer Member

18 361 Penjelasan Gambar 4.8 (a, b, c): Gambar 4.8 (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 search setelah itu produk yang dicari akan muncul pada bagian bawah tombol save seperti pada gambar 4.8 (b). Untuk mengetahui keterangan tenant yang lebih lengkap dapat meng-klik Tenant ID sehingga muncul tampilan seperti pada gambar 4.8 (c). 4. Order Menu ini memudahkan customer dalam melakukan order barang.

19 Gambar 4.9 (a) Tampilan Layar Order Pada PDA untuk Customer Member 362

20 Gambar 4.9 (b)tampilan Layar Order Pada PDA untuk Customer Member 363

21 Gambar 4.9 (c) Tampilan Layar Order Pada PDA untuk Customer Member 364

22 Gambar 4.9 (d)tampilan Layar Order Pada PDA Untuk Customer Member 365

23 366 Penjelasan Gambar 4.9 (a, b, c, d): Pada saat customer memilih menu order maka pertama-tama customer akan masuk pada halaman open order (gambar 4.9 (a)), yaitu halaman untuk melihat order apa saja yang dapat dilakukan oleh customer. Sedangkan pada gambar 4.9(b) merupakan halaman history record, yaitu untuk melihat order apa saja yang pernah dilakukan oleh customer. Pada gambar 4.9(c) untuk membuat order baru berdasarkan kategori yang diinput oleh customer dengan cara mengisi text box dan drop-down 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.9(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.

24 Shopping-guide Menu ini memudahkan customer dalam mengingat jenis produk yang akan dibeli, karena fungsinya hampir sama dengan reminder. Gambar 4.10 (a) Tampilan Layar Shopping-Guide Pada PDA Untuk Customer Member

25 368 Gambar 4.10 (b) Tampilan Layar Shopping-Guide Pada PDA Untuk Customer Member

26 369 Gambar 4.10 (c) Tampilan Layar Shopping-Guide Pada PDA Untuk Customer Member Penjelasan Gambar 4.10 (a, b, c): Pertama-tama setelah customer memilih menu Shopping Guide seperti tampak pada gambar 4.10 (a), maka customer akan masuk kedalam submenu open Shopping Guide dan terlihat daftar shopping guide telah dibuat.

27 370 Untuk membuat daftar Shopping Guide yang baru seperti tampak pada gambar 4.10 (b), user harus memilih menu New Shopping Guide, kemudian masuk ke halaman pencarian barang. Di halaman ini user harus mengisi kriteria pencarian produk seperti tampak pada gambar 4.10 (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.11 (a) Tampilan Layar Advertisement Pada PDA untuk Customer Member

28 371 Gambar 4.11 (b) Tampilan Layar Advertisement Pada PDA untuk Customer Member

29 372 Gambar 4.11 (c)tampilan Layar Advertisement untuk Customer Member Penjelasan Gambar 4.11 (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.11 (a). Setelah menekan tombol clear maka akan muncul jenis iklan yang terletak di bawah command button search, seperti terlihat pada gambar 4.11 (b).

30 373 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.11 (c). 7. Change Password Menu ini digunakan untuk mengganti password customer dari password lama ke password baru. Gambar 4.12 Tampilan Layar Change Password Pada PDA untuk Customer Member

31 374 Penjelasan Gambar 4.12: 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 ini digunakan untuk mengakhiri transaksi dan akan kembali ke menu home 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.

32 375 Beberapa pilihan menu dari PDA: 1. Home 2. Product 3. Tenant 4. Receive Order 5. Messages 6. Customer Historical Record 7. Set 8. Advertisement 9. Change Password 10. Logout

33 376 Gambar 4.14 Tampilan Layar Home Pada PDA Saat Login Sebagai Tenant 2. Product Menu ini memudahkan tenant dalam melakukan pencarian produk yang diinginkan. Gambar 4.15 (a) Tampilan Layar Product Pada PDA Saat Login Sebagai Tenant

34 Gambar 4.15 (b) Tampilan Layar Product Pada PDA Saat Login Sebagai Tenant 377

35 378 Gambar 4.15 (c) Tampilan Layar Product Pada PDA Saat Login Sebagai Tenant Penjelasan Gambar 4.15 (a, b,c): Gambar 4.15 (a) merupakan halaman untuk meng-input kategori produk yang dicari pada textbox dan dropdown box yang tersedia. Jika semua kategori produk sudah di-input, klik tombol save setelah itu produk yang dicari akan muncul pada bagian bawah tombol save seperti pada gambar 4.15 (b). Untuk mengetahui keterangan produk yang lebih lengkap dapat mengklik Product ID sehingga muncul tampilan seperti pada gambar 4.15 (c).

36 Tenant Fungsi ini memudahkan tenant dalam mengetahui tenant-tenant apa saja yang terdapat dalam Pondok Indah Mall 2 Gambar 4.16 (a) Tampilan Layar Tenant Pada PDA Saat Login Sebagai Tenant

37 Gambar 4.16 (b) Tampilan Layar Tenant Pada PDA Saat Login Sebagai Tenant 380

38 381 Gambar 4.16 (c)tampilan Layar Tenant Pada PDA Saat Login Sebagai Tenant Penjelasan Gambar 4.16 (a, b, c): Gambar 4.16 (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.16 (b). Untuk mengetahui keterangan tenant yang lebih lengkap dapat meng-klik Tenant ID sehingga muncul tampilan seperti pada gambar 4.16(c)

39 Receive order customer. Menu ini digunakan oleh tenant untuk menerima order dari Gambar 4.17 (a)tampilan Layar Receive Order Pada PDA Saat Login Sebagai Tenant

40 383 Gambar 4.17 (b) Tampilan Layar Receive Order Pada PDA Saat Login Sebagai Tenant Penjelasan Gambar 4.17 (a, b): Pada saat memilih menu receive order maka tenant langsung masuk pada halaman open order seperti pada gambar 4.17 (a), dimana tenant dapat melihat order apa saja yang dipesan kepada tenant tersebut. Jika tenant memilih close order maka order tersebut akan disimpan di halaman history seperti pada gambar 4.17 (b), jika tenant memilih reject order maka order tersebut akan dihapus.

41 Messages Menu Messages digunakan untuk mengirimkan pesan dan menerima pesan dari building management untuk tenant. Gambar 4.18 (a) Tampilan Layar Message Pada PDA Saat Login Sebagai Tenant

42 385 Gambar 4.18 (b) Tampilan Layar Message Pada PDA Saat Login Sebagai Tenant Penjelasan Gambar 4.18 (a, b): Saat tenant memilih menu messages, maka akan langsung masuk ke halaman inbox, seperti pada gambar 4.18 (a), tenant dapat memilih menu move untuk mengirimkan messages tersebut ke trash atau langsung di delete untuk menghapus messages tersebut. Menu close digunakan jika kita ingin keluar dari menu messages, dan menu previous serta menu next untuk memilih messages apa saja yang ingin dibaca. Jika kita ingin mengirim baru maka tenant dapat meilih menu new messages, seperti yang terlihat pada gambar 4.18 (b).

43 Customer Historical Record historcal record. Menu ini digunakan untuk meng-input data customer Gambar 4.19 Tampilan Layar Customer Historical Record Pada PDA Saat Login Sebagai Tenant

44 387 Penjelasan Gambar 4.19: Tenant dapat meng-input data order atau pesanan dari customer, setelah itu menekan command button save untuk menyimpan, atau clear untuk menghapus semua data yang diisi di kolom yang disediakan dan tombol cancel untuk keluar dari menu Customer Historical Record.

45 Set discount Set ini digunakan untuk mengeset data tenant atau mengatur Gambar 4.20 (a) Tampilan Layar Set Pada PDA Saat Login Sebagai Tenant

46 389 Gambar 4.20 (b) Tampilan Layar Set Pada PDA Saat Login Sebagai Tenant Penjelasan Gambar 4.20 (a, b): Menu pada gambar 4.20 (a) dapat digunakan oleh tenant untuk mengatur pemberian diskon pada customer tertentu. Menu pada gambar 4.20 (b) digunakan untuk mengedit profile tenant, dalam menu ini tenant juga dapat mengisi promosi atau keterangan tentang tenant tersebut dalam box overview.

47 Advertisement Menu ini digunakan untuk menampilkan iklan produk tenant. Gambar 4.21 (a) Tampilan Layar Advertisement Pada PDA Saat Login Sebagai Tenant

48 391 Gambar 4.21 (b)tampilan Layar Advertisement Pada PDA Saat Login Sebagai Tenant

49 392 Gambar 4.21 (c) Tampilan Layar Advertisement Pada PDA Saat Login Sebagai Tenant Penjelasan Gambar 4.21 (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 menginput kategori yang diinginkan customer dapat mengklik tombol search untuk mulai mencari atau tombol clear untuk mengganti kategori seperti pada gambar 4.21 (a).

50 393 Setelah menekan tombol clear maka akan muncul jenis iklan yang terletak di bawah command button search, seperti terlihat pada gambar 4.21 (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.21 (c). 9. Change Password Menu ini digunakan untuk mengganti password customer dari password lama ke password baru Gambar 4.22 Tampilan Layar Change Password Pada PDA Saat Login Sebagai Tenant

51 394 Penjelasan Gambar 4.22: 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 Pengoperasian Pada Website Login Non-Member 1. Home Home merupakan layar yang pertama kali ditampilkan pada saat user mengakses Website PIM Smart-Mall. 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. Login 5. Register

52 395 Gambar 4.23 Tampilan Layar Home Pada Website Untuk Customer Non-Member Gambar 4.23 adalah tampilan layar Home pada 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.

53 396 Gambar 4.24 (a) Tampilan Layar Search Product Pada Website Untuk Customer Non-Member

54 397 Gambar 4.24 (b) Tampilan Layar Search Product Pada Website Untuk Customer Non-Member

55 398 Gambar 4.24 (c) Tampilan Layar Search Product Pada Website Untuk Customer Non-Member Penjelasan Gambar 4.24 (a, b, c): Gambar 4.24 (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 sepert pada gambar 4.24 (b) Untuk mengetahui keterangan produk yang lebih lengkap dapat mengklik Product ID sehingga muncul tampilan seperti pada gambar 4.24 (c).

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

57 400 Gambar 4.25 (b) Tampilan Layar Tenant Pada Website Untuk Customer Non-Member

58 401 Gambar 4.25 (c) Tampilan Layar Tenant Pada Website Untuk Customer Non-Member Penjelasan Gambar 4.25 (a, b,c): Gambar 4.25 (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.25 (b). Untuk mengetahui keterangan tenant yang lebih lengkap dapat meng-klik Tenant ID sehingga muncul tampilan seperti pada gambar 4.25 (c).

59 Login Menu ini digunakan customer atau tenant untuk login. Gambar 4.26 Tampilan Layar Login Pada Website Untuk Customer Non-Member Penjelasan Gambar 4.26: Pertama-tama customer / tenant harus mengisi User ID dan Password pada textbox yang tersedia. Radio Button visitor diisi oleh customer, sedangkan radio button tenant diisi oleh pemilik toko.

60 403 Bagi customer yang belum memiliki User ID dan Password dapat membuat dengan meng-klik New User atau masuk ke menu register. 5. Register Menu ini digunakan untuk registrasi customer baru. Gambar 4.27 Tampilan Layar Register Pada Website Untuk Customer Non- Member Penjelasan Gambar 4.27: Untuk melakukan registrasi, customer harus mengisi identitas pribadi seperti: name, nick name, address, home phone, dan lain-lain. Sedangkan user ID akan terisi secara otomatis jika kita mengklik tombol register.