AJU190447
AJU190447
AJU190447
CERTIFICATE
The purpose of this project is to devlop and online food ordering system. It is a system that
enable customer to place their food order online at any time at any place.
The reason to devlop this system is due to the issue facing by food industry. These issue are
such as peak hour-long queue issues, increase of take away than visitors, speed major request
of food management, limited promotion and quality control of food management.
Therefore, this system enhance the speed and standardization of taking order from the
cutomer and supply it to the staff in the kitchen accordingly.
Beside that it provide user friendly web pages and effective advertising medium to the new
product of the online food ordering restaurant to the customer at reasonable price.
I would like to express my sincere gratitude to several individuals and organization for
supporting me throughout the completion of my project.
First, I wish to express my sincere gratitude to my mentor (Ms. Alka Kumari) for her
enthusiasm patience, insightful comments, helpful information, practical advices and
unceasing ideas that have helped me tremendously at all times in my Project and writing of
these thesis. Her immense knowledge, profound experience and professional expertise in
Backend has enabled me to complete this project successfully. Without her support and
guidance, this project would not have been possible.
I am also thankful to our respected HOD Dr. Arvind Kumar Pandey and all faculty members
for loving inspiration and timely guidance. I also wish to express my sincere thanks to the
Department of Computer science & Information technology of ARKA JAIN UNIVERSITY
for accepting this project.
Chapter 1
1.2 Objective…………………………….…………………………………………………10
Chapter 2
System Analysis………………………………….……………………………………..11-21
HTML
CSS
JavaScript
Bootstrap
PHP
Chapter 3
Chapter 4
Chapter 5
Chapter 6
Conclusion…………………………………………………………………………………181
6.1 Limitation........................................................................................................................182
Chapter 7
7.1 References.......................................................................................................................183
INTRODUCTION
Online food ordering system is proposed here which simplifies the food ordering process. It
can be defined as a simple and convenient way for customers to order food online, without
having to go to the restaurant. The proposed system shows an customer interface and update
the menu with all available options so that it eases the customer work. Customer can choose
more than one item to make an order and can view order details..
User can order his/her favourite food from desired restaurant and enjoy them with his/her
loved ones. and through this website only the admin who has the contraption power of this
website can look up to every activities of user and can guide or help them whenever a user is
needed for help.
As you open the website RESTRO 1839 a animated page will load and it will have two
options one i.e Login and other sign-up.
If a user is new to the website then he can do sign-up first then he will get a user id and
password , through which he can then Login into the website easily .
Login into the website easily, and if he has that user id and password from previously so he
can direct switch on to login area.
After login the user will be redirected to home page where he will get to see a navbar
containing options like about section, menu section , order section, contact section.
Scrolling down there he will get option to explore our website. Then if he want to book order
for food then he will get option of verieties of foods options user have to go down the website
where the option will be available.
User can book his favourite foods and can cancel it also , after order he will get a message that
his order has been placed after that it will lead to the payment option where user has to pay the
required amount through Cash on Delivery or Online payment.
And all these activities can be controlled by admin he will get notification whenever any user
will login into the website and place any order. Admin can add ,delete and update foods .
It is required to keep the computerized data, as it is difficult to do manually and is also fast as
it takes less time. Purpose to computerize its data is to overcome from hazard of manual
system. This web portal is developed as to deliver food to everyone in more efficient and
effective way.
2.1.1 Data Gathering Data Gathering is the process of gathering and measuring information
on variables of interest, in an established systematic fashion that enables one to answer stated
research questions, test hypotheses, and evaluate outcomes. The data collection component of
research is common to all fields of study including physical and social sciences, humanities,
business, etc. Data gathering techniques used in the (Software Development Lifecycle)
SDLC.
2.1.2 Feasibility Study The measure of how beneficial or practical the development of
informant system will be to an organization. along this topic feasibility is measured. So far
taking the feasibility study and feasibility analysis during the development of the project food
Ordering system we have studied on the following four major categories of feasibility study
Technical feasibility : A technical feasibility study assesses the details of how you intend
to deliver a product or service to customers. Think materials, labour, transportation, where
A waterfall model under the software development life cycle (SDLC) is the methodology
used to produce the food ordering system and the customer self ordering system. It is used by
system developers to produce or alter information systems or software. It divides the
development process into several stages or processes. After the completion of one stage, it
will logically move to another stage. Sometimes moving back to the previous stage is
necessary due to failure that occurs in current stage.
RAM: 2GB
Xampp
2.4.1 XAMPP
XAMPP is a free and open-source cross-platform web server solution stack package
developed by Apache Friends, consisting mainly of the Apache HTTP Server, MariaDB
database, and interpreters for scripts written in the PHP and Perl programming languages.
2.4.2 LANGUAGE
HTML: Hypertext Markup Language is the standard markup language for documents
designed to be displayed in a web browser. It can be assisted technologies such as
Cascading Style Sheets and scripting languages such as JavaScript.
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.
Bootstrap: Bootstrap is a free and open-source CSS framework directed at responsive,
mobile-first front-end web development. It contains CSS and JavaScript-based design
templates for typography, forms, buttons, modals navigation, and other interface
components.
JavaScript: JavaScript is a programming language that conforms to the ECMA Script
specification. JavaScript is high-level, often just-in-time compiled, and multi-
paradigm. Curly bracket syntax, dynamic typing, prototype-based object-orientation,
and first-class functions.
PHP: Php is a server-side scripting language. that is used to develop Static websites or
Dynamic websites or Web applications. PHP stands for Hypertext Pre-processor, that
earlier stood for Personal Home Pages. PHP scripts can only be interpreted on a
server that has PHP installed.
DFD is an important tool used by system analysis. A data flow diagram model, a system
using external entities from which data flows to a process which transforms the data and
create output data transforms which go to other processes or external entities such as files.
The main merit of DFD is that it can provide an overview of what data a system would
process.
SYMBOLS
A Circle represents a process that transforms incoming data flow into outgoing data
flows.
A Square defines a source or destination of system data.
An Arrow identifies data flow direction. It is the pipeline through which the
information flows.
An Open Rectangle is a data store, data at rest or a temporary repository of data.
Data Flow - Data flow are pipelines through the packets of information flow.
Entity - Entity are object of the system. A source or destination data of a system.
The context level data flow diagram (dfd) is describe the whole system. The (0) level dfd
describe the all user module who operate the system. Below data flow diagram of online
library management site shows the two user can operate the system Admin and Member user.
SYSTEM DESIGN
3.1 ER Diagram
tbl_admin table Structure: This table store the login details of admin
tbl_category table Structure : This table store the login details of category food.
Normalization is a database design technique that reduces data redundancy and eliminates
undesirable characteristics like Insertion, Update and Deletion Anomalies. Normalization
rules divides larger tables into smaller tables and links them using relationships. The purpose
of Normalisation in SQL is to eliminate redundant (repetitive) data and ensure data is stored
logically.
PROGRAM CODE
Home page
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<meta name="Description" content="Enter your description here" />
<title>Restro 1839</title>
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/css/bootstrap.min.css"
rel="stylesheet">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-
awesome/5.15.2/css/all.min.css">
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Quicksand">
<style>
ul,
ol {
margin: 0;
padding: 0;
}
html {
scroll-behavior: smooth;
}
body {
font-family: var(--primary-font);
font-size: 100%;
font-weight: 400;
}
.forms {
padding: 20px
}
.inputs input {
margin-bottom: 13px;
border: none;
border-bottom: 2px solid #eee
}
.inputs input:focus {
margin-bottom: 13px;
border: none;
border-bottom: 2px solid #7B1FA2;
box-shadow: none
}
.inputs textarea {
margin-bottom: 13px;
border: none;
border-bottom: 2px solid #eee;
width: 100%;
resize: none
}
.inputs textarea:focus {
.form-control {
padding: .375rem .25rem;
}
.color{
color:orange;
}
.col-md-9{
color:whitesmoke;
}
.get{
color:darkorange;
}
.mes{
color:black;
/footer/
.footer-dark {
padding:50px 0;
<li class="nav-item">
<a class="nav-link" href="contact.php">Contact Us</a>
</li>
<section id="about">
<div class="row d-flex justify-content-center align-items-center">
<div class="col-md-12">
<div class="About-us text-center">
</div>
</div>
</div>
</section>
<section id="about">
<div class="about-wrapper">
<div class="overlay">
<div class="row d-flex justify-content-center align-items-center">
<div class="col-md-9">
<div class="About-us text-center">
<br />
<h2>Our Restaurant</h2>
<h4 class="write">About Us</h4>
<p class="mb-5 text-white">We celebrate people, revel processes, share receipt, and
most of all, We have fun.</p>
</div>
</div>
</div>
</div>
</div>
</section>-->
<div class="basket">
<a href="#"><i class="fas fa-shopping-basket"></i></a>
</div>
<a href="menu.php" class="fw-bolder text-decoration-underline text-black
">View Menu</a>
</div>
<div class="basket">
<a href="#"><i class="fas fa-shopping-basket"></i></a>
</div>
<a href="menu.php" class="fw-bolder text-decoration-underline text-black
">View Menu</a>
</div>
</a>
</div>
<div class="product-info">
<div class="d-flex justify-content-between py-3">
<h4 class="product-title">
<ins><span class="title text-white">Tadka</span></ins>
</h4>
<h4 class="product-price">
<ins><span class="money text-white">₹300.00</span></ins>
</h4>
</div>
<div class="basket">
<a href="#"><i class="fas fa-shopping-basket"></i></a>
</div>
</div>
</a>
</div>
<div class="product-info">
<div class="d-flex justify-content-between py-3">
<h4 class="product-title">
<ins><span class="title text-white">PASTA</span></ins>
</h4>
<h4 class="product-price">
<ins><span class="money text-white">₹300.00</span></ins>
</h4>
</div>
<div class="basket">
<a href="#"><i class="fas fa-shopping-basket"></i></a>
</div>
<a href="foods.php" class="fw-bolder text-decoration-underline text-black
">View Menu</a>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
</div>
<div class="row">
<div class="col-sm-12 col-lg-10 offset-lg-1">
<div id="carouselExampleDark" class="carousel slide" data-bs-ride="carousel">
<div class="carousel-indicators">
<button type="button" data-bs-target="#carouselExampleDark" data-bs-slide-
to="0" class="active"
aria-current="true" aria-label="Slide 1"></button>
<button type="button" data-bs-target="#carouselExampleDark" data-bs-slide-
to="1"
aria-label="Slide 2"></button>
<button type="button" data-bs-target="#carouselExampleDark" data-bs-slide-
to="2"
aria-label="Slide 3"></button>
</div>
<div class="carousel-inner">
<div class="carousel-item active">
<div class="carousel-caption">
<img src="images/large.jfif">
<img src="images/rice.jfif">
</div>
</div>
<div class="carousel-item">
<div class="carousel-caption">
<img src="images/tadka.jfif">
<img src="images/1839_3.jfif">
</p>
</div>
</div>
<div class="carousel-item">
<div class="carousel-caption">
<img src="images/f7.png">
<img src="images/f8.png">
</p>
<h5 class="gallery">Johnthan Doe - UX Designer</h5>
</div>
<section id="contact-us">
<div class="contact-wrapper">
<div class="overlay">
<div class="row d-flex justify-content-center align-items-center">
<div class="col-md-9">
<div class="contact-us text-center">
<h7>GET IN TOUCH</h7>
<h1 class="get">Contact Us</h1>
<div class="row">
<div class="col-md-6">
<div class="mt-5 text-center px-3">
<div class="d-flex flex-row align-items-center"> <span class="icons"><i
class="fa fa-map-marker"></i></span>
<div class="col-md-6">
<div class="text-center px-1">
<div class="forms p-4 py-5 bg-white">
<h5 class="mes">Send Message</h5>
<div class="mt-4 inputs"> <input type="text" class="form-control"
placeholder="Name"> <input type="text" class="form-control" placeholder="Email">
<textarea class="form-control" placeholder="Type your message"></textarea> </div>
<div class="button mt-4 text-left"> <button class="btn btn-
dark">Send</button> </div>
</div>
</div>
</div>
</div>
<div class="footer-dark">
<footer>
<div class="container">
<div class="row">
<div class="col-sm-6 col-md-3 item">
<h3 class="service">Services</h3>
<ul>
<li class="good"><a href="#">Good Food</a></li>
<li class="good"><a href="#">Best Delivery</a></li>
<li class="good"><a href="#">Hosting</a></li>
</ul>
</div>
<div class="col-sm-6 col-md-3 item">
<h3 class="about">About</h3>
<ul>
<li><a href="#">Company</a></li>
<li><a href="#">Team</a></li>
<li><a href="#">Careers</a></li>
</ul>
</div>
<div class="col-md-6 item text">
<h3 class="restro">Restro /839</h3>
</div>
</div>
<p class="copyright">Restro1839© </p>
</div>
</footer>
</div>
<script
src="https://cdn.jsdelivr.net/npm/@popperjs/core@2.10.2/dist/umd/popper.min.js"></script>
<script
src="https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/js/bootstrap.min.js"></script>
</body>
</html>
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<meta name="Description" content="Enter your description here" />
<title>Pizza</title>
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/css/bootstrap.min.css"
rel="stylesheet">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-
awesome/5.15.2/css/all.min.css">
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Quicksand">
<style>
html {
scroll-behavior: smooth;
}
body {
font-family: var(--primary-font);
font-size: 100%;
font-weight: 400;
}
/*
=========================================
Custom Scrollbar
=========================================
*/
::-webkit-scrollbar {
width: 0.625rem;
}
::-webkit-scrollbar-track {
background: var(--white-color);
}
::-webkit-scrollbar-thumb {
background: var(--secondry-color);
}
h1 {
font-size: 58px;
font-weight: 900;
margin-bottom: 1rem;
color: var(--white-color);
text-shadow: 1px 0 6px #000;
}
h1 span {
color: var(--primary-color);
}
h2 {
font-weight: 700;
font-size: 2rem;
text-transform: capitalize;
font-family: var(--secondry-font);
color: var(--secondry-color);
line-height: 3rem;
}
h4 {
color: var(--secondry-color);
font-family: var(--secondry-font);
h5 {
color: var(--black-color);
text-transform: capitalize;
font-family: var(--secondry-font);
font-size: 1rem;
font-weight: 700;
margin-bottom: 0.5rem;
}
p{
font-size: 1rem;
color: var(--text-color);
font-weight: 400;
line-height: 1.75rem;
letter-spacing: 1px;
}
.main-btn {
display: inline-block;
padding: 0.625rem 1.875rem;
line-height: 1.5625rem;
background-color: var(--primary-color);
border: 0.1875rem solid var(--primary-color);
color: var(--black-color);
.main-btn:hover {
background-color: transparent;
color: var(--primary-color);
}
.wrapper {
padding-top: 4.25rem;
padding-bottom: 4.25rem;
}
.text-content {
width: 70%;
margin: auto;
}
/*
==========================================
Header Design
==========================================
/*
==========================================
top-banner Design
==========================================
*/
.top-banner{
/about/
#about {
min-width: 100vw;
min-height: 100vh;
display: flex;
justify-content: center;
align-items: center;
background-image: url('images/shubham.jfif');
background-size:cover;
}
.mb-5{
color:aliceblue;
}
.choose{
color:darkorange;
}
.container .card {
max-width: 300px;
height: 215px;
margin: 30px 10px;
padding: 20px 15px;
box-shadow: 0 5px 20px rgba(0, 0, 0, 0.5);
transition: 0.3s ease-in-out;
margin-right:20px;
.container .card:hover {
height: 450px;
}
/Responsive Design/
/*custom classes */
.text-content{
width:100%;
}
/* navbar brand */
.navigation-wrap .navbar-brand img{
height:3.8125rem
}
.navigation-wrap{
text-align: center;
background-color: var(--white-color);
}
.navigation-wrap .nav-link{
line-height: 1.875rem;
color:var(--black-color);
/* Banner Design */
.top-banner{
padding:9.375rem 0 9.375rem;
}
/* carousel design */
.testimonial-section .carousel-caption p{
padding:0;
}
/* footer link */
.footer .footer-social a i{
padding:0 0.75rem;
}
}
/* custom css */
h1 {
font-size: 2.8rem;
}
h2 {
font-size: 1.3rem;
line-height: 28px;
}
/* carousel design */
.testimonial-section .carousel-item{
padding:11rem 3.125rem;
}
}
@media (max-width:330px) {
/* carousel design */
.testimonial-section .carousel-item{
padding:13rem 3.125rem;
}
}
.footer-dark {
padding:50px 0;
color:#f0f9ff;
background-color:black;
}
.footer-dark h3 {
margin-top:0;
margin-bottom:12px;
.footer-dark ul {
padding:0;
list-style:none;
line-height:1.6;
font-size:14px;
margin-bottom:0;
}
.footer-dark ul a {
color:inherit;
text-decoration:none;
opacity:0.6;
}
.footer-dark ul a:hover {
opacity:0.8;
}
@media (max-width:767px) {
.footer-dark .item:not(.social) {
text-align:center;
padding-bottom:20px;
}
}
.footer-dark .item.text {
@media (max-width:767px) {
.footer-dark .item.text {
margin-bottom:0;
}
}
.footer-dark .item.text p {
opacity:0.6;
margin-bottom:0;
}
</style>
</head>
<li class="nav-item">
<a class="nav-link active" aria-current="page" href="index.php">Home</a>
</li>
<li class="nav-item">
<a class="nav-link" href="about.php">About Us</a>
</li>
<li class="nav-item">
<a class="nav-link" href="foods.php">Our Menu</a>
</li>
<li class="nav-item">
<a class="nav-link" href="contact.php">Contact Us</a>
</li>
<li> <a href="signin.php" class="main-btn">Log In</a></li>
</ul>
</div>
</div>
</nav>
</header>
<section id="about">
<div class="row d-flex justify-content-center align-items-center">
<div class="col-md-12">
<div class="About-us text-center">
</div>
</div>
<div class="card d-flex position-relative flex-column">
<div class='imgContainer'>
<img src="images/1839_4.jfif" /> </div>
<div class="content">
<h2>2. Expert Chefs</h2>
<p class="content-text">Cooks will usually occupy entry-level positions in a kitchen
and experience training from the specialized chefs. </p>
</div>
</div>
</div>
</div>
</div>
</section>
<div class="footer-dark">
<footer>
<div class="container">
<div class="row">
<div class="col-sm-6 col-md-3 item">
<h3 class="service">Services</h3>
<ul>
<li class="good"><a href="#">Good Food</a></li>
<li class="good"><a href="#">Best Delivery</a></li>
<li class="good"><a href="#">Hosting</a></li>
</ul>
</div>
<div class="col-sm-6 col-md-3 item">
<h3 class="about">About</h3>
</div>
</div>
<p class="copyright">Restro1839© </p>
</div>
</footer>
</div>
<script
src="https://cdn.jsdelivr.net/npm/@popperjs/core@2.10.2/dist/umd/popper.min.js"></script>
<script>
// Scrollbar navbar
let nav = document.querySelector(".navigation-wrap");
window. () {
if (document.documentElement.scrollTop > 20) {
nav.classList.add("scroll-on");
} else {
nav.classList.remove("scroll-on");
}
}
// nav hide
let navBar = document.querySelectorAll(".nav-link");
let navCollapse = document.querySelector(".navbar-collapse.collapse");
navBar.forEach(function (a) {
a.addEventListener("click", function () {
navCollapse.classList.remove("show");
})
})
</script>
</body>
</html>
Contact Page
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<meta name="Description" content="Enter your description here" />
<title>Pizza</title>
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/css/bootstrap.min.css"
rel="stylesheet">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-
awesome/5.15.2/css/all.min.css">
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Quicksand">
<style>
*,
*:after,
*:before {
-webkit-box-sizing: border-box;
box-sizing: border-box;
margin: 0;
padding: 0;
}
:active,
:hover,
:focus {
outline: 0 !important;
outline-offset: 0;
a,
a:hover {
text-decoration: none;
}
a:hover {
color: var(--primary-color) !important;
}
ul,
ol {
margin: 0;
padding: 0;
}
html {
scroll-behavior: smooth;
body {
font-family: var(--primary-font);
font-size: 100%;
font-weight: 400;
}
/*
=========================================
Custom Scrollbar
=========================================
*/
::-webkit-scrollbar {
width: 0.625rem;
}
::-webkit-scrollbar-track {
background: var(--white-color);
}
::-webkit-scrollbar-thumb {
background: var(--secondry-color);
}
/*
==========================================
Custom CSS Design
==========================================
h1 {
font-size: 58px;
font-weight: 900;
margin-bottom: 1rem;
color: var(--white-color);
text-shadow: 1px 0 6px #000;
}
h1 span {
color: var(--primary-color);
}
h2 {
font-weight: 700;
font-size: 2rem;
text-transform: capitalize;
font-family: var(--secondry-font);
color: var(--secondry-color);
line-height: 3rem;
}
h4 {
color: var(--secondry-color);
font-family: var(--secondry-font);
text-transform: capitalize;
font-size: 1.125rem;
font-weight: 800;
margin-bottom: 0.5rem;
h5 {
color: var(--black-color);
text-transform: capitalize;
font-family: var(--secondry-font);
font-size: 1rem;
font-weight: 700;
margin-bottom: 0.5rem;
}
p{
font-size: 1rem;
color: var(--text-color);
font-weight: 400;
line-height: 1.75rem;
letter-spacing: 1px;
}
.main-btn {
display: inline-block;
padding: 0.625rem 1.875rem;
line-height: 1.5625rem;
background-color: var(--primary-color);
border: 0.1875rem solid var(--primary-color);
color: var(--black-color);
font-size: 0.9375rem;
font-weight: 600;
text-transform: capitalize;
border-radius: 0.5rem;
.main-btn:hover {
background-color: transparent;
color: var(--primary-color);
}
.wrapper {
padding-top: 4.25rem;
padding-bottom: 4.25rem;
}
.text-content {
width: 70%;
margin: auto;
}
/*
==========================================
Header Design
==========================================
*/
.navigation-wrap{
position:fixed;
width:100%;
/*
==========================================
top-banner Design
==========================================
*/
.top-banner{
width:100%;
background:url('943258.jpg') no-repeat center;
background-size: cover;
padding:16.875rem 0 9.375rem;
.wrapper {
height: 100vh;
background: #000;
background: url("images/contact.jfif") ;
background-size: cover;
width: 100%
.overlay {
width: 100%;
height: 100vh;
background: rgba(0, 0, 0, 0.8)
.contact-us {
margin-top: 50px;
margin-bottom: 50px;
}
.contact-us h3,
p{
color: #fff;
}
.address span {
color:darkorange;
}
.icons {
width: 50px;
height: 50px;
border-radius: 50%;
display:flex;
display: inline-block;
display: flex;
justify-content: center;
align-items: center;
}
.icons i {
font-size: 20px
}
.forms {
padding: 20px
}
.inputs input {
.inputs input:focus {
margin-bottom: 13px;
border: none;
border-bottom: 2px solid #7B1FA2;
box-shadow: none
}
.inputs textarea {
margin-bottom: 13px;
border: none;
border-bottom: 2px solid #eee;
width: 100%;
resize: none
}
.inputs textarea:focus {
margin-bottom: 13px;
border: none;
border-bottom: 2px solid #7B1FA2;
box-shadow: none;
resize: none
}
.form-control {
padding: .375rem .25rem
.get{
color:darkorange;
}
.mes{
color:black;
}
/Responsive Design/
/*custom classes */
.text-content{
width:100%;
}
/* navbar brand */
.navigation-wrap .navbar-brand img{
height:3.8125rem
}
.navigation-wrap{
/* Banner Design */
.top-banner{
padding:9.375rem 0 9.375rem;
}
/* carousel design */
.testimonial-section .carousel-caption p{
padding:0;
}
/* footer link */
.footer .footer-social a i{
padding:0 0.75rem;
}
}
/* custom css */
h1 {
font-size: 2.8rem;
}
/* top banner */
.top-banner{
padding:10.375rem 0 9.375rem;
}
/* carousel design */
.testimonial-section .carousel-item{
padding:11rem 3.125rem;
}
}
@media (max-width:330px) {
/* carousel design */
.testimonial-section .carousel-item{
padding:13rem 3.125rem;
}
}
.footer-dark {
padding:50px 0;
color:#f0f9ff;
background-color:black;
}
.footer-dark ul {
padding:0;
list-style:none;
line-height:1.6;
font-size:14px;
margin-bottom:0;
}
.footer-dark ul a {
color:inherit;
text-decoration:none;
opacity:0.6;
}
.footer-dark ul a:hover {
opacity:0.8;
}
@media (max-width:767px) {
.footer-dark .item:not(.social) {
text-align:center;
padding-bottom:20px;
.footer-dark .item.text {
margin-bottom:36px;
}
@media (max-width:767px) {
.footer-dark .item.text {
margin-bottom:0;
}
}
.footer-dark .item.text p {
opacity:0.6;
margin-bottom:0;
}
.footer-dark .item.social {
text-align:center;
}
@media (max-width:991px) {
.footer-dark .item.social {
text-align:center;
margin-top:20px;
}
}
.footer-dark .copyright {
text-align:center;
padding-top:24px;
opacity:0.3;
font-size:13px;
margin-bottom:0;
}
.service{
color:darkorange;
}
.about{
color:darkorange;
}
</style>
</head>
<li class="nav-item">
<a class="nav-link" href="contact.php">Contact Us</a>
</li>
<li> <a href="login.php" class="main-btn">Sign In</a></li>
</ul>
</div>
</div>
</nav>
</header>
<section id="contact-us">
<div class="wrapper">
<div class="overlay">
<div class="row d-flex justify-content-center align-items-center">
<div class="col-md-9">
<div class="contact-us text-center">
<h7>GET IN TOUCH</h7>
<div class="col-md-6">
<div class="text-center px-1">
<div class="forms p-4 py-5 bg-white">
<h5 class="mes">Send Message</h5>
<div class="mt-4 inputs"> <input type="text" class="form-control"
name="username" placeholder="Username">
<div class="footer-dark">
<footer>
<div class="container">
<div class="row">
<div class="col-sm-6 col-md-3 item">
<h3 class="service">Services</h3>
<ul>
<li class="good"><a href="#">Good Food</a></li>
<li class="good"><a href="#">Best Delivery</a></li>
<li class="good"><a href="#">Hosting</a></li>
</ul>
</div>
<div class="col-sm-6 col-md-3 item">
</div>
</div>
<p class="copyright">Restro1839© </p>
</div>
</footer>
</div>
<script>
// Scrollbar navbar
let nav = document.querySelector(".navigation-wrap");
window. () {
if (document.documentElement.scrollTop > 20) {
nav.classList.add("scroll-on");
} else {
nav.classList.remove("scroll-on");
}
}
// nav hide
let navBar = document.querySelectorAll(".nav-link");
let navCollapse = document.querySelector(".navbar-collapse.collapse");
navBar.forEach(function (a) {
a.addEventListener("click", function () {
navCollapse.classList.remove("show");
})
})
</script>
<?php
if(isset($_POST['submit']))
{
Order page
<?php
//CHeck whether food id is set or not
if(isset($_GET['food_id']))
{
//Get the Food id and details of the selected food
$title = $row['title'];
$price = $row['price'];
$image_name = $row['image_name'];
}
else
{
//Food not Availabe
//REdirect to Home Page
header('location:'.SITEURL);
}
}
else
{
//Redirect to homepage
header('location:'.SITEURL);
<div class="food-menu-img">
<?php
</div>
<div class="food-menu-desc">
<h3><?php echo $title; ?></h3>
<input type="hidden" name="food" value="<?php echo $title; ?>">
<div class="order-label">Quantity</div>
<input type="number" name="qty" class="input-responsive" value="1"
required>
</div>
</fieldset>
<fieldset>
<legend>Delivery Details</legend>
<div class="order-label">Full Name</div>
<input type="text" name="full-name" placeholder="E.g. William Moore"
class="input-responsive" required>
<div class="order-label">Email</div>
<input type="email" name="email" placeholder="E.g. william@codeastro.com"
class="input-responsive" required>
</form>
<?php
$food = $_POST['food'];
$price = $_POST['price'];
$qty = $_POST['qty'];
$customer_name = $_POST['full-name'];
$customer_contact = $_POST['contact'];
$customer_email = $_POST['email'];
?>
</div>
</section>
<!-- fOOD sEARCH Section Ends Here -->
Foods Page
</div>
</section>
<!-- fOOD sEARCH Section Ends Here -->
<?php
//Display Foods that are Active
$sql = "SELECT * FROM tbl_food WHERE active='Yes'";
//Count Rows
$count = mysqli_num_rows($res);
<div class="food-menu-box">
<div class="food-menu-img">
<?php
//CHeck whether image available or not
if($image_name=="")
{
//Image not Available
echo "<div class='error'>Image not Available.</div>";
}
else
{
//Image Available
?>
<img src="<?php echo SITEURL; ?>images/food/<?php echo
$image_name; ?>" alt="Chicke Hawain Pizza" class="img-responsive img-curve">
<?php
}
?>
</div>
<?php
}
}
else
{
//Food not Available
echo "<div class='error'>Food not found.</div>";
}
?>
<div class="clearfix"></div>
</section>
<!-- fOOD Menu Section Ends Here -->
?>
</div>
</section>
<!-- fOOD sEARCH Section Ends Here -->
<?php
//Count Rows
$count = mysqli_num_rows($res);
<div class="food-menu-box">
<div class="food-menu-img">
<?php
// Check whether image name is available or not
if($image_name=="")
{
//Image not Available
echo "<div class='error'>Image not Available.</div>";
}
else
{
//Image Available
?>
<img src="<?php echo SITEURL; ?>images/food/<?php echo
$image_name; ?>" alt="Chicke Hawain Pizza" class="img-responsive img-curve">
<?php
}
?>
</div>
<div class="food-menu-desc">
<h4><?php echo $title; ?></h4>
<p class="food-price">$<?php echo $price; ?></p>
<p class="food-detail">
<?php echo $description; ?>
</p>
<?php
}
}
else
{
//Food Not Available
echo "<div class='error'>Food not found.</div>";
}
?>
<div class="clearfix"></div>
</div>
</section>
<!-- fOOD Menu Section Ends Here -->
<?php
//Count Rows
$count = mysqli_num_rows($res);
<?php
}
}
else
{
//CAtegories Not Available
echo "<div class='error'>Category not found.</div>";
}
?>
<div class="clearfix"></div>
</div>
</section>
<!-- Categories Section Ends Here -->
<?php
//CHeck whether id is passed or not
if(isset($_GET['category_id']))
{
//Category id is set and get the id
$category_id = $_GET['category_id'];
// Get the CAtegory Title Based on Category ID
$sql = "SELECT title FROM tbl_category WHERE id=$category_id";
</div>
</section>
<!-- fOOD sEARCH Section Ends Here -->
<?php
<div class="food-menu-box">
<div class="food-menu-img">
<?php
if($image_name=="")
</div>
<div class="food-menu-desc">
<h4><?php echo $title; ?></h4>
<p class="food-price">$<?php echo $price; ?></p>
<p class="food-detail">
<?php echo $description; ?>
</p>
<br>
<?php
}
?>
<div class="clearfix"></div>
</div>
</section>
<!-- fOOD Menu Section Ends Here -->
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<!-- Important to make website responsive -->
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Online Food Order System</title>
<body>
<!-- Navbar Section Starts Here -->
<section class="navbar">
<div class="container">
<div class="logo">
<a href="#" title="Logo">
<img src="images/restro.png" alt="Restaurant Logo" class="img-responsive">
</a>
</div>
<div class="clearfix"></div>
</div>
</section>
<!-- Navbar Section Ends Here -->
Add Admin
<br><br>
<?php
if(isset($_SESSION['add'])) //Checking whether the SEssion is Set of Not
{
echo $_SESSION['add']; //Display the SEssion Message if SEt
unset($_SESSION['add']); //Remove Session Message
}
?>
<table class="tbl-30">
<tr>
<td>Full Name: </td>
<td>
<input type="text" name="full_name" placeholder="Enter Your Name">
</td>
</tr>
<tr>
<td>Username: </td>
<td>
<input type="text" name="username" placeholder="Your Username">
</td>
<tr>
<td>Password: </td>
<td>
<input type="password" name="password" placeholder="Your Password">
</td>
</tr>
<tr>
<td colspan="2">
<input type="submit" name="submit" value="Add Admin" class="btn-
secondary">
</td>
</tr>
</table>
</form>
</div>
</div>
<?php
//Process the Value from Form and Save it in Database
//4. Check whether the (Query is Executed) data is inserted or not and display
appropriate message
if($res==TRUE)
{
//Data Inserted
//echo "Data Inserted";
//Create a Session Variable to Display Message
$_SESSION['add'] = "<div class='success'>Admin Added Successfully.</div>";
//Redirect Page to Manage Admin
header("location:".SITEURL.'admin/manage-admin.php');
?>
Add Categories
<div class="main-content">
<div class="wrapper">
<h1>Add Category</h1>
<br><br>
<?php
if(isset($_SESSION['add']))
if(isset($_SESSION['upload']))
{
echo $_SESSION['upload'];
unset($_SESSION['upload']);
}
?>
<br><br>
<table class="tbl-30">
<tr>
<td>Title: </td>
<td>
<input type="text" name="title" placeholder="Category Title">
</td>
</tr>
<tr>
<td>Select Image: </td>
<td>
<input type="file" name="image">
<tr>
<td>Featured: </td>
<td>
<input type="radio" name="featured" value="Yes"> Yes
<input type="radio" name="featured" value="No"> No
</td>
</tr>
<tr>
<td>Active: </td>
<td>
<input type="radio" name="active" value="Yes"> Yes
<input type="radio" name="active" value="No"> No
</td>
</tr>
<tr>
<td colspan="2">
<input type="submit" name="submit" value="Add Category" class="btn-
secondary">
</td>
</tr>
</table>
</form>
<!-- Add CAtegory Form Ends -->
//For Radio input, we need to check whether the button is selected or not
if(isset($_POST['featured']))
{
//Get the VAlue from form
$featured = $_POST['featured'];
}
else
{
//SEt the Default VAlue
$featured = "No";
}
if(isset($_POST['active']))
{
$active = $_POST['active'];
}
else
{
$active = "No";
}
if(isset($_FILES['image']['name']))
{
//Upload the Image
//To upload image we need image name, source path and destination path
$image_name = $_FILES['image']['name'];
$source_path = $_FILES['image']['tmp_name'];
$destination_path = "../images/category/".$image_name;
}
}
else
{
//Don't Upload Image and set the image_name value as blank
$image_name="";
}
//4. Check whether the query executed or not and data added or not
if($res==true)
{
//Query Executed and Category Added
$_SESSION['add'] = "<div class='success'>Category Added
Successfully.</div>";
//Redirect to Manage Category Page
header('location:'.SITEURL.'admin/manage-category.php');
}
else
{
//Failed to Add CAtegory
$_SESSION['add'] = "<div class='error'>Failed to Add Category.</div>";
//Redirect to Manage Category Page
header('location:'.SITEURL.'admin/add-category.php');
}
}
?>
</div>
</div>
<div class="main-content">
<div class="wrapper">
<h1>Add Food</h1>
<br><br>
<?php
if(isset($_SESSION['upload']))
{
echo $_SESSION['upload'];
unset($_SESSION['upload']);
}
<table class="tbl-30">
<tr>
<td>Title: </td>
<td>
<input type="text" name="title" placeholder="Title of the Food">
</td>
</tr>
<tr>
<td>Description: </td>
<td>
<textarea name="description" cols="30" rows="5" placeholder="Description
of the Food."></textarea>
</td>
</tr>
<tr>
<td>Price: </td>
<td>
<input type="number" name="price">
</td>
</tr>
<tr>
<td>Select Image: </td>
<td>
<tr>
<td>Category: </td>
<td>
<select name="category">
<?php
//Create PHP Code to display categories from Database
//1. CReate SQL to get all active categories from database
$sql = "SELECT * FROM tbl_category WHERE active='Yes'";
//Executing qUery
$res = mysqli_query($conn, $sql);
//IF count is greater than zero, we have categories else we donot have
categories
if($count>0)
{
//WE have categories
while($row=mysqli_fetch_assoc($res))
{
//get the details of categories
$id = $row['id'];
$title = $row['title'];
<?php
}
}
else
{
//WE do not have category
?>
<option value="0">No Category Found</option>
<?php
}
</select>
</td>
</tr>
<tr>
<td>Featured: </td>
<td>
<input type="radio" name="featured" value="Yes"> Yes
<input type="radio" name="featured" value="No"> No
</td>
</tr>
<tr>
<td colspan="2">
<input type="submit" name="submit" value="Add Food" class="btn-
secondary">
</td>
</tr>
</table>
</form>
<?php
//Check whether radion button for featured and active are checked or not
if(isset($_POST['featured']))
{
$featured = $_POST['featured'];
}
else
{
$featured = "No"; //SEtting the Default Value
}
if(isset($_POST['active']))
{
$active = $_POST['active'];
}
else
{
$active = "No"; //Setting Default Value
}
}
else
{
$image_name = ""; //SEtting DEfault Value as blank
}
?>
</div>
</div>
Delete Admin
<?php
?>
Delete Category
<?php
//Include Constants File
include('../config/constants.php');
//IF failed to remove image then add an error message and stop the process
if($remove==false)
{
//Set the SEssion Message
$_SESSION['remove'] = "<div class='error'>Failed to Remove Category
Image.</div>";
//REdirect to Manage Category page
header('location:'.SITEURL.'admin/manage-category.php');
//Stop the Process
die();
}
}
}
else
{
//redirect to Manage Category Page
header('location:'.SITEURL.'admin/manage-category.php');
}
?>
Delete Food
<?php
//Include COnstants Page
include('../config/constants.php');
//CHeck whether the query executed or not and set the session message respectively
//4. Redirect to Manage Food with Session Message
if($res==true)
{
//Food Deleted
$_SESSION['delete'] = "<div class='success'>Food Deleted Successfully.</div>";
header('location:'.SITEURL.'admin/manage-food.php');
}
else
{
//Failed to Delete Food
$_SESSION['delete'] = "<div class='error'>Failed to Delete Food.</div>";
header('location:'.SITEURL.'admin/manage-food.php');
}
}
else
{
//Redirect to Manage Food Page
?>
Index Admin
<?php
//Sql Query
$sql2 = "SELECT * FROM tbl_food";
//Execute Query
$res2 = mysqli_query($conn, $sql2);
//Count Rows
$count2 = mysqli_num_rows($res2);
?>
<?php
//Sql Query
$sql3 = "SELECT * FROM tbl_order";
//Execute Query
$res3 = mysqli_query($conn, $sql3);
//Count Rows
$count3 = mysqli_num_rows($res3);
?>
<?php
//Creat SQL Query to Get Total Revenue Generated
//Aggregate Function in SQL
$sql4 = "SELECT SUM(total) AS Total FROM tbl_order WHERE
status='Delivered'";
?>
<?php
//Sql Query
$sql6 = "SELECT * FROM tbl_order WHERE status = 'Ordered'";
//Execute Query
$res6 = mysqli_query($conn, $sql6);
//Count Rows
$count6 = mysqli_num_rows($res6);
?>
<?php
//Sql Query
$sql7 = "SELECT * FROM tbl_order WHERE status = 'On Delivery'";
<?php
//Sql Query
$sql7 = "SELECT * FROM tbl_order WHERE status = 'Cancelled'";
//Execute Query
$res7 = mysqli_query($conn, $sql7);
//Count Rows
$count7 = mysqli_num_rows($res7);
?>
<div class="clearfix"></div>
</div>
</div>
<!-- Main Content Setion Ends -->
<?php
//Sql Query
$sql = "SELECT * FROM tbl_category";
//Execute Query
$res = mysqli_query($conn, $sql);
//Count Rows
$count = mysqli_num_rows($res);
?>
<?php
//Sql Query
$sql2 = "SELECT * FROM tbl_food";
//Execute Query
$res2 = mysqli_query($conn, $sql2);
//Count Rows
$count2 = mysqli_num_rows($res2);
?>
<?php
//Sql Query
$sql3 = "SELECT * FROM tbl_order";
//Execute Query
$res3 = mysqli_query($conn, $sql3);
//Count Rows
$count3 = mysqli_num_rows($res3);
?>
<?php
//Creat SQL Query to Get Total Revenue Generated
//Aggregate Function in SQL
$sql4 = "SELECT SUM(total) AS Total FROM tbl_order WHERE
status='Delivered'";
?>
<?php
//Sql Query
$sql6 = "SELECT * FROM tbl_order WHERE status = 'Ordered'";
<?php
//Sql Query
$sql7 = "SELECT * FROM tbl_order WHERE status = 'On Delivery'";
//Execute Query
$res7 = mysqli_query($conn, $sql7);
//Count Rows
$count7 = mysqli_num_rows($res7);
?>
<?php
//Sql Query
$sql8 = "SELECT * FROM tbl_admin";
//Execute Query
$res8 = mysqli_query($conn, $sql8);
//Count Rows
$count8 = mysqli_num_rows($res8);
?>
</div>
</div>
<!-- Main Content Setion Ends -->
<?php
//Include constants.php for SITEURL
include('../config/constants.php');
?>
Manage Admin
<br />
<?php
if(isset($_SESSION['add']))
{
echo $_SESSION['add']; //Displaying Session Message
unset($_SESSION['add']); //REmoving Session Message
}
if(isset($_SESSION['delete']))
if(isset($_SESSION['update']))
{
echo $_SESSION['update'];
unset($_SESSION['update']);
}
if(isset($_SESSION['user-not-found']))
{
echo $_SESSION['user-not-found'];
unset($_SESSION['user-not-found']);
}
if(isset($_SESSION['pwd-not-match']))
{
echo $_SESSION['pwd-not-match'];
unset($_SESSION['pwd-not-match']);
}
if(isset($_SESSION['change-pwd']))
{
echo $_SESSION['change-pwd'];
unset($_SESSION['change-pwd']);
}
?>
<table class="tbl-full">
<tr>
<th>S.N.</th>
<th>Full Name</th>
<th>Username</th>
<th>Actions</th>
</tr>
<?php
//Query to Get all Admin
$sql = "SELECT * FROM tbl_admin";
//Execute the Query
$res = mysqli_query($conn, $sql);
<tr>
<td><?php echo $sn++; ?>. </td>
<td><?php echo $full_name; ?></td>
<td><?php echo $username; ?></td>
<td>
<a href="<?php echo SITEURL; ?>admin/update-
password.php?id=<?php echo $id; ?>" class="btn-primary">Change Password</a>
<a href="<?php echo SITEURL; ?>admin/update-
admin.php?id=<?php echo $id; ?>" class="btn-secondary">Update Admin</a>
<a href="<?php echo SITEURL; ?>admin/delete-
admin.php?id=<?php echo $id; ?>" class="btn-danger">Delete Admin</a>
</td>
</tr>
}
}
else
{
//We Do not Have Data in Database
}
}
?>
</table>
</div>
</div>
<!-- Main Content Setion Ends -->
Manage Category
<div class="main-content">
<div class="wrapper">
if(isset($_SESSION['add']))
{
echo $_SESSION['add'];
unset($_SESSION['add']);
}
if(isset($_SESSION['remove']))
{
echo $_SESSION['remove'];
unset($_SESSION['remove']);
}
if(isset($_SESSION['delete']))
{
echo $_SESSION['delete'];
unset($_SESSION['delete']);
}
if(isset($_SESSION['no-category-found']))
{
echo $_SESSION['no-category-found'];
unset($_SESSION['no-category-found']);
}
if(isset($_SESSION['update']))
if(isset($_SESSION['upload']))
{
echo $_SESSION['upload'];
unset($_SESSION['upload']);
}
if(isset($_SESSION['failed-remove']))
{
echo $_SESSION['failed-remove'];
unset($_SESSION['failed-remove']);
}
?>
<br><br>
<table class="tbl-full">
<tr>
<th>S.N.</th>
<th>Title</th>
<th>Image</th>
<?php
?>
<td>
<?php
//Chcek whether image name is available or not
if($image_name!="")
{
//Display the Image
?>
<?php
}
else
{
//DIsplay the MEssage
echo "<div class='error'>Image not Added.</div>";
}
?>
</td>
<?php
}
}
else
{
//WE do not have data
//We'll display the message inside table
?>
<tr>
<td colspan="6"><div class="error">No Category Added.</div></td>
</tr>
<?php
}
?>
</table>
</div>
<div class="main-content">
<div class="wrapper">
<h1>Manage Food Items</h1>
<?php
if(isset($_SESSION['add']))
{
echo $_SESSION['add'];
unset($_SESSION['add']);
}
if(isset($_SESSION['delete']))
{
echo $_SESSION['delete'];
unset($_SESSION['delete']);
}
if(isset($_SESSION['upload']))
{
echo $_SESSION['upload'];
unset($_SESSION['upload']);
}
if(isset($_SESSION['unauthorize']))
{
echo $_SESSION['unauthorize'];
unset($_SESSION['unauthorize']);
}
if(isset($_SESSION['update']))
{
?>
<?php
//Create a SQL Query to Get all the Food
$sql = "SELECT * FROM tbl_food";
<tr>
<td><?php echo $sn++; ?>. </td>
<td><?php echo $title; ?></td>
<td>Rs.<?php echo $price; ?></td>
<td>
<?php
//CHeck whether we have image or not
if($image_name=="")
{
//WE do not have image, DIslpay Error Message
echo "<div class='error'>Image not Added.</div>";
}
else
{
//WE Have Image, Display Image
</div>
<div class="main-content">
<div class="wrapper">
<h1>Manage Food Order</h1>
<?php
if(isset($_SESSION['update']))
{
echo $_SESSION['update'];
unset($_SESSION['update']);
}
?>
<table class="tbl-full">
<tr>
<th width="5%">#</th>
<th width="10%">Order Date</th>
<th width="10%">Food</th>
<th width="5%">Price</th>
<th width="5%">Qty</th>
<th width="6%">Total</th>
<th width="8%">Status</th>
<th width="10%">Customer</th>
<th width="10%">Contact</th>
<th width="15%">Email</th>
<th width="10%">Address</th>
<th>Actions</th>
</tr>
if($count>0)
{
//Order Available
while($row=mysqli_fetch_assoc($res))
{
//Get all the order details
$id = $row['id'];
$food = $row['food'];
$price = $row['price'];
$qty = $row['qty'];
$total = $row['total'];
$order_date = $row['order_date'];
$status = $row['status'];
$customer_name = $row['customer_name'];
$customer_contact = $row['customer_contact'];
$customer_email = $row['customer_email'];
$customer_address = $row['customer_address'];
?>
if($status=="Ordered")
{
echo "<label style='color: blue;'>$status</label>";
}
elseif($status=="On Delivery")
{
echo "<label style='color: orange;'>$status</label>";
}
elseif($status=="Delivered")
{
echo "<label style='color: green;'><b>$status</b></label>";
}
elseif($status=="Cancelled")
{
echo "<label style='color: red;'>$status</label>";
}
?>
</td>
</div>
To build up our project we use software testing process for executing a program with the
intent of finding errors that is uncovering errors in a program makes it a feasible task and also
trying to find the error in a program as it is destructive process.
Type of testing we Use in Our Project Here we just mentioned that how the testing is related
to this software and in which way we have test the software? In our project we have used 4
types of testing these are listed below –
Unit testing: Unit testing where individual program unit or object classes are tested
here by using this testing we have focused on testing the functionality of methods.
Module Testing : Where this is the combination of unit is called module. Here we
tested the unit program is where the module program have dependency
Sub- system Testing : The we combined some module for the preliminary system
testing in our project
System Testing : where it is the combination of two or more sub – system and then it
is tested. Here we tested and entire system as per the requirements.
A use case is a methodology used in system analysis to identify, clarify and organize system
requirements. The use case is made up of a set of possible sequences of interactions between
systems and users in a particular environment and related to a particular goal.
The actor. The system user -- this can be a single person or a group of people
interacting with the process.
The goal. The final successful outcome that completes the process.
The system. The process and steps taken to reach the end goal, including the
necessary functional requirements and their anticipated behaviours.
Identifying all system users and creating a profile for each one. This includes every
role played by a user who interacts with the system.
Selecting one user and defining their goal -- or what the user hopes to accomplish by
interacting with the system. Each of these goals becomes a use case.
Describing the course taken for each use case through the system to reach that goal.
Considering every alternate course of events and extending use cases -- or the
different courses that can be taken to reach the goal.
Identifying commonalities in journeys to create common course use cases and write
descriptions of each
Home page
contactpage
Menu Page
CONCLUSION
RESTRO 1839 (Food ordering System) has been computed successfully and was also tested
successfully bytaking "Test Cases". It is user friendly, and has required options, which can be
utilized by the user to perform the desired operations.
Food ordering System is developed using HTML, CSS, JS as front end and PHP, MySQL as
back end onwindows environment.
This project can further be extended by adding the facility of e-books to overcome the
problem of book stock in library.
REFERENCES
W3 Schools https://www.w3schools.com/