Food Ordering and Drive Thru Mobile Application
Ng Siuw Yang
Bachelor of Computer Science with Honours (Information System)
2019
Food Ordering and Drive Thru Mobile Application
Ng Siuw Yang
This project is submitted in partial fulfillment of the requirements for degree of
Bachelor of Computer Science with Honours (Information System)
Faculty of Computer Science and Information Technology UNIVERSITY MALAYSIA SARAWAK
2019
Food Ordering and Drive Thru Mobile Application
Ng Siuw Yang
Project ini merupakan salah satu keperluan untuk Izajah Sarjana Muda Sains Komputer dan Teknologi Maklumat
(Informasi Sistem)
Fakulti Sains Komputer dan Teknologi Maklumat UNIVERSITI MALAYSIA SARAWAK
2019
DECLARATION
I hereby declare that this project is my original work. I have not copied from any other student’s work or from any other sources except where due reference or acknowledgement is not made explicitly in the text, nor has any part had been written for me by another person.
(NG SIUW YANG) 14th August 2020
ACKNOWLEDGEMENT
First, I would like to thank everyone who gave me lots of guidance in this FYP project. I respect and thank Dr. Cheah Wai Shiang who supports and gives me the ideas throughout the project. I am extremely thankful to Dr. Cheah for providing such a nice support and guidance.
Thanks to him for willing to give me guidance although he had busy schedule in his personal and university affairs.
Never forget to thank the coordinator of FYP, Professor Dr. Wang Yin Chai, for giving us the guidance throughout the FYP.
ABSTRACT
The Food Ordering and Drive Thru (FOADT) mobile application is an android application that allow the food seller to do business with the customer using the mobile application. This thesis describes the development of the android application that allow the food seller to do their business and buyer order food using mobile android application. A survey is taken place to understand the needs of food ordering mobile application among food hawkers. From the survey, we can know that the food hawkers think the efficiency in doing their business can be improved by using mobile application in doing their business. The time can be reduced by having payment and order earlier using mobile application. Hence, there is a need to develop a mobile application to support the food hawker to get the order and doing payment early from customer with this mobile application, it allows the process of business to be reduced and hence increase the efficiency of the business. In the proposed mobile application, the mobile application will recommend the food stall that is suit their liking and then they can chose from it and then order the food from the preferred food stall and then go to the food stall’s location by follow the map shown in the mobile application in order to retrieve the food.
This project still have flaw in online payment and can have some improvement in the future.
ABSTRAK
Food Ordering and Drive Thru (FOADT) adalah aplikasi android yang membolehkan penjual makanan melakukan perniagaan dengan pelanggan dengan menggunakan aplikasi mudah alih.
Tesis ini menerangkan perkembangan aplikasi android yang membolehkan penjual makanan melakukan perniagaan dan pembeli memesan makanan menggunakan aplikasi android mudah alih. Satu tinjauan telah dilakukan untuk memahami keperluan yang kena ada pada pesanan aplikasi android makanan di kalangan penjual makanan. Dari tinjauan itu, kita dapat mengetahui bahawa pendapat penjual makanan tentang kecekapan dalam melakukan perniagaan mereka boleh diperbaiki dengan menggunakan aplikasi mudah alih dalam menjalankan perniagaan mereka. Masa process perniagaan dapat dikurangkan dengan melakukan pembayaran dan pesanan terlebih dahulu menggunakan aplikasi mudah alih. Oleh itu, terdapat keperluan untuk membuat aplikasi mudah alih untuk menyokong penjual makanan untuk mendapatkan pesanan dan membuat bayaran terlebih dahulu daripada pelanggan dengan aplikasi mudah alih ini supaya dapat membolehkan proses perniagaan dikurangkan dan dengan itu meningkatkan kecekapan perniagaan. Dalam aplikasi mudah alih yang dicadangkan, aplikasi mudah alih akan mencadangkan gerai makanan yang sesuai dengan keinginan pembeli dan kemudian mereka boleh memilih dari cadangan itu dan kemudian memesan makanan dari gerai makanan pilihan dan selepas itu pergi ke lokasi kedai makanan dengan mengikut peta yang ditunjukkan dalam aplikasi mudah alih untuk mengambil makanan itu. Projek ini masih ada kecacatan dalam pembayaran atas talian dan boleh ada peningkatan pada masa hadapan.
Table of Contents
ACKNOWLEDGEMENT ……….……….…. iv
Table of contents ………..….vi
List of Figures ………..…viii-x List of Tables ………...…. xi
ABSTRACT ……….………. xii
ABSTRAK ……… xiii
CHAPTER 1: INTRODUCTION……….….1
1.0 Introduction………...….…….…1
1.1 Problem statement ………...…….……..…2
1.2 Scope ………...……..… 2
1.3 Objectives ………...……...… 2
1.4 Methodology ……….…….…. 3-4 1.5 Significant of project ……… 4
1.6 Project schedule ………....… 4
1.7 Expected outcome ………..……....5
CHAPTER 2: LITERATURE REVIEW ……… 5
2.0 Introduction ………... 5
2.1 Starbucks App ……….…….…6-8 2.2 McDonald's app …...………..…..…..…..…..…..…..…..…..…..……..…..…8-10 2.3 Burger King app……….………..…..….11-14 2.4 Summary of reviewed systems………14-15 2.5 Conclusion ………..15-16 CHAPTER 3: METHODOLOGY………...……….………16
3.1 Introduction ………..…… 16
3.2 Planning phase………...………. 16-17 3.3 Analysis phase ………..………. 17-22 3.4 Design phase ………..…….. 23
3.4.1 User Interface Design (UI design).……….………..…... 23-31 3.4.2 Use Case Diagram………... 32-46 3.4.3 Entity Relationship Diagram (ERD) ……….………..…….. 46-52 3.4.4 Class Diagram ………. ……….………..…….. ...53
3.4.5 Sequence Diagram ……….………..…….. 54-65 3.4.6 Activity Diagram……….. ……….………..…….. 66-72 3.5 Implementation and testing phase………...…….. 72
3.6 Conclusion ………...….….72
CHAPTER 4: IMPLEMENTATION AND TESTING ………..73
4.1 Introduction………73
4.2 Required Components………....73
4.2.1 Android Studio………74
4.2.2 Hypertext preprocessor (PHP)………74
4.2.3 Mysql………..75
4.3 Introduction of User Roles ………....75
4.3.1 Customer Module………76
4.3.1.1 Register an account………..76
4.3.1.2 Order a food from a food stall………..77-80 4.3.1.3 Update biodata………80
4.3.2 Seller Module……….….81 4.3.2.1 Register an account……….….81 4.3.2.2 Update biodata………81-82 4.3.2.3 Add and delete a food sold in food stall……….82-83 4.3.2.4 Update food stall information………..…83 4.3.2.5 Take order from a customer………...83-84 4.3.3 Admin module………..85 4.3.3.1 Update biodata………...85 4.3.3.2 Update customer biodata………..…….85-86 4.3.3.3 Update seller’s biodata………..87 4.3.3.4 Update food’s information………..……..88-89 4.3.3.5 Update food stall’s information………..…..90-91 4.4 Experiment testing on making order and retrieve the food using this app……...91-93 4.5 System Testing………..………93 4.5.1 Unit testing on Customer module……….……..93-94 4.5.2 User Testing on Seller module……….…..94-96 4.5.3 User Testing on Admin module……….……96-98 4.6 User Testing……….………98 4.6.1 Usability Testing……….…...99-100 4.7 Summary………..100-101 CHAPTER 5: CONCLUSION AND FUTURE WORK……….……..101 5.1 Introduction……….…….101 5.2 Achievement………101-102 5.3 Contribution……….102
5.4 Limitation………..…..102 5.5 Future Work………...102-103 5.6 Conclusion………103 References………...104-105 Appendix A………..…...106-108 Appendix B……….……109-110 Appendix C……….………111-112
List of Tables
Table 2.4.1: Table of comparing existing system that is almost similar with
proposed system 15
Table 3.1 Table of login 33-34
Table 3.2 Table of register 34-36
Table 3.3 Table of order 36-37
Table 3.4 Table of payment 37-38
Table 3.5 Table of edit biodata 38-40
Table 3.6 Table of edit food menu 40-42
Table 3.7 Table of edit shop detail 42-44
Table 3.8 Table of view order 44-45
Table 3.9 Table of view history 45-46
Table 3.10 Table of business rules 46-47
Table 3.11 Table customer 48
Table 3.12 Table order 48
Table 3.13 Table food 49
Table 3.14 Table daily_amount 49
Table 3.15 Table seller 50
Table 3.16 Table address 50-51
Table 3.17 Table admin 51
Table 3.18 Table rating 52
Table 4.1: Table of Required Software and Version of Software 73 Table 4.2: Table of Unit Testing on Customer Module
93-94
Table 4.3: Table of Unit Testing on Seller Module 94-96
Table 4.4: Table of Unit Testing on Admin Module 96-98
List of Figure
Figure 1.6.1 Gantt Chart 4
Figure 2.1.1 : Image from the Google PlayStore and Apple store 6
Figure 2.1.2 : Order Menu for ordering 7
Figure 2.1.3 : Chose pick up location 7
Figure 2.1.4 : Confirming order before order 7
Figure 2.1.5: Starbucks app’s feature 8
Figure 2.2.1: Menu bar of the app 9
Figure 2.2.2: Food menu to chose from 9
Figure 2.2.3: Add food to order 9
Figure 2.2.4: View order menu list picked 9
Figure 2.2.5: Amount to be paid 9
Figure 2.2.6: order code used to pick up food 9
Figure 2.2.7: Offer feature from app 10
Figure 2.2.8: McDelivery feature from app 10
Figure 2.2.9: Notification from McDonald app 10
Figure 2.2.10: Feedback feature from app 10
Figure 2.3.1: Chose for delivery or pickup 12
Figure 2.3.2: Chose pickup location 12
Figure 2.3.3: Food menu list 12
Figure 2.3.4: Customization on food 12
Figure 2.3.5: View Cart 13
Figure 2.3.6: Term and condition 13
Figure 2.3.7: Credit or debit card field 13
Figure 2.3.8: Pop up for order placed 13
Figure 2.3.9: Pop up to slide to confirm order 13
Figure 2.3.10: Pop up for successful retrieval 13
Figure 3.1 agreement of food stall owner on doing business online using mobile
app can improve business 18
Figure 3.2 Agreement on doing business using mobile app can increase
business efficiency 18
Figure 3.3 the extra feature that the food stall owner suggested to add in the mobile
app for food ordering 19
Figure 3.4 The feature of mobile app that the food stall owner think should have 19 Figure 3.5 The customer’s view on food stall’s hygiene 21 Figure 3.6 Tendency of customer to use mobile app to order food online 21 Figure 3.7 Opinion of customer on ordering food online and using drive thru
can save time 22
Figure 3.8 Login page for customer and seller in app 23
Figure 3.9 register account page 24
Figure 3.10 list of food stall page 24
Figure 3.11 List of food in the shopping cart page 25 Figure 3.12 List of food item ordered after paid for view page 25
Figure 3.13 Google Map location page 26
Figure 3.14 Rating pop up page 26
Figure 3.15 accept customer order page 27
Figure 3.16 Customer’s order history page 27
Figure 3.17 Add and delete food menu page 28 Figure 3.18 Food number to be sell for the day page 28 Figure 3.19 Login page for admin using browser 29 Figure 3.20 First page for admin after login page 29 Figure 3.21 User registration form page 30 Figure 3.22 Delete user page 30
Figure 3.23 Shop registration form page 31 Figure 3.24 Food details page 31 Figure 3.25 Use Case Diagram 32 Figure 3.26 Entity relationship diagram (ERD) 47
Figure 3.27: class diagram 53
Figure 3.28 : sequence diagram for customer in using FOADT mobile application 54
Figure 3.29 : sequence diagram for seller in using FOADT mobile application 56
Figure 3.30 : admin edit customer’s detail sequence diagram 58
Figure 3.31 : admin edit seller’s detail sequence diagram 60
Figure 3.32 : admin edit shop’s detail sequence diagram 62
Figure 3.33 : admin edit food’s detail sequence diagram 64
Figure 3.34 : Activity diagram for customer in making order 66
Figure 3.35 : Activity diagram for seller to update retrieved order 67
Figure 3.36 : Activity diagram for admin edit customer’s detail 68
Figure 3.37 : Activity diagram for admin to edit seller’s detail 69
Figure 3.38 : Activity diagram for admin to edit shop / food stall’s detail 70
Figure 3.39 : Activity diagram for admin to edit food’s detail 71
Figure 4.1 Android studio workspace 74
Figure 4.2 : Login form 77
Figure 4.3 : Registration form 77
Figure 4.4 : Login form 78
Figure 4.5 : List of food stall 78
Figure 4.6 : List of food menu 79
Figure 4.7 : Shopping cart 79
Figure 4.8 : List of order for confirmation 79 Figure 4.9 : Give rating to the shop visited 80
Figure 4.10 : Biodata of the user 80
Figure 4.11 : Registration form 81
Figure 4.12 : seller’s biodata 82
Figure 4.13 : screen for delete and add food menu 83
Figure 4.14 : Food stall’s information 83
Figure 4.15 : List of order from customer 84
Figure 4.16 : History of a list of food retrieved 84
Figure 4.17 : login page 85
Figure 4.18 : Search customer page 86
Figure 4.19 : Update customer page 86
Figure 4.20 : Searching page for seller’s biodata 87 Figure 4.21 : Updating page for seller’s biodata 87
Figure 4.22 : Search for shop page 88
Figure 4.23 : Search for food page 89
Figure 4.24 : Update food information page 89
Figure 4.25 : Search for shop page 90
Figure 4.26 : Update shop information page 91 Figure 4.27 : Bar chart of summary of experiment testing on making order and
retrieve the food using FOADT 91
Figure 4.28 : routine in a small map 92
Figure 4.29 : Summary of Usability Testing Chart 99
1
Chapter 1 : Introduction 1.0 Introduction
Sarawak is a state that has various races living together such as Malay, Chinese, Iban, Bidayuh, Melanau, Orang Ulu, Kayan Kenya and more which mean Sarawak have many different kind of food can be found from different kind of races that live at here. (Nading, N. , 2015). Some of these foods can be found at the food stall that operate at the roadside or inside a village. The food that are normally being sell is nasi lemak, kuih, burger, some finger food and drinks. They normally wait for the customer to come and then sell their food to them.
However, there is some issue and problem in this way of operating their business. Hygiene is also become an issue when selling the food by having them exposed to outside environment for too long. It is better to have them packed early for the customer to buy it. Having a lot of car parking nearby the food stall may cause some problem such as traffic jam if they did not park it properly.
This thesis introduces the Food Ordering and Drive- Thru Mobile Application (FOADT). The FOADT is a mobile application that allow the people to look for the food stall and see the food that is being sold at there and can order the food through FOADT. Once ordered, the buyer can just drive to the place and take the food when it is ready. In addition, FOADT mobile application will recommend the food stall that has high reputation to the customer so they can have better choice to choose from. With the help of FOADT mobile application, it can help to solve those problem that every food stall that is normally facing and facilitate the customer in ordering the food.
2
1.1 Problem statement
Normally when people want to buy some food from the food stall that operate nearby the roadside, they will need to wait for the food stall owner to cook and pack their food before pay for it and take it away. This will take some of the time for the customer to wait and may disturb the traffic if the car is not properly park at the roadside. Although there exists mobile application for food ordering, it has not been used by the hawker. Hence, there is a need to investigate the potential usage of mobile application to improve the ordering process and business of the hawker.
1.2 Scope
This FOADT mobile application can be used by the people around the Bau area which has a lot of people doing the business nearby the roadside in a food stall. This mobile application can only be used for people that stay around these areas, whether it is the customer or the seller. This mobile application will allow the food stall seller to display the food that they are currently sell to the customer through the app and allow the customer to order and pay the food online. This mobile application also has map that allow the customer to see the map so they can drive to the food stall location to retrieve their food. In addition, FOADT can recommend food based on the rating of the buyers.
1.3 Objectives
The project will mainly focus on the following objectives:
1. To design and develop the FOADT mobile application.
2. To evaluate the effectiveness of the proposed system.
3
1.4 Methodologies
The methodology used to design and develop the FOADT mobile application is agile methodology. This methodology uses the iterative and incremental process models that put more concern on process adaptability and customer satisfaction by rapid delivery of software product. This model consists of 6 iterative phases that is Planning, Requirements analysis, Design, Implementation, Unit Testing and Acceptance Testing.
The project scope, schedule and method for implementation is decided in the planing phase. A list of activities is planned and listed in the Gantt chart. Several food POS system is being reviewed to plan and determine the methodology to be used.
In requirement analysis phases, a survey about the taking food order and some question about related on daily calculation, analysis and making decision on business will be conducted among the food stall and small restaurant inside UNIMAS.
The user interface is required in the next phase that is design phase. The functional and non- functional requirement will be included in the UI interface. The designing system flow is also create to show the procedure of FOADT and its output. Use cases is also will be create to describe the activities of the system between the different users.
During the implementation, android studio is used as the main platform for creating the GUI for the FOADT mobile application and for the back-end is the PHP. Python is used for implement the recommendation system. Mobile application is build using android studio by using Java and XML, therefore the programming language used is Java, XML and python.
A unit testing will be used to test whether the FOADT mobile application have fulfilled the requirement after the implementation phase is completed. In this phase, the program will be tested with several input and compare with the expected output. If the output is consistent with the expectation output, it is consider as pass and will consider fail if it is not consistent
4
according to Agile Alliance. If the result is negative, the iteration process will start again until its show positive result.
1.5 Significant of the project
This project will help people to be able to order the food through the mobile application to save the time for the customer to wait for the food stall owner to cook or pack the food and just need to drive to the food stall and take it away. People able to know the food stall rating is good or bad and know which one is recommended by the system. People able to enjoy good quality food because of the food is packed in time before it is exposed too much to the outside environment. The food stall owner able to get the credit, reputation and profit that they are supposed to earn and at the same time increase the satisfaction of their customer.
1.6 Project schedule
Figure 1.6.1 Gantt Chart
