ONLINE FOOD

ORDERING SYSTEM
A MINI PROJECT REPORT

Submitted by

N.B.RESHMA (212020104013)
A.SALAI MADHURA NAGAI (212020104014)
A.VICTOR MOHAN (212020104019)
H.VINODHINI (212020104020)

in partial fulfillment for the award of degree of

BACHELOR OF ENGINEERING
in
COMPUTER SCIENCE AND ENGINEERING

ANNAUNIVERSITY : Chennai – 600025

MAY 2023
 ANNA UNIVERSITY : CHENNAI –
600025
BONAFIDE CERTIFICATE

Certified that this project report “ ONLINE FOOD ORDERING SYSTEM” is the
Bonafide work of “N.B.RESHMA(212020104013),
A.SALAIMADHURANAGAI(212020104014),
A.VICTORMOHAN(212020104019), H.VINODHINI(212020104020),” Who
carried out the work under my supervision.

SIGNATURE SIGNATURE
Mr. M. BABU Mrs. S. ABIRAMI
HEAD OF THE DEPATMENT SUPERVISOR
Assistant Professor, Assistant Professor,
Dept. of Computer Science & Engg, Dept. of Computer Science & Engg,
SKR Engineering College, SKR Engineering College,
Chennai - 600123 Chennai - 600123

Submitted for project Viva - Voce held on..........................................at SKR

Engineering College.

INTERNAL EXAMINER EXTERNAL EXAMINER

 ACKNOWLEGEMENT

We placed in record our profound respect, sincere heartfelt gratitude to

our Chairman Shri. K. Ramadoss for having provided us opportunity to all
facilities to pursue our studies in institution.
We wish to place on the record our heartfelt thanks to our Principal Dr.GR.
Suresh for providing as a better opportunity of completion of our project.
The express immense thanks to our Head of the Department
Mr. M. Babu of Information technology for giving me support and
encouragement for carrying out the project.
We are very thankful to the effort our Project Coordinator Mr. B.
Venugopal for their valuable guidance and motivation in completion of the
project.
At the outset we are very thankful to the effort of our Project Guide Mrs.
S. Abirami for his valuable guidance and unwavering support in the
development of this project.
We express our profound thanks to all other staff members for their
continuous encouragement and motivation given to us for this work and for
their great support in successfully completing this project.
We thank all our family and friends for inspiring us to do this project

3
 ABSTRACT

Food Ordering System is an application which will help restaurant to optimized

and control over their restaurants. For the waiters, it is making life easier. because
they don’t have to go kitchen and give the orders to chef easily. For the
management point of view, the manager will able able to control the restaurant by
having all the reports to hand and able to see the records of each employees and
orders.This application helps the restaurants to do all functionalities more
accuratelyand faster way. Food Ordering System reduces manual works and
improves efficiencyof restaurant. This application is helping Food Ordering s to
maintain the stock and cash flows and there are many more functionalities, like.
This project is aimed at developing a complete online ordering system for use in
the food service industry which will allow the restaurants to quickly and easily
manage an online menu which customer can browse and use to place orders with
just a few clicks. The customers will have to choose whether they want the food
to be delivered to them or it will be packaged for pick up and the payment method
will be upon delivery or pick up. There will be a system administrator who will
have the right to add and manage user accounts, a manager who will be managing
product and orders and last but not least a meal deliverer who will be dealing
specifically with pending deliveries. The customer will be in a position to view
the products, register and place an order. There will be a confirmation receipt for
each and every order made by the customer which can be printed.

The development of this system will be based on SDLC with PHP and
HTML as the programming languages while MySQL server as the database of the
system. HTML language is advantageous due to its easy to use and learn validation
properties while MYSQL has better advanced features and properties.

4
 TABLE OF CONTENTS

CHAPTER NO TITLE PAGE NO

LIST OF FIGURES i

LIST OF TABLES ii

LIST OF ABBREVATION iii

1. INTRODUCTION 1

1.1 Project Introduction 1

1.2 Problem Statement 2

1.3 Existing System 3

1.4 Proposed System 3

1.5 Modules 4

2. SOFTWARE REQUIREMENT SPECIFICATION 4

2.1 System Requirements 4

2.1.1 Hardware Requirements 4

2.1.2 Software Requirements 4

3. SYSTEM DESIGN 5

3.1 System Architecture 5

3.2 System Description 6

3.3 UML Diagrams 7

5
4. SYSTEM IMPLEMENTATION 12

4.1 Technologies Used 12

4.1.1 HTML 12

4.1.2 PHP 13

4.1.3 CSS 14

4.1.4 BOOTSTRAP 15

4.1.5 About Back End 15

4.2 Modules Implementation 17

5 OUTPUT 28

5.1 Software Testing 31

5.1.1 Unit Testing 32

5.1.2 Integration Testing 32

5.1.3 System Testing 32

6 CONCLUSION 33

7 APPENDIS 34

8 REFERENCES 35

6
 LIST OF FIGURES

Fig No Name of the Figures Page No

3 System Architecture 6

3.3.1 Use case Diagram 8

3.3.2 Sequence Diagram 9

3.3.3 Class Diagram 10

3.3.4 Activity Diagram 11

LIST OF TABLES

Fig No Name of the Table Page No

1 Test case for the registration and login form. 32

LIST OF ABBREVIATIONS

ABBREVIATION Meaning

CSS Cascading Style Sheets

HTML Hypertext Markup Language

PHP PHP Hypertext Preprocessor

SQL Structured Query Language

XAMPP X - Crossed Platform

A - Apache

M - MySQL

P - Perl

P-

7
 PHP

8
 CHAPTER 1

INTRODUCTION

Computers have become part of the life for accessing almost any kind of information. Life in
the 21st century is full of technological advancement and in this technological age it is very
difficult for any organization to survive without utilizing technology. The World Wide Web
contributes greatly to the creation of an ever-increasing global information database. It could also
be used as a mechanism to share information within an enterprise.
In today’s age of fast food and take-out, many restaurants have chosen to focus on quick
preparation and speedy delivery of orders rather than offering a rich dining experience. Until
very recently, all of these delivery orders were placed over the phone, but there are many
disadvantages to this system, including the inconvenience of the customer needing to have a
physical copy of the menu, lack of a visual confirmation that the order was placed correctly, and
the necessity for the restaurant to have an employee answering the phone and taking orders.
What I propose is an online ordering system, which is a technique of ordering foods online
applicable in any food delivery industry. The main advantage of my system is that it greatly
simplifies the ordering process for both the customer and the restaurant. When the customer
visits the ordering webpage, they are presented with an interactive and up-to-date menu,
complete with all available options and dynamically adjusting prices based on the selected
options. After making a selection, the item is then added to their order, which the customer can
review the details of at any time before checking out. This provides instant visual confirmation
of what was selected and ensures that items in the order are, in fact, what was intended.
This system also greatly lightens the load on the restaurant’s end, as the entire process of
taking orders is automated. Once an order is placed on the webpage, it is entered into the
database and then retrieved, in pretty much real-time, by a desktop application on the restaurant’s
end. Within this application, all items in the order are displayed, along with their corresponding
options and delivery details, in a concise and easy to read manner. This allows restaurant
employees to quickly go through the orders as they are placed and produce the necessary items
with minimal delay and confusion

9
1.2 PROBLEM STATEMENT

The challenges encountered by the existing system serve as a major drawback to the
realization of efficiency and customer satisfaction. The experience of ordering in most fast food
restaurants is not pleasant for the customers. Customers will have to make long queues before
placing their orders especially during peak hours and then the ordering staff will record customer
orders. Having placed their order, the customer must then wait near the counter until their order
is ready for collection. The other problem in the food service industry is that restaurants are not
realizing the efficiencies that would result from better application of technology in their daily
operations. Fast food business in a very competitive business and one way to stand out from
competitors is through improving the business process where business process automation can
assist business improvement. The other problem with the current system is that the customers
are not able to see the ingredients of the meals before they place their order and also they only
have to pay for an order online.

Objectives

General objectives

• To increase efficiency and improve services provided to the customers

through better application of technology in daily operations.
• To be able to stand out from competitors in the food service industry

Specific objectives

• To enable customers to order custom meals that aren’t in the menu

• To enable customers to have a visual confirmation that the order was placed
correctly
• To enable customers to know food ingredients before ordering
• To reduce restaurant’s food wastage
• To ensure correct placement of orders through visual confirmation
• Improve efficiency of restaurant’s staff
• Eliminate paper work and increase level of accuracy
• Increase speed of service, sales volume and customer satisfaction

10
Justification

• To increase efficiency by shortening the purchasing time and eliminating paper

work like receipts through online transaction
• To be able to stand out from competitors by automating daily operations which
will give food service providers the opportunity to increase sales
• To reduce restaurants food wastage and increasing efficiency of the restaurants
staff by enabling the restaurants staff to know what food items the customers want
in advance.
• To increase customer satisfaction by speeding up food delivery
• To reduce time wasting by eliminating long queues.

Project scope

Online ordering system will be a web based application whose main language of
programming will be PHP. Its main aim is to simplify and improve the efficiency of the ordering
process for both customer and restaurant, minimize manual data entry and ensure data accuracy
and security during order placement process. Customers will also be able to view product menus
and there ingredients and be able to have a visual confirmation that the order was place
correctly.

Limitation of the system

• Requires internet connection and also the user must be computer literate.
• The set back of the system is that the customers targeted are adults with access to
computer systems while the minors might have to go physically to the restaurant
to purchase the food that they want or order food the food with the help of an
adult.
• The other limitation is that the system will only be convenient to people with a
small geographical region, basically just around the restaurant i.e. can only help a
small area.

11
1.3 EXISTING SYSTEM

Many Restaurants stores and maintain their day to day transactions manually.
But some of them are having automation system which is helping them to store the
data. But such restaurants are storing the information about the orders and the
customer information. They don’t have facility to store the information of feedbacks
and favorite orders of customers over some period of time.
Restaurants are having standalone applications so at one time, they have the facility
of many screens or many operations which is happening at one time. So they are
storing them and then at last, the restaurant managers will able to see the data of
last day.

Weaknesses of the current system

• Inconvenience of customer needing to have a physical copy of the menu
• Time consuming
• Lack of visual confirmation that the order was placed correctly
• Necessity for restaurant to have an employee answering the phone and taking orders
• Difficulty in tracking customers past history
• Manual work and consumes large volumes of data
• Lack of data security

1.4 PROPOSED SYSTEM

The proposed system helps in many ways. It helps to do billing very easily.
Account maintenance also becomes easier. They can keep track of their purchases of
inventories, staffs details, customer feedback, sales of foods, and account details etc.
The software is provided with the facilities to find out the favorite food of the
customers, and the seasonal foods, or customers to add or modify and delete their
feedbacks and suggestions. It helps in managing data of different types of orders like
party order, home delivery or the normal order. Managing data of daily customers,
managing data of staffs, managing data of daily expenses. It eliminates the drawbacks
of existing system and also includes some more features.

12
1.5 MODULES

• Type of users/Actors

 Admin
 Customer

• Admin Features
 Login
 Manage Customers
 Manage Food Order details
 Manage Payment details
 Create account
 Login
 Add Food details
 Update Food details
 Delete Food
 Check food order
 Update food delivery status

• Customer Features
 View Food details
 Register/Create Account
 Login
 Add to cart
 Update Cart
 Checkout
 Pay Cash On Delivery
 Check Food delivery status

13
 2. SOFTWARE REQUIREMENTS
AND SPECIFICATION

2.1 SYSTEM REQUIREMENTS

2.1.1 SOFTAWARE REQIREMENTS

These consist of the hardware and software components of a computer system that are
required to install in order to use the software efficiently.
• Operating system: Windows XP / windows 7
• Technology : PHP
• Database : MySQL
• Tool : Dreamweaver
• Antivirus software
• Backup & Data Recovery software

2.1.2 HARDWARE REQUIREMENTS

• Processor: Intel dual core or above
• Processor Speed:1.0GHZ or above
• RAM: 1 GB RAM or above
• Hard Disk: 20 GB hard disk or above
• Printer for printing reports
• Uninterruptible power supply to ensure a constant access of data.
• USB flash disk( At least 2GB)

14
 3. SYSTEM DESIGN

3.1 SYSTEM ARCHITECTURE

Development of computerized systems requires analysis of the process to be digitized in
order to enable a correct system, a system that functions as required and to assist the potential
users of the system understand the general functionality of the system. The analysis specifies the
system's objectives and constraints to which designers have to comply. The purpose of doing
analysis is to transform the system’s major inputs into structured specification.

 Context diagram
This is a brief structure which depicts the environment in which a software system exists and
helps in communicating about what lies outside the system boundary.

 Data flow diagram

It is a two-dimensional diagram that explains how data is processed and transferred in a
system. The graphical depiction identifies each source of data and how it interacts with other data
sources to reach a common output.

Administrator module:

Functionalities provided:
15
• Create usernames and passwords
• View/ edit / delete user accounts

16
Customer module:

Functionalities provided:
• View product’s list
• Register
• Place orders

17
Manager module:

Functionalities provided:
• Create product categories and functionalities
• Edit / delete product categories and descriptions
• View and manage orders and sales report

18
Meal deliver module:

Functionalities provided:
• View pending orders and delivery details
• Confirm order deliveries

User requirements
The system will be designed to be user friendly. The user friendly and interactive
interfaces design helps to achieve this by enabling customers to easily browse through the
menus place orders with just a few clicks and also allows restaurant employees to quickly go
through the orders as they are placed and produce the necessary items with minimal delay and
confusion. The system will be simple to use.

19
Functional requirements
Functional requirements define the capabilities and functions that a system must be
able to perform successfully. The functional requirements of this online ordering system
include:
• The system shall enable the customer to view the products menu, create an
account, login to the system and place an order.
• The customer shall specify whether the order is to be picked up or delivered.
• The system shall display the food items ordered, the individual food item prices
and the payment amount calculated.
• The system shall prompt customer to confirm the meal order.
• The system shall provide visual confirmation of the order placement
• The system shall enable the manager to view, create, edit and delete food category
and descriptions
• The system shall allow confirmation of pending orders.
• The system shall allow generation of sales report for the orders made.
• The system shall allow the manager to update additional information (description,
photo, ingredients etc.) for a given food item.
• The system shall allow the manager to update price for a given food item.

Non-functional requirements
A non-functional requirement is a requirement that specifies criteria that can be used
to judge the operation of a system, rather than specific behaviors. Some of the non-functional
requirements include:
• The should be sufficient network bandwidth
• Backup- provision for data backup
• Maintainability- easy to maintain
• Performance/ response time- fast response
• Usability by target user community- easy to use
• Expandability- needs to be future proof or upgradable
• Safety- should be safe to use

20
3.2 SYSTEM DESCRIPTION

In this project we decided to make a food ordering website. Where there is admin, who
will provide id and password to the restaurant and then restaurant contact the admin and receives
the id and password and then after restaurant logged into the system they can start doing their job
ie; inserting the food items with actual price. Here all the customers can visit the page and place
an order. Customer can also set the time for delivery.

This system will be completely web based and will be developed using PHP. We will
have one home page where multiple options allow the user to choose different food items with
the actual price. There will be a system administrator who will have the right to add and manage
user accounts, a manager who will be managing product and orders. Following are the system
design of the system:

3.3 UML DIAGRAMS

UML stands for Unified Modeling Language. UML is a standardized general purpose
modeling language in the field of object-oriented software engineering. The standard is managed,
and was created by, the Object Management Group.

The goal is for UML to become a common language for creating models of object oriented
computer software. In its current form UML is comprised of two major components: a Meta-
model and a notation. In the future, some form of method or process may also be added to; or
associated with, UML.

The Unified Modeling Language is a standard language for specifying, Visualization,

Constructing and documenting the artifacts of software system, as well as for business modeling
and other non-software systems.

The UML represents a collection of best engineering practices that have proven
successful in the modeling of large and complex systems.The UML is a very important part of
developing objects oriented software and the software development process. The UML uses
mostly graphical notations to express the design of software projects.

21
3.3.1. USE CASE DIAGRAM & DESCRIPTION:

A use case diagram at its simplest is a representation of a user's interaction with the
system that shows the relationship between the user and the different use cases in which the user
is involved. A use case diagram can identify the different types of users of a system and the
different use cases and will often be accompanied by other types of diagrams as well. The use
cases are represented by either circles or ellipses.

Use Case Diagram

Figure:1

22
3.3.2 SEQUENCE DIAGRAM & DESCRIPTION:

A sequence diagram shows object interactions arranged in time sequence. It depicts the
objects and classes involved in the scenario and the sequence of messages exchanged between
the objects needed to carry out the functionality of the scenario. Sequence diagrams are typically
associated with use case realizations in the Logical View of the system under development.
Sequence diagrams are sometimes called event diagrams or event scenarios.

A sequence diagram shows, as parallel vertical lines , different processes or objects that
live simultaneously, and, as horizontal arrows, the messages exchanged between them, in the
order in which they occur. This allows the specification of simple runtime scenarios in a
graphical manner

SEQUENCE DIAGRAM FOR FOOD ORDERING SYSTEM

23
3.3.3 CLASS DIAGRAM DESCRIPTION:

The class diagram is the main building block of object-oriented modeling. It is used for
general conceptual modeling of the systematic of the application, and for detailed modeling
translating the models into programming code. Class diagrams can also be used for data
modeling. The classes in a class diagram represent both the main elements, interactions in the
application, and the classes to be programmed.

In the diagram, classes are represented with boxes that contain three compartments:

• The top compartment contains the name of the class. It is printed in bold and
centered, and the first letter is capitalized.

• The middle compartment contains the attributes of the class. They are left-aligned
and the first letter is lowercase.

• The bottom compartment contains the operations the class can execute. They are
also left aligned and the first letter is lowercase.

24
 4. SYSTEM IMPLEMENTATION
4.1 TECHNOLOGIES USED:

4.1.1 HTML LANGUAGE:

The Hyper Text Markup Language (HTML) is a simple data format used to create
hypertext documents that are portable from one platform to another. The HTML (Hyper Text
Markup Language) is used in most pages of the World Wide Web. HTML files contain both the
primary text content and additional formatting markup, i.e. sequences of characters that tell web
browsers how to display and handle the main content. The markup can specify which parts of
text should be bold, where the headings are, or where tables, table rows, and table cells start and
end. Though most commonly displayed by a visual web browser, HTML can also be used by
browsers that generate audio of the text, by braille readers that convert pages to a braille format,
and by accessory programs such as email clients. To preview your documents, you'll need a web
browser. To assure most viewers will see good results, ideally you will test your documents in
several browsers. Each browser has slightly different rendering and particular quirks.

The most common browsers include Microsoft Internet Explorer, Google Chrome,
Mozilla Firefox, Safari, and Opera..

• The first line with <!DOCTYPE html> declares the type of the document.

• The HTML document begins with a <html> tag and ends with its counterpart, the
</html> tag.

• Within the <html></html> tags, there are two main pairs of tags, <head></head>
and <body></body>.

• Within the <head></head> tags, there are the <title></title> tags which enclose
the textual

• Title to be shown in the title bar of the web browser.

• Within the <body></body> is a paragraph marked by a <p></p> tag pair.

25
4.1.2 PHP:

PHP: Hypertext Preprocessor (or simply PHP) is a server-side scripting language

designed for Web development. It was originally created by Rasmus Lerdorf in 1994 the PHP
reference implementation is now produced by The PHP Group. PHP originally stood for Personal
Home Page, but it now stands for the recursive initialism PHP: Hypertext Preprocessor.

PHP code may be embedded into HTML code, or it can be used in combination with
various web template systems, web content management systems, and web frameworks. PHP
code is usually processed by a PHP interpreter implemented as a module in the web server or as a
Common Gateway Interface (CGI) executable. The web server combines the results of the
interpreted and executed PHP code, which may be any type of data, including images, with the
generated web page. PHP code may also be executed with a command-line interface (CLI) and
can be used to implement standalone graphical applications.

PHP is a general-purpose scripting language that is especially suited to server side web
development, in which case 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 or dynamic
images used on websites or elsewhere. It can also be used for command-line scripting and client-
side graphical user interface (GUI) applications. PHP can be deployed on most web servers,
many operating systems and platforms, and can be used with many relational database
management systems (RDBMS). Most web hosting providers support PHP for use by their
clients. It is available free of charge, and the PHP Group provides the complete source code for
users to build, customize and extend for their own use.

4.1.3 CSS:

Cascading Style Sheets (CSS) is a style sheet language used for describing the
presentation of a document written in a markup language like HTML. CSS is a cornerstone
technology of the World Wide Web, alongside HTML and JavaScript.

CSS is designed to enable the separation of presentation and content, including layout,
colors, and fonts.

26
4.1.4 BOOTSTRAP:

Bootstrap is a free and open source front-end framework for developing websites and web
applications. It contains HTML- and CSS-based design templates for typography, forms, buttons,
navigation and other interface components, as well as optional JavaScript extensions. Unlike
many earlier web frameworks, it concerns itself with front-end development only. Bootstrap. is
modular and consists of a series of less style sheets that implement the various components of the
toolkit. These style sheets are generally compiled into a bundle and included in web pages, but
individual components can be included or removed. Bootstrap provides a number of
configuration variables that control things such as color and padding of various components.

4.1.5 ABOUT THE BACK END:

MySQL

MySQL, the foremost in style Open supply SQL management system, is

developed,distributed, and supported by Oracle Corporation. The MySQL information processing
system provides the most recent info regarding MySQL software system. MySQL is a database
management system: A Information could be a structured assortment of knowledge. it should be
something from an easy searching list to an image gallery amounts of data during a company
network. To add, access, and method knowledge hold on during an electronic database, you wish
a direction system like MySQL Server. Since computers area unit superb at handling giant
amounts of knowledge, direction systems play a central role in computing, as standalone utilities,
or as elements of alternative applications.

MySQL databases are relational:

A knowledge base stores data in separate tables instead of swing all the info in one
massive storage room. The information structures square measure organized into physical files
optimized for speed. The logical model, with objects like databases, tables, views, rows, and
columns, offers a versatile programming setting. You started rules governing the relationships
between totally different information fields, like matched, one-to-many, unique, needed or ex
gratia, and “pointers” between totally different tables. The information enforces these rules, in
order that with a well-designed information, your application ne'er sees inconsistent, duplicate,
orphan, outdated,

27
or missing information. The SQL a part of “MySQL” stands for “Structured question Language”.
SQL is that the commonest standardized language want to access databases.

Looking on your programming setting, you would possibly enter SQL directly (for
example, to come up with reports), infix SQL statements into code written in another language,
or use a language-specific API that hides the SQL syntax. SQL is outlined by the
ANSI/ISO SQL normal. The SQL normal has been evolving since 1986 and several other
versions exist. during this manual, “SQL-92” refers to the quality free in 1992, “SQL: 1999”
refers to the quality free in 1999, and “SQL: 2003” refers to this version of the quality. we have a
tendency to use the phrase
“the SQL standard” to mean this version of the SQL normal at any time.

MySQL software is Open Source:

Open supply means it's potential for anyone to use and modify the code. Anybody will
transfer the MySQL code from the net and use it while not paying something. If you want, you
will study the ASCII text file and alter it to fit your wants. The MySQL code uses the GPL (GNU
General Public License),to outline what you will and will not do with the code in several things.
If you're feeling uncomfortable with the GPL or got to implant MySQL code into a poster
application, you'll be able to purchase a commercially authorised version from North American
country. See the MySQL Licensing summary for a lot of information.

The MySQL Database Server is very fast, reliable, scalable, and easy to use:

If that's what you're yearning for, you must provides it a attempt. MySQL Server will run
well on a desktop or laptop computer, aboard your different applications, internet servers, and so
on, requiring very little or no attention. If you dedicate a whole machine to MySQL, you'll
change the settings to require advantage of all the memory, CPU power, and I/O capability
obtainable. MySQL can even proportion to clusters of machines, networked along. you'll notice a
performance comparison of MySQL Server with different information managers on our
benchmark page. MySQL Server was originally developed to handle massive databases abundant
quicker than existing solutions and has been with success employed in extremely rigorous
production environments for many years. though underneath constant development, MySQL
Server nowadays offers an expensive and helpful set of functions. Its property, speed, and

28
security create MySQL Server extremely suited to accessing databases on the web.

29
5. OUTPUT

30
31
32
33
34
35
5.1 SOFTWARE TESTING:

Software testing is an investigation conducted to provide stakeholders with information

about the quality of the software product or service under test.[1] Software testing can also
provide an objective, independent view of the software to allow the business to appreciate and
understand the risks of software implementation. Test techniques include the process of
executing a program or application with the intent of finding software bugs (errors or other
defects), and verifying that the software product is fit for use.

TESTING OF LEVEL:

Broadly speaking, there are at least three levels of testing: unit testing, integration testing,
and system testing.

• Unit Testing
• Integration Testing
• System Testing
5.1.1 UNIT TESTING:

Unit testing refers to tests that verify the functionality of a specific section of code,
usually at the function level. In an object-oriented environment, this is usually at the class level,
and the minimal unit tests include the constructors and destructors

5.1.2 INTEGRATION TESTING:

Integration testing is any type of software testing that seeks to verify the interfaces
between components against a software design. Software components may be integrated in an
iterative way or all together ("big bang"). Normally the former is considered a better practice
since it allows interface issues to be located more quickly and fixed.

Integration testing works to expose defects in the interfaces and interaction between
integrated components (modules). Progressively larger groups of tested software components
corresponding to elements of the architectural design are integrated and tested until the software
works as a system.

36
5.1.3 SYSTEM TESTING:

System testing tests a completely integrated system to verify that the system meets its
requirements. For example, a system test might involve testing a logon interface, then creating
and editing an entry, plus sending or printing results, followed by summary processing or
deletion (or archiving) of entries, then logout.

Conclusion:
Hence we have conclude that this project can be beneficial in daily life of people and will
save a lot of time by showing the list of food menus with the accurate price of different
restaurants with daily updates and also this will help us to avoid long queues at the counter.

• Online food order management is user friendly and increases the efficiency of the
system.and also reduces the human effort and it is very usefull to the users.

APPENDIX
<!DOCTYPE html>

<html>
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Home</title>

<link rel="icon" href="./Images/Restaurants/download.png"

type="image/icon type">
<link rel="stylesheet" href="home.css">
<script src="https://kit.fontawesome.com/a076d05399.js"></script>

37
</head>
<body onload="myload()">
<div class="loader-container" id = "loader">

<img src="./Images/loader/loader.gif">

</div>

<!--Header section start-->

<header>

<a href="#" class="logo"><i class="fa fa-utensils"></i>Foodies.</a>

<nav class="navbar">
<a class="active" href="./home.html">Home</a>
<a href="./dishes.html">dishes</a>
<a href="#" onclick="openAbout()">about</a>

<a href="./contact.html" >Contact us</a>

<a class="feed" id="feedback">feedback</a>

<a href="#">Orders</a>
</nav>
<div class="icons">

<i class="fas fa-bars" id="menu-bars"></i>

<i class="fas fa-search" id="search-icon"></i>
<a href="#" class="fas fa-heart"></a>

38
 <a href="#" class="fas fa-shopping-cart"></a>
<i class="fa fa-user" aria-hidden="true"></i>
<a href="login.html" class="fas fa-sign-in-alt"></a>

</div>
</header>
<div class="back">
<div class="container1" id="co1">
<div class="post">

<div class="text">Thanks for Rating us!</div>

<div class="edit">Edit</div>
<i class="fas fa-times" id="close"></i>

</div>

<div class="star-widget">
<input type="radio" name="rate" id="rate-5">
<label for="rate-5" class="fas fa-star"></label>
<input type="radio" name="rate" id="rate-4">
<label for="rate-4" class="fas fa-star"></label>
<input type="radio" name="rate" id="rate-3">

<label for="rate-3" class="fas fa-star"></label>

<input type="radio" name="rate" id="rate-2">
<label for="rate-2" class="fas fa-star"></label>

39
 <input type="radio" name="rate" id="rate-1">
<label for="rate-1" class="fas fa-star"></label>
<form action="#">

<i class="fas fa-times" id="close"></i>

<h4></h4>
<div class="textarea">
<textarea cols="30" placeholder="Describe your
experience"></textarea>

</div>

<div class="btn">

<button type="submit">Post</button>
</div>
</form>
</div>
</div>
</div>

<!-- Header section ends-->

<!--search form-->
<form action="" id="search-form">
<input type="search" placeholder="search here..." name=""
id="searchbox">
<label for="search-box" class="fas fa-search"></label>
40
 <i class="fas fa-times" id="close1"></i>
</form>
<!--Search Form ends-->

<!--Home section start-->

<section class="home" id="home-section">
<!--Add-->
<div class="add">
<div class="add-container">

<img src="./Images/banner/burger banner.jpg">

<div class="textimg"><h2>30% off on your<br> first order</h2>
<a href="./ksbakers.html"><button class="ordr">Order
Now</button></a></div>

</div>

</div>
<!--Add ends-->
<!--Specials-->
<div class="spl">
<h2>Our Specials</h2>
</div>

<div class="table">
<a href="./dishes.html"><img src="./Images/Dishes/Chicken-Biryani.jpg"
height="150"><h4>Biryani</h4></a>

41
 <a href="./dishes.html"><img src="./Images/Dishes/chicken.jpeg"
height="150"><h4>Chicken Lolipop</h4></a>

<a href="./dishes.html"><img src="./Images/Dishes/panner tikka.jpg"

height="150"><h4>Panner Tikka</h4></a>
<a href="./dishes.html"><img src="./Images/Dishes/garlicprawns.jpg"
height="150"><h4>Garlic Prawns</h4></a>

<a href="./dishes.html"><img src="./Images/Dishes/vegpulao.jpg"

height="150"><h4>Veg Pulao</h4></a>
<a href="./dishes.html"><img src="./Images/Dishes/apollo fish.jpg"
height="150"><h4>Apollo fish</h4></a>

</div>

<!--Top Restaurants-->
<div class="top-re">
<h2>Top Restaurants</h2>
</div>

<div class="table1">
<a href="./Barbeque.html"><img src="./Images/Restaurants/barbeque.jpg"
height="150"><h4>Barbeque</h4><p>tandoori, biryani, Starters</p></a>
<a href="./mehfil.html"><img src="./Images/Restaurants/mehfil.jpg"
height="150"><h4>Mehfil</h4><p>tandoori, biryani</p></a>
<a href="./paradise.html"><img src="./Images/Restaurants/paradise.jpg"
height="150"><h4>Paradise</h4><p>tandoori, biryani, Starters,
deserts</p></a>

<a href="./ramkibandi.html"><img
src="./Images/Restaurants/ramkibandi.jpg" height="150"><h4>Ram Ki
Bandi</h4><p>dosa</p></a>

42
 <a href="./dominos.html"><img src="./Images/Restaurants/dominos.jpg"
height="150"><h4>Domino's</h4><p>Pizza, Burger</p></a>

<a href="./vantilu.html"><img src="./Images/Restaurants/vantilu.jpeg"

height="150"><h4>Vantillu</h4><p>tandoori, biryani, Starters</p></a>
<a href="./platform65.html"><img
src="./Images/Restaurants/platform65.jpg"
height="150"><h4>Platform65</h4><p>tandoori, biryani,
Starters</p></a>
</div>
<div class="container-grocery">
<img src="./Images/banner/grocery-delivery.png" alt="Norway"
style="width:100%;">
<div class="text-block">
<h2>Chotu!</h2>
<h4>Anything you need, delivered</h4>
<p>Get your grocery, meat, vegetables at your door step<br>
Stay Home and Enjoy our services.</p>

<div class="ordergrocery">
<a href="https://api.whatsapp.com/send?phone=+917717406841&text=I
wanted to order grocery/meat/vegetables" class="orderg"
onclick="mygrocery()"><i class="fab fa-whatsapp"></i> Order Now</a>

</div>
</div>

</div>

<!--Restaurants-->
43
<div class="res">
<h2>14 Restaurants</h2>
<hr class="line">

</div>
<section class="barb" id="biryani">
<h1 class="barbeque">Restaurants</h1>
<hr class="line">
<div class="box-container">

<div class="box">
<a href="./barbeque.html"><img
src="./Images/Restaurants/barbeque.jpg"></a>
<h3>Barbeque</h3>
<div class="stars">

<i class="fas fa-star"></i>

<i class="fas fa-star"></i>
<i class="fas fa-star"></i>
<i class="fas fa-star"></i>
<i class="fas fa-star-half-alt"></i>

<br>
<p>Starters,biryani,tandoori</p>

</div>
</div>
<div class="box">
44
 <a href="./mehfil.html"><img src="./Images/Restaurants/mehfil.jpg"></a>
<h3>Mehfil</h3>
<div class="stars">

<i class="fas fa-star"></i>

<i class="fas fa-star"></i>
<i class="fas fa-star"></i>
<i class="fas fa-star"></i>
<i class="fas fa-star-half-alt"></i>

<br>
<p>Starters,biryani,tandoori</p>

</div>
</div>
<div class="box">

<a href="./dominos.html"><img
src="./Images/Restaurants/dominos.jpg"></a>
<h3>Domino's</h3>
<div class="stars">
<i class="fas fa-star"></i>

<i class="fas fa-star"></i>

<i class="fas fa-star"></i>
<i class="fas fa-star"></i>
<i class="fas fa-star-half-alt"></i>
<br>
45
 <p>Pizza ,Burger, Bread</p>

</div>

</div>
<div class="box">
<a href="./paradise.html"><img
src="./Images/Restaurants/paradise.jpg"></a>
<h3>Paradise</h3>

<div class="stars">
<i class="fas fa-star"></i>
<i class="fas fa-star"></i>
<i class="fas fa-star"></i>
<i class="fas fa-star"></i>

<i class="fas fa-star-half-alt"></i>

<br>
<p>Starters,biryani,tandoori</p>

</div>
</div>

<div class="box">
<a href="./ramkibandi.html"><img
src="./Images/Restaurants/ramkibandi.jpg"></a>
<h3>Ram ki Bandi</h3>
<div class="stars">

46
 <i class="fas fa-star"></i>
<i class="fas fa-star"></i>
<i class="fas fa-star"></i>

<i class="fas fa-star"></i>

<i class="fas fa-star-half-alt"></i>
<br>
<p>Idli, Dosa, Breakfast</p>

</div>

</div>
<div class="box">
<a href="./vantilu.html"><img
src="./Images/Restaurants/vantilu.jpeg"></a>

<h3>Vantillu</h3>
<div class="stars">
<i class="fas fa-star"></i>
<i class="fas fa-star"></i>
<i class="fas fa-star"></i>
<i class="fas fa-star"></i>

<i class="fas fa-star-half-alt"></i>

<br>
<p>Starters,biryani,tandoori</p>

</div>

47
 </div>
<div class="box">
<a href="./platform65.html"><img
src="./Images/Restaurants/platform65.jpg"></a>
<h3>Platform 65</h3>
<div class="stars">
<i class="fas fa-star"></i>
<i class="fas fa-star"></i>

<i class="fas fa-star"></i>

<i class="fas fa-star"></i>
<i class="fas fa-star-half-alt"></i>
<br>
<p>Starters,biryani,tandoori</p>

</div>
</div>
<div class="box">
<a href="./hoteladaab.html"><img
src="./Images/Restaurants/aadab.png"></a>
<h3>Hotel Adaab</h3>
<div class="stars">
<i class="fas fa-star"></i>
<i class="fas fa-star"></i>

<i class="fas fa-star"></i>

48
 <i class="fas fa-star"></i>
<i class="fas fa-star-half-alt"></i>
<br>

<p>Starters,biryani,tandoori</p>

</div>
</div>
<div class="box">
<a href="./fishland.html"><img
src="./Images/Restaurants/fishland.jpg"></a>
<h3>Fish Land</h3>
<div class="stars">
<i class="fas fa-star"></i>

<i class="fas fa-star"></i>

<i class="fas fa-star"></i>
<i class="fas fa-star"></i>
<i class="fas fa-star-half-alt"></i>
<br>
<p>Starters,biryani,tandoori</p>

</div>
</div>
<div class="box">
<a href="./hitech.html"><img src="./Images/Restaurants/hitech.jpg"></a>

49
 <h3>hitech</h3>
<div class="stars">
<i class="fas fa-star"></i>

<i class="fas fa-star"></i>

<i class="fas fa-star"></i>
<i class="fas fa-star"></i>
<i class="fas fa-star-half-alt"></i>
<br>

<p>Starters,biryani,tandoori</p>

</div>
</div>
<div class="box">
<a href="./hotnspicy.html"><img
src="./Images/Restaurants/hotnspicy.jpg"></a>
<h3>Hot N Spicy</h3>
<div class="stars">
<i class="fas fa-star"></i>
<i class="fas fa-star"></i>

<i class="fas fa-star"></i>

<i class="fas fa-star"></i>
<i class="fas fa-star-half-alt"></i>
<br>
<p>Starters,biryani,tandoori</p>
50
 </div>
</div>

<div class="box">
<a href="./mughal.html"><img
src="./Images/Restaurants/mughal.jpg"></a>
<h3>Mughal Restaurants</h3>
<div class="stars">

<i class="fas fa-star"></i>

<i class="fas fa-star"></i>
<i class="fas fa-star"></i>
<i class="fas fa-star"></i>
<i class="fas fa-star-half-alt"></i>

<br>
<p>Starters,biryani,tandoori</p>

</div>
</div>
<div class="box">

<a href="./ksbakers.html"><img
src="./Images/Restaurants/ksbakers.png"></a>
<h3>KS Bakers</h3>
<div class="stars">
<i class="fas fa-star"></i>

51
 <i class="fas fa-star"></i>
<i class="fas fa-star"></i>
<i class="fas fa-star"></i>

<i class="fas fa-star-half-alt"></i>

<br>
<p>Starters,biryani,tandoori</p>

</div>
</div>

</div>
</section>

</section>

<div id="about" class="about">

<a href="#" class="closebtn" onclick="closeNav()">&times;</a>
<div class="about-overlay">
<h1>About us</h1>
<p>Launched in 2021, Our technology platform connects customers,<br>
restaurant partners and delivery partners, serving their multiple needs. <br>

Customers use our platform to search and discover restaurants, read and
write customer

52
 generated reviews and view and upload photos,<br> order food delivery,
book a table and make

payments while dining-out at restaurants. On the other hand,<br> we

provide restaurant partners
with industry-specific marketing tools which enable them to engage and
acquire customers<br> to
grow their business while also providing a reliable <br>and efficient last
mile delivery service.
We also operate a one-stop procurement solution, <br>Hyperpure, which
supplies high quality ingredients
and kitchen products to restaurant partners.<br> We also provide
our delivery partners with transparent and flexible earning
opportunities. </p>
</div>
</div>

<!--Footer Section-->
<footer class="footer">
<div class="container">
<div class="row">

<div class="footer-col">

<ul>
<i class="fa fa-utensils"></i>

53
 <span>Foodies.</span>
</ul>
<div class="map">

<ul>
<i class="fa fa-map-marker"></i>
<span>5th Floor,
A-118,Sangareddy, Hyderabad, Telangana -
502001
</span>

</ul>
</div>
<div class="mail">
<ul>
<i class="fas fa-inbox"></i>
<span>

[email protected]
</span>
</ul>
</div>
</div>

<div class="footer-col">

<h4>Foodies</h4>
<ul>
54
 <li><a href="#" onclick="openAbout()">about us</a></li>
<li><a href="#">Our services</a></li>
<li><a href="#">Privacy policy</a></li>

<li><a href="#">Payment policy</a></li>

</ul>
</div>
<div class="footer-col">
<h4>Get help</h4>

<ul>
<li><a href="#">FAQ</a></li>
<li><a href="#">Delivery</a></li>
<li><a href="#">My orders</a></li>
<li><a href="#">Order Status</a></li>
<li><a href="#">Payment options</a></li>

</ul>
</div>
<div class="footer-col">

<h4>Order Now</h4>
<ul>
<li><a href="./dishes.html">Biryani's</a></li>
<li><a href="./dishes.html">Restaurants</a></li>
<li><a href="./dishes.html">Starters</a></li>

55
 <li><a href="./dishes.html">Fast food</a></li>
</ul>
</div>

<div class="footer-col">
<h4>Follow us</h4>
<div class="social-links">
<a href="https://www.facebook.com/"><i class="fab fafacebook-
f"></i></a>

<a href="https://twitter.com/login"><i class="fab

fatwitter"></i></a>
<a href="https://www.instagram.com/"><i class="fab
fainstagram"></i></a>

<a href="https://www.linkedin.com/login"><i class="fab

falinkedin-in"></i></a>

</div>

</div>

</div>
</div>

</footer>

56
<!--Home ends-->

<!--Java Script-->
<script>
let menu = document.querySelector('#menu-bars');
let navbar = document.querySelector('.navbar');

menu.onclick = () => { menu.classList.toggle('fa-

times'); navbar.classList.toggle('active');
}

window.onscroll=() => { menu.classList.remove('fa-

times'); navbar.classList.remove('active');
}
document.querySelector('#search-icon').onclick=() => {
document.querySelector('#search-form').classList.toggle('active');
}

document.querySelector('#close1').onclick=() => {
document.querySelector('#search-form').classList.toggle('active');
}

document.querySelector("#feedback").onclick=() =>{
document.querySelector("#co1").classList.toggle("active");
}

57
 document.querySelector("#close").onclick=() =>{
document.querySelector("#co1").classList.toggle("active");
}

var preloader =
document.getElementById("loading"); function
myload() { preloader.style.display="none";
}

const btn =
document.querySelector("button"); const post =
document.querySelector(".post");
const widget = document.querySelector(".star-widget");
const editBtn = document.querySelector(".edit");

btn.onclick = () =>{
widget.style.display = "none";
post.style.display = "block";
editBtn.onclick = () =>{
widget.style.display =
"block"; post.style.display =
"none";
}

return false;
58
}

function openAbout(){

59
 document.getElementById("about").style.width = "100%";

function closeNav(){
document.getElementById("about").style.width = "0%";
}
var preloader = document.getElementById("loader");

function myloader(){
preloader.style.display = "none";
}

confirm("Order Now on Whatsapp click ok to continue");

}
</script>

<!--JavaScript ends -->

</body>
</html>

60
 REFERENCE

1. Dr. Manish Kumar Srivastava1, Mr. Atul Kumar Srivastava2 1Associate

Professor, Department of Commerce, Deen Dayal Upadhyaya Gorakhpur
University, Gorakhpur. 2Research Scholar, Department of Business
Administration, Deen Dayal Upadhyaya Gorakhpur University,
Gorakhpur.

2. Kondra Revathi Satya a, Ch Tejab, Ashish Shrivastavaa

A,School of Computer Science Engineering, Lovely Professional University,
Phagwara, Punjab, India
B,School of Mechanical Engineering, Lovely ProfessionalHasanah Harahap,
Laila Apriani, Evawany Aritonang, and Zulhaida Lubis.

3. "The Relationship between Type and Frequency of Online Food Ordering

With Obesity in Students of Medan Area University." Britain International
of Exact Sciences (BIoEx) Journal 2 University, Phagwara, Punjab, India

4. Kumar, Hemant, Muskan Jain, and Manpreet Singh Bajwa. "Online Food
Delivery App ‘Foodie’." Journal of University of Shanghai for Science
and Technology 23

61