thesis final (computer)

7/25/2019 Thesis Final (Computer)

1/47

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. !elivery 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. "owadays, mobile phone is not used for calling or #ms only, many mobile

phones also provide application that support people daily activities developers

decided to create an ordering food application with $ndroid %# platform named

&Takeaway Tracking #ystem 'android and web application(). This application gives

restaurant list information with provides some features such new order reception,

order status, e*it in main home screen with +oogle map $PI service .$ 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 enoy 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.

Page | 1


2/47

This auto track address of customer ability is due to the +oogle map $PI

'application programming interface( services and technology. -sers can also place

order with the website as well as android phone.

$ctions and functions in this takeaway tracking system 'android and web

application( are performed as under

ustomer/ '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(.

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

$dmin/ '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(.

$dmin 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.

$dmin can view all orders with customer information with product items,

quantity, prices and total payments of orders, handles order and confirm order.

!elivery 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. 0estaurants receive orders not

directly from customers but through a third party, in this case, the online food

Page | 2


3/47

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. 0eduction of the amount of work the employee has on receiving

orders directly from customers per telephone. The restaurant is simply listed on the

1ebsite of online food ordering service, which is well advertised to the market. +ood

restaurants with high reputations will be presented by good ratings. It is obvious that

takeaway tracking system service is helpful. 2owever, there are still some

inconveniences in the process. 1hen finishing the order, the customer does not know

how long it will take to have food delivered. 2e ust receives only the confirmation

from the ordering service that confirming that the order has been made. %therwise, he

must contact the restaurant directly if he wants to get more information. 3urthermore,

transferring orders by fa* or email does not always run smoothly/ paper am by the

fa* machine, quiet fa* 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. !elivery 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. "owadays,mobile phone is not used for calling or #ms only, many mobile phones also provide

application that support people daily activities.

1. Aim! and Ob"ecti#e!:

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

Page | 3


4/47

firms to meet up with demands of the customers. Therefore, the food ordering and

delivery system will help customers and management to/

$dvertise available foods in their company

0educe the workload in the present system

0educe time wasted in data processing

reate a platform for online purchase and delivery of fast food

4eep accurate record on purchased order and delivery.

This android application also focuses on the development of e5commerce 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 restaurant6s business process for achieving

the obectives/

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 customers6 orders detail to front5end and

0eception for delivering customers6 orders and Tracking the customers

7ocation through +oogleapi.

Tools that generate reports that can be used for decision making

Page | 4


5/47

$ 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.$ T%e!i! Structure:

onceptual 3ramework Takeaway Tracking #ystem 'android and web

application( is modeled by waterfall model.

&i'ure 1.1: (ater)all model *T%e!i! Structure+Ima'e

7ink/http/88www.bu99le.com8articles8waterfall5model5vs5v5model.html

Page | 5


6/47

CHAPTER II

RE,IE- O& REATED ITERATURE AND STUDIES

2.1 iterature Re#ie(:

The population in Pakistan is growing from year to year. It gives

opportunities to the restaurant industries to develop their business.

Po/ulation P0ramid 1 3 24245

3igure :.; Population ensus %rgani9ation Population Proections ;


7/47

2.2 E7i!tin' Pro"ect!:

2.2.1 Online food ordering service:

urrently, there are many big names in Pakistan providing online food ordering

services for restaurants such as

;. To!! do(n/ website/http/88tossdown.com8

:. &ood Panda/ 1ebsite/www.foodpanda.pk

?. Su/er meal1ebsite/ www.supermeal.pk

. Eat O0e8 1ebsite/ https/88eatoye.pk8

These companies have almost the same concept/ they serve users6 orders

through a website. This website can be opened on a customi9ed mobile application. It

lists all the restaurants with their menus. -sers ust browse through and choose

favorites foods, then complete the order process and wait for the delivery.

2.2 Sur#e0! conducted:

$pple reported, on Cune :>;:, that since the inception of $pp #tore, ?>

billion apps have been downloaded. $t the same time, Dyologic also estimated that

the total mobile applications on four popular platforms are about ;.E million and that

there are currently >>,>: publishers. More and more mobile applications are

downloaded and uploaded daily. -sers have now become acquainted with this type of

software/ the mobile app.

!ue to the mobility and the ability for calculating, mobile apps on mobile

devices seem to be very helpful in everyday life. 3urthermore, 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 :>;: there were ;


8/47

#tandard cell phones usually run on an operating system fi*ed 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 bo* are closed to

e*tern developers e*tra new applications should normally built on another

application development platform supported by the phone.

%n the other hand, modern phones are often delivered with powerful

hardware they normally run on a fle*ible platform, which has $PIs opened to all the

developers. !evelopers can easily build more native applications by using the #!4

released by the operating system vendor. These modern phones are called

#martphone6s.

The graphic below gives an overview of the market shares of operating

systems on #martphone6s in :>;: and a forecast for the year :>;F.

&i'ure 2.2: &oreca!t o) (orld(ide mar9et !%are! )or mobile o/eratin' !0!tem in 0ear!

2412 and 241.

#ome of the most popular platforms for #martphone6s are android, i%#,

1indows Phone and Blackberry %#. 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 e*pected to grow on the market

in future.

Page | 8


9/47

2.2.2 Google Android:

$ group of companies led by +oogle then created $ndroid. This first truly

open source operating system for mobile devices has been developed since E th

"ovember :>>G. #ome of the group founding members that have oined the

development are T5Mobile, 2T, Hualcomm, and Motorola $ndroid is based on the

7inu* 4ernel, and utili9es a customi9ed virtual machine named !alvik, which was

designed for low memory requirement. %ne of the openness by $ndroid for end users

as developers is the ability to write applications using the very same resources that

core applications were using. !evelopers have the equal rights to access all

capabilities of the phone.

"ative applications for android are written mostly with programming

language Cava and $ndroid #!4 in an clipse I!, which has the $!T plug5in

installed.

2.2.3 Web Application:

1eb apps are not actually new. They are ust another term for websites,

which were developed based on web technologies like 2TM7, Cava#cript, and ##.

The term &1eb app) is nowadays often used when talking about a web5site developed

specially for a mobile device.

In contrast to native apps, web apps stay on a web server outside of the

mobile platform. -sers e*ecute 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 directlyput on the device but locali9ed on a web server, it is easier for the users to keep the

application up to date. $ 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

Page | 9


10/47

browser. This great feature is the advantage of web app over native app/ plat5form

independence.

!evelopers often use 2TM7E together with Huery 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 $PI. $lmost all modern mobile operating systems support these

2TM7E features.

3rom all backgrounds and research surveys above, developers decided to

create an ordering food application with $ndroid %# platform named &Ta9ea(a0Trac9in' S0!tem *android and (eb a//lication+).

Page | 10


11/47

CHAPTER III

RESEARCH ;ETHODOOa!ed on Android &eature! O) e7i!tin' !0!tem

%rder with using online website such as www.foodpanda.co.id and

www.klik5eat.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 #ystem application gives restaurant provides some

features such as ne( order? rece/tion? e7it and order !tatu!with +oogle map $PI

'application programming interface( service by which the address of customer can be

auto locate as &+oogle address). This also ensure that there will no error and effort

need to record the address of customer.

3eatures that are needed in application for customer are as follows/

3.1.1 New Order

"ew order feature to make an order by choosing restaurant and menus

provided freely, and the second one is using My 3avorites feature to make an order by

choosing one of the top three favorite6s restaurant.

a. Cu!tomer detail! ' this feature enable a user to fill name, contact number and

address(

b. Product item!' this feature shows the products to choose with quantity(

c. %rder now' this feature shows the order to be done and ready to take response

from restaurant(

d. ,ie( bill 'this feature shows all selected product with price and total

Page | 11
http://en.wikipedia.org/wiki/Waterfall_modelhttp://en.wikipedia.org/wiki/Waterfall_modelhttp://en.wikipedia.org/wiki/Waterfall_modelhttp://en.wikipedia.org/wiki/Waterfall_model


12/47

payments and information related to customer order that has been filled by

customer(.

e. Con)irm order 'customer will finally complete send order by hit it+

3.1.2 Order Stat!s

%rder 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.

3eatures that are needed in application for admin are as follows/

3.1.3 "eceptiona. o'in'admin login in by enter name and password(

b. All Order!'admin see all order and manage them as orders are confirms from

kitchen side.(

c. Con)irm order'after food ready admin confirm order of customer by click on

confirm(

d. Deli#er0 no(' handed over to delivery driver then click on delivery now(

e. E7it'this feature means admin go out from app(

.2 Tool! and Tec%ni@ue!

3.2.1 Materials "e#!irements*2ardware and #oftware+

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 ?.:'a( shows the hardware requirement of the proposed software

while table ?.:'b( shows the software requirements.

S/eci)ication! Recommended Re@uirement!

Page | 12


13/47

Processor :.> +29 or higher

2ard disk ;:> +igabyte or higher

Memory E;: MB

Monitor, android phone 0T87! monitor

Internet wifi

Table .2*a+ Hard(are Re@uirement!

S/eci)ication! Recommended Re@uirement!

%perating #ystem 1indows DP, $ndroid

3ront Jend Cava#cript'aa*,Cquery,Cquery

mobile(,##?,2TM7E

Backend MK#H7 , P2P, $ndroid

1eb browser +oogle hrome

#erver $pache #erver :.E

Integrated !evelopment nvironment

'I!(

ordova, phone gap

1eb #erver Package Tool D$MPP for 1indows ;.G.

Table .2*b+ So)t(are Re@uirement!

.. &ront End? >ac9end and Stac9! (it% Tec%nolo'ie!

3.3.1 S!ggested sol!tion for e$isting 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 betterknown 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.

$dditionally, a system should be created to help the admin to perform his ob better

than before. This is also the focus of this thesis. Below is the design for the suggested

system/

.

Page | 13


14/47

&i'ure.: De!i'n o) !u''e!ted !0!tem

T%e !u''e!ted !0!tem con!i!t! o) t%e!e com/onent!:

; $n application server has an interface to handle the incoming orders: $ database to save customers6 information

? $ web application and mobile application for customers to place order and check their

orders6 status

Both application handled and controlled by the admin8delivery driver8customers

E +oogle Map 1eb #ervices

Page | 14


15/47

3.&.1 'nterface (o )andle 'ncoming Orders

This interface is a tool for admin to receive orders6 information from

customers and save them to the database. The interface runs on an application server

and should at least have these functions/

Manage customers6 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.&.2 *atabase to save c!stomers+ informationThis database stores data such as customers6 information, orders6

information, transactions6 details, price list, etc. The database is not only used with the

inter5face 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 order6s status could also connect to this database as well.

3.&.3 Order Stat!s feat!re for c!stomer+s orders

$ 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/

!isplay the status of customer6s order 'delivered or pending will be shown(

3.&.& Mobile and web application for c!stomers and admin

Mobile application runs on the android mobile phone and web application

on browser. It has the features and functions listed below/

!isplay the new order 'handled by user( Liew order status 'viewed delivery or pending of order(

0eception 'handled by admin(

*it 'admin8customer can quit from system(

alculate the best driving route for delivering food and heck when receiving

payment !isplay delivery summary

.


16/47

+oogle provides an $PI web service for developers to build applications

utili9ing its powerful services. +oogle Map #ervices assists in planning a better

driving route through many destinations.

3.,.1 Google Map A-' Web Services oncept wit/ Android Application

+oogle 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

conunction with the map.

The 1eb #ervices is a collection of http interfaces to +oogle for getting

useful geo coding data. This thesis will use !irection #ervice in its implementation.

urrently, the ser5vice offers developers :E>> requests per day with up to ;>

waypoints per request for freely use. %therwise, it is to be noted that &the !irections

$PI may only be used in con5unction with displaying results on a +oogle map using

!irections data without displaying a map for which directions data was requested is

prohibited).

. CONCEPTS *De#elo/ment co!t and )le7ibilit0+

3or an appropriate development cost and fle*ibility in using the mobile

application, these components will be used as described below/i $pache 2TTP server My#ql database

ii P2P as programming language on 2TTP server

iii 2TM7E, ##, Cquery Mobile for developing the web app

iv Phone gap to package the web app into a standalone program

v +oogle Map $PI 1eb #ervices

In addition, the $dmin and customer have an android mobile phone

with internet connection wifi.

The following sections describe the components in details/

3.0.1 Apac/e )((- server$pache 2TTP server is an open source web server this proect is

maintained by the $pache #oftware 3oundation. It is the world most used server by

active site across all domain names. In comparison with II#;F, another server from

Microsoft ?;;. In web

technology, $pache 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

Page | 16


17/47

back the answer as web pages through 2TTP protocol. In the system suggested,

$pache 2TTP server works as an interface to communicate with the database for

inputting and receiving data.

&i'ure .$ : A/ac%e HTTP Ser#er

The client in the figure above is a software user agent, transferring a

request of the user to the server, based on an 2TTP protocol. In the suggested system,

the clients are web browsers running on customer6s computer, restaurant computer

and mobile phone of the delivery driver.

3.0.2 MyS and -)- %bacend4

Beside $pache 2TTP server, My#H7 is one of the most successful open

source products. It is a relational database management system, which can run on

more than :> operating systems. It has features of high performance, reliability, and

ease of use. Many large organi9ations have been using #H7 including 3ace book,

+oogle, $dobe.

My#H7 stores data in database obects called tables and uses #H7 as a

query language. Below are some queries that are used in My#H7/

To connect to a database and send queries, another language is used in web

technologies/ P2P. P2P is a server side scripting language its scripts are e*ecuted on

the server. P2P is open source, run on different platforms and supports many

databases, including My#H7.

P2P can be written in a separate file or mi*ed into the 2TM7 document.

The combination of $pache 2TTP server, My#H7 and P2P is often used on a 7inu*

Page | 17


18/47

system for 1eb development. It is usually called a 7$MP stack.

3.0.3 )(M,5 SS and 678"9 Mobile %frontend4

2TM7E is the fifth version of 2TM7, a language developed by 1? for

use in creating semantic documents on the 1orld 1ide 1eb.

In the early days, 2TM7 documents were in very simple form/ they are

mostly te*ts. $ great feature of an 2TM7 document was the ability to link different

documents easily from one location. This feature is called 2yper Te*t 7ink. $s the

1orld 1ide 1eb increases in si9e and subsequently being used more widely, thespecifications and features of 2TM7 must also be changed accordingly. 2TM7,

nowadays, is not only used with simple te*t pages, it is also built to contain rich

media resources. 1eb pages, which are created with 2TM7E, function even more

intelligently.

reating an 2TM7E document is not too difficult, as can be seen from the

document shown above/ The first line tells the browser that this is a 2TM7E

document. The code inside the & Q) 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). $ tag can contain an attribute to provide additional

information for the element. The whole code above creates an 2TM7E document with

the title ample document) and the content ample paragraph). $s mentioned in

the first paragraph, 2TM7 is used to create semantic documents. Its main task is in

describing the content, not formatting it. 2owever many developers did not use it

seriously they used some tags to style their te*ts, and were unprofessional in their

usage of the language.

3or formatting te*ts, 1? provides another language, ##. $ ## style

sheet is a list of definition, which defines how each 2TM7 element will be displayed.

This list can be contained inside the 2TM7 document or e*ternally and linked from

the 2TM7.

Page | 18


19/47

1hen bundling with ## and Cquery Mobile, 2TM7E becomes a very

good combination for serving rich media content to different platforms, particularly

mobile devices. In addition to the normal functions, 2TM7E provides new features to

support development website for mobile device. #ome of these features are very

useful for developing the mobile application/

Meta name Liewport/ this will resi9e the viewport of the web site to fit

device6s width. %ffline aching/ allow users to view web site offline after having

visited it before.

7ocal storage/ let the web server to store data on the device so that it can

be used later directly from the device.

If 2TM7E is for the content, ## for the styling, then Cquery Mobile

comes to support the behavior and mi* them all to give web apps a look nearly the

same as a native app. The Cquery 3oundation has introduced Cquery Mobile on their

website like this.

&$ unified, 2TM7E5based user interface system for all popular mobile de5

vice platforms, built on the rock5solid Cquery and Cquery -I foundation. Its

lightweight code is built with progressive enhancement, and has a fle*ible, easily

theme able design.

Cquery Mobile has been widely used in creating native5like mobile web

apps. $lthough, the framework is based on Cava#cript, developers will find it easier to

implement than Cava#cript/ The web app must include the Cquery 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. Cquery 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.0.& -/one gap (ec/nology for Android Application

Phone gap is an open source framework, which is developed by "it obi but

Page | 19


20/47

was acquired by $dobe in %ctober :>;. It helps developers in creating hybrid apps by

using usual web technologies. Phone gap provides its #!4 named ordova. The #!4

offers $PI to access many devices6 features from $ccelerometer to #torage. 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 $ndroid

; !ownload and install $ndroid #!4

? !ownload ordova #et up an android proect in I! clipse

opy files downloaded from ordova into appropriate folder

E In clipse, edit to include ordova ar file in the build path

F Make some change in the main ava file and $ndroidManifest.*ml

G dit inde* file to include ordova Cava#cript file

= 0un the proect

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

into the mobile device. $nother way to build Phone gap hybrid app more comfortably

is by using its online build service. !evelopers register an account at

http://build.phonegap.com, then upload the whole web app proect to that particular

website, choose the destination platform and let the service do all the building process

itself.

Page | 20


21/47

CHAPTER I,

PROBECT DESCRIPTION

$.4 *Pro"ect De!i'n? Te!tin' and Im/lementation+

&.1 Arc/itect!re %System and software design4

Make the application design workflow for customer side, restaurant admin

side using the storyboard design the user e*perience design the -nified Modeling

7anguage '-M7( design consist of use case and activity diagram and database

structure design.

a. Stor0board de!i'n

The storyboard design is designing the user interface including each

interface description.

b. U!er e7/erience de!i'n

The user e*perience design is designing the totality of end user perception

when interacting with the application

c. U; de!i'n

The -M7 design consists of use case to define the system function from

each actor perspective then completed by e*planation in use case narrative, activity

diagram to draw the process of each actor in diagram, class diagram to draw obect or

class of system with its relationship, and sequence diagram to draw the message

interaction with its obects base on its order of time.

d. Databa!e !tructure de!i'n

!atabase 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

Page | 21


22/47

-nder

&i'ure $.1: Structure o) TAEA-A= TRACIN< S=STE; *android and (eb

a//lication+

$.2 U; De!i'n Arc%itecture

The -M7 design consists of use case to define the system function from

each actor perspective then completed by e*planation in use case narrative, activity

diagram to draw the process of each actor in diagram.

$. U!e Ca!e dia'ram

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

i. -se5case !iagram 3or Both $dmin $nd ustomer

Page | 22

Confr


23/47

ii. -se5case !iagram 3or $dmin

iii. -se ase !iagram 3or ustomer

&.3.1 7se:case *iagram for ;ot/ Admin And !stomer

Below are the use5cases, which e*ist when the admin and customer uses

the mobile and web application placing order by customer and receiving order by

admin.

$ll 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.>0 %it on NE- ORDERnters the name, contact number, address and hit

"DT then select product items, category, quantities then hit %0!0 "%1

to go ahead .user also facilitated options to 0#T order and go B$4 to

previous page.

:. Hit CON&IR; ORDERnow

?. licks on the %0!0 #T$T-# users can see the order is in P"!I"+ %0

!7IL0!.

. AD;INcan login enter name and password to system by hit 0PTI%".

E. A)ter(ard A ORDERinformation with +oogle address is viewed by

admin.

!elivery drivers will take order and go to the door strap of users address

and postpaid payment done by users.

Page | 23


24/47

3igure .:/ -se case diagram for both admin and customer

&Takeaway $ndroid application)

&.3.2 7se:case *iagram


25/47

address, contacts product

items, quantity, price payments

etc

Liew list of orders $dmin

$

$dmin

Liew best

0oute through

+oogle address

$fter choosing which orders

are finished, the $dmin

can see the best

route to deliver orders

!elivery now $dmin confirm the order

$dmin

F *it

$dmin finish transaction and

come out from system by hit

e*it.

$dmin

Table ./ !escription of the use case diagram for &Takeaway android application)

&.3.3 7se ase *iagram 0 %it on NE- ORDER nters the name, contact number, address and hit "DT

then select product items, category, quantities then hit %0!0 "%1 to go ahead

.user also facilitated options to 0#T order and go B$4 to previous page.

2. Hit CON&IR;S ORDERnow.

Page | 25


26/47

3igure.E/ usecase diagram for customer in android app/

Page | 26


27/47

DESCRIPTION:usecase diagram for customer in android app

Table .F/

!escription of the use case diagram for customer &Takeaway android application)

&.3.& 7se:ase *iagram


28/47

This use5case diagram shows action done by customer after confirmation

of his8her order of food using option view order6s status.

;. ustomer will click on the %0!0 #T$T-# and can be able to see the order

status either is in P"!I"+ %0 !7IL0!

:. Pending show, order is not confirmed yet.

?. !elivered show, order is confirmed now by restaurant admin.

3igure .G/ -se case diagram &%0!0 #T$T-# for customers)

De!cri/tion:

U!e ca!e De!cri/tion Actor

The customer can view their

placed order status

; Liew order6s status ustomer

Iither pending or delivered

Table .=/ !escription of the use case diagram &order status for customers)

$.$ Acti#it0 Dia'ram* &lo(c%art!+ o) Ta9ea(a0 Android a//lication

$ctivity diagram to draw the process of each actor in diagram.

&.&.1


29/47

The flowchart below describes the actions the customer takes when

ordered food.

3igure .


30/47

3igure/.;> flow chart Mobile and web application for admin

Page | 30


31/47

&.&.3 Order Stat!s for !stomers

The flowchart below describes the actions a customer takes when checking the

%rder6s status.

&i'ure $.11: &lo(c%art de!cribe! action! a cu!tomer ta9e! on t%e order !tatu! )or

cu!tomer!

$. Databa!e De!i'n Arc%itecture

Below is a design of the database schema/

3igure .;:/ !atabase schema

&.,.1 *atabase 8"*

They are strongly related, we are used relational database management system,

and it is relational database management system.

Page | 31


32/47

&i'ure $.1: Databa!e ERD

The table &products) stores information about the food served at this

application. This table has a many5to5many relationship with the table &orders), therefore

another table &orders products) is needed to connect them together. This middle table acts

as if it has many5to5one relationship to the two original tables.

$. De/lo0ment (it% P%one


33/47

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.

#ar service-07FRhttp/88;


34/47

$fter doing integration into one whole system, if there is any changes or

reparations needed then the previous phases can be back.

$.14 Re!ult!andA//lication Screen!%ot!

$fter uploading the application to the online build service, Phone gap

builds it and offers different completed files for different %#. -sers can also

download these setup file direct to the devices by using H05code . . 3ollowing are the

screenshots of the test.

H05code/ Huick 0esponse code 5

http/88www.qrcode.com8en8qrfeature.html


35/47

SCREENSHOT 1:

This is the main home screen of the

$ndroid $pplication named

Takeaway Tracking #ystem

Main home page have following

3eatures

1. NE- ORDER

2. ORDER STATUS

. RECEPTION

$. EIT

SCREENSHOT 2:

This screen shows when customer hit on

NE- ORDERthen input his8her personal

!ata for sending order will appear on screen

CUSTO;ER DETAIS ustomer "ame

$ddress

ontact

NET AND RESET

ustomer hit ne*t if want to go ahead

%therwise hit reset

ustomer can go back to 2ome screen

By hit it

SCREENSHOT

This screen shows that after hit on "DT

The following features will be shown

PRODUCT

!ropdown menu of product items will be

$ppear and customer can select food from them

3igure .;'a(/ This is the main

home screen of the web8android

application

3igure .;'b(/ This screen shows

customer input


36/47

CATE


37/47

SCREENSHOT :

This screen shows when admin hit on

RECEPTION then input his8her personal

!ata for 7%+I" will appear on screen

O


38/47

SCREEN SHOT :

This screen shows customer information withorder for admin with

ustomer name on headerline

ustomer product

ategory

Huantity

Price

ustomer6s address with google address

Total payment price

+oogle address/best routs shown with it of customer

address order through google $PI services

$.11 A//lication E#aluation >a!ed on Similar A//lication Com/ari!on

Table $.11. #imilar application comparison

&eature &ood Deli#er0

Ta9ea(a0 Trac9in'

S0!tem

De/ot on Call

Based on $ndroid

%#

%rder by Phone

3igure.;'g(/ This page shows theinformation of of the customers order and

location ,then deliver that order


39/47

alling

%rder by web5

$pplication

+P# Tracking 5

ategory Menu 5

Product items

$ll %rder 2istory 5

ustomer detail 5

%rder #tatus 'real

5 time(

The similar application compared to Takeaway Tracking #ystem

application is 3ood !elivery !epot on all application. By comparing to Takeaway

Tracking #ystem 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 #ystem application show user the menu product and description,

moreover the order is made through application in online mode. 3ood !elivery!epot on all application does not have several features provided in Takeaway

Tracking #ystem application, such as &$ll %rder)'history( to show the order which

has been made by user, &product) to show user6s favorite menu, and &%rder #tatus)

to show order status in real time to user.

&.11.1 Application 8val!ation ;ased on 8ig/t Golden "!les

Below are the user interface evaluation based on eight golden rules/

1. Con!i!tenc0

Takeaway Tracking #ystem 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.


40/47

2. Pro#ide Uni#er!al U!abilit0

Takeaway Tracking #ystem interface is made user friendly so it eases userto 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.

. Pro#ide In)ormation &eedbac9

Takeaway Tracking #ystem gives appropriate feedbacks to users, so if

there is any error happened, and then there will be a feedback dialog toward users.

$. De!i'n &inal Dialo'

Takeaway Tracking #ystem application is made to ease user in

understanding their action while using it. 3or e*ample, in the application for

customer, there is a final dialog confirmation in setting interface while users try to edit

their profile.

. Sim/le Error Handlin'

Takeaway Tracking #ystem application is designed to avoid users doing

fatal errors. 3or e*ample 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 ne*t

button directly, then there will be an error handling dialog appeared.

. Re#er!al Action Allo(ance

Takeaway Tracking #ystem application has integrated the simple reversal

action. 3or e*ample, there is a Back button in almost all interfaces for both customer

side and courier side application.

. Internal ocu! o) Control

Takeaway Tracking #ystem application, users become the system

controller and system will response user6s action. 3or e*ample in the customer side

application, there is a feature to let users change their own profile.


41/47

. Reduce t%e In)ormation Ca/acit0 )or S%ort6Term ;emor0

Takeaway Tracking #ystem application has integrated the reduction ofinformation capacity for short5term memory. 3or e*ample, the menu icons used

relevant icons with the menu such as e*it button used the e*it door icon.

CHAPTER ,

CONCUSIONS AND RECO;;ENDATIONS

.1 Conclu!ion!

"ow a day6s 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

street8cafeteria. 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. -ser will give order of fast food and admin or


42/47

reception will receive and confirm order. This proect can be used for any type of

restaurant or fast food or canteens8cafeterias. Takeaway tracking system has been

successfully developed. It ran well on an android mobile phone. In addition, it would

be built to si* other platforms supported by Phone gap. The development process was

comfortable thanks to the framework Cquery Mobile. 2owever, 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.

"evertheless, the ability to be built for multiplatform is wonderful. $lthough the app

has met the main requirements of the suggested system, it could always be improved.

$ nicer interface by styling the layout with ## will make the app more enoyable in

its look. The more features of 2TM7E should also be applied into the app to make it

works better.$ 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.

;. Takeaway tracking system 'android and web app( can help customer in

making order easily.

:. Takeaway tracking system 'android and web app( gives information needed in

making order to customer

?. Takeaway tracking system 'android and web app( made for restaurant can help

restaurant in receiving orders and modifying its data.

. Takeaway tracking system 'android and web app( made for admin can help

admin in controlling all Takeaway tracking system 'android and web app(.

.2 Recommendation! and &uture -or9:

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

recommended for future enhancement of the developed.In a whole, the thesis has


43/47

introduced a way to use modern software and online services for improving the

performance.

$fter 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 e*pected to run the same on other platforms, which

were sup5ported by Phone gap. The implementation finishes with a successful result.

The thesis also notices some points, which could be still improved.

;. $dding more visual style on the website will capture customer6s attention

rather than having static pictures.

:. 3or the ne*t development, this application can be developed to another

platform such as Blackberry and i%#, therefore other customers who are using

Blackberry operating system and i%# can also use this application and the

target user segmentation will also be wider.

?. 3or the ne*t development, this application can be developed by adding other

payment method such as klikB$, Lisa, Masterard, etc to facilitate customer

in payment process.

. 3or the ne*t development, this application can be integrated with social media

such as 3ace book, Twitter, etc to facilitate customer in getting Takeaway

tracking system application information.


44/47


45/47

=M *tensible Markup 7anguage

6S ava script

AS- $ctive #erver PageSS ascading #tyle #heet

MyS #tandard Huery 7anguage

B@uer0 ava script library

DE,EOP;ENT TOOS AND TECHNOO


46/47

HARD-ARE AND SO&T-ARE REJUIRE;NTS

It is distributed system system should meet the following hardware and

software requirements.

Hard(are Re@uirement!

; Minimum ?> +B hard disk space.

: :+B of 0$M or more.

So)t(are Re@uirement!

; $"!0%I! #!4

PRO


47/47

Before running this application user or application administrator must

fulfill the all requirements that are given below.

; Install apk file in android device

: My#H7

? $ndroid'for mobile(

1I"!%1#8DP 'for web(

thesis final (computer)

Documents