1
PROSEDUR PENGGUNAAN APLIKASI
1.1
Prosedur Penggunaan Aplikasi Bagian Customer 1.1.1
Tampilan Layar Masuk Aplikasi Untuk menjalankan aplikasi TREAT tap atau tekan yang ada di layar iPhone anda.
2
Gambar 1 Tamplian Layar Masuk Aplikasi
Setelah tapping atau menekan icon aplikasi TREAT, customer akan langsung ung masuk ke halaman menu utama.
3
1.1.2
Tampilan Layar Login Pada halaman login ini customer dapat melihat slideshow slidesho beberapa promo yang ada dibagian atas atas. Untuk melanjutkan penggunaan aplikasi ini customer harus mempunyai account terlebih dahulu dan setelah itu customer baru bisa masuk ke dalam main menu dengan memasukan username dan password dan tekan ekan atau tap tombol “Sign “ in”. Jika customer belum mempunyai account, customer dapat mendaftar dengan menekan atau tap tombol “Create a New ID” dan customer akan masuk kehalaman register.
Gambar 2 Tampilan Layar Login
4
1.1.3
Tampilan Layar Register Jika customer menekan tombol “Create Create a New ID” ID pada halaman login maka, customer akan masuk ke halaman register ini. Pada halaman ini terdapat kolom: Username,, Password, Name, Address, Phone dimana customer diharuskan untuk mengisi setiap kolom yang ada karena dibutuhk dibutuhkan an untuk menyimpan data setiap customer yang mendaftar. Jika sudah terisi semua tekan tombol “Sign Sign Up”. Up
Gambar 3 Tampilan Layar Register
5
Apabila seorang customer sudah memiliki account, customer tersebut baru bisa login dan menggunakan seluruh fitur-fitur yang ada di dalam aplikasi ini.
1.1.4
Tampilan Layar Menu Utama Pada halaman menu utama ini terdapat 6 pilihan menu yang dapat digunakan oleh customer yaitu: new order, promo, favorites, cart, recent order, dan contact us, juga terdapat tombol sign out apabila customer ingin mengganti account atau keluar dari account. Customer dapat memilih 6 pilihan menu tersebut dengan menekan atau tap tombol dari menu-menu tersebut.
6
Gambar 4 Tampilan Layar Menu Utama 1.1.5
Tampilan Layar Category Halaman category ini bisa diakses jika customer menekan atau tap tombol “New Order”. Dalam halaman ini setiap makanan dikategorikan berdasarkan jenis jenis-jenisnya jenisnya seperti ayam, sapi, dan seafood. Juga terdapat category minuman. Jadi customer dapat memilih makanan makan berdasarkan kategori-kategori yang diinginkan.
7
Gambar 5 Tampilan Layar Category
1.1.6
Tampilan Layar Daftar Makanan Pada halaman ini customer dapat melihat daftar makanan berserta gambar,, harga, dan status dari makanan tersebut empty atau available yang ada dalam kategori kategori. Gambar makanan tersebut dapat ditekan untuk masuk ke halaman food detail. Jika makanan tersebut available maka akan ada tombol plus atau + disamping kiri makanan tersebut, tombol plus itu digunakan untuk menambahkan item ke cart. cart Juga terdapat
8
tombol untuk berpindah kategori secara cepat dibagian bawah dan ada juga tombol back untuk kembali ke halaman sebelumnya.
Gambar 6 Tampilan Layar Daftar Makanan
Terdapat tombol cart apabila customer ingin melihat pesanan yang sudah di pesan.
9
1.1.7
Tampilan Layar Food Detail Dalam halaman ini terdapat gambar makanan yang lebih besar daripada di halaman daftar makanan, juga terdapat nama makan, harga, tulisan
““recommended””
apabila
makanan
tersebut
merupakan
rekomendasi dari rumah makan makan, deskripsi dari makanan yang memberitahu customer komposisi makanan. Terdapat tulisan jumlah like dari customer agar bisa menjadi referensi bagi customer lain.
Gambar 7 Tampilan Layar Food Detail
10
Ada tombol “Add to Cart” yang digunakan untuk memasukan makan tersebut ke cart dan juga ada tombol “Add to Fave” yang digunakan untuk menambahkan makan ke dalam daftar makanan kesukaan customer. Terdapat juga tombol cart apabila customer ingin melihat pesanan yang sudah di pesan.
1.1.8
Tampilan Layar Promo Dalam halaman ini terdapat gambar-gambar makanan yang sedang di diskon dan makanan-makanan tersebut sudah dibuat menjadi satu set paket yang lengkap. Terdapat tombol “<” dan “>” untuk berpindah menu promo. Jika customer ingin memesan promo maka, customer dapat menekan tombol “Add to Cart” pada setiap promo yang diinginkan. Terdapat juga tombol cart apabila customer ingin melihat pesanan yang sudah di pesan.
11
Gambar 8 Tampilan Layar Promo
1.1.9
Tampilan Layar Favorite Halaman ini bertujuan agar customer dapat secara cepat memasukan makanan yang disukai ke dalam cart dengan menambahkan makanan ke dalam halaman favorite customer tidak perlu mencari makanan yang disukai sampai masuk ke halaman daftar makanan, makanan jadi dengan memasukan makanan ke dalam halaman iini customer dapat langsung menambahkan makanan ke cart. Jika pada halaman favorit tidak ada
12
daftar makanan maka hanya akan muncul tulisan ““There There is no favorite food”.
Gambar 9 Tampilan Layar Favorite Kosong
Apabila sudah ada minimal satu daftar makanan pada halaman favorit ini maka customer dapat melihat ada gambar makanan dari makanan disukai berserta harga. Terdapat tombol ‘+’ yang digunakan untuk menambahkan makanan ke dalam cart dan juga terdapat tombol “remove remove”” yang digunakan untuk menghapus makanan yang tidak
13
diinginkan pada halaman favorite. Jika customer ingin melihat pesanan yang sudah di pesan maka, customer dapat menekan tombol “cart”. “
Gambar 10 Tampilan Layar Favorite Yang Sudah Diisi
1.1.10 Tampilan Layar Cart Halaman ini berfungsi untuk menyimpan semua makanan yang dimasukan ke dalam cart oleh customer,, dan juga berfungsi untuk konfirmasi jika customer benar-benar benar mau memesan makanan yang
14
ditambahkan. Apabila belum ada makanan yang di masukan ke dalam halaman ini, akan muncul tulisan “There is no food in Your cart”.
Gambar 11 Tampilan Layar Cart Kosong Apabila sudah terdapat makanan di dalam halaman ini, maka dapat terlihat ada nama makanan, kuantitas, subtotal, dan total price. Ada tombol ‘+’ dan ‘‘-’’ yang digunakan untuk menbahkan banyaknya dari satu tipe makanan yang dipesan dan ada juga tombol ‘x’ disamping kanan subtotal yang digunakan untuk menghilangkan makanan yang pertama dim dimasukan ke cart. Ada tombol ada “cancel cancel” yang bisa
15
digunakan apabila customer tidak jadi memesan dan juga tombol “order” yang bisa digunakan untuk benar-benar benar memesan pesanan yang diinginkan oleh customer.
Gambar 12 Tampilan Layar Cart Sudah Diisi
1.1.11 Tampilan Layar Recent Order Pada halaman ini customer dapat melihat 3 riwayat pemesanan terakhir yang pernah dilakukan. customer juga dapat melihat status dari pesanan mereka, status tersebut seperti: ““in the proceess” yang berarti
16
bahwa makanan yang dipesan sedang dalam proses pembuatan, “on “ the way”” yang berarti bahwa makanan yang dipesan sedang dalam perjalanan menuju alamat dari customer, dan “delivered delivered” yang berarti bahwa makanan yang dipesan sudah diterima oleh customer yang memesan. Customer juga dapat menggunakan GPS (Global Global Positioning System)) untuk melihat makanan yang dipesan sedang beradea berad dimana dengan menekan “Track Order”.
Gambar 13 Tampilan Layar Recent Order
17
1.1.12 Tampilan Layar GPS Pada halaman ini customer dapat melacak lokasi pesanan makanan yang sedang dibawa oleh courier. Letak courier ditandai dengan titik merah dan lokasi customer ditandai dengan titik biru.
Gambar 14 Tampilan Layar GPS
18
1.1.13 Tampilan Layar Help Pada halaman ini terdapat penjelasan bagaimana cara memesan makanan, cara memesan promo, cara memesan dari favorite, cara menambahkan makanan ke favorite, cara menghilangkan makanan dari favorite favorite, cara track pesanan, dan cara menelpon kepada operator TREAT.
Gambar 15 Tampilan Layar Help
19
Apabila customer melakukan tap pada pilihan help yang disediakan maka akan muncul langkah langkah-langkah langkah dalam melakukan perintah yang dipilih sampai selesai selesai.
Gambar 16 Tampilan Layar Pejelasan Help
20
1.1.14 Tampilan Layar Contact Us Dalam halaman ini customer dapat melihat sedikit tentang latar belakang perusahaan. Juga terdapat gambar telepon dan nomornya, jika customer menekan gambar telepon tersebut maka customer akan langsung tersambung dengan operator untuk membantu pemesanan, ada juga tombol sms dimana jika customer menekan tombol tersebut customer akan langsung masuk pada mode sms dan dapat mengirim pesan kepada op operator.
Gambar 17 Tampilan Layar Contact Us
21
1.2
Prosedur Penggunaan Aplikasi Bagian Courier 1.2.1
Tampilan Layar Login Courier Pada halaman login courier ini courier hanya dapat bisa login dengan memasukkan username dan password.
Gambar 18 Tampilan Layar Login Courier
22
1.2.2
Tampilan Layar Daftar Order Courier Pada halaman ini courier dapat melihat pesanan-pesanan yang dapat diantar. Pesanan-pesanan tersebut dibedakan dari nama customer berserta alamat dan waktu pemesanan dilakukan. Terdapat tombol “Take” yang dapat digunakan kurir untuk mengambil pesanan tersebut untuk diantar, apabila pesanan sudah diambil dan sudah diterima customer pesanannya maka dapat menekan tombol “Done”. Ada juga tombol “refresh” yang digunakan untuk melihat order list yang masuk. Selain itu ada tombol “track buyer” untuk melacak lokasi dari customer yang memesan. Tombol “Sign Out” yang dapat digunakan untuk keluar dari session login. Setiap daftar pesanan yang ada dapat ditekan untuk melihat makanan-makanan apa saja yang dibawa.
23
Gambar 19 Tampilan Layar Daftar Order Courier
1.2.3
Tampilan Layar Detail Order Courier Pada halaman ini courier dapat melihat makanan-makanan makanan apa saja yang diantar untuk satu orang customer. Terdapat nama makanan. harga untuk tiap makanan, banyaknya satuan barang yang dipesan, dan total price dari suatu pesanan.
24
Gambar 20 Tampilan Layar Detail Order Courier
25
1.2.4
Tampilan Layar Tracking Courier Pada halaman ini courier dapat melacak lokasi dari setiap customer yang telah melakukan pesanan. Titik biru merupakan lokasi dari courier itu sendiri sedangkan titik merah merupakan lokasi dari customer yang telah melakukan pesanan.
Gambar 21 Tampilan Layar Tracking Courier
26
1.3
Prosedur Penggunaan Web Admin 1.3.1
Tampilan Layar Login Admin Pada halaman ini seorang admin harus memasukan username dan password untuk dapat mengakses beberapa fitur yang ada di dalam web admin.
Gambar 22 Tampilan Layar Login Admin
1.3.2
Tampilan Layar Home Admin Setelah seorang admin berhasil melakukan login maka halaman home admin dapat diakses. Pada halaman ini terdapat beberapa pilihan menu yang dapat dilakukan oleh admin, yaitu: manage account, manage item, manage promo, manage transaction, dan yang terakhir adalah logout.
27
Gambar 23 Tampilan Layar Home Admin
1.3.3
Tampilan Layar Manage Account Pada halaman ini admin dapat melihat beberapa data seperti accountID, username, email, fullname (nama lengkap), lengkap) address (alamat) (alamat), phone (nomor telepon), dan status dari setiap account yang telah terdaftar dalam aplikasi TREAT. Admin dapat melakukan pencarian account dengan memasukan username dan parameter yang berupa status kurir atau member. Terdapat pilihan update, update delete dan insert new member yang bisa diakses oleh admin serta pilihan first, previous, next, last untuk melihat daftar dari member.
28
Gambar 24 Tampilan Layar Manage Account
1.3.4
Tampilan Layar Update Account Pada halaman ini admin dapat melakukan update pada account yang diinginkan. Data yang dapat diubah hanyalah username, email, fullname (nama lengkap) lengkap), address (alamat), phone (nomor telepon), telepon) dan role atau status.. Terdapat tombol ““Update”” yang digunakan untuk menyelasaikan update data dan tombol “Default”” untuk mengembalikan ke data sebelumnya apabila terjadi kesalahan.
Gambar 25 Tampilan Layar Update Account
29
1.3.5
Tampilan Layar Insert Account Pada halaman ini admin dapat melakukan registrasi account baru kurir dan member. Halaman ini digunakan untuk melakukan registrasi account baru secara manual oleh admin apabila customer yang melakukan registrasi terdapat kesulitan dan juga digunakan untuk membuat
account
courier..
Terdapat
tombol
“register” “
untuk
menyelesaikan pendaftaran account baru.
Gambar 26 Tampilan Layar Insert Account
1.3.6
Tampilan Layar Manage Item Pada halaman ini admin dapat melihat beberapa data dari item seperti itemID, itemname, price (harga), stock, description (deskripsi), (deskripsi) image (gambar), like count, recommended dalam format yes atau no. Admin dapat melakukan pencarian item dengan memasukan item name dan parameter yang berupa kategori dari makanan seperti chicken (ayam),
30
beef (sapi), dll. Terdapat pilihan update yang bisa diakses oleh admin serta pilihan first, previous, next, last untuk melihat daftar dari item.
Gambar 27 Tampilan Layar Manage Item
1.3.7
Tampilan Layar Update Item Pada halaman ini admin dapat melakukan update pada item yang diinginkan. Data yang dapat diubah hanyalah stock dan recommended. recommended Stock dapat diubah menjadi available (tersedia) atau empty (kosong), sama juga seperti recommended hanya nya dapat diubah menjadi yes atau no. Terdapat tombol ““Update”” yang digunakan untuk menyelasaikan update data dan tombol “Default”” untuk mengembalikan ke data sebelumnya apabila terjadi kesalahan.
31
Gambar 28 Tampilan Layar Update Item
1.3.8
Tampilan Layar Manage Promo Pada halaman ini admin dapat melihat beberapa data dari promo seperti promoID promoID, promo name, promo price (harga promo), promo) promo stock, promo image (gambar promo). Admin dapat melakukan pencarian promo dengan memasukan promo name dan parameter yang berupa kategori dari makanan yang ada di dalam promo seperti chicken (ayam), beef (sapi), dll. Terdapat pilihan update yang bisa diakses oleh admin serta pilihan first, previous, next, last untuk melihat daftar dari item
32
Gambar 29 Tampilan Layar Manage Promo
1.3.9
Tampilan Layar Update Promo Pada halaman ini admin dapat melakukan update pada promo yang diinginkan. Data yang hanya bisa diubah pada update promo adalah stock. Stock dapat diubah menjadi available atau empty. Terdapat tombol ““update”” yang dapat digunakan untuk menyelesaikan proses update promo dan tombol “default”” yang dapat digunakan untuk mengembalikan data baru ke data yang lama apabila terjadi kesalahan.
33
Gambar 30 Tampilan Layar Update Promo
1.3.10 Tampilan Layar Manage Transaction Pada halaman ini admin dapat melihat setiap transaksi yang pernah dilakukan oleh customer.. Beberapa data yang dapat dilihat berupa transactionID, transaction date (tanggal transaksi),, buyer (pembeli), kurir dan order status. Admin dapat juga melakukan search transaksi dengan mencara transaksi berdasarkan date (tanggal),, status, customer dan courier dengan menggunakan parameter yang sesuai. Terdapat pilihan update dan detail yang bisa diakses oleh admin serta pilihan first, previous, next, last untuk melihat daftar dari item
Gambar 31 Tampilan Layar Manage Transaction
34
1.3.11 Tampilan Layar Update Transaction Pada halaman ini admin dapat melakukan update dan juga menentukan courier mana yang akan mengatar suatu pesanan. Data yang dapat diganti adalah courier dan order status..
Courier dapat
dipilih berdasarkan courier mana yang sedang tersedia dan order status dapat diganti menjadi in the process, on the way, delivered. delivered
Gambar 32 Tampilan Layar Update Transaction
35
1.3.12 Tampilan Layar Detail Pesanan Pada halaman ini admin hanya dapat melihat menu apa saja yang telah dipesan oleh Customer, kuantitas dari setiap item, item subtotal, dan total.
Gambar 33 Tampilan Layar Detail Pesanan