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 langsungg masuk ke halaman menu utama.
3 1.1.2 Tampilanan Layar Login Padaa halaman login ini customer dapat melihat slideshow beberapa promo yang ada dibagian 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 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 Tampilanan Layar Register Jika customer menekan tombol Create a New 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 dibutuhkan untuk menyimpan data setiap customer yang mendaftar. Jika sudah terisi semua tekan tombol Sign 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 Tampilanan Layar Category Halaman category ini bisa diakses jika customer menekan atau tap tombol New Order. Dalam halaman ini setiap makanan dikategorikan berdasarkan jenis-jenisnya jenisnya seperti ayam, sapi, dan seafood. Juga terdapatt category minuman. Jadi customer dapat memilih makanan berdasarkan kategori-kategori yang diinginkan.
7 Gambar 5 Tampilan Layar Category 1.1.6 Tampilanan Layar Daftar Makanan Padaa halaman ini customer dapat melihat daftar makanan berserta gambar, harga, dan status dari makanan tersebut empty atau available yang ada dalam 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. 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 Tampilanan Layar Food Detail Dalam halaman ini terdapat gambar makanan yang lebih besar daripada a di halaman daftar makanan, juga terdapat nama makan, harga, tulisan recommended apabila makanan tersebut merupakan rekomendasi dari rumah 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 Tampilanan Layar Favorite Halaman ini bertujuan agar customer dapat secara cepat memasukan makanan an 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, jadi dengan memasukan makanan ke dalam halaman ini customer dapat langsung menambahkan makanan ke cart. Jika pada halaman favorit tidak ada
12 daftar makanan maka hanya akan muncul tulisan 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 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 Tampilanan 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 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 tombol ada nama makanan, kuantitas, subtotal, dan total price. Ada + 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 pertamaa dimasukan ke cart. Ada tombol ada cancel yang bisa
15 digunakan apabila customer tidak jadi memesan dan juga tombol order yang bisa digunakan untuk benar-benar memesan pesanan yang diinginkan oleh customer. Gambar 12 Tampilan Layar Cart Sudah Diisi 1.1.11 Tampilanan Layar Recent Order Padaa halaman ini customer dapat melihat 3 riwayat pemesanan terakhir r yang pernah dilakukan. customer juga dapat melihat status dari pesanann mereka, status tersebut seperti: in the process 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 yang berarti bahwa makanan yang dipesan sudah diterima oleh customer yang memesan. Customer juga dapat menggunakan GPS (Global Positioning System) ) untuk melihat makanan yang dipesan sedang beradea dimana dengan menekan Track Order. Gambar 13 Tampilan Layar Recent Order
17 1.1.12 Tampilanan Layar GPS Padaa 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 Tampilanan Layar Help Padaa halaman ini terdapat penjelasan bagaimanaa cara memesan makanan, cara memesan promo, cara memesan dari favorite, cara menambahkan makanan ke favorite, cara menghilangkan makanan dari 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 dalam melakukan perintah yang dipilih sampai selesai. Gambar 16 Tampilan Layar Pejelasan Help
20 1.1.14 Tampilanan 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 g 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 operator. Gambar 17 Tampilan Layar Contact Us
21 1.2 Prosedur Penggunaan Aplikasi Bagian Courier 1.2.1 Tampilanan Layar Login Courier Padaa 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 Tampilanan Layar Detail Order Courier Padaa halaman ini courier dapat melihat 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.
Gambar 20 Tampilan Layar Detail Order Courier 24
25 1.2.4 Tampilanan Layar Tracking Courier Padaa 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 Tampilanan Layar Login Admin Padaa 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 Tampilanan 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 Tampilanan Layar Manage Account Padaa halaman ini admin dapat melihat beberapa data seperti accountid, username, email, fullname (nama lengkap), address (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, 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 Tampilanan Layar Update Account Padaa halaman ini admin dapat melakukan update pada account yang diinginkan. Data yang dapat diubah hanyalah username, email, fullname (nama lengkap), address (alamat), phone (nomor 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 Tampilanan Layar Insert Account Padaa 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 Tampilanan Layar Manage Item Padaa halaman ini admin dapat melihat beberapa dataa dari item seperti itemid, itemname, price (harga), stock, description (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 Tampilanan Layar Update Item Padaa halaman ini admin dapat melakukan update pada item yang diinginkan. Data yang dapat diubah hanyalah stock dan recommended. Stock dapat diubah menjadi available (tersedia) atau empty (kosong), sama juga seperti recommended hanya 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 Tampilanan Layar Manage Promo Padaa halaman ini admin dapat melihat beberapa data dari promo seperti promoid, promo name, promo price (hargaa 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 Tampilanan Layar Update Promo Padaa 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 update yang dapat digunakan untuk menyelesaikan proses 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 Tampilanan Layar Manage Transaction Padaa halaman ini admin dapat melihat setiap transaksi yang pernah dilakukan oleh customer. Beberapa data yang dapat dilihat berupa transactionid, transaction date (tanggal transaksi), kurir dan order status. Admin dapat juga melakukan buyer (pembeli), 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 Tampilanan Layar Update Transaction Padaa 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. Gambar 32 Tampilan Layar Update Transaction
35 1.3.12 Tampilanan Layar Detail Pesanan Padaa halaman ini admin hanya dapat melihat menu apa saja yang telah dipesan oleh Customer, kuantitas dari setiap item, subtotal, dan total. Gambar 33 Tampilan Layar Detail Pesanan