CHAPTER I

INTRODUCTION
1.1 Introduction:
Many technology implementations are nowadays used helpful tools for the
business world. Besides computer software mobile applications are considers as more
important and innovative resources. The population in Pakistan is growing from year
to year. It gives opportunities to the restaurant industries to develop their business.
The growing number of restaurants makes restaurant development more competitive.
Therefore, all restaurants keep improving their quality of service; one of the services
is delivery order. Delivery order service offered by a number of restaurants is by
making order through mobile phone. Making orders through phone calling, short
messages, or even website does not give order status information in real time to its
customer. Moreover, customers can not see their order history which has been done
before. Nowadays, mobile phone is not used for calling or Sms only, many mobile
phones also provide application that support people daily activities developers
decided to create an ordering food application with Android OS platform named
Takeaway Tracking System (android and web application). This application gives
restaurant list information with provides some features such new order; reception,
order status, exit in main home screen with Google map API service. A Takeaway
Tracking system is referred to as a set of detail methods that is being used in handling
the ordering process.
Takeaway tracking system (android and web application) is an android
application which can also run on web browser having an auto tracking ability to track
the user address at any location and any time. It is basically built for the users
convenient and provides tools of place food orders who want to enjoy their food at
home. This application also improves the performance of delivering food orders in
restaurants. The preorder and postpaid payments facility would be available for users.

This auto track address of customer ability is due to the Google map API
(application programming interface) services and technology. Users can also place
order with the website as well as android phone.
Actions and functions in this takeaway tracking system (android and web
application) are performed as under;

Customer: (client or user who can place and send food orders by selecting
food products items through android application in mobile devices or through
web app).

Customer can also view the order status after confirm and place orders.

Admin: (restaurants manager or administrator who manages all activities

handles and confirms orders and all transactions complete that are available in
restaurants after receiving orders by customers through android mobile
application and through web app).

Admin can handles all database functions and manage it by login to system by
filling name and password through the reception option given in the android
application home page.

Admin can view all orders with customer information with product items,
quantity, prices and total payments of orders, handles order and confirm order.

Delivery driver: (restaurants employee who take orders from restaurants to

customer).
The confirmation only to confirm that the order has been recorded and that

it is being transferred to the restaurant. This confirmation is from the ordering service,
not from the restaurant. In any event, if the restaurant wants to contact the customer,
the restaurant employee must call him on the phone. Restaurants receive orders not
directly from customers but through a third party, in this case, the online food

ordering service. By using this service, the restaurant has some benefits as follows:
The application of the restaurant is professionally set up by the online
ordering service company in a consistent way, so that customers can easily choose
their favorite foods. Reduction of the amount of work the employee has on receiving
orders directly from customers per telephone. The restaurant is simply listed on the
Website of online food ordering service, which is well advertised to the market. Good
restaurants with high reputations will be presented by good ratings. It is obvious that
takeaway tracking system service is helpful. However, there are still some
inconveniences in the process. When finishing the order, the customer does not know
how long it will take to have food delivered. He just receives only the confirmation
from the ordering service that confirming that the order has been made. Otherwise, he
must contact the restaurant directly if he wants to get more information. Furthermore,
transferring orders by fax or email does not always run smoothly: paper jam by the
fax machine, quiet fax signal, late arriving email, etc. can possibly occur.
1.2 Problem Statement:
The growing number of restaurants makes restaurant development more
competitive. Therefore, all restaurants keep improving their quality of service; one of
the services is delivery order. Delivery order service offered by a number of
restaurants is by making order through mobile phone. By following the technology
development, some popular restaurants offered website as a choice for making orders
in online mode.
Making orders through phone calling, short messages, or even website
does not give order status information in real time to its customer. Moreover,
customers can not see their order history which has been done before. Nowadays,
mobile phone is not used for calling or Sms only, many mobile phones also provide
application that support people daily activities.
1.3 Aims and Objectives:
In view of the rapid development of computer and mobile technology in
almost all the fields of operation and its use in relation to information management, it
has become important to look into the development of Takeaway Tracking system for

firms to meet up with demands of the customers. Therefore, the food ordering and
delivery system will help customers and management to:

Advertise available foods in their company

Reduce the workload in the present system

Reduce time wasted in data processing

Create a platform for online purchase and delivery of fast food

Keep accurate record on purchased order and delivery.

This android application also focuses on the development of e-commerce or

online marketing and its advantages to the economy, consumers and
businesses in the restaurants.

Improves integrity and security of system more focused and performance

enhanced by adopted latest technologies.

It is developed to manage ordering activities in fast food restaurant. It helps to

record customer submitted orders. The system should cover the following
functions in order to support the restaurants business process for achieving
the objectives:

To allow the customer to make order, view order and make changes before
submitting their order and allow them make payment through post payment.

To provide interface as user centric.

To prevent interface that shows customers orders detail to front-end and

Reception for delivering customers orders and Tracking the customers
Location through Googleapi.

Tools that generate reports that can be used for decision making

A tool that allows the management to modify the food information such as
price, add a new order, reception and many others as well as tools for
managing user, system menu and promotion records.

1.4 Thesis Structure:

Conceptual Framework Takeaway Tracking System (android and web
application) is modeled by waterfall model.

Figure 1.1: waterfall model (Thesis Structure)Image

Link:http://www.buzzle.com/articles/waterfall-model-vs-v-model.html

CHAPTER II
REVIEW OF RELATED LITERATURE AND STUDIES

2.1 Literature Review:

The population in Pakistan is growing from year to year. It gives
opportunities to the restaurant industries to develop their business.

Population Pyramid 1998 & 2020*

Figure 2.1 Population Census Organization; Population Projections 19982023, Planning Commission; NIPS
Link: smeda.org/index.php?option=com...Fast-food-restaurant
The growing number of restaurants makes restaurant development more
competitive. Therefore, all restaurants keep improving their quality of service; one of
the services is delivery order. Delivery order service offered by a number of
restaurants is by making order through mobile phone. By following the technology
development, some popular restaurants offered website as a choice for making orders

in online mode.
2.2 Existing Projects:
2.2.1 Online food ordering service:
Currently, there are many big names in Pakistan providing online food ordering
services for restaurants such as
1. Toss down: website: http://tossdown.com/
2. Food Panda: Website: www.foodpanda.pk
3. Super meal Website: www.supermeal.pk
4. Eat Oye! Website: https://eatoye.pk/
These companies have almost the same concept: they serve users orders
through a website. This website can be opened on a customized mobile application. It
lists all the restaurants with their menus. Users just browse through and choose
favorites foods, then complete the order process and wait for the delivery.
2.2 Surveys conducted:
Apple reported, on June 2012, that since the inception of App Store, 30
billion apps have been downloaded. At the same time, Xyologic also estimated that
the total mobile applications on four popular platforms are about 1.5 million and that
there are currently 400,402 publishers. More and more mobile applications are
downloaded and uploaded daily. Users have now become acquainted with this type of
software: the mobile app.
Due to the mobility and the ability for calculating, mobile apps on mobile
devices seem to be very helpful in everyday life. Furthermore, when integrating with
modern online services, mobile apps have the potential to be a useful and powerful
resource for every business.
2.2.1 Mobile Systems:
In the first quarter of 2012 there were 419.1 million mobile phones sold to
end users worldwide. These mobile phones work based on different platforms.

Standard cell phones usually run on an operating system fixed to the

hardware.
The vendors produce these phones together with the supplied applications
and sell them as a package to customers. The systems like a black box are closed to
extern developers; extra new applications should normally built on another
application development platform supported by the phone.
On the other hand, modern phones are often delivered with powerful
hardware; they normally run on a flexible platform, which has APIs opened to all the
developers. Developers can easily build more native applications by using the SDK
released by the operating system vendor. These modern phones are called
Smartphones.
The graphic below gives an overview of the market shares of operating
systems on Smartphones in 2012 and a forecast for the year 2016.

Figure 2.2: Forecast of worldwide market shares for mobile operating system in years

2012 and 2016.

Some of the most popular platforms for Smartphones are android, iOS,
Windows Phone and Blackberry OS. The others are either incompatible for building
smart phones or not so innovative and subsequently have fewer shares on the market.
This section will introduce three platforms, which are expected to grow on the market
in future.

2.2.2 Google Android:

A group of companies led by Google then created Android. This first truly
open source operating system for mobile devices has been developed since 5 th
November 2007. Some of the group founding members that have joined the
development are T-Mobile, HTC, Qualcomm, and Motorola Android is based on the
Linux Kernel, and utilizes a customized virtual machine named Dalvik, which was
designed for low memory requirement. One of the openness by Android for end users
as developers is the ability to write applications using the very same resources that
core applications were using. Developers have the equal rights to access all
capabilities of the phone.
Native applications for android are written mostly with programming
language Java and Android SDK in an Eclipse IDE, which has the ADT plug-in
installed.
2.2.3 Web Application:
Web apps are not actually new. They are just another term for websites,
which were developed based on web technologies like HTML, JavaScript, and CSS.
The term Web app is nowadays often used when talking about a web-site developed
specially for a mobile device.
In contrast to native apps, web apps stay on a web server outside of the
mobile platform. Users execute a web app by opening the browser and connecting to
the server to download the whole or a part of the content of the application.
Because of this characteristic, that the content of web apps is not directly
put on the device but localized on a web server, it is easier for the users to keep the
application up to date. A change on the server will be distributed equally to all clients,
with the advantage that users do not need to reinstall the application manually each
time it is updated.
This feature is also applied to the development process: the web app is
only written once, and it can be used for all device platforms, using an internet

browser. This great feature is the advantage of web app over native app: plat-form
independence.
Developers often use HTML5 together with jQuery Mobile when developing mobile
web app. These techniques have special focus on mobile devices and provide some
useful features: offline cache, local storage, video and audio streaming, canvas
drawing, geo location API. Almost all modern mobile operating systems support these
HTML5 features.
From all backgrounds and research surveys above, developers decided to
create an ordering food application with Android OS platform named Takeaway
Tracking System (android and web application).

CHAPTER III
RESEARCH METHODOLOGY
Takeaway tracking system (android and web application) is created by using
waterfall model. The waterfall model is a system development model designed to
simplify the understanding of the simplicity associated with the developing systems.
3.1 Research Methodology Based on Android Features Of existing system
Order with using online website such as www.foodpanda.co.id and
www.klik-eat.com requires its customer to do registration first by filling too many
profile information. Moreover, not all ordering food websites provide pictures and
menus descriptions for its customer.
Takeaway Tracking System application gives restaurant provides some
features such as new order, reception, exit and order status with Google map API
(application programming interface) service by which the address of customer can be
auto locate as Google address. This also ensure that there will no error and effort
need to record the address of customer.
Features that are needed in application for customer are as follows:
3.1.1 New Order
New order feature to make an order by choosing restaurant and menus
provided freely, and the second one is using My Favorites feature to make an order by
choosing one of the top three favorites restaurant.
a. Customer details ( this feature enable a user to fill name, contact number and
address)
b. Product items ( this feature shows the products to choose with quantity)
c. Order now( this feature shows the order to be done and ready to take response
from restaurant)
d. View bill (this feature shows all selected product with price and total

payments and information related to customer order that has been filled by
customer).
e. Confirm order (customer will finally complete send order by hit it)
3.1.2 Order Status
Order status is the feature that will used to show order status consist of
order pending means that order has not been confirmed by restaurant, order
delivered means that order has been sent to its destiny by delivery driver.
Features that are needed in application for admin are as follows:
3.1.3 Reception
a. Login(admin login in by enter name and password)
b. All Orders (admin see all order and manage them as orders are confirms from
kitchen side.)
c. Confirm order(after food ready admin confirm order of customer by click on
confirm)
d. Delivery now( handed over to delivery driver then click on delivery now)
e. Exit (this feature means admin go out from app)

3.2 Tools and Techniques

3.2.1 Materials Requirements (Hardware and Software)
In this chapter, information regarding the proposed software can be found
through the materials. The hardware and software specification of the proposed
software are presented to ensure that the system will run properly.
Table 3.2(a) shows the hardware requirement of the proposed software
while table 3.2(b) shows the software requirements.

Specifications

Recommended Requirements

Processor

2.0 GHz or higher

Hard disk

120 Gigabyte or higher

Memory

512 MB

Monitor, android phone

CRT/LCD monitor

Internet

wifi
Table 3.2(a) Hardware Requirements

Specifications
Operating System
Front end

Recommended Requirements
Windows XP, Android
JavaScript(ajax,Jquery,Jquery

Backend

mobile),CSS3,HTML5
MYSQL , PHP, Android

Web browser
Google Chrome
Server
Apache Server 2.5
Integrated Development Environment Cordova, phone gap
(IDE)
Web Server Package Tool

XAMPP for Windows 1.7.4

Table 3.2(b) Software Requirements

3.3. Front End, Backend and Stacks with Technologies
3.3.1 Suggested solution for existing system (development of android application)
The actual ordering and delivering process by takeaways tracking system
can be improved by modern software and services. It is suggested, that takeaways
tracking system registers with one of the online delivery services described for
receiving orders from customers. By doing this, the restaurant will become better
known in the area. Thus, with the services provided by the online ordering services, it
will be easier for the takeaway and customers when making the ordering process.
Additionally, a system should be created to help the admin to perform his job better
than before. This is also the focus of this thesis. Below is the design for the suggested
system:
.

Figure3.3: Design of suggested system

The suggested system consists of these components:
1 An application server has an interface to handle the incoming orders
2 A database to save customers information
3 A web application and mobile application for customers to place order and check their
4

orders status
Both application handled and controlled by the admin/delivery driver/customers
5

Google Map Web Services

3.4.1 Interface To Handle Incoming Orders:

This interface is a tool for admin to receive orders information from
customers and save them to the database. The interface runs on an application server
and should at least have these functions:

Manage customers information

Manage the dishes being provided by takeaway tracking system
Manage orders.
The ordering service cannot cover all of the customers, the ordering

methods or all the transactions of the restaurant.

3.4.2 Database to save customers information
This database stores data such as customers information, orders
information, transactions details, price list, etc. The database is not only used with the
inter-face mentioned above, but it also communicates with other components in the
system: mobile application retrieves delivery order list from this database; the feature,
which displays orders status could also connect to this database as well.
3.4.3 Order Status feature for customers orders
A customer at home can open this feature as order status in takeaway
tracking system through android phones or web. It runs on a web server and has one
function:

Display the status of customers order (delivered or pending will be shown)

3.4.4 Mobile and web application for customers and admin:

Mobile application runs on the android mobile phone and web application
on browser. It has the features and functions listed below:
Display the new order (handled by user)
View order status (viewed delivery or pending of order)
Reception (handled by admin)
Exit (admin/customer can quit from system)
Calculate the best driving route for delivering food and Check when receiving
payment Display delivery summary
3.5 Google Map API Web Services

Google provides an API web service for developers to build applications

utilizing its powerful services. Google Map Services assists in planning a better
driving route through many destinations.
3.5.1 Google Map API Web Services Concept with Android Application
Google has a very popular online map, which can be freely used by
anyone. Together with this map, it provides many tools for developers to use in
conjunction with the map.
The Web Services is a collection of http interfaces to Google for getting
useful geo coding data. This thesis will use Direction Service in its implementation.
Currently, the ser-vice offers developers 2500 requests per day with up to 10
waypoints per request for freely use. Otherwise, it is to be noted that the Directions
API may only be used in con-junction with displaying results on a Google map; using
Directions data without displaying a map for which directions data was requested is
prohibited.
3.6 CONCEPTS (Development cost and flexibility)
For an appropriate development cost and flexibility in using the mobile
application, these components will be used as described below:
i
Apache HTTP server MySql database
ii
PHP as programming language on HTTP server
iii
HTML5, CSS, Jquery Mobile for developing the web app
iv
Phone gap to package the web app into a standalone program
v
Google Map API Web Services
In addition, the Admin and customer have an android mobile phone
with internet connection wifi.
The following sections describe the components in details:
3.6.1 Apache HTTP server
Apache HTTP server is an open source web server; this project is
maintained by the Apache Software Foundation. It is the world most used server by
active site across all domain names. In comparison with IIS 16, another server from
Microsoft [39], Apache HTTP server served 43% domains more in 2011. In web
technology, Apache web server sits between the clients and the web site. It redirects
all the requests from a web browser to the resource on the server, and then delivers

back the answer as web pages through HTTP protocol. In the system suggested,
Apache HTTP server works as an interface to communicate with the database for
inputting and receiving data.

Figure 3.4 : Apache HTTP Server

The client in the figure above is a software user agent, transferring a
request of the user to the server, based on an HTTP protocol. In the suggested system,
the clients are web browsers running on customers computer, restaurant computer
and mobile phone of the delivery driver.
3.6.2 MySQL and PHP (backend)
Beside Apache HTTP server, MySQL is one of the most successful open
source products. It is a relational database management system, which can run on
more than 20 operating systems. It has features of high performance, reliability, and
ease of use. Many large organizations have been using SQL including Face book,
Google, Adobe.
MySQL stores data in database objects called tables and uses SQL as a
query language. Below are some queries that are used in MySQL:
To connect to a database and send queries, another language is used in web
technologies: PHP. PHP is a server side scripting language; its scripts are executed on
the server. PHP is open source, run on different platforms and supports many
databases, including MySQL.
PHP can be written in a separate file or mixed into the HTML document.
The combination of Apache HTTP server, MySQL and PHP is often used on a Linux

system for Web development. It is usually called a LAMP stack.

3.6.3 HTML5, CSS and JQUERY Mobile (frontend)

HTML5 is the fifth version of HTML, a language developed by W3C for
use in creating semantic documents on the World Wide Web.
In the early days, HTML documents were in very simple form: they are
mostly texts. A great feature of an HTML document was the ability to link different
documents easily from one location. This feature is called Hyper Text Link. As the
World Wide Web increases in size and subsequently being used more widely, the
specifications and features of HTML must also be changed accordingly. HTML,
nowadays, is not only used with simple text pages, it is also built to contain rich
media resources. Web pages, which are created with HTML5, function even more
intelligently.
Creating an HTML5 document is not too difficult, as can be seen from the
document shown above: The first line tells the browser that this is a HTML5
document. The code inside the < > are tags; Tags describe semantically what it
contains. The content displayed in between a start tag and a close tag, together with
the tags, is called element. A tag can contain an attribute to provide additional
information for the element. The whole code above creates an HTML5 document with
the title Sample document and the content Sample paragraph. As mentioned in
the first paragraph, HTML is used to create semantic documents. Its main task is in
describing the content, not formatting it. However many developers did not use it
seriously; they used some tags to style their texts, and were unprofessional in their
usage of the language.
For formatting texts, W3C provides another language, CSS. A CSS style
sheet is a list of definition, which defines how each HTML element will be displayed.
This list can be contained inside the HTML document or externally and linked from
the HTML.

When bundling with CSS and Jquery Mobile, HTML5 becomes a very
good combination for serving rich media content to different platforms, particularly
mobile devices. In addition to the normal functions, HTML5 provides new features to
support development website for mobile device. Some of these features are very
useful for developing the mobile application:
Meta name Viewport: this will resize the viewport of the web site to fit
devices width. Offline Caching: allow users to view web site offline after having
visited it before.
Local storage: let the web server to store data on the device so that it can
be used later directly from the device.
If HTML5 is for the content, CSS for the styling, then Jquery Mobile
comes to support the behavior and mix them all to give web apps a look nearly the
same as a native app. The Jquery Foundation has introduced Jquery Mobile on their
website like this.
A unified, HTML5-based user interface system for all popular mobile device platforms, built on the rock-solid Jquery and Jquery UI foundation. Its
lightweight code is built with progressive enhancement, and has a flexible, easily
theme able design.
Jquery Mobile has been widely used in creating native-like mobile web
apps. Although, the framework is based on JavaScript, developers will find it easier to
implement than JavaScript: The web app must include the Jquery Mobile script in the
html code. In the body of html, some predefined elements of the framework will be
used to mark the content of web app. Jquery Mobile will find these elements based on
the appropriate tag names and attributes. The web app at the end will be rendered to
have a nice interface on a mobile device.
3.6.4 Phone gap Technology for Android Application
Phone gap is an open source framework, which is developed by Nit obi but

was acquired by Adobe in October 201. It helps developers in creating hybrid apps by
using usual web technologies. Phone gap provides its SDK named Cordova. The SDK
offers API to access many devices features from Accelerometer to Storage. The main
function to be focused upon in this thesis is its ability to convert a web app into a
hybrid app so that it can be installed on a mobile phone by the driver.
To use Phone gap, developers generally go through some steps according
to which platform the app will run on. Below is a brief description of the steps needed
to build hybrid app for Android
1

Download and install Android SDK

Download Cordova Set up an android project in IDE Eclipse

Copy files downloaded from Cordova into appropriate folder

In Eclipse, edit to include Cordova jar file in the build path

Make some change in the main java file and AndroidManifest.xml

Edit index file to include Cordova JavaScript file

Run the project

After running through these steps, it is possible to deploy the application

into the mobile device. Another way to build Phone gap hybrid app more comfortably
is by using its online build service. Developers register an account at
http://build.phonegap.com, then upload the whole web app project to that particular
website, choose the destination platform and let the service do all the building process
itself.

CHAPTER IV
PROJECT DESCRIPTION
4.0 (Project Design, Testing and Implementation)
4.1 Architecture (System and software design)
Make the application design workflow for customer side, restaurant admin
side using the storyboard design; the user experience design; the Unified Modeling
Language (UML) design consist of use case and activity diagram; and database
structure design.
a. Storyboard design
The storyboard design is designing the user interface including each
interface description.
b. User experience design
The user experience design is designing the totality of end user perception
when interacting with the application
c. UML design
The UML design consists of use case to define the system function from
each actor perspective then completed by explanation in use case narrative, activity
diagram to draw the process of each actor in diagram, class diagram to draw object or
class of system with its relationship, and sequence diagram to draw the message
interaction with its objects base on its order of time.
d. Database structure design
Database structure design is made by the result of class diagram. It draws
the classes that need to be saved in database and its relationship.
The takeaway tracking system (android and web application) structure is shown as

Under;

Confir
m

Figure 4.1: Structure of TAKEAWAY TRACKING SYSTEM (android and web

application)
4.2 UML Design Architecture
The UML design consists of use case to define the system function from
each actor perspective then completed by explanation in use case narrative, activity
diagram to draw the process of each actor in diagram.

4.3 Use Case diagram

It shows to define the system function from actors in use case narratives.
i.

Use-case Diagram For Both Admin And Customer

ii.
iii.

Use-case Diagram For Admin

Use Case Diagram For Customer

4.3.1 Use-case Diagram For Both Admin And Customer

Below are the use-cases, which exist when the admin and customer uses
the mobile and web application placing order by customer and receiving order by
admin.
All activities of sending, receiving, confirming order of food done by the
customer and admin in android application of takeaway tracking system (android and
web app) are as follows;
1. 1.By hit on NEW ORDER Enters the name, contact number, address and hit
NEXT then select product items, category, quantities then hit ORDER NOW
to go ahead .user also facilitated options to REST order and go BACK to
previous page.
2. Hit CONFIRM ORDER now
3. Clicks on the ORDER STATUS users can see the order is in PENDING OR
DELIVERED.
4. ADMIN can login enter name and password to system by hit RECEPTION.
5. Afterward ALL ORDER information with Google address is viewed by
admin.
Delivery drivers will take order and go to the door strap of users address
and postpaid payment done by users.

Figure 4.2: Use case diagram for both admin and customer
Takeaway Android application
4.3.2

Use-case Diagram For Admin

This use-case shows the activities and actions done by admin
Admin can login enter name and password to system by hit RECEPTION.
Afterward ALL ORDER information with Google address is viewed by

admin.

Figure 4.3: use case diagram for admin Takeaway Android application
Description of use case diagram for admin:

Use case

Description

Actor

Admin can entre name and

password in application.
1

RECEPTION
Login

Admin
Admin login to system by
entering correct name and
password.
Admin
Admin can view the list of
orders with customers names,

address,
contacts
product
items, quantity, price payments
etc
3

View list of orders

Admin
Admin

View best
Route
throughAfter choosing which orders
Google address
are finished, the Admin
can see the best
route to deliver orders

Delivery now

Admin confirm the order

5
Admin
6

Admin finish transaction and

come out from system by hit
exit.

Exit

Admin
Table 4.4: Description of the use case diagram for Takeaway android
application
4.3.3 Use Case Diagram For Customer
This usecase diagram show the action done by customer
1.By hit on NEW ORDER Enters the name, contact number, address and hit NEXT
then select product items, category, quantities then hit ORDER NOW to go ahead
.user also facilitated options to REST order and go BACK to previous page.
2. Hit CONFIRMS ORDER now.

Figure4.5: usecase diagram for customer in android app:

DESCRIPTION: usecase diagram for customer in android app

Table

Use-case
New order

Customer
Details

Product items
Order now

View bill

Confirm

Exit

Description
Customer
place
New order
Customer
enter
information like
name,
contact,
address
customer
can
select
desire
Items of food

Actor
customer

customer
can
proceed order by
clicking this
option

customer

customer
can
view the order
Bill with product
price and total
payments

customer

Customer
can
confirm and make
mind to order
finally by clicking
confirm option.
Customer can quit
from system by
clicking
exit
option

customer

customer

customer

customer

Description of the use case diagram for customer Takeaway android

application

4.6:

4.3.4 Use-Case Diagram For Customer view ORDER STATUS option.

This use-case diagram shows action done by customer after confirmation
of his/her order of food using option view orders status.
1. Customer will click on the ORDER STATUS and can be able to see the order
status either is in PENDING OR DELIVERED
2. Pending show, order is not confirmed yet.
3. Delivered show, order is confirmed now by restaurant admin.

Figure 4.7: Use case diagram ORDER STATUS for customers

Description:
Use case

Description

Actor

The customer can view their

placed order status
1

View orders status

Customer
Either pending or delivered

Table 4.8: Description of the use case diagram order status for
customers
4.4 Activity Diagram( Flowcharts) of Takeaway Android application
Activity diagram to draw the process of each actor in diagram.

4.4.1 Flowchart: Mobile and web application for customer:

The flowchart below describes the actions the customer takes when
ordered food.

Figure 4.9: Flowchart describes actions the customer does with the application
4.4.2

Flowchart : Mobile and web application for admin

The flowchart below describes the actions the admin takes when delivering

food to customers.

Figure:4.10 flow chart Mobile and web application for admin

4.4.3 Order Status for Customers

The flowchart below describes the actions a customer takes when checking the
Orders status.

Figure 4.11: Flowchart describes actions a customer takes on the order status for
customers
4.5 Database Design Architecture
Below is a design of the database schema:

Figure 4.12: Database schema

4.5.1 Database ERD
They are strongly related, we are used relational database management system,
and it is relational database management system.

Figure 4.13: Database ERD

The table products stores information about the food served at this
application. This table has a many-to-many relationship with the table orders, therefore
another table orders products is needed to connect them together. This middle table acts
as if it has many-to-one relationship to the two original tables.
4.6 Deployment with Phone Gap Technology
The integration into application takeaway tracking system is made by using the
online service of Phone gap at http://build.phonegap.com.

Before submitting the code to Phone gap build, a small configuration should be made.
Because the application runs on mobile device and send request to the server, the
address of the server must be defined beforehand.
var serviceURL = "http://192.168.1.5/takeawy/services/";
It is in the variable service URL and locates in the file index.js.
4.7 Implementation and unit testing
This is the developing application phase; it includes making database and
translating the design result done in the previous phases to programming language
codes. After that, a program unit testing will be done.
The application development divided to two phases, which are:
a. Database making
Database is made based on the design. It used MySQL database
management system which will be related between the applications developed in
Android OS and the website developed in using phone gap online services/ Java
Server Page.
b. Application and website development
This phase is translating the result of design into phone gap for customer
side android application, and apache Server for admin side web application.
After doing these two phases, a program unit testing will be done.
4.8 Integration and system testing
After doing program unit testing in the previous phase, all applications and
websites will be integrated into one whole system. After that, a system testing will be
done. The applications and websites will be integrated using one database.
4.9 Operation and maintenance

After doing integration into one whole system, if there is any changes or
reparations needed then the previous phases can be back.
4.10 Results and Application Screenshots
After uploading the application to the online build service, Phone gap
builds it and offers different completed files for different OS. Users can also
download these setup file direct to the devices by using QR-code . . Following are the
screenshots of the test.
QR-code: Quick Response code http://www.qrcode.com/en/qrfeature.html

SCREENSHOT 1:
This is the main home screen of the
Android Application named
Takeaway Tracking System
Main home page have following
Features;
1.
2.
3.
4.

NEW ORDER
ORDER STATUS
RECEPTION
EXIT

Figure 4.14(a): This is the main home

screen of the web/android application
SCREENSHOT 2:
This screen shows when customer hit on
NEW ORDER then input his/her personal
Data for sending order will appear on screen
CUSTOMER DETAILS
Customer Name
Address
Contact

NEXT AND RESET

Customer hit next if want to go ahead
Otherwise hit reset
Customer can go back to Home screen
By hit it
Figure 4.14(b): This screen shows customer input
SCREENSHOT 3
This screen shows that after hit on NEXT
The following features will be shown
PRODUCT
Dropdown menu of product items will be
Appear and customer can select food from them
CATEGORY
Dropdown menu of small, large, regular,
Product item category will appear for customer.
QUANTITY
Product quantity can be selected by
Customer
ORDER NOW
If customer want to go ahead hot ORDER NOW
Otherwise RESET
Figure 4.14(c): customers
select Product, category and
quantity for order
SCREENSHOT 4:
This screen shows after hit ORDER NOW,
VIEW BILL screen will be appear with product,
Category, quantity and price.
Some other features are as under
CONFIRM ORDER
Customer can finally confirm his/her order
By hit it
CANCEL ORDER

 If customer dont want to order he will hit it

MORE ORDER
If customer want to proceed their existing
Order more then have to hit it

Figure 4.14(d): customer views the

bill and can confirm, cancel or more
order .If he/she confirm order, the
order will received to admin/reception

SCREENSHOT 5:
This screen shows when admin hit on
RECEPTION then input his/her personal
Data for LOGIN will appear on screen
LOGIN
Admin Name
Password
Admin can enter in the database of takeaway
Tracking system after correct name and password enter.
Back
Admin can go back to Home screen by hit it
Figure 4.14(e): Reception or
admin can login for view all
orders, and the orders will
be deliver to the customer

SCREENSHOT 6:
This screen shows when admin LOGIN to system
All order information will be appear on screen with
Customer
Contact
Order
VIEW
Customer can hit it to view the bill

Figure 4.14(f): This screen shows

Reception/Admin can view all orders.
SCREEN SHOT 7:
This screen shows customer information with
order for admin with

Customer name on headerline

Customer product
Category
Quantity
Price
Customers address with google address
Total payment price

Google address:best routs shown with it of customer

address order through google API services

Figure4.14(g): This page shows

the information of of the customers order and location ,then deliver that order

4.11

Application Evaluation Based on Similar Application Comparison

Table 4.11. Similar application comparison

Takeaway Tracking
Feature

Food Delivery
Depot on Call

System

Based on Android

OS
Order by Phone
Calling
Order by web
Application
GPS Tracking
Category Menu
Product items
All Order History
Customer detail
Order Status (real

time)
The similar application compared to Takeaway Tracking System
application is Food Delivery Depot on Call application. By comparing to Takeaway
Tracking System application, it can only be run in offline mode, it can only be used
to show menu, and the order can only be made by phone calling, while Takeaway
Tracking System application show user the menu product and description,
moreover the order is made through application in online mode.Food Delivery
Depot on Call application does not have several features provided in Takeaway
Tracking System application, such as All Order(history) to show the order which
has been made by user, product to show users favorite menu, and Order Status
to show order status in real time to user.
4.11.1 Application Evaluation Based on Eight Golden Rules
Below are the user interface evaluation based on eight golden rules:
1. Consistency
Takeaway Tracking System keeps its consistency by using the same font
type, color, layout, menu, and menu icon in each page. It applies to website

application and mobile application.

2. Provide Universal Usability
Takeaway Tracking System interface is made user friendly so it eases user
to use the application. It can be seen in the Back button provided in both customer
side which is using the universal icon and similar to user.
3. Provide Information Feedback
Takeaway Tracking System gives appropriate feedbacks to users, so if
there is any error happened, and then there will be a feedback dialog toward users.
4. Design Final Dialog
Takeaway Tracking System application is made to ease user in
understanding their action while using it. For example, in the application for
customer, there is a final dialog confirmation in setting interface while users try to edit
their profile.
5. Simple Error Handling
Takeaway Tracking System application is designed to avoid users doing
fatal errors. For example in the application for customer side, there is a message
appeared in the beginning and if users do not choose any menu and press the next
button directly, then there will be an error handling dialog appeared.
6. Reversal Action Allowance
Takeaway Tracking System application has integrated the simple reversal
action. For example, there is a Back button in almost all interfaces for both customer
side and courier side application.
7. Internal Locus of Control
Takeaway Tracking System application, users become the system

controller and system will response users action. For example in the customer side
application, there is a feature to let users change their own profile.
8. Reduce the Information Capacity for Short-Term Memory
Takeaway Tracking System application has integrated the reduction of
information capacity for short-term memory. For example, the menu icons used
relevant icons with the menu such as exit button used the exit door icon.

CHAPTER V
CONCLUSIONS AND RECOMMENDATIONS
5.1 Conclusions
Now a days world become global village and every people want to do his
work at home and everyone has no time for go to restaurant or any food
street/cafeteria. Therefore, by using this application user can order from home and get
free home delivery when admin or reception confirm the order form android or web
application. This application allows user free home delivery with auto address
tracking system and finds the location.

It will specially design for purpose of time saving and get easily home
delivery with auto address tracking. User will give order of fast food and admin or
reception will receive and confirm order. This project can be used for any type of
restaurant or fast food or canteens/cafeterias. Takeaway tracking system has been
successfully developed. It ran well on an android mobile phone. In addition, it would
be built to six other platforms supported by Phone gap. The development process was
comfortable thanks to the framework Jquery Mobile. However, because this type of
application based on web technologies, which works with stateless protocol, it was
difficult to track when there are any error to be debugged. The performance of the app
in comparison with a normal native app is obviously slower by its speed.
Nevertheless, the ability to be built for multiplatform is wonderful. Although the app
has met the main requirements of the suggested system, it could always be improved.
A nicer interface by styling the layout with CSS will make the app more enjoyable in
its look. The more features of HTML5 should also be applied into the app to make it
works better. A further development should be made is the integration of the app into
a new system when Takeaway Tracking system decides to register with an online
ordering service. In conclusion, the idea of integrating modern software and online
services into building was makeable and it has been successfully implemented.
1. Takeaway tracking system (android and web app) can help customer in
making order easily.
2. Takeaway tracking system (android and web app) gives information needed in
making order to customer
3. Takeaway tracking system (android and web app) made for restaurant can help
restaurant in receiving orders and modifying its data.
4. Takeaway tracking system (android and web app) made for admin can help
admin in controlling all Takeaway tracking system (android and web app).
5.2 Recommendations and Future Work:

Based on the foregoing findings of the study, the following are

recommended for future enhancement of the developed. In a whole, the thesis has
introduced a way to use modern software and online services for improving the
performance.
After having being developed, the app is packaged with the online build
service from Phone gap. Takeaway tracking system (android and web app) runs well
with the test environment and is expected to run the same on other platforms, which
were sup-ported by Phone gap. The implementation finishes with a successful result.
The thesis also notices some points, which could be still improved.
1. Adding more visual style on the website will capture customers attention
rather than having static pictures.
2. For the next development, this application can be developed to another
platform such as Blackberry and iOS, therefore other customers who are using
Blackberry operating system and iOS can also use this application and the
target user segmentation will also be wider.
3. For the next development, this application can be developed by adding other
payment method such as klikBCA, Visa, MasterCard, etc to facilitate customer
in payment process.
4. For the next development, this application can be integrated with social media
such as Face book, Twitter, etc to facilitate customer in getting Takeaway
tracking system application information.

REFERENCES
There are many current resources for PHP and android Programming and Databases
because its a vast tool to design any kind of projects.
There are also many resources for Database also because database is doing great job
the field of computers

Internet Resources:
[1] www.sunmicrosystem.com (1-8-2015)
[2] www.osborne.com (1-8-2015)
[3] www.vbsource.com (10-8-2015)
Internet Resources For Database
[1] www.php.net (20-8-2015)
[2] www.Databaseprograms.com (26-8-2015)
Internet Resources for Android:
[1] Cellular News.

Available on the Internet: <URL: http://www.cellular-

news.com/story/29824.php>.(1-9-2015)
[2] WRD Systems Ltd Company Website.
(http://www.wrdsystems.com> .(2-9-15)
[3] VisiRun Company website.

Available on the Internet: <URL:

Available

on

the

Internet:

<URL:

http://www.visirun.com/>. (4-9-2015)
[4] Track Peers. Available on the Internet: <URL: http://www.trackpeers.com/>.(109-2015)

ABBREVIATIONS
ADT
AVDM
JSON
API
HTML
XHTML

Android Developer Toolkit

Android virtual Device Manager
java script notifications
Application Programming Interface
Hyper Text Markup Language
Extensible Hyper Text Markup Language

XML
JS
ASP
CSS
MySQL
Jquery

Extensible Markup Language

java script
Active Server Page
Cascading Style Sheet
Standard Query Language
java script library

DEVELOPMENT TOOLS AND TECHNOLOGIES

1. ANDROID SDK
2. JDK1.8
3. MYSQL DATABASE
4. APACHE
5. PHONEGAP
6. PHP
7. JSON
8. JQUERY
9. HTML
10.GOOGLE API

HARDWARE AND SOFTWARE REQUIREMNTS

It is distributed system; system should meet the following hardware and
software requirements.
Hardware Requirements
1
2

Minimum 30 GB hard disk space.

2GB of RAM or more.

Software Requirements
1 ANDROID SDK

PROGRAMMER GUIDE

Before running this application user or application administrator must

fulfill the all requirements that are given below.
1
2
3

Install apk file in android device

MySQL
Android(for mobile)

WINDOWS/XP (for web)