1. Pendahuluan BateeqShop Android merupakan aplikasi berbasis mobile yang memiliki fungsi utama untuk melakukan pemesanan secara online. Aplikasi ini hanya dapat digunakan oleh pengguna Android. Secara garis besar, pengguna dapat melakukan login, memilih kategori produk, memasukkan produk ke dalam shopping cart, serta melakukan konfirmasi pemesanan dan pembayaran. Fitur pada aplikasi ini menyerupai fitur yang ada pada website. Namun, terdapat fitur tambahan pada aplikasi ini, yaitu fitur Whatsapp pada halaman metode pembayaran di mana pengguna dapat langsung bertanya dan melakukan pemesanan kepada Admin Bateeq, halaman lacak pesanan di mana pengguna dapat langsung bertanya kepada Admin Bateeq mengenai status pesanan, serta integrasi dengan Loyalti. Pengguna juga dapat mengubah bahasa dan mata uang pada aplikasi ini. Bahasa yang disediakan adalah Bahasa Indonesia dan bahasa Inggris dan mata uang yang disediakan adalah IDR dan USD.
2. Modul BateeqShop Android Modul yang ada pada aplikasi BateeqShop Android adalah: Modul / Fitur Aktivitas / Fungsi Daftar Mengisi nama depan, nama belakang, email, password, dan nomor telepon Login Mengisi email dan password Lupa Password Mengisi password baru dari link yang diberikan di email Mengubah profil User seperti nama depan, nama belakang, email, nomor Ubah Profil telepon, dan alamat pengiriman Ubah Password Mengubah password lama menjadi password baru Lacak Pesanan Memilih pesanan yang ingin dilacak Dashboard Halaman utama aplikasi Katalog Melihat daftar produk di kategori yang dipilih Produk dan Detil Melihat gambar produk dan detil produk Produk Add to Wishlist Memilih produk lalu tambahkan ke dalam wishlist Add to Cart Memilih produk lalu tambahkan ke dalam shopping cart Checkout Melanjutkan konfirmasi produk dan pembayaran Ubah Bahasa / Mengubah bahasa (Indonesia dan Inggris) atau mata uang (IDR dan USD) Mata Uang Integrasi dengan Memperoleh promo diskon dari Loyalti untuk produk tertentu Loyalti
Informasi Penting
Aplikasi ini hanya dapat di-install di Android. Sebelum melakukan pemesanan, tolong simpan nomor Customer Service Bateeq (0821377392222) di kontak phone masing-masing. Saat melakukan konfirmasi pemesanan dan masuk ke halaman Veritrans (lihat modul Checkout), tolong tekan button ‘Back’ dari handphone.
1
3. User Manual 3.1.
Daftar 1. Halaman ini digunakan supaya User memiliki akun Bateeq dengan mengisi informasi yang diperlukan. 2. Halaman ini dapat diakses dari halaman Login. 3. Untuk melakukan daftar, User perlu melakukan beberapa hal berikut: a. User menekan tombol ‘Register’ di halaman Login. b. User mengisi informasi yang diperlukan, seperti nama depan, nama belakang, email, password, dan nomor telepon. Berikut tampilan halaman Daftar:
Keterangan: Di kolom password terdapat gambar mata sebagai fitur untuk melihat isi password yang diketik. Semua kolom pada halaman ini wajib diisi, kecuali nama belakang. Jika ada kolom yang belum diisi, maka pesan 'Please fill your [Nama Kolom]' akan muncul seperti contoh di bawah ini:
2
Halaman ini memiliki tombol login dengan facebook dan login via email.
c. User menekan tombol 'Register'. Setelah berhasil daftar, User akan dialihkan ke halaman Account Settings.
3.2.
Login 1. Halaman ini digunakan oleh User untuk masuk ke halaman Bateeq dengan mengisi email dan password. 2. Untuk melakukan login, User perlu melakukan beberapa hal berikut: a. User mengisi email dan password. Berikut tampilan halaman Login:
3
Keterangan: Di kolom password terdapat gambar mata sebagai fitur untuk melihat isi password yang diketik. Semua kolom pada halaman ini wajib diisi. Jika ada kolom yang belum diisi, maka pesan 'Please complete your username and password’ akan muncul. User dapat memilih antara login via email atau login dengan Facebook. b. User menekan tombol ‘Login’. Setelah berhasil login, User akan dialihkan ke halaman Account Settings.
3.3.
Lupa Password 1. Halaman ini digunakan apabila User lupa password yang pernah dibuat. 2. Halaman ini dapat diakses dari halaman Login. 3. Untuk melakukan Lupa Password, User perlu melakukan beberapa hal berikut: a. User menekan link ‘Forgot Password?’ pada halaman Login. b. Halaman akan dialihkan ke halaman Forgot Password versi web seperti pada gambar berikut:
4
c. d. e. f.
User mengisi email dan menekan tombol ‘Reset My Password’. Aplikasi akan mengirim link ke email user untuk reset password. User menekan link. Aplikasi menyediakan form untuk mengisi password baru dan konfirmasi password baru. g. User menekan tombol 'Submit'. Beberapa validasi yang muncul saat User menekan tombol 'Submit' adalah: Jika ada kolom yang belum diisi, maka pesan '[Nama Kolom] is required' akan muncul. Jika password baru tidak sama dengan konfirmasi password baru, maka pesan 'Password doesn't match with Retype New Password' akan muncul. h. Aplikasi akan memuncukan pesan informasi 'Password has been reset successfully'.
3.4.
Ubah Profil 1. Halaman ini digunakan untuk mengubah profil User seperti nama depan, nama belakang, email, nomor telepon, dan alaman pengiriman. 2. Halaman ini dapat diakses dari halaman Pengaturan Akun. 3. Untuk melakukan Ubah Profil, User perlu melakukan beberapa hal berikut: a. User menekan simbol gear di Navigation Bar. b. User menekan 'Edit Profile'. c. Aplikasi akan menampilkan informasi mengenai nama depan, nama belakang, email, nomor telepon, dan alamat pengiriman. Berikut tampilan halaman Ubah Profil:
5
Keterangan: Alamat pengiriman akan digunakan ketika User melakukan konfirmasi pesanan. Semua kolom pada halaman ini wajib diisi, kecuali nama belakang dan perusahaan. d. User mengubah profil. e. User menekan tombol 'Save'. f. Aplikasi akan menampilkan pesan konfirmasi 'Profile changed!'.
3.5.
Ubah Password 1. Halaman ini digunakan oleh User untuk mengubah password lama menjadi password baru. 2. Halaman ini dapat diakses dari halaman Pengaturan Akun. 3. Untuk melakukan Ubah Password, User perlu melakukan beberapa hal berikut: a. User menekan simbol gear di Navigation Bar. b. User menekan 'Change Password'. c. User mengisi password lama, password baru, dan konfirmasi password baru, lalu menekan tombol 'Change Password'. Berikut tampilan halaman Ubah Password:
6
Keterangan: Semua kolom wajib diisi. Beberapa validasi ketika User menekan tombol 'Change Password': Jika password lama salah, maka pesan 'Invalid Current Password' akan muncul. Jika password baru tidak sesuai dengan konfirmasi password baru, maka pesan 'New Password doesn't match with Retype New Password' akan muncul. d. Aplikasi akan menampilkan pesan informasi 'Password changed!'.
3.6.
Lacak Pesanan 1. Halaman ini digunakan oleh User untuk melihat rincian dan status pesanan yang ingin dilacak. 2. Halaman ini dapat diakses dari halaman Navigation Bar dan Pengaturan Akun. 3. Untuk melakukan Lacak Pesanan, User perlu melakukan beberapa hal berikut: a. User menekan simbol gear di Navigation Bar. b. User menekan 'Order Tracking’. c. Aplikasi menampilkan daftar pesanan seperti pada gambar berikut:
7
Keterangan: Ada 4 status: New Order → User telah mengkonfirmasi pesanan. Confirmed → Admin telah mengkonfirmasi pesanan bahwa barang yang dibeli telah tersedia. Rejected → Admin menolak pesanan karena barang yang dipesan tidak tersedia. Paid → Pelanggan telah melakukan pembayaran. d. User memilih pesanan yang ingin dilacak. e. Aplikasi akan menampilkan informasi mengenai kode pesanan, tanggal pemesanan, status pesanan, total produk, total harga, serta ukuran dan warna per produk seperti pada gambar berikut:
8
f.
User dapat menanyakan status pesanan via Whatsapp dengan menekan tombol 'Track Order’. Keterangan: Aplikasi akan dialihkan ke Whatsapp jika User menekan tombol ‘Lacak Pesanan'. Isi pesan lacak pesanan tersebut adalah: Hi, Saya [Nama depan] [Nama belakang] yang telah melakukan pemesanan pada tanggal 22 Oktober 2016 jam 13:30. Kode pesanan saya adalah I3P3EXRC. Mohon infokan status pesanan dari barang tersebut. Terima kasih.
3.7.
Dashboard 1. Halaman ini merupakan halaman utama aplikasi yang digunakan oleh User untuk melihat kategori produk dan promo saat ini. 2. Untuk masuk ke halaman Dashboard, User perlu melakukan beberapa hal berikut: a. User log in atau daftar ke aplikasi Bateeq. b. Aplikasi akan menampilkan informasi mengenai produk/promo saat ini, seperti Men, Women, New Arrival, dan Sales, serta promo dalam bentuk Slideshow. Berikut tampilan halaman Dashboard:
9
Keterangan: Aplikasi akan ditutup jika User menekan tombol back.
3.8.
Katalog 1. Halaman ini digunakan untuk melihat daftar produk di kategori yang dipilih. 2. Halaman ini dapat diakses dari halaman kategori produk / Navigation Bar. 3. Untuk masuk ke halaman Dashboard, User perlu melakukan beberapa hal berikut: a. User memilih kategori produk. b. Aplikasi akan menampilkan daftar produk berdasarkan kategori yang dipilih. Aplikasi menyediakan simbol 'Back to Top' yang terletak di bawah kanan halaman. c. User dapat mengurutkan produk berdasarkan harga dari rendah ke tinggi dan tinggi ke rendah, nama dari A ke Z dan Z ke A, serta User dapat menyaring produk dengan memilih harga, kategori, warna, dan ukuran. Berikut tampilan Sort dan Filter dalam bentuk pop up:
10
d. Aplikasi akan menampilkan produk berdasarkan kriteria yang telah ditentukan seperti pada gambar berikut:
11
Keterangan: Jika tidak ada produk pada kriteria yang ditentukan dan urutan yang dipilih, maka pesan ‘No item found' akan muncul.
3.9.
Produk dan Detil Produk 1. Halaman ini digunakan untuk melihat gambar produk dan detil produk supaya User dapat memperoleh informasi mengenai rincian produk, lalu dapat menambahkanya ke dalam Wishlist atau Shopping Cart 2. Halaman ini dapat diakses dari katalog. 3. Untuk masuk ke halaman Produk dan Detil Produk, User perlu melakukan beberapa hal berikut: a. User memilih produk. b. Aplikasi akan menampilkan produk yang dipilih. Berikut tampilan halaman Produk:
Keterangan: Gambar produk dapat digulir ke kiri dan ke kanan, dan dapat diperbesar. c. User dapat melihat rincian produk dengan menekan tombol 'Details', lalu aplikasi akan dialihkan ke halaman Product Detail yang berisi informasi dan pengukuran produk seperti pada gambar berikut:
12
3.10. Add to Wishlist 1. Halaman ini digunakan untuk memilih produk dan menambahkannya ke dalam wishlist. 2. Halaman ini dapat diakses dari semua produk. 3. Untuk masuk ke halaman Add to Wishlist, User perlu melakukan beberapa hal berikut: a. User memilih produk dan menekan simbol hati pada produk tersebut. b. Aplikasi akan menampilkan ukuran dan warna dari produk yang dipilih. c. User memilih ukuran dan warna yang ditampilkan dalam bentuk pop up seperti pada gambar berikut:
13
d. User menekan tombol ‘OK’. e. Produk akan secara otomatis masuk ke dalam wishlist. Berikut tampilan halaman Wishlist:
Keterangan: User dapat memindahkan produk dari wishlist ke dalam shopping cart, serta menghapus produk dari wishlist. Jika tidak ada produk di dalam wishlist, maka pesan 'Your Wishlist is Empty' dan tombol 'Continue Shopping' akan muncul.
14
3.11. Add to Cart 1. Halaman ini digunakan untuk memilih produk dan menambahkannya ke dalam Shopping Cart supaya ada setidaknya 1 produk di dalam shopping cart untuk melanjutkan pemesanan. 2. Halaman ini dapat diakses dari semua produk. 3. Untuk masuk ke halaman Add to Cart, User perlu melakukan beberapa hal berikut: a. User memilih produk dan menekan tombol 'Add to Cart' pada produk tersebut. b. Aplikasi akan menampilkan ukuran dan warna dari produk yang dipilih. c. User memilih ukuran dan warna yang ditampilkan dalam bentuk pop up seperti pada gambar berikut:
d. User menekan tombol ‘OK’ pada pop up tersebut. e. Produk akan secara otomatis masuk ke dalam shopping cart. Berikut tampilan halaman Shopping Cart:
15
Keterangan: User dapat memindahkan produk dari wishlist ke dalam shopping cart, serta menghapus produk dari wislist. Jika tidak ada produk di dalam wishlist, maka pesan 'Your Cart is Empty' dan tombol 'Continue Shopping' akan muncul. User dapat memasukkan kode promo pada text box yang telah disediakan. Jika kode promo yang dimasukkan tidak ada / tidak valid, maka pesan 'Invalid discount code' akan muncul. Jika User ingin melanjutkan pemesanan, maka User dapat menekan tombol 'Checkout'. User dapat mengakses halaman login Loyalti dengan menekan background biru.
3.12. Checkout 1. Halaman ini digunakan oleh User untuk melanjutkan konfirmasi produk dan pembayaran. 2. Halaman ini dapat diakses dari halaman shopping cart. 3. Untuk masuk ke halaman Checkout, User perlu melakukan beberapa hal berikut: a. User menekan tombol 'Checkout' di halaman shopping cart. b. User mengisi profil dan alamat pengiriman. User dapat mencentang 'Copy Billing Address', lalu aplikasi akan menyalin informasi yang ada pada halaman Edit Profile ke dalam halaman ini seperti pada gambar berikut:
16
c. User memilih metode pembayaran. Berikut tampilan pilih metode pembayaran:
Keterangan: Metode pembayaran yang disediakan adalah Whatsapp dan Veritrans. Jika memilih Whatsapp, maka aplikasi akan dialihkan ke Whatsapp setelah User mengkonfirmasi pesanan di tahap terakhir. Isi pesan tersebut adalah:
17
Hi, Saya [Nama depan] [Nama belakang] yang telah melakukan pemesanan di BateeqShop pada tanggal August 08 2016 jam 15:06. Kode pesanan saya adalah I3P3EXRC. Tolong periksa ketersediaan barang tersebut. Terima kasih. Jika memilih Veritrans, maka aplikasi akan dialihkan ke halaman Veritrans. Berikut tampilan halaman Veritrans:
Apabila metode pembayaran belum dipilih tetapi User menekan tombol 'Check Order', maka pesan 'Please select your payment method' akan muncul seperti pada gambar di bawah ini:
18
d. Aplikasi akan menampilkan rincian pemesanan untuk diperiksa oleh User sebagai konfirmasi terakhir. Berikut tampilan halaman Check Order:
e. User menekan tombol ‘Continue’. f. Aplikasi akan dialihkan ke aplikasi Whatsapp atau halaman Veritrans, tergantung dari pemilihan metode pembayaran.
19
3.13. Ubah Bahasa atau Mata Uang 1. Halaman ini digunakan oleh User untuk mengubah bahasa atau mata uang. Bahasa yang disediakan adalah Indonesia dan Inggris, sedangkan mata uang yang disediakan adalah IDR dan USD. 2. Halaman ini dapat diakses dari Navigation Bar. 3. Untuk masuk ke halaman ubah bahasa / mata uang, User perlu melakukan beberapa hal berikut: a. User menekan tulisan Language di Navigation Bar. b. Aplikasi akan menampilkan pop up berikut:
c. User memilih bahasa atau mata uang yang diinginkan, lalu tekan tombol ‘OK’. d. Bahasa dan mata uang pada aplikasi Bateeq akan berubah sesuai dengan yang telah ditentukan User.
3.14. Integrasi dengan Loyalti 1. Halaman ini digunakan oleh User untuk mendapatkan promo berupa membership, chop dan poin dari Loyalti. Untuk mendapatkan promo tersebut, User harus login Loyalti terlebih dahulu sebelum melakukan pemesanan. 2. Fitur Loyalti Express itu sendiri tidak perlu di-install karena sudah terintegrasi dengan aplikasi Bateeq. 3. Halaman ini dapat diakses dari Navigation Bar. 4. Untuk masuk ke dalam fitur Loyalti dalam Bateeq, User perlu melakukan beberapa hal berikut:
20
a. User menekan tulisan ‘LoyaltiExpress’ di Navigation Bar. b. Aplikasi menampilkan halaman seperti pada gambar berikut:
c. Jika User belum memiliki akun Loyalti, maka User harus melakukan daftar dengan menekan tombol ‘Daftar’, lalu aplikasi akan menampilkan gambar berikut:
21
Keterangan: Aplikasi akan secara otomatis mengisi nama depan, nama belakang, nomor telepon, dan email yang digunakan User dalam login Bateeq, sehingga User hanya perlu mengisi password saja. User juga dapat login dengan Facebook untuk masuk ke dalam aplikasi Loyalti dalam Bateeq. d. Setelah berhasil login/daftar, maka aplikasi akan menampilkan halaman utama Loyalti seperti pada gambar berikut:
22
Keterangan: Aplikasi Loyalti memiliki 2 menu sebagai berikut: 1) My Wallet:
23
Halaman ini berisi kartu membership yang User dapatkan setelah login Loyalti dalam Bateeq. 2) Daftar Promo:
Halaman ini berisi daftar promo yang ada pada Loyalti. User harus menekan tombol ‘JOIN PROMO’ untuk gabung ke dalam promo tersebut. e. User menambah barang ke Shopping Cart seperti yang sudah dijelaskan pada poin 3.11. f. User menekan simbol Shopping Cart, lalu halaman Shopping Cart akan berubah menjadi gambar berikut:
24
Keterangan: Apabila User belum login Loyalti dalam aplikasi Bateeq, maka promo seperti di gambar di atas tidak akan muncul dan poin Loyalti tidak akan terkumpul. Kode promo Bateeq tidak dapat digabung dengan promo Loyalti. Setelah login Loyalti, jika User memasukkan kode promo Bateeq, maka promo Loyalti tidak akan berlaku, tetapi poin Loyalti tetap akan terkumpul. Apabila User sudah memasukkan kode promo Bateeq terlebih dahulu kemudian login Loyalti dan membuka halaman Shopping Cart, maka promo Loyalti tidak akan berlaku dan poin tetap akan terkumpul. Aplikasi akan secara otomatis menampilkan diskon sesuai kode promo Bateeq yang dimasukkan. 5. Setelah customer melakukan transaksi di toko Anda, berikan point yang jumlahnya sesuai dengan nilai pembelanjaan customer, dengan cara: a. Meminjam HP customer, dan klik action pada kartu digital toko Anda dan klik “Collect Point”.
25
b. Tekan ‘Add more Point’.
26
c. Masukkan nilai total pembelanjaan, No Struck, dan PIN kasir Anda. (Perhatian: PIN bersifat rahasia, jangan sampai customer Anda tahu PIN Anda), kemudian klik OK.
d. Apabila customer sudah mengumpulkan poin sehingga mencapai target untuk mendapatkan reward, maka sistem akan otomatis mengeluarkan voucher yang dapat ditukarkan dengan hadiah dari toko Anda. Pada saat customer ingin menukarkan hadiah, Anda dapat melakukannya dengan cara berikut: Meminjam HP customer, dan klik action pada Voucher digital toko Anda, lalu klik “Collect Point”.
27
Tekan ‘Change Points to Get Rewards’.
28
Tekan ‘Change Points to Get Rewards’.
e. Apabila customer sudah mengumpulkan chop/stamp sehingga mencapai target untuk mendapatkan reward, maka sistem akan otomatis mengeluarkan voucher yang dapat ditukarkan dengan hadiah dari toko Anda. Pada saat customer ingin menukarkan hadiah, Anda dapat melakukannya dengan cara berikut: Meminjam HP customer, dan klik action pada kartu digital toko Anda dan klik “Collect Chop” dan berikan jumlah chop yang sesuai dengan nilai total pembelanjaan customer Anda. Pastikan Anda memberikan jumlah chop/stamp yang benar.
29
Masukkan nilai total pembelanjaan, No Struck, dan PIN kasir, kemudian klik OK.
30
