FOOD ORDERING SYSTEM USING MOBILE

NUR IZZAH BINTI ZAKARIA

A report submitted in partial fulfilment of the requirements for the award of the degree of

Bachelor of Computer Science (Software Engineering)

Faculty of Computer Systems & Software Engineering

University Malaysia Pahang

APRIL, 2010

ABSTRACT

Mobile computing systems can be defined as a computing environment over

physical mobility. Examples are personal digital assistants (PDAs), and mobile phone.

Mobile computing systems is allows a user to perform a task from everywhere using a

computing device in the public, corporate, and personal information. Nowadays,

many restaurant in Malaysian still use manually, paper-based in food ordering system.

The problem using manually are probability of paper lost is high and misinterpret the

handwriting of order. FOSUM is design to overcome this problem. With using PDA,

waiter can send the order to kitchen and cashier with fast and easier. Methodology

that be used in this project is a Waterfall Model. This system will develop using

Macromedia Dreamweaver 8. This system make the food ordering process easier.

vi

ABSTRAK

Mobile pengkomputeran didefinasikan sebagai pengkomputeran persekitaran

lebih dari mobility fizikal. Contohnya pembantu digital peribadi dan telefon bimbit.

Mobile pengkomputeran membolehkan pengguna melakukan tugas di mana-mana,

menggunakan peranti pengkomputeran bagi masyarakat, syarikat korporat dan /

makluinat penbadi. Path masa kim banyak restoran di Malaysia masth meggunakan

secara manual, iaitu penggunaan kertas dalam sistem tempahan makanan.

Penggunaan secara manual mi menyebabkan berlakunya beberapa masalah kertas

pesanan hilang dan tulisan tangan disalahtafsir. Justeru itu, FOSUM direka untuk

mengatasi masalah mi. Dengan menggunakan PDA, pelayan hanya menghantar

pesanan kepada juruwang dan bahagian dapur dengan cepat dan mudah. Metodologi

yang digunakan untuk melaksanakan projek mi ialah 'Waterfall Model' Sistem mi

akan dibangunkan menggunakan Macromedia Dreamweaver 8. Sistem mi

membuatkan proses tempahan makanan lebih mudah.

VII

TABLE OF CONTENTS

CHAPTER TITLE PAGE

TITLE PAGE j

DECLARATION II /

SUPERVISOR'S DECLARATION ill DEDICATION iv ACKNOWLEDGEMENT y ABSTRACT vi

ABSTRAK vii

TABLE OF CONTENTS viii LIST OF TABLES xi LIST OF FIGURES xli LIST OF ABBREVIATIONS xv LIST OF APPENDICES xvi

1 INTRODUCTION

1.1 Introduction 1

1.2 Mobile Computing System 2

1.3 Current System 2

1.4 Problem Statement 3

1.5 Objective 3 1.6 Scope 3

2 LITERATURE RIVIEW

2.1 Introduction 4

2.2 Existing Ordering System Using Mobile 5

vu'

ix

2.2.1 Electronic Booking & Ordering System (EBOS)

5

2.2.2 Executive Restaurant Order System (EROS)

7

2.2.3 Restaurant Pro Express (RPE)

8

2.3 Proposed System

9

2.3.1 Food Ordering System Using Mobile (FOSUM)

9

2.4 Scripting Language

10

2.4.1 Peripheral Hypertext Preprocessor (PHP)

11

2.5 Database

12

2.5.1 MySQL

12

2.6 Development Tools

13

2.6.1 Macromedia Dreamweaver 8

13

2.6.2 phpMyAdmin 14

2.7 Technology Used

14

2.7.1 Wireless

14

3 METHODOLOGY

3.1 Introduction 16

3.2 Waterfall Model

17

3.3 Requirement Specification

18

3.3.1 Software Requirement

19

3.3.2 Hardware Requirement

20

3.4 System Design

20

3.4.1 Use Case Design

21

3.4.2 Network Design

23

3.4.3 Database Design

24

3.4.4 Interface Design

25

3.5 Implementation 28

3.6 Testing

28

3.6.1 Black-box Testing

29

3.6.2 White-box Testing

29

3.7 Maintenance 30

x

4 IMPLEMENTATION

4.1 Introduction 31

4.2 Interface Design 31

4.2.1 Layout Design 34

4.3 Database System 35

4.3.1 Data Dictionary 35

4.3.2 Database Connection 36

4.4 Data Manipulation Language 37

4.4.1 Insert 37

4.4.2 Select 38

4.4.3 Implemented Javascript 38

4.5 PHP 38

4.5.lPHPsyntax 39

4.5.2 If Else Statement 39

4.5.3 Function 40

4.5.4 Form 40

4.5.5 $ POST 41

4.5.6 Variable 41

5 RESULT AND DISCUSSION

5.1 Introduction 42

5.2 Result Analysis 43

5.2.1 Login Module 43

5.2.2 Order Entry Module 44

5.2.3 Kitchen Application Module 45

5.2.4 Billing Module 46

5.3 Expected Result 46

5.4 Testing Result 47

5.5 Constraints 49

5.5.1 Development Constraints 49

xi

5.5.2 System Constraints 50

5.6 Future Research

50

CONCLUSION

51

REFERENCES

52

APPENDICES 54

LIST OF TABLE

TABLE NO. TITLE PAGE

2.0 Comparison between existing system and FOSUM 10

2.1 Comparison between wireless and LAN 15

3.0 Software Requirement 19

3.1 Hardware Requirement 20 3.2 Table for Cashier Entity 24

3.3 Table for Cook Entity 24 3.4 Table for Waiter Entity 24

3.5 Table for Ordniknn Entity 24 3.6 Table for Ordmnm Entity 25 4.0 Fosum Data Dictionary 35

xli

LIST OF FIGURES

FIGURE NO. TITLE PAGE

2.0 Booking System 6

2.1 Food Menu in Pocket I 'c 6

2.2 Table Order 7

2.3 Menu Schedule Configuration 8

2.4 Menu Order 9

3.0 Waterfall Models 17

3.1 Flowchart 21

3.2 Use Case Diagram 22

3.3 Network Design 23

3.3 Login Interface 25

3.4 Taking Order for Drinks Interface 26

3.5 Taking Order for Foods Interface 26

3.6 View Food Interface 27

3.7 View Drinks Interface 27

3.8 Calculate Food Interface 27

3.9 Calculate Drinks Interface 27

4.0 Standard wording, labels and buttons 32

4.1 Message Alert 32

4.2 Error Message 33

4.3 Minimalist Interface Design 33 4.4 Cascading Style Sheet file code 34 4.5 XAMPP server 36 4.6 Database Declaration 37

xlii

4.7 Insert database 37

4.8 Select database 38

4.9 Javascnpt 38

4.10 PHP syntax 39

4.11 If Else Statement 39

4.12 PHP function 40

4.13 PHP form 40

4.14 $_POST function 41

4.15 Variable in PHP 41 / 5.0 Login Module 43

5.1 Error Message 44

5.2 Message Box 44

5.3 Order Entry Module 44

5.4 Message box order have been save 45

5.5 Kitchen Application Module 45

5.6 Billing Module 46

5.7 Expected Result for billing module 47

5.8 Test 1 47

5.9 Test 48

5.10 Test 3 48

5.11 Test 48

5.12 Test 5 49

xlv

LIST OF ABBREVIATIONS

LAN - Local Area Network

PDA - Personal Digital Assistant

EBOS - Electronic booking and ordering system

EROS - Executive Restaurant Orde System

RPE - Restaurant Pro Express

FOSUM - Food Ordering System Using Mobile

POS - Point of Sale

PHP - Peripheral Hypertext Preprocessor

J2ME - Java 2 Micro Edition

P1W - Hypertext Preprocessor

AP - Access Point

GUI - Graphical User Interface

PC - Personal Computer

HTML - Hypertext Markup Language

XML - Extensible Markup Language

RDBMS - Relational Database Management System

SQL - Structured Query Language CSS - Cascading Style Sheet

xv

LIST OF APPENDICES

APPENDIX / TITLE PAGE

A Gantt chart 54

B User Manual for waiter 55

C User Manual for cook 58

D User Manual for cashier 60

xv'

CHAPTER 1

/

INTRODUCTION

1.1 Introduction

This chapter explains about conventional food ordering process using paper-

based and current ordering system by using mobile. Besides that in this chapter also

explains about problem statement in using manual system for ordering process,

objectives and scope of the system that are going to develop.

1

2

1.2 Mobile Computing System

Mobile computing systems can be defined as a computing environment over

physical mobility. Examples are personal digital assistants (PDAs), and mobile phone.

Mobile computing Systems is allows a user to perform a task from everywhere using a

computing device in the public, corporate, and personal information. Mobile computing

environment support one or more of the following characteristics[ I]:

i) User Mobility

User should be able to use the same service and move from one physical

location to one location.

II) Network Mobility

User should be able to use the same service and move from one network to

another network-

iii) Device Mobility

User should be able to use the same service and move from one device to

another.

1.3 Current System

There are a lot of ordering system using mobile have been developed such as

Electronic booking and ordering system(EBOS). Another ordering system using mobile

is Restaurant Pro Express owned by pcAmerica. Restaurant Pro Express is a Touch

Screen restaurant Point of Sale (POS) system designed for easy order taking. Executive

Restaurant Order System (EROS) is a prototype of taking order by using PDA

simulation. The proposed system, Food Ordering System Using Mobile (FOSUM) is a

system designed to enhance the current system which is manually in ordering food to

computerized the ordering food. It has four modules which are Login, Order entry,

Kitchen application and Billing.

3

1.4 Problem Statement

Food Ordering System Using Mobile (FOSUM) is designed to overcome those

problems using manual system such as the possibility the paper order is high. Many

restaurants use conventional system which is on paper-based, for food ordering process.

Using conventional system, the waiter must jot down the order at the paper and

send to the cook. The probability to make mistake was high because sometimes the cook /

misinterpret hand-writing order. Therefore FOSUM was developed to enhance the

efficiency and accuracy of taking order in food ordering system. Besides that,

conventional system cannot see the sales history therefore FOSUM was designed to

view the sales history of the restaurant.

1.5 Objectives

The objectives of developing Food Ordering System Using Mobile (FOSUM) are:

i) To computerized the food ordering system process.

ii) To display details of sales history.

iii) To calculated price of order.

1.6 Scope

The scope of Food Ordering System Using Mobile (FOSUM) are:

i) The system was using Peripheral Hypertext Preprocessor (PHP).

ii) The system is using MYSQL database.

iii) The application operates within wireless.

CHAPTER 2

LITERATURE REVIEW

2.1 Introduction

This chapter explains about the existing ordering system using mobile. Based on

my study, there are three current systems using mobile which are Electronic Booking &

Ordering System (EBOS), Executive Restaurant Order System (EROS), and Restaurant

Pro Express (RPE). This chapter also explains about the overview of the proposed

system Food Ordering Using Mobile (FOSUM).

4

2.2 Existing Ordering System Using Mobile

There are many current ordering systems using mobile application nowadays. Such as:

2.2.1 Electronic Booking & Ordering System (EBOS)

This system is design to reserved table and order food at the restaurant. There are

two function in the system; booking system and ordering system. In booking system,

there are two ways to register the customer via online booking and walk in. For online

booking, the customer can booking through Internet. The system provide the

identification when the user reserves a table through the system, a unique ticket

number be generated for the customer. The online booking system is develop by using

ASP.net.

The ordering system need to receive the food order from a Pocket PC through the

intranet by using TCP/IP protocol. The booking system will be the host on the server.

A client PC will be located at the reception of the restaurant. The mobile phone

application is created using J2ME for booking registration using mobile.

There are four main functions in ordering system which includes Table Order,

Food Order, Pay Order and Editing Food Menu. Ordering system provide client

program for waiter to enter the order and a server program to chef to receive and

process the order. The client program used in a Pocket C and provide interface for

entering the order, in which the menu can be updated. For the ordering system, both

client and server program for the booking system created by Microsoft Visual Basic.NET and Microsoft.Net Compact Framework 1.0[2]. The functions in table

orders is to display the details of the order for each table.

6

The chefs at the kitchen can manage the order item of each order by changing the

status of Processing, Finished or Cancel. Food Orders function to display the details of the food that have been ordered and status that can be applied to the ordered food.

The pry order function is to display the details of each order. The manager in the

restaurant can use the system to calculate the total amount of each bill for the customer

to pay it and change the status of the order to 'paid'.

/

Phone No. 91234567

An Thn

yew (e.Ø. 21S1) JO7

Month (I1-12 05

Day(I1-31)

Kni. (ft-fl: 1137

CdrItem(s): Bo; 1;14$ 123 f; 2; I-I<$ 123 ; 3.: Hq J2

4 14<0 123

Ill El I -Delete

TbII7 1 I I MICou I ° I Added 4: cofee;4;i23 FlIP

Figure 2.0: Booking system Figure 2.1: Food Menus in Pocket PC

7

TMOd. lFo3rewo.rJM..4

dnI

Ud,D [IOd..ifle I Ford 1 I J Roc... In I 2317i1I5 i(n

J7 Ii 3 225(1&42 ff7 42 22'5/W%'"41(8 43 I 260/?18InIB IC9 44 F 2IF7i1d01:01

T..9.... I hood.. 2 koC..... 2 kono E

3 0 0 P

22

i2 123

_______ 42 F f1I42ZI

Odr. 88rs/

Figure 2.2 Table Order

2.2.2 Executive Restaurant Order System (EROS)

This system is a prototype of taking order by using FDA simulation. The system is developed by using Microsoft Visual Studio.Net 2003. There are three interface in this system; PDA application, cashier application, and kitchen application. The application interfaces developed by using Visual Basic.Net . In EROS system, workstation, switch and Access Point (AP) will be going use in developing the system. All these equipment installed in lab FSK6B.

There are many disadvantages of the system. The system cannot automatically display the order in a kitchen application. It needs staff to manually click the button to get new order from customer. The kitchen application also cannot remove the order

from the list after the particular order finished to deliver to the customer. It can be

removed by cashier application after the customer paid their bills. Besides that, EROS system only can take one delivery order only. The waiter cannot add new order for the same person once he sent the data to the kitchen application.

8

The database that used in the system is only for temporary. After Customers paid

their bill, the record for the particular table was deleted[3].

2.2.3 Restaurant Pro Express (RPE)

Restaurant Pro Express(RPE) is a touch screen restaurant Point of Sale (POS)

system designed for easy order taking[l 1]. RPE is a complete point of sale and

management solution designed for table service restaurant. This system provides

integrated tools to manage table seating, ingredients, employee time tracking, labor

scheduling, deliveries, gift cards, customer loyalty and more. The built —in reporting is

flexible and generates the key features needed to make smarter business decisions.

RPE is ideal for both independent restaurants and chains of restaurants. RPE train the

server in as little as 60 seconds to place order and close out checks and to speed up the

operations in the restaurant. RPE prints orders clearly in the kitchen. Orders send to

the kitchen printer include each item ordered. The other features of RPE is customize

touch screen, exportable report information, user defineable menus and detailed

customer history.

Dndine [J Use Date Range Fb..d w 1 BREAKFAST SInS Date

0 This is a special event or End Date holiday menu

Sunday 6:00 AN-12:00PM 600 AM-10:30 AM 600 AM-10:30 AM 6:00 AM-10:30 AM 6:00 AM-10:30 AM 6:00 AM-10:30 AM 6:00 AM-1200 PM

Monday Tuesday Wednesday Thursday Friday Saturday 1

ResetThnea Delete lime

Pr.1lun BREAKFAST

L_Add1__UpdateQelete ____

Figure 2.3 Menu schedule configuration

— c...o TCTO$READI I coal

,corlso ci.sa,c • cia Eroa..s PLA CMCO fliNcH 01uS$ 1 $0.01 -

—. . SCO1101I$$1u01 I $10.00 WSTPE 10M4T0 SOPW ME'TRM I HISS

. r

- 1....r $3210

EMS

TA Figure 2.4 : Menu Order

2.3 Proposed System

2.3.1 Food Ordering System Using Mobile (FOSUM)

There are four modules in Food Ordering System Using Mobile; Login, Order

entry, kitchen application and billing. The user for order entry is waiter, the user for

kitchen application is cook, while the user of billing module is cashier. All the user must

login to the system. The waiter takes order from the customer using mobile and the data

will transmitted to the PC in the kitchen and PC at the cashier for billing. The function

of order entry module is select order, quantity of order, and number of table. The

function of kitchen application is to view the order while the function of billing module to calculate the price of order.

FOSUM is develop by using Peripheral Hypertext Preprocessor(PHP) and

Macromedja Dreamweaver as a development tools. The system is using database

MySQL and phpMyAclmjn as development tools for database. The function for order

entry module is take input order such as table number, menu order and quantity of the order. The system will display details of sales history and calculate the order.

9

10

The system operates within wireless. Wireless connect to the networks via wireless

Access Point (AP).

Electronic Booklng& Executive Restaurant Food Ordering System Order System (EBOS) Order System (EROS) Using Mobile (FOSUM)

Develop by using ASP.net Developed by using Develop by using and

and J2ME software Microsoft Visual Macromedia Dreamweaver Studio.Net 2003 and MySQL database.

Operates within WiFi and Operates within LAN and Operates within wireless

intranet wireless

Can add order Cannot add order for Can add order

customer who has already

order

Automatically display Cannot automatically Automatically display order display the order order

iaoie h.0 uompanson between existing system and FOSUM

2.4 Scripting Language

A scripting language allows control of one or more software applications.

"Script" are distinct from the core code of the application, which is usually written in

different language, and are often created of at last modified by the end-user. There are

several types of scripting language that can be used to develop the system such as PHP,

C++, Java Script, and Visual Basic.

11

2.4.1 Peripheral Hypertext Preprocessor (PHP)

Peripheral Hypertext Preprocessor is a widely used, general-purpose scripting

language that was originally for web development to produce dynamic web pages. For

this purpose, PHP code is embedded into the HTML source document and interpreted by

a web server with a PHP processor module, which generates the web page document.

PHP is available as a processor for most modem web servers and as standalone

interpreter on most operating systems and computing platforms. PHP is a general-

purpose scripting language that is especially suited to server-side web development

where PHP generally runs on a web server. Any PHP code in a requested file is executed

by the PHP runtime, usually to create dynamic web page content. It can also be used for

command-line scripting and client-side GUI applications[ 19]. The advantages of PHP

are:

i) PHP code is inserted directly into the HTML that makes up a website.

Because PHP is a server side technology, the user does not need any special

browser or plug-ins to see the PHP in action.

ii) PHl is easy to understand and learn, especially for those with backgrounds in

programming such C, Javascript and HTML

iii) PHP also runs on every platform including most UNIX, Macs and Windows

versions.

iv) PHP runs fast because does not use a lot of the systems resources and does

not tend to slow other processes down.

v) PHP is connective abilities. PHP uses a modular system of extensions to

interface with a variety of libraries such as graphics, XML, encryption, etc.

12

2.5 Database

A database is a collection of information that is organized so that it can be easily

be accessed, managed, and updated. In one view, database can be classified according to

types of content bibliographic, full-text, numeric, and images. In additional, new

information and changes should also be fairly easy to input. Database systems are

designed to manage large bodies of information. Management of data involves both

defining structures for storage of iiformation and providing mechanisms for the

manipulation of information. The applications to develop the database are likes MySQL,

Phyton and Oracle.

2.5.1 MySQL

MySQL is a freely available open source Relational Database Management

System (RDBMS) that uses Structured Query Language (SQL). SQL is the most popular

language for adding, accessing and managing content in a database. It is most noted for

its quick processing, proven reliability, ease and flexibility of use. MySQL is an

essential part of almost every open source PHP application[lO]. The MySQL

development project has made its source code available under the terms of the GNU

General Public License, as well as under a variety of proprietary agreements.

Several other third-party proprietary and free graphical administration applications are available that integrate with MySQL and enable users to work with

database structure and data visually such as phpMyAdmin; a free Web-based fronted

widely installed by Web hosts worldwide, since it is developed in PHP.