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 Smart-Mall melalui PDA.
4.1.1.1 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
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.
346
Gambar 4.2 (a) Tampilan Layar Product Pada PDA Untuk Customer Non-Member
Gambar 4.2 (b) Tampilan Layar Product Pada PDA Untuk Customer Non-Member
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 meng- klik Product ID sehingga muncul tampilan seperti pada gambar 4.2 (c).
3. Tenant
Fungsi ini memudahkan customer dalam mengetahui tenant- tenant apa saja yang terdapat dalam Pondok Indah Mall 2.
Gambar 4.3 (a) Tampilan Layar Tenant Pada PDA Untuk Customer Non- Member
350
Gambar 4.3 (b) Tampilan Layar Tenant Pada PDA Untuk Customer Non-Member
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).
352
4. 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.
• 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:
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.
4.1.1.2 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
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.
356
2. Product
Fungsi ini akan memudahkan customer dalam melakukan pencarian produk yang diinginkan.
Gambar 4.7 (a)Tampilan Layar Product Pada PDA untuk Customer Member
Gambar 4.7 (b)Tampilan Layar Product Pada PDA untuk Customer Member
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 meng- klik Product ID sehingga muncul tampilan seperti pada gambar 4.7 (c).
3. 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
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
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.
362
Gambar 4.9 (a) Tampilan Layar Order Pada PDA untuk Customer Member
Gambar 4.9 (b)Tampilan Layar Order Pada PDA untuk Customer Member
364
Gambar 4.9 (c) Tampilan Layar Order Pada PDA untuk Customer Member
Gambar 4.9 (d)Tampilan Layar Order Pada PDA Untuk Customer Member
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.
5. 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
368
Gambar 4.10 (b) Tampilan Layar Shopping-Guide Pada PDA Untuk Customer Member
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.
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
Gambar 4.11 (b) Tampilan Layar Advertisement Pada PDA untuk Customer Member
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).
• 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
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
4.1.1.3 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 2. Product 3. Tenant
4. Receive Order 5. Messages
6. Customer Historical Record 7. Set
8. Advertisement 9. Change Password 10. Logout
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
Gambar 4.15 (b) Tampilan Layar Product Pada PDA Saat Login Sebagai Tenant
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 meng- klik Product ID sehingga muncul tampilan seperti pada gambar 4.15 (c).
3. 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
380
Gambar 4.16 (b) Tampilan Layar Tenant Pada PDA Saat Login Sebagai Tenant
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)
382
4. Receive order
Menu ini digunakan oleh tenant untuk menerima order dari customer.
Gambar 4.17 (a)Tampilan Layar Receive Order Pada PDA Saat Login Sebagai Tenant
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.
384
5. 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
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 e-mail baru maka tenant dapat meilih menu new messages, seperti yang terlihat pada gambar 4.18 (b).
386
6. Customer Historical Record
Menu ini digunakan untuk meng-input data customer historcal record.
Gambar 4.19 Tampilan Layar Customer Historical Record Pada PDA Saat Login Sebagai Tenant
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.
388
6. Set
Set ini digunakan untuk mengeset data tenant atau mengatur discount
Gambar 4.20 (a) Tampilan Layar Set Pada PDA Saat Login Sebagai Tenant
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.
390
8. Advertisement
Menu ini digunakan untuk menampilkan iklan produk tenant.
Gambar 4.21 (a) Tampilan Layar Advertisement Pada PDA Saat Login Sebagai Tenant
Gambar 4.21 (b)Tampilan Layar Advertisement Pada PDA Saat Login Sebagai Tenant
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).
• 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
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.
4.1.2 Pengoperasian Pada Website 4.1.2.1 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
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.
396
Gambar 4.24 (a) Tampilan Layar Search Product Pada Website Untuk Customer Non-Member
Gambar 4.24 (b) Tampilan Layar Search Product Pada Website Untuk Customer Non-Member
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 meng- klik Product ID sehingga muncul tampilan seperti pada gambar 4.24 (c).
3. 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
400
Gambar 4.25 (b) Tampilan Layar Tenant Pada Website Untuk Customer Non-Member
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).
402
5. 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.
• 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.
