SlideShare a Scribd company logo
Page 1
Table of Contents
Page No.
Chapter 1. Introduction
1) Introduction to the System 4
2) Problem Definition 4
3) Aim 4
4) Objective 4
5) Goal 5
6) Need of System 5
Chapter 2. Hardware and Software requirement
1) Introduction 7
2) System environment 7
3) Software requirement 8
4) Hardware requirements 8
Chapter 3.SystemAnalysis
1) Purpose 9
2) Project Scope 9
3) Existing System 9
4) Proposed System 9
5) System Description 10
Page 2
Chapter 4.Implementation issues
1) Python 11
2) HTML 13
3) Cascading style sheet(CSS) 16
4) Javascript
Chapter 5. SystemDesign
1) Introduction 21
2) Conceptual Design 22
3) ER-Diagram 23
4) Logical Design 23
5) Physical Design 24
6) Data Flow Diagram of “Online Fast Food” 25
Chapter 6.User Screens 26-32
Chapter 7.Coding 33-113
Chapter 8. Conclusion
7) Features of “Online Fast Food” 114
8) Benefits Accrued from “Online Fast Food ” 114
9) Limitations of “Online Fast Food” 115
Bibliography
Page 3
CHAPTER # 1
Introduction
Contents:
 Introduction
 Problem Definition
 Aim
 Objective
 Goal
 Need of System
Page 4
Introduction to the System:
Developing a Fast Food Order system to promote a greater count of food lovers to splurge
into the field of Restaurant. It integrates the benefits of an ording food with the
convenience of an online excitement and going with the technology, minus the
commuting hazards and expenses. It will usher in the immense flexibility and
sophistication in the existing manual platform structures, with the perfect blend of
synchronous and asynchronous interaction. It provides a means of collaborative E-
ordering for the customers.
Problem Definition:
Managing online fast food shopping may seem tricky, but this is part of Customer
Service System (application support direct contact with customer).
Aim:
“To Manage Online Fast Food Shopping”.
Objective:
The objectives of this project are:
• To order food rapidly
• To make it convenient for people who have limited time
• Cost reduction
• Reduced paper work
• Computerized Order and billing system
Page 5
Goal:
The project is basically targeted at those people who would like online shopping and have an
Internet access.
Finally buyers curious in comparing the prices for various products for according our
budget.
To make a database that is consistent, reliable and secure.
To provide correct, complete, ongoing information.
To develop a well-organized information storage system.
To make good documentation so as to facilitate possible future enhancements.
Need of the System:
There is always a need of a system that will perform to ordering of fast foods online.
This system will reduce the manual operation required to maintain all the records of booking
information. And also generates the various reports for analysis. Main concept of the project
is to enter transaction reports and to maintain customer records. Hence this software can be
used in any restaurant to maintain their record easily.
Page 6
CHAPTER # 2
Hardwareand Software
Requirements
Contents:
 Introduction
 System environment
 Software requirement
 Hardware requirements
Page 7
Introduction:
In this chapter we mentioned the software and hardware requirements, which
are necessary for successfully running this system. The major element in
building systems is selecting compatible hardware and software. The system
analyst has to determine what software package is best for the “Online Fast
Food System” and, where software is not an issue, the kind of hardware and
peripherals needed for the final conversion.
System Environment:
After analysis, some resources are required to convert the abstract system into
the real one. All the resources, which accomplish a robust
The hardware and software selection begins with requirement analysis,
followed by a request for proposal and vendor evaluation.
Software and real system, are identified. According to the provided functional
specification all the technologies and its capacities are identified. Basic
functions and procedures and methodologies are prepared to implement. Some
of the Basic requirements such as hardware and software are described as
follows: -
Page 8
Hardware and Software Specification
Software Requirements:
 Technology: Python Django
 IDE : Pycharm/Atom
 Client Side Technologies: HTML, CSS, JavaScript , Bootstrap
 Server Side Technologies: Python
 Data Base Server: Sqlite
 Operating System: Microsoft Windows/Linux
Hardware Requirements:
 Processor: Pentium-III (or) Higher
 Ram: 64MB (or) Higher
 Hard disk: 80GB (or) Higher
Page 9
CHAPTER # 3
System Analysis
Contents:
 Purpose
 Project Scope
 Existing System
 Proposed System
 System Overview
Page 10
Purpose:
To manage the online fast food ordering. It helps to customer to order fast foods from
anywhere. Also make payment on delivery for it. It helps to people to order desired fast food
at their prefer time.
Project Scope:
The project has a wide scope, as it is not intended to a particular organization. This
project is going to develop generic software, which can be applied by any businesses
organization. More over it provides facility to its customer. Also the software is going
to provide a huge amount of summary data.
Proposed System:
The Online Fast Food Ordering system is available in the market that can serve
customers to order fast foods online.
System Overview:
The key features required in the system are as follows:
 Login: This module has a drop down list box from where we have to select
ADMIN or USER. The ADMIN has all the rights in the software including updating
the status of his site. The other fields in login are username and password. If the
username and password are correct then it is directed to next page.
 New user: This module is for the users who do not have their account. Here user is
allowed to create an account to login. The account creation is done by filling the
registration form with user details such as name, phone, email etc.
 Fast Food Menu: This module has information regarding the fast food such as its
name, category, ingredients, price, image; its features etc.The ADMIN has the
authority to Add, Delete, Update etc. The USER can only view and order the Fast
Foods, add to cart only those in the stock etc.
Page 11
CHAPTER # 4
Implementation issues
Python
Python is a widely used general-purpose, high level programming language. It was initially
designed by Guido van Rossum in 1991 and developed by Python Software Foundation. It
was mainly developed for emphasis on code readability, and its syntax allows programmers
to express concepts in fewer lines of code.
Python is a programming language that lets you work quickly and integrate systems more
efficiently.
Python is dynamically typed and garbage-collected. It supports multiple programming
paradigms, including procedural, object-oriented, and functional programming. Python is
often described as a "batteries included" language due to its comprehensive standard library.
Page 12
HTML
HTML (Hypertext Markup Language) is the set of markup symbols or codes inserted in a file
intended for display on a World Wide Web browser page. The markup tells the Web browser
how to display a Web page's words and images for the user. Each individual markup code is
referred to as an element (but many people also refer to it as a tag). Some elements come in
pairs that indicate when some display effect is to begin and when it is to end.
Page 13
CASCADING STYLE SHEET (CSS)
Cascading Style Sheets (CSS) are a collection of rules we use to define and modify web
pages. CSS are similar to styles in Word. CSS allow Web designers to have much more
control over their pages look and layout. For instance, you could create a style that defines
the body text to be Verdana, 10 point. Later on, you may easily change the body text to Times
New Roman, 12 point by just changing the rule in the CSS. Instead of having to change the
font on each page of your website, all you need to do is redefine the style on the style sheet,
and it will instantly change on all of the pages that the style sheet has been applied to. With
HTML styles, the font change would be applied to each instance of that font and have to be
changed in each spot.
CSS can control the placement of text and objects on your pages as well as the look of those
objects.
HTML information creates the objects (or gives objects meaning), but styles describe how the
objects should appear. The HTML gives your page structure, while the CSS creates the
“presentation”. An external CSS is really just a text file with a .css extension. These files can
be created with Dreamweaver, a CSS editor, or even Notepad.
The best practice is to design your web page on paper first so you know where you will want
to use styles on your page. Then you can create the styles and apply them to your page.
Page 14
Javascript
JavaScript is a programming languagecommonly used in web development. It was originally
developed by Netscape as a means to add dynamic and interactive elements to websites.
While JavaScript is influenced byJava, the syntax is more similar to C and is based on
ECMAScript, a scripting language developed by Sun Microsystems.
JavaScript is a client-side scripting language, which means the source code is processed by
the client's web browser rather than on the web server. This means JavaScript functions can
run after a webpage has loaded without COMMUNICATING with the server. For example, a
JavaScript function may check a web form before it is submitted to make sure all the
required fields have been filled out. The JavaScript code can produce an error message before
any information is actually transmitted to the server.
Like server-side scripting languages, such as PHP and ASP, JavaScript code can be inserted
anywhere within the HTML of a webpage. However, only the output of server-side code is
displayed in the HTML, while JavaScript code remains fully visible in the source of the
webpage. It can also be referenced in a separate .JS file, which may also be viewed in a
browser.
Page 15
Django
Django is a web application framework written in Python programming language. It is based
on MVT (Model View Template) design pattern. The Django is very demanding due to its
rapid development feature. It takes less time to build application after collecting client
requirement.
This framework uses a famous tag line:The web framework for perfectionists with deadlines.
Page 16
CHAPTER # 5
System Design
Contents:
 Use case diagram
 Class Diagram
 Sequence Diagram
 Data flow diagram
Page 17
Use Case Diagram:
 Use case diagram consists of use cases and actors and shows the interaction
between them. The key points are:
 The main purpose is to show the interaction between the use cases and the
actor.
 To represent the system requirement from user’s perspective.
 The use cases are the functions that are to be performed in the module.

Use Case Diagram between ADMIN and SYSTEM:
Fig.5.1
ADMIN SYSTEM
Manage
Products
Manage Booking
Manage
Customers
Manage
Feedback
Page 18
Fig.5.2
Use Case Diagram between USER and SYSTEM:
USER SYSTEM
Booking
Cancel
Search
SendFeedback
Page 19
Sequence Diagram For Administrator:-
Fig.5.4
Login Application Database
Login
:Request
:Validate()
:executeQuery()
Response
Show Result
Failed:show()
Administrator
Success:hide()
Page 20
Sequence Diagram For User:-
:
Fig.5.5
Login Application Database
Login
:Request
:Validate()
:executeQuery()
Response
Show Result
User
Failed:show()
Success:hide()
Page 21
Data Flow Diagram
A Data Flow Diagram (DFD) is a graphical representation of the "flow" of data through an
Information System. A data flow diagram can also be used for the visualization of Data
Processing. It is common practice for a designer to draw a context-level DFD first which
shows the interaction between the system and outside entities. This context-level DFD is then
"exploded" to show more detail of the system being modeled.
A DFD represents flow of data through a system. Data flow diagrams are commonly used
during problem analysis. It views a system as a function that transforms the input into desired
output. A DFD shows movement of data through the different transformations or processes in
the system.
Dataflow diagrams can be used to provide the end user with a physical idea of where the data
they input ultimately has an effect upon the structure of the whole system from order to
dispatch to restock how any system is developed can be determined through a dataflow
diagram. The appropriate register saved in database and maintained by appropriate
authorities.
Data Flow Diagram Notation
Function
File/Database
Input/output
Flow
Data Flow Diagram of the Shopping Site
Page 22
Level 0
Input Output
Level1
Admin/User
System Database
Enter the site
Authenticate
User
Check whether
Admin or
customer
Display errors
Customer Admin
View product Buy product Check
products
Verify
customer
Products Customer
details
Page 23
Entity Relationship Diagrams (ER-Diagrams):
An entity-relationship (ER) diagram is a specialized graphic that illustrates the
interrelationships between entities in a database. ER diagrams often use symbols to represent
three different types of information. Boxes are commonly used to represent entities.
Diamonds are normally used to represent relationships and ovals are used to represent
attributes
An entity-relationship model (ERM) in software engineering is an abstract and
conceptual representation of data. Entity-relationship modeling is a relational schema
database modeling method, used to produce a type of conceptual schema or semantic data
model of a system, often a relational database, and its requirements in a top-down fashion.
Symbols used in this E-R Diagram:
Entity: Entity is a “thing” in the real world with an independent existence. An entity may be
an object with a physical existence such as person, car or employee. Entity symbol is as
follows
Attribute: Attribute is a particular property that describes the entity. Attribute symbol is
Relationship: Relationship will be several implicit relationships among various entity types
whenever an attribute of one entity refers to another entity type some relationship exits.
Relationship symbol is:
Key attributes: An entity type usually has an attribute whose values are distinct for each
individual entity in the collection. Such an attribute is called key attribute.
Page 24
Product
ProID
ProName
ProComp
ProCat
Price
Member
Request
LoginID
Password
MName
PhoneNo
dob
Order Detail
Place Order
Login
OrdNo
Proid
Qty
LoginID
User Name Password
Check the
Login ID
Registration
Req. New
Member
Address
City
State
Pin code
Country
Phone
EMail
Password
Name
DOJ
Page 25
CHAPTER # 6
Output screens
HOME PAGE
Page 26
LOGIN PAGE
Page 27
Admin Home Page
Page 28
Add Product Page
Page 29
View Products Page
Page 30
View Customers Page
Page 31
View Booking Page
Page 32
VIEW PRODUCT CATEGORY PAGE
Page 33
VIEW PRODUCTS PAGE – USER
Page 34
VIEW CART PAGE
Page 35
PRODUCT BOOKING PAGE
Page 36
CHANGE PASSWORD PAGE
Page 37
VIEW PROFILE PAGE
Page 38
SEND FEEDBACK PAGE
Page 39
CHAPTER # 7
Coding
USER LOGIN PAGE CODING
{% extends 'navigation.html' %}
{% block body %}
{% load static %}
{% ifequal error "yes" %}
<script>
alert('logged in successfully');
window.location=('{% url 'home' %}');
</script>
{% endifequal %}
{% ifequal error "not" %}
<script>
alert('Username & Password are not Matching');
</script>
{% endifequal %}
<div class="container">
Page 40
<h2 style="margin-top:20px" align="center">User Login Form</h2><hr>
<div class="container-fluid" style="width:70%;margin-top:10%">
<form method="post" action="">
{% csrf_token %}
<div class="form-group">
<label for="exampleInputEmail1">Username</label>
<input type="text" class="form-control" id="exampleInputEmail1" aria-
describedby="emailHelp" name="uname" placeholder="Enter Username">
</div>
<div class="form-group">
<label for="exampleInputPassword1">Password</label>
<input type="password" class="form-control" id="exampleInputPassword1"
placeholder="Password" name="pwd">
</div>
<button type="submit" class="btn btn-primary">Submit</button>
<button class="btn btn-primary"><a href="{% url 'signup' %}"
style="color:white">Signup</a></button>
</form>
</div>
</div>
{% endblock %}
Page 41
SIGNUP PAGE CODING
{% extends 'navigation.html' %}
{% block body %}
{% load static %}
<div class="container">
<h2 style="margin-top:20px" align="center">Registration Form</h2><hr>
<div class="container-fluid" style="width:70%;margin-top:10%">
<form method="post" action="" enctype="multipart/form-data">
{% csrf_token %}
<div class="form-row">
<div class="form-group col-md-6">
<label for="inputEmail4">First Name</label>
<input type="text" class="form-control" placeholder="Enter First Name"
name="fname" id="inputEmail4">
</div>
<div class="form-group col-md-6">
<label for="inputPassword4">Last Name</label>
<input type="text" class="form-control" name="lname" placeholder="Enter Last
Name" id="inputPassword4">
</div>
</div>
<div class="form-row">
<div class="form-group col-md-6">
<label for="inputEmail4">User Name</label>
<input type="text" class="form-control" name="uname" placeholder="Enter User
Name" id="inputEmail4">
</div>
Page 42
<div class="form-group col-md-6">
<label for="inputPassword4">Password</label>
<input type="password" class="form-control" name="pwd"
id="inputPassword4">
</div>
</div>
<div class="form-row">
<div class="form-group col-md-6">
<label for="exampleInputEmail1">Email</label>
<input type="email" class="form-control" id="exampleInputEmail1" aria-
describedby="emailHelp" name="email" placeholder="Enter Email">
</div>
<div class="form-group col-md-6">
<label for="exampleInputPassword1">Contact</label>
<input type="text" class="form-control" id="exampleInputPassword1"
placeholder="Enter Contact Detail" name="contact">
</div>
</div>
<div class="form-row">
<div class="form-group col-md-6">
<label for="exampleInputPassword1">City</label>
<input type="text" class="form-control" id="exampleInputPassword1"
placeholder="Enter City" name="city">
</div>
<div class="form-group col-md-6">
<label for="exampleInputPassword1">Date of Birth</label>
<input type="date" class="form-control" id="exampleInputPassword1"
name="date">
</div>
</div>
<div class="form-row">
Page 43
<div class="form-group col-md-6">
<label for="exampleInputPassword1">Full Address</label>
<input type="text" class="form-control" id="exampleInputPassword1"
placeholder="Enter Address Detail" name="add">
</div>
<div class="form-group col-md-6">
<label for="exampleInputPassword1">Image</label>
<input type="file" class="form-control" id="exampleInputPassword1" name="img"
value="choose file">
</div></div>
<button type="submit" class="btn btn-primary">Submit</button>
</form>
</div>
</div>
{% if error %}
<script>
alert('Regitered Successfully');
window.location = "{% url 'login' %}";
</script>
{% endif %}
{% endblock %}
Page 44
VIEW CART PAGE CODING
{% extends 'navigation.html' %}
{% block body %}
<center><h2 style="color:red;margin-top:2%">View Cart</h2></center><hr>
{% if not cart %}
<h1 align="center" style="color:blue">{{message}}</h1>
{% else %}
<center><div class="container" style="border:1px solid white">
<div class="row">
<div class="col-md-4" style="height:100px;">
<center><a href="{% url 'view_product' 0 %}" style="margin-
top:1%;width:100%" class="btn btn-lg btn-info text-light text-capitalize"><ion-icon
style="margin-right:8px" name="pricetags"></ion-icon>Continue
Shopping</a></center>
</div>
<div class="col-md-4" style="height:100px;">
<center><a href="{% url 'booking' book %}" style="margin-
top:1%;width:50%" class="btn btn-lg btn-info text-light text-capitalize"><ion-icon
style="margin-right:8px" name="cash"></ion-icon>Buy Now</a></center>
</div>
<div class="col-md-4" style="height:100px;">
<center><a style="margin-top:1%;width:100%;border:1px solid black"
class="btn btn-default btn-lg text-dark text-capitalize">Total : {{total}}</a></center>
</div>
</div>
Page 45
</div>
</center>
{% for i in cart %}
<center>
<style>
.container{
border:1px solid black;
border-radius:6px;
margin-bottom:5%;
}.container1 ,.contain{
border:1px solid black;
border-radius:6px;
width:70%;
border:1px solid black;
}
</style>
<div class="container" style="margin-top:2%;height:150px;width:80%">
<div class="row" style="height:90%">
<div class="col-md-4" style="height:120px">
<img src="{{i.product.image.url}}" style="width:30%;height:100px;border:1px
solid darkgray;margin-top:5%">
</div>
<div class="col-md-4" style="height:100px">
<h5 style="margin-top:5%">{{i.product.name}}</h5><hr>
<h6>Price : Rs.{{i.product.price}}</h6>
<p>{{i.product.desc}}</p>
</div>
<div class="col-md-4" style="height:100px;">
<center><a href="{% url 'remove_cart' i.id %}" style="margin-top:15%"
class="btn btn-sm btn-danger text-light text-capitalize"><ion-icon
name="trash"></ion-icon>Remove</a></center>
</div>
Page 46
</div>
</div>
</center>
{% endfor %}
|<div class="container" style="border:1px solid white">
<div class="row">
<div class="col-md-4" style="height:100px;">
<center><a href="{% url 'view_product' 0 %}" style="margin-
top:1%;width:100%" class="btn btn-lg btn-info text-light text-capitalize"><ion-icon
style="margin-right:8px" name="pricetags"></ion-icon>Continue
Shopping</a></center>
</div>
<div class="col-md-4" style="height:100px;">
<center><a href="{% url 'booking' book %}" style="margin-
top:1%;width:50%" class="btn btn-lg btn-info text-light text-capitalize"><ion-icon
style="margin-right:8px" name="cash"></ion-icon>Buy Now</a></center>
</div>
<div class="col-md-4" style="height:100px;">
<center><a style="margin-top:1%;width:100%;border:1px solid black"
class="btn btn-default btn-lg text-dark text-capitalize">Total : {{total}}</a></center>
</div>
</div>
{% endif %}
</div>
{% endblock %}
Page 47
ADMIN HOME PAGE CODING
{% extends 'navigation.html' %}
{% load static %}
{% block body %}
<style>
.glow {
font-size: 80px;
color: #fff;
text-align: center;
-webkit-animation: glow 1s ease-in-out infinite alternate;
-moz-animation: glow 1s ease-in-out infinite alternate;
animation: glow 1s ease-in-out infinite alternate;
}
@-webkit-keyframes glow {
from {
text-shadow: 0 0 10px #fff, 0 0 20px #fff, 0 0 30px #e60073, 0 0 40px #e60073, 0 0 50px
#e60073, 0 0 60px #e60073, 0 0 70px #e60073;
}
to {
text-shadow: 0 0 20px #fff, 0 0 30px #ff4da6, 0 0 40px #ff4da6, 0 0 50px #ff4da6, 0 0
60px #ff4da6, 0 0 70px #ff4da6, 0 0 80px #ff4da6;
}
}
Page 48
/* Rounded border */
hr.rounded {
border-top: 8px solid lightblue;
border-radius: 5px;
}
</style>
</style>
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.7.0/css/all.css"
integrity="sha384-
lZN37f5QGtY3VHgisS14W3ExzMWZxybE1SJSEsQp9S+oqd12jhcu+A56Ebc1zFSJ"
crossorigin="anonymous">
<br>
<center>
<div class="container" style="margin-top:10%;height:150px;width:80%">
<div class="row" style="height:90%">
<div class="col-md-4">
<a href="{% url 'view_user' %}"><h1>Total Customer</h1>
<h2 style="color:blue">{{total_customer}}</h2>
<hr class="rounded"></a>
</div>
<div class="col-md-4">
<a href="{% url 'admin_viewBooking' %}"><h1>Total Booking</h1>
<h2 style="color:blue">{{total_book}}</h2>
<hr class="rounded"></a>
</div>
<div class="col-md-4">
<a href="{% url 'admin_view_product' %}">
<h1>Total Product</h1>
<h2 style="color:blue">{{total_pro}}</h2>
<hr class="rounded"></a>
</div>
Page 49
</div>
</div>
</center>
<footer class="site-footer">
<div class="container">
<div class="row pt-5 mt-5 text-center">
<div class="col-md-12">
<p style = "font-size : 30pt ; color : #FF0000 ; font-weight : bold">
Copyright &copy;<script>document.write(new Date().getFullY
ear());</script>
All Rights Reserved <span style = "color : brown">|</span> <span style = "color :
#006400">This website is made with <i class="fas fa-heart icon-heart text-warning"
aria-hidden="true"></i> by </span><a class= "glow" href="#" target="_blank" >ABC
XYZ</a>
</p>
</div>
</div>
</div>
</footer>
{% endblock %}
Page 50
VIEW BOOKING PAGE CODING
{% extends 'navigation.html' %}
{% block body %}
<center><h2 style="color:red;margin-top:2%">View Booking
Detail</h2></center><hr>
{% for i in product %}
{% if i.id in book %}
<center>
<style>
.container{
border:1px solid black;
border-radius:6px;
margin-bottom:5%;
}.container1 ,.contain{
border:1px solid black;
border-radius:6px;
width:70%;
border:1px solid black;
}
</style>
<div class="container" style="margin-top:2%;height:150px;width:80%">
<div class="row" style="height:90%">
<div class="col-md-4" style="height:120px">
<img src="{{i.image.url}}" style="width:30%;height:100px;border:1px solid
darkgray;margin-top:5%">
Page 51
</div>
<div class="col-md-4" style="height:100px">
<h5 style="margin-top:5%">{{i.name}}</h5><hr>
<h6>Price : Rs.{{i.price}}</h6>
<p>{{i.desc}}</p>
</div>
<div class="col-md-4" style="height:100px;">
<h4 style="margin-top:15%;color:blue">Booked Successfully</h4>
</div>
</div>
</div> </center>
{% endif %}
{% endfor %}
<div class="container" style="border:1px solid white">
<div class="row">
<div class="col-md-6" style="height:100px;">
<center><a style="margin-top:1%;width:100%;border:1px solid black"
class="btn btn-default btn-lg text-dark text-capitalize">Total :
{{total.total}}</a></center>
</div></div>
<center><h2 style="color:red;margin-top:2%">Customer Detail</h2></center><hr>
<div class="row">
<div class="col-md-6" style="height:100px;"><hr>
<h4>Name : {{profile.user.first_name}} {{profile.user.last_name}}</h4><hr>
<h4>Email : {{profile.user.email}}</h4><hr>
<h4>Address : {{profile.address}}</h4><hr>
<h4>Contact : {{profile.contact}}</h4><hr>
</div>
<div class="col-md-6" style="height:100px;"><hr>
<h4> <img src="{{profile.image.url}}" style="width:150px;height:140px"></h4>
</div>
</div>
Page 52
</div>
{% endblock %}
VIEW PRODUCTS PAGE CODING
{% extends 'navigation.html' %}
{% block body %}
<center><h2 style="color:red;margin-top:2%">View Product</h2></center><hr>
<div class="container" style="margin-top:4%">
<table class="table table-bordered" id="myTable">
<thead>
<tr>
<th>Product Name</th>
<th>Image</th>
<th> Category</th>
<th>Price</th>
<th> Description</th>
<th>Action</th>
</tr>
</thead>
<tbody>
{% for i in pro %}
<tr>
<td>{{i.name}}</td>
<td><img src="{{i.image.url}}" style="width:50px;height:50px"></td>
<td>{{i.category.name}}</td>
<td>{{i.price}}</td>
Page 53
<td>{{i.desc}}</td>
<td><a href="{% url 'delete_product' i.id %}" onclick="return confirm('Are you
sure?')"><button class="button button1">Delete</button></a></td>
</tr>
{% endfor %}
</tbody>
{{count}}
</table>
</div>
<script>
{% for i in message %}
alert("{{i}}")
{% endfor %}
</script>
{% endblock %}
Page 54
ADD PRODUCT PAGE CODING
{% extends 'navigation.html' %}
{% block body %}
{% load static %}
<div class="container">
<h2 style="margin-top:20px" align="center">Add Product</h2><hr>
<div class="container-fluid" style="width:70%;margin-top:10%">
<form method="post" action="" enctype="multipart/form-data">
{% csrf_token %}
<div class="form-row">
<div class="form-group col-md-6">
<label for="inputEmail4">Product Name</label>
<input type="text" class="form-control" placeholder="Enter First Name"
name="pname" id="inputEmail4">
</div>
<div class="form-group col-md-6">
<label for="exampleInputPassword1">Product Image</label>
<input type="file" class="form-control" id="exampleInputPassword1" name="img"
value="choose file">
</div></div>
<div class="form-row">
<div class="form-group col-md-6">
<label for="inputState">Category</label>
<select id="inputState" class="form-control" name="cat">
{% for i in cat %}
<option value="{{i.name}}">{{i.name}}</option>
{% endfor %}
Page 55
</select>
</div>
<div class="form-group col-md-6">
<label for="inputEmail4">Product Price</label>
<input type="number" class="form-control" name="price" placeholder="Enter
User Name" id="inputEmail4">
</div></div>
<div class="form-group">
<label for="exampleFormControlTextarea1">Description</label>
<textarea class="form-control" id="exampleFormControlTextarea1" name="desc"
rows="3"></textarea>
</div>
<button type="submit" class="btn btn-primary">Submit</button>
</form>
</div>
</div>
{% if error %}
<script>
alert('1 Product Added Successfully');
</script>
{% endif %}
{% endblock %}
Page 56
ADD CATEGORY PAGE CODING
{% extends 'navigation.html' %}
{% block body %}
{% load static %}
{% if error %}
<script>
alert('One New Category Added Successfully');
</script>
{% endif %}
<div class="container">
<h2 style="margin-top:20px" align="center">Add Category</h2><hr>
<div class="container-fluid" style="width:70%;margin-top:10%">
<form method="post" action="">
{% csrf_token %}
<div class="form-group">
<label for="exampleInputEmail1">Category Name</label>
<input type="text" class="form-control" id="exampleInputEmail1" aria-
describedby="emailHelp" name="cat" placeholder="Enter Category">
</div>
<button type="submit" class="btn btn-primary">Submit</button>
</form>
</div>
</div>
Page 57
{% endblock %}
USER EDIT PROFILE PAGE CODING
{% extends 'navigation.html' %}
{% block body %}
{% load static %}
<div class="container">
<h2 style="margin-top:20px" align="center">Edit Profile</h2><hr>
<div class="container-fluid" style="width:70%;margin-top:10%">
<form method="post" action="" enctype="multipart/form-data">
{% csrf_token %}
<div class="form-row">
<div class="form-group col-md-6">
<label for="inputEmail4">First Name</label>
<input type="text" class="form-control" value="{{pro.user.first_name}}"
name="fname" id="inputEmail4">
</div>
<div class="form-group col-md-6">
<label for="inputPassword4">Last Name</label>
<input type="text" class="form-control" name="lname"
value="{{pro.user.last_name}}" id="inputPassword4">
</div>
</div>
<div class="form-row">
<div class="form-group col-md-12">
<label for="inputEmail4">User Name</label>
<input type="text" class="form-control" name="uname"
Page 58
value="{{pro.user.username}}" id="inputEmail4" readonly>
</div>
</div>
<div class="form-row">
<div class="form-group col-md-6">
<label for="exampleInputEmail1">Email</label>
<input type="email" class="form-control" id="exampleInputEmail1" aria-
describedby="emailHelp" name="email" value="{{pro.user.email}}">
</div>
<div class="form-group col-md-6">
<label for="exampleInputPassword1">Contact</label>
<input type="text" class="form-control" id="exampleInputPassword1"
value="{{pro.contact}}" name="contact">
</div>
</div>
<div class="form-row">
<div class="form-group col-md-12">
<label for="exampleInputPassword1">City</label>
<input type="text" class="form-control" id="exampleInputPassword1"
value="{{pro.city}}" name="city">
</div>
</div>
<div class="form-row">
<div class="form-group col-md-6">
<label for="exampleInputPassword1">Date of Birth</label>
<input type="date" class="form-control" id="exampleInputPassword1"
name="date">
</div>
<div class="form-group col-md-6">
<label for="exampleInputPassword1">Date of Birth</label>
<input type="text" class="form-control" id="exampleInputPassword1"
value="{{pro.dob}}" readonly>
</div>
Page 59
</div>
<div class="form-row">
<div class="form-group col-md-12">
<label for="exampleInputPassword1">Full Address</label>
<input type="text" class="form-control" id="exampleInputPassword1"
value="{{pro.address}}" name="add">
</div>
</div>
<div class="form-row">
<div class="form-group col-md-6">
<label for="exampleInputPassword1">Image</label>
<input type="file" class="form-control" id="exampleInputPassword1" name="img"
value="choose file">
</div>
<div class="form-group col-md-6">
<img src="{{pro.image.url}}" style="width:150px;height:150px">
</div>
</div>
<button type="submit" class="btn btn-primary" style="margin-
bottom:5%">update</button>
</form>
</div>
</div>
{% if error %}
<script>
alert('Update Successfully');
window.location = "{% url 'profile' %}";
</script>
{% endif %}
{% endblock %}
Page 60
CHAPTER # 8
Advantages & Limitations
Advantages of “Online Fast Food Shop System”:
“Online Fast Food System” provides various features, which
complement the information system and increase the productivity of the
system. These features make the system easily usable and convenient. Some of
the important features included are listed as follows:
 Intelligent User Forms Design
 Data access and manipulation through same forms
 Access to most required information
 Data Security
 Restrictive data access, as per login assigned only.
 Organized and structured storage of facts.
.
 Strategic Planning made easy.
 No decay of old Records.
 Exact financial position of the Business.
Page 61
Limitations of “Online Fast Food Shop System”:
Besides the above achievements and the successful completion of the project,
we still feel the project has some limitations, listed as below:
1. It is not a large scale system.
2. Only limited information provided by this system.
3. Since it is an online project, customers need internet connection to buy
products.
4. People who are not familiar with computers can’t use this software.
Page 62
CHAPTER # 8
Future Scope
FUTURE SCOPE
This web application involves almost all the features of the online shopping. The future
implementation will be online help for the customers and chatting with website administrator.
CONCLUSION
The project entitled “Online Fast Food Shopping” is developed using HTML , CSS and
Bootstrap as front end and Python , Sqlite database in back end to computerize the process of
online shopping. This project covers only the basic features required.
Page 63
Bibliography
BIBLIOGRAPHY
 Wikipedia
 https://www.geeksforgeeks.org/python-django/
 https://www.javatpoint.com
 https://www.python.org/
 https://www.tutorialspoint/
Page 64
 REFERENCE BOOKS
Two scoops ofDjango for 1.11 byDaniel Greenfeld’s and Audrey
Greenfield
Lightweight Django by Elman and Mark Lavin

More Related Content

PDF
BSC CSIT Final Year Internship Experience Report on SEO
PDF
WEB APPLICATION USING PHP AND MYSQL
PPTX
Web mining (structure mining)
PPTX
Online Food Ordering System
PDF
Online Restaurant Management System
PPT
Web application attack and audit framework (w3af)
PPTX
Book Store Management System - Database Design - 2021
PDF
Water management portal
BSC CSIT Final Year Internship Experience Report on SEO
WEB APPLICATION USING PHP AND MYSQL
Web mining (structure mining)
Online Food Ordering System
Online Restaurant Management System
Web application attack and audit framework (w3af)
Book Store Management System - Database Design - 2021
Water management portal

What's hot (20)

PPTX
Online food ordering System projectppt.pptx
PPTX
Web based online shopping system Presentation slide
PPTX
Customer ordering system
PPTX
Operating System Thread | OS Thread | PPT | CSE | Presentation
PPTX
Chat application with Azure SignalR Service
PPTX
My ppt
PPTX
Online Job Portal (UML Diagrams)
PDF
Data flow diagram, activity diagram, sequence diagram
PPTX
Presentation on online shopping site using java
PPTX
Online Food Ordering Website project
PPTX
Presentation on a website of Department of computer science and engineering
PDF
Online Food Order System for Restaurants.pdf
PPTX
Food Ordering System
PPTX
Online food ordering system
PPTX
Data mining techniques unit III
PPTX
Mining Association Rules in Large Database
PPTX
Food Order Management System
PPTX
PPT on Hadoop
PPTX
Hadoop fault-tolerance
PPT
Lect12 graph mining
Online food ordering System projectppt.pptx
Web based online shopping system Presentation slide
Customer ordering system
Operating System Thread | OS Thread | PPT | CSE | Presentation
Chat application with Azure SignalR Service
My ppt
Online Job Portal (UML Diagrams)
Data flow diagram, activity diagram, sequence diagram
Presentation on online shopping site using java
Online Food Ordering Website project
Presentation on a website of Department of computer science and engineering
Online Food Order System for Restaurants.pdf
Food Ordering System
Online food ordering system
Data mining techniques unit III
Mining Association Rules in Large Database
Food Order Management System
PPT on Hadoop
Hadoop fault-tolerance
Lect12 graph mining
Ad

Similar to Online fast food django.docx (20)

DOCX
E-COMMERCE-PPROJECT-REPORT FOR ALL DESIGN AND ASSCESSORIES MAKE A REPORT
PPTX
Internship_FULL_STACK_DEVELOPMENT[1].pptx
PPTX
Internship_FULL_STACK_DEVELOPMENT[1].pptx
PPTX
Online Food Ordering System ppt.pptx
PDF
digiinfo website project report
PPTX
Furni[2].pptx dbskabdudbdhdhdvdudsvdjdvd
PDF
IRJET- Conversational Commerce (ESTILO)
PDF
IRJET- Design of Closed Loop PI Controller Based Hybrid Z-Source DC-DC Conver...
PDF
Online job portal management system..pdf
PPTX
MobileStore.pptx
PDF
03 Building an E-commerce Presence: Web Sites, Mobile Sites, and Apps slides
PDF
Your big idea (2).pdf
PDF
Web development system project report.pdf
PDF
Industrail training report on website design and development
PPTX
Internship_ppt.pptx
PDF
A Web Based Application for Online Jewelry Shopping System
PPT
WEB-DBMS A quick reference
DOCX
COMPUTER APPLICATION PROJECT ON
DOCX
Online Shop Project Report
PPT
E commerce
E-COMMERCE-PPROJECT-REPORT FOR ALL DESIGN AND ASSCESSORIES MAKE A REPORT
Internship_FULL_STACK_DEVELOPMENT[1].pptx
Internship_FULL_STACK_DEVELOPMENT[1].pptx
Online Food Ordering System ppt.pptx
digiinfo website project report
Furni[2].pptx dbskabdudbdhdhdvdudsvdjdvd
IRJET- Conversational Commerce (ESTILO)
IRJET- Design of Closed Loop PI Controller Based Hybrid Z-Source DC-DC Conver...
Online job portal management system..pdf
MobileStore.pptx
03 Building an E-commerce Presence: Web Sites, Mobile Sites, and Apps slides
Your big idea (2).pdf
Web development system project report.pdf
Industrail training report on website design and development
Internship_ppt.pptx
A Web Based Application for Online Jewelry Shopping System
WEB-DBMS A quick reference
COMPUTER APPLICATION PROJECT ON
Online Shop Project Report
E commerce
Ad

Recently uploaded (20)

PPTX
MALDIVES.pptx.pptx short power point to guide your explanation
PDF
Hyderabad to Pune Flight – Complete Travel Guide.pdf
PPTX
Exploration of Botanical Gardens of India
PDF
Autumn in Pakistan. Hunza Autumn Tours.
PPTX
Quiz- Thursday.pptxaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa
PDF
Mapping the Landscape of Hospitality and Tourism A Bibliometric Study 2000–20...
PPTX
Exploring Chandigarh : A Perfect Travel Guide and Its Surroundings
PDF
Travel Adventures: Explore the Gem Around The World.
PDF
Travel Agents Email List for Effective Tourism and Hospitality Marketing.pdf
PDF
How to Choose the Best Tour Operators in Rajasthan – A Complete Guide.pdf
PDF
Delhi Agra Jaipur Tour Package 2025 – Travel with Rajasthan Tours India.pdf
PPTX
Sri Lanka Tour Plan and places that can be visited during your leave
PDF
Introduction of Secrets of Mount Kailash.pdf
PPTX
Minimalist Business Slides XL by Slidesgo.pptx
PPSX
Detian Transnational Waterfall, Chongzuo, Guangxi, CN. (中國 廣西崇左市 德天跨國瀑布).ppsx
PDF
4Days Golden Triangle Tour India Pdf Doc
PPTX
What Can You Discover If You Scrape Booking Sites for Monsoon Flash Sales Hou...
PDF
Best Things to Do in Orlando in 2025 Travel Guide.pdf
PPTX
Enjoy Peaceful Travel Even in Busy Places.pptx
PDF
Explore Luxemburry.eu, the ancient of lands in Europe
MALDIVES.pptx.pptx short power point to guide your explanation
Hyderabad to Pune Flight – Complete Travel Guide.pdf
Exploration of Botanical Gardens of India
Autumn in Pakistan. Hunza Autumn Tours.
Quiz- Thursday.pptxaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa
Mapping the Landscape of Hospitality and Tourism A Bibliometric Study 2000–20...
Exploring Chandigarh : A Perfect Travel Guide and Its Surroundings
Travel Adventures: Explore the Gem Around The World.
Travel Agents Email List for Effective Tourism and Hospitality Marketing.pdf
How to Choose the Best Tour Operators in Rajasthan – A Complete Guide.pdf
Delhi Agra Jaipur Tour Package 2025 – Travel with Rajasthan Tours India.pdf
Sri Lanka Tour Plan and places that can be visited during your leave
Introduction of Secrets of Mount Kailash.pdf
Minimalist Business Slides XL by Slidesgo.pptx
Detian Transnational Waterfall, Chongzuo, Guangxi, CN. (中國 廣西崇左市 德天跨國瀑布).ppsx
4Days Golden Triangle Tour India Pdf Doc
What Can You Discover If You Scrape Booking Sites for Monsoon Flash Sales Hou...
Best Things to Do in Orlando in 2025 Travel Guide.pdf
Enjoy Peaceful Travel Even in Busy Places.pptx
Explore Luxemburry.eu, the ancient of lands in Europe

Online fast food django.docx

  • 1. Page 1 Table of Contents Page No. Chapter 1. Introduction 1) Introduction to the System 4 2) Problem Definition 4 3) Aim 4 4) Objective 4 5) Goal 5 6) Need of System 5 Chapter 2. Hardware and Software requirement 1) Introduction 7 2) System environment 7 3) Software requirement 8 4) Hardware requirements 8 Chapter 3.SystemAnalysis 1) Purpose 9 2) Project Scope 9 3) Existing System 9 4) Proposed System 9 5) System Description 10
  • 2. Page 2 Chapter 4.Implementation issues 1) Python 11 2) HTML 13 3) Cascading style sheet(CSS) 16 4) Javascript Chapter 5. SystemDesign 1) Introduction 21 2) Conceptual Design 22 3) ER-Diagram 23 4) Logical Design 23 5) Physical Design 24 6) Data Flow Diagram of “Online Fast Food” 25 Chapter 6.User Screens 26-32 Chapter 7.Coding 33-113 Chapter 8. Conclusion 7) Features of “Online Fast Food” 114 8) Benefits Accrued from “Online Fast Food ” 114 9) Limitations of “Online Fast Food” 115 Bibliography
  • 3. Page 3 CHAPTER # 1 Introduction Contents:  Introduction  Problem Definition  Aim  Objective  Goal  Need of System
  • 4. Page 4 Introduction to the System: Developing a Fast Food Order system to promote a greater count of food lovers to splurge into the field of Restaurant. It integrates the benefits of an ording food with the convenience of an online excitement and going with the technology, minus the commuting hazards and expenses. It will usher in the immense flexibility and sophistication in the existing manual platform structures, with the perfect blend of synchronous and asynchronous interaction. It provides a means of collaborative E- ordering for the customers. Problem Definition: Managing online fast food shopping may seem tricky, but this is part of Customer Service System (application support direct contact with customer). Aim: “To Manage Online Fast Food Shopping”. Objective: The objectives of this project are: • To order food rapidly • To make it convenient for people who have limited time • Cost reduction • Reduced paper work • Computerized Order and billing system
  • 5. Page 5 Goal: The project is basically targeted at those people who would like online shopping and have an Internet access. Finally buyers curious in comparing the prices for various products for according our budget. To make a database that is consistent, reliable and secure. To provide correct, complete, ongoing information. To develop a well-organized information storage system. To make good documentation so as to facilitate possible future enhancements. Need of the System: There is always a need of a system that will perform to ordering of fast foods online. This system will reduce the manual operation required to maintain all the records of booking information. And also generates the various reports for analysis. Main concept of the project is to enter transaction reports and to maintain customer records. Hence this software can be used in any restaurant to maintain their record easily.
  • 6. Page 6 CHAPTER # 2 Hardwareand Software Requirements Contents:  Introduction  System environment  Software requirement  Hardware requirements
  • 7. Page 7 Introduction: In this chapter we mentioned the software and hardware requirements, which are necessary for successfully running this system. The major element in building systems is selecting compatible hardware and software. The system analyst has to determine what software package is best for the “Online Fast Food System” and, where software is not an issue, the kind of hardware and peripherals needed for the final conversion. System Environment: After analysis, some resources are required to convert the abstract system into the real one. All the resources, which accomplish a robust The hardware and software selection begins with requirement analysis, followed by a request for proposal and vendor evaluation. Software and real system, are identified. According to the provided functional specification all the technologies and its capacities are identified. Basic functions and procedures and methodologies are prepared to implement. Some of the Basic requirements such as hardware and software are described as follows: -
  • 8. Page 8 Hardware and Software Specification Software Requirements:  Technology: Python Django  IDE : Pycharm/Atom  Client Side Technologies: HTML, CSS, JavaScript , Bootstrap  Server Side Technologies: Python  Data Base Server: Sqlite  Operating System: Microsoft Windows/Linux Hardware Requirements:  Processor: Pentium-III (or) Higher  Ram: 64MB (or) Higher  Hard disk: 80GB (or) Higher
  • 9. Page 9 CHAPTER # 3 System Analysis Contents:  Purpose  Project Scope  Existing System  Proposed System  System Overview
  • 10. Page 10 Purpose: To manage the online fast food ordering. It helps to customer to order fast foods from anywhere. Also make payment on delivery for it. It helps to people to order desired fast food at their prefer time. Project Scope: The project has a wide scope, as it is not intended to a particular organization. This project is going to develop generic software, which can be applied by any businesses organization. More over it provides facility to its customer. Also the software is going to provide a huge amount of summary data. Proposed System: The Online Fast Food Ordering system is available in the market that can serve customers to order fast foods online. System Overview: The key features required in the system are as follows:  Login: This module has a drop down list box from where we have to select ADMIN or USER. The ADMIN has all the rights in the software including updating the status of his site. The other fields in login are username and password. If the username and password are correct then it is directed to next page.  New user: This module is for the users who do not have their account. Here user is allowed to create an account to login. The account creation is done by filling the registration form with user details such as name, phone, email etc.  Fast Food Menu: This module has information regarding the fast food such as its name, category, ingredients, price, image; its features etc.The ADMIN has the authority to Add, Delete, Update etc. The USER can only view and order the Fast Foods, add to cart only those in the stock etc.
  • 11. Page 11 CHAPTER # 4 Implementation issues Python Python is a widely used general-purpose, high level programming language. It was initially designed by Guido van Rossum in 1991 and developed by Python Software Foundation. It was mainly developed for emphasis on code readability, and its syntax allows programmers to express concepts in fewer lines of code. Python is a programming language that lets you work quickly and integrate systems more efficiently. Python is dynamically typed and garbage-collected. It supports multiple programming paradigms, including procedural, object-oriented, and functional programming. Python is often described as a "batteries included" language due to its comprehensive standard library.
  • 12. Page 12 HTML HTML (Hypertext Markup Language) is the set of markup symbols or codes inserted in a file intended for display on a World Wide Web browser page. The markup tells the Web browser how to display a Web page's words and images for the user. Each individual markup code is referred to as an element (but many people also refer to it as a tag). Some elements come in pairs that indicate when some display effect is to begin and when it is to end.
  • 13. Page 13 CASCADING STYLE SHEET (CSS) Cascading Style Sheets (CSS) are a collection of rules we use to define and modify web pages. CSS are similar to styles in Word. CSS allow Web designers to have much more control over their pages look and layout. For instance, you could create a style that defines the body text to be Verdana, 10 point. Later on, you may easily change the body text to Times New Roman, 12 point by just changing the rule in the CSS. Instead of having to change the font on each page of your website, all you need to do is redefine the style on the style sheet, and it will instantly change on all of the pages that the style sheet has been applied to. With HTML styles, the font change would be applied to each instance of that font and have to be changed in each spot. CSS can control the placement of text and objects on your pages as well as the look of those objects. HTML information creates the objects (or gives objects meaning), but styles describe how the objects should appear. The HTML gives your page structure, while the CSS creates the “presentation”. An external CSS is really just a text file with a .css extension. These files can be created with Dreamweaver, a CSS editor, or even Notepad. The best practice is to design your web page on paper first so you know where you will want to use styles on your page. Then you can create the styles and apply them to your page.
  • 14. Page 14 Javascript JavaScript is a programming languagecommonly used in web development. It was originally developed by Netscape as a means to add dynamic and interactive elements to websites. While JavaScript is influenced byJava, the syntax is more similar to C and is based on ECMAScript, a scripting language developed by Sun Microsystems. JavaScript is a client-side scripting language, which means the source code is processed by the client's web browser rather than on the web server. This means JavaScript functions can run after a webpage has loaded without COMMUNICATING with the server. For example, a JavaScript function may check a web form before it is submitted to make sure all the required fields have been filled out. The JavaScript code can produce an error message before any information is actually transmitted to the server. Like server-side scripting languages, such as PHP and ASP, JavaScript code can be inserted anywhere within the HTML of a webpage. However, only the output of server-side code is displayed in the HTML, while JavaScript code remains fully visible in the source of the webpage. It can also be referenced in a separate .JS file, which may also be viewed in a browser.
  • 15. Page 15 Django Django is a web application framework written in Python programming language. It is based on MVT (Model View Template) design pattern. The Django is very demanding due to its rapid development feature. It takes less time to build application after collecting client requirement. This framework uses a famous tag line:The web framework for perfectionists with deadlines.
  • 16. Page 16 CHAPTER # 5 System Design Contents:  Use case diagram  Class Diagram  Sequence Diagram  Data flow diagram
  • 17. Page 17 Use Case Diagram:  Use case diagram consists of use cases and actors and shows the interaction between them. The key points are:  The main purpose is to show the interaction between the use cases and the actor.  To represent the system requirement from user’s perspective.  The use cases are the functions that are to be performed in the module.  Use Case Diagram between ADMIN and SYSTEM: Fig.5.1 ADMIN SYSTEM Manage Products Manage Booking Manage Customers Manage Feedback
  • 18. Page 18 Fig.5.2 Use Case Diagram between USER and SYSTEM: USER SYSTEM Booking Cancel Search SendFeedback
  • 19. Page 19 Sequence Diagram For Administrator:- Fig.5.4 Login Application Database Login :Request :Validate() :executeQuery() Response Show Result Failed:show() Administrator Success:hide()
  • 20. Page 20 Sequence Diagram For User:- : Fig.5.5 Login Application Database Login :Request :Validate() :executeQuery() Response Show Result User Failed:show() Success:hide()
  • 21. Page 21 Data Flow Diagram A Data Flow Diagram (DFD) is a graphical representation of the "flow" of data through an Information System. A data flow diagram can also be used for the visualization of Data Processing. It is common practice for a designer to draw a context-level DFD first which shows the interaction between the system and outside entities. This context-level DFD is then "exploded" to show more detail of the system being modeled. A DFD represents flow of data through a system. Data flow diagrams are commonly used during problem analysis. It views a system as a function that transforms the input into desired output. A DFD shows movement of data through the different transformations or processes in the system. Dataflow diagrams can be used to provide the end user with a physical idea of where the data they input ultimately has an effect upon the structure of the whole system from order to dispatch to restock how any system is developed can be determined through a dataflow diagram. The appropriate register saved in database and maintained by appropriate authorities. Data Flow Diagram Notation Function File/Database Input/output Flow Data Flow Diagram of the Shopping Site
  • 22. Page 22 Level 0 Input Output Level1 Admin/User System Database Enter the site Authenticate User Check whether Admin or customer Display errors Customer Admin View product Buy product Check products Verify customer Products Customer details
  • 23. Page 23 Entity Relationship Diagrams (ER-Diagrams): An entity-relationship (ER) diagram is a specialized graphic that illustrates the interrelationships between entities in a database. ER diagrams often use symbols to represent three different types of information. Boxes are commonly used to represent entities. Diamonds are normally used to represent relationships and ovals are used to represent attributes An entity-relationship model (ERM) in software engineering is an abstract and conceptual representation of data. Entity-relationship modeling is a relational schema database modeling method, used to produce a type of conceptual schema or semantic data model of a system, often a relational database, and its requirements in a top-down fashion. Symbols used in this E-R Diagram: Entity: Entity is a “thing” in the real world with an independent existence. An entity may be an object with a physical existence such as person, car or employee. Entity symbol is as follows Attribute: Attribute is a particular property that describes the entity. Attribute symbol is Relationship: Relationship will be several implicit relationships among various entity types whenever an attribute of one entity refers to another entity type some relationship exits. Relationship symbol is: Key attributes: An entity type usually has an attribute whose values are distinct for each individual entity in the collection. Such an attribute is called key attribute.
  • 24. Page 24 Product ProID ProName ProComp ProCat Price Member Request LoginID Password MName PhoneNo dob Order Detail Place Order Login OrdNo Proid Qty LoginID User Name Password Check the Login ID Registration Req. New Member Address City State Pin code Country Phone EMail Password Name DOJ
  • 25. Page 25 CHAPTER # 6 Output screens HOME PAGE
  • 32. Page 32 VIEW PRODUCT CATEGORY PAGE
  • 33. Page 33 VIEW PRODUCTS PAGE – USER
  • 39. Page 39 CHAPTER # 7 Coding USER LOGIN PAGE CODING {% extends 'navigation.html' %} {% block body %} {% load static %} {% ifequal error "yes" %} <script> alert('logged in successfully'); window.location=('{% url 'home' %}'); </script> {% endifequal %} {% ifequal error "not" %} <script> alert('Username & Password are not Matching'); </script> {% endifequal %} <div class="container">
  • 40. Page 40 <h2 style="margin-top:20px" align="center">User Login Form</h2><hr> <div class="container-fluid" style="width:70%;margin-top:10%"> <form method="post" action=""> {% csrf_token %} <div class="form-group"> <label for="exampleInputEmail1">Username</label> <input type="text" class="form-control" id="exampleInputEmail1" aria- describedby="emailHelp" name="uname" placeholder="Enter Username"> </div> <div class="form-group"> <label for="exampleInputPassword1">Password</label> <input type="password" class="form-control" id="exampleInputPassword1" placeholder="Password" name="pwd"> </div> <button type="submit" class="btn btn-primary">Submit</button> <button class="btn btn-primary"><a href="{% url 'signup' %}" style="color:white">Signup</a></button> </form> </div> </div> {% endblock %}
  • 41. Page 41 SIGNUP PAGE CODING {% extends 'navigation.html' %} {% block body %} {% load static %} <div class="container"> <h2 style="margin-top:20px" align="center">Registration Form</h2><hr> <div class="container-fluid" style="width:70%;margin-top:10%"> <form method="post" action="" enctype="multipart/form-data"> {% csrf_token %} <div class="form-row"> <div class="form-group col-md-6"> <label for="inputEmail4">First Name</label> <input type="text" class="form-control" placeholder="Enter First Name" name="fname" id="inputEmail4"> </div> <div class="form-group col-md-6"> <label for="inputPassword4">Last Name</label> <input type="text" class="form-control" name="lname" placeholder="Enter Last Name" id="inputPassword4"> </div> </div> <div class="form-row"> <div class="form-group col-md-6"> <label for="inputEmail4">User Name</label> <input type="text" class="form-control" name="uname" placeholder="Enter User Name" id="inputEmail4"> </div>
  • 42. Page 42 <div class="form-group col-md-6"> <label for="inputPassword4">Password</label> <input type="password" class="form-control" name="pwd" id="inputPassword4"> </div> </div> <div class="form-row"> <div class="form-group col-md-6"> <label for="exampleInputEmail1">Email</label> <input type="email" class="form-control" id="exampleInputEmail1" aria- describedby="emailHelp" name="email" placeholder="Enter Email"> </div> <div class="form-group col-md-6"> <label for="exampleInputPassword1">Contact</label> <input type="text" class="form-control" id="exampleInputPassword1" placeholder="Enter Contact Detail" name="contact"> </div> </div> <div class="form-row"> <div class="form-group col-md-6"> <label for="exampleInputPassword1">City</label> <input type="text" class="form-control" id="exampleInputPassword1" placeholder="Enter City" name="city"> </div> <div class="form-group col-md-6"> <label for="exampleInputPassword1">Date of Birth</label> <input type="date" class="form-control" id="exampleInputPassword1" name="date"> </div> </div> <div class="form-row">
  • 43. Page 43 <div class="form-group col-md-6"> <label for="exampleInputPassword1">Full Address</label> <input type="text" class="form-control" id="exampleInputPassword1" placeholder="Enter Address Detail" name="add"> </div> <div class="form-group col-md-6"> <label for="exampleInputPassword1">Image</label> <input type="file" class="form-control" id="exampleInputPassword1" name="img" value="choose file"> </div></div> <button type="submit" class="btn btn-primary">Submit</button> </form> </div> </div> {% if error %} <script> alert('Regitered Successfully'); window.location = "{% url 'login' %}"; </script> {% endif %} {% endblock %}
  • 44. Page 44 VIEW CART PAGE CODING {% extends 'navigation.html' %} {% block body %} <center><h2 style="color:red;margin-top:2%">View Cart</h2></center><hr> {% if not cart %} <h1 align="center" style="color:blue">{{message}}</h1> {% else %} <center><div class="container" style="border:1px solid white"> <div class="row"> <div class="col-md-4" style="height:100px;"> <center><a href="{% url 'view_product' 0 %}" style="margin- top:1%;width:100%" class="btn btn-lg btn-info text-light text-capitalize"><ion-icon style="margin-right:8px" name="pricetags"></ion-icon>Continue Shopping</a></center> </div> <div class="col-md-4" style="height:100px;"> <center><a href="{% url 'booking' book %}" style="margin- top:1%;width:50%" class="btn btn-lg btn-info text-light text-capitalize"><ion-icon style="margin-right:8px" name="cash"></ion-icon>Buy Now</a></center> </div> <div class="col-md-4" style="height:100px;"> <center><a style="margin-top:1%;width:100%;border:1px solid black" class="btn btn-default btn-lg text-dark text-capitalize">Total : {{total}}</a></center> </div> </div>
  • 45. Page 45 </div> </center> {% for i in cart %} <center> <style> .container{ border:1px solid black; border-radius:6px; margin-bottom:5%; }.container1 ,.contain{ border:1px solid black; border-radius:6px; width:70%; border:1px solid black; } </style> <div class="container" style="margin-top:2%;height:150px;width:80%"> <div class="row" style="height:90%"> <div class="col-md-4" style="height:120px"> <img src="{{i.product.image.url}}" style="width:30%;height:100px;border:1px solid darkgray;margin-top:5%"> </div> <div class="col-md-4" style="height:100px"> <h5 style="margin-top:5%">{{i.product.name}}</h5><hr> <h6>Price : Rs.{{i.product.price}}</h6> <p>{{i.product.desc}}</p> </div> <div class="col-md-4" style="height:100px;"> <center><a href="{% url 'remove_cart' i.id %}" style="margin-top:15%" class="btn btn-sm btn-danger text-light text-capitalize"><ion-icon name="trash"></ion-icon>Remove</a></center> </div>
  • 46. Page 46 </div> </div> </center> {% endfor %} |<div class="container" style="border:1px solid white"> <div class="row"> <div class="col-md-4" style="height:100px;"> <center><a href="{% url 'view_product' 0 %}" style="margin- top:1%;width:100%" class="btn btn-lg btn-info text-light text-capitalize"><ion-icon style="margin-right:8px" name="pricetags"></ion-icon>Continue Shopping</a></center> </div> <div class="col-md-4" style="height:100px;"> <center><a href="{% url 'booking' book %}" style="margin- top:1%;width:50%" class="btn btn-lg btn-info text-light text-capitalize"><ion-icon style="margin-right:8px" name="cash"></ion-icon>Buy Now</a></center> </div> <div class="col-md-4" style="height:100px;"> <center><a style="margin-top:1%;width:100%;border:1px solid black" class="btn btn-default btn-lg text-dark text-capitalize">Total : {{total}}</a></center> </div> </div> {% endif %} </div> {% endblock %}
  • 47. Page 47 ADMIN HOME PAGE CODING {% extends 'navigation.html' %} {% load static %} {% block body %} <style> .glow { font-size: 80px; color: #fff; text-align: center; -webkit-animation: glow 1s ease-in-out infinite alternate; -moz-animation: glow 1s ease-in-out infinite alternate; animation: glow 1s ease-in-out infinite alternate; } @-webkit-keyframes glow { from { text-shadow: 0 0 10px #fff, 0 0 20px #fff, 0 0 30px #e60073, 0 0 40px #e60073, 0 0 50px #e60073, 0 0 60px #e60073, 0 0 70px #e60073; } to { text-shadow: 0 0 20px #fff, 0 0 30px #ff4da6, 0 0 40px #ff4da6, 0 0 50px #ff4da6, 0 0 60px #ff4da6, 0 0 70px #ff4da6, 0 0 80px #ff4da6; } }
  • 48. Page 48 /* Rounded border */ hr.rounded { border-top: 8px solid lightblue; border-radius: 5px; } </style> </style> <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.7.0/css/all.css" integrity="sha384- lZN37f5QGtY3VHgisS14W3ExzMWZxybE1SJSEsQp9S+oqd12jhcu+A56Ebc1zFSJ" crossorigin="anonymous"> <br> <center> <div class="container" style="margin-top:10%;height:150px;width:80%"> <div class="row" style="height:90%"> <div class="col-md-4"> <a href="{% url 'view_user' %}"><h1>Total Customer</h1> <h2 style="color:blue">{{total_customer}}</h2> <hr class="rounded"></a> </div> <div class="col-md-4"> <a href="{% url 'admin_viewBooking' %}"><h1>Total Booking</h1> <h2 style="color:blue">{{total_book}}</h2> <hr class="rounded"></a> </div> <div class="col-md-4"> <a href="{% url 'admin_view_product' %}"> <h1>Total Product</h1> <h2 style="color:blue">{{total_pro}}</h2> <hr class="rounded"></a> </div>
  • 49. Page 49 </div> </div> </center> <footer class="site-footer"> <div class="container"> <div class="row pt-5 mt-5 text-center"> <div class="col-md-12"> <p style = "font-size : 30pt ; color : #FF0000 ; font-weight : bold"> Copyright &copy;<script>document.write(new Date().getFullY ear());</script> All Rights Reserved <span style = "color : brown">|</span> <span style = "color : #006400">This website is made with <i class="fas fa-heart icon-heart text-warning" aria-hidden="true"></i> by </span><a class= "glow" href="#" target="_blank" >ABC XYZ</a> </p> </div> </div> </div> </footer> {% endblock %}
  • 50. Page 50 VIEW BOOKING PAGE CODING {% extends 'navigation.html' %} {% block body %} <center><h2 style="color:red;margin-top:2%">View Booking Detail</h2></center><hr> {% for i in product %} {% if i.id in book %} <center> <style> .container{ border:1px solid black; border-radius:6px; margin-bottom:5%; }.container1 ,.contain{ border:1px solid black; border-radius:6px; width:70%; border:1px solid black; } </style> <div class="container" style="margin-top:2%;height:150px;width:80%"> <div class="row" style="height:90%"> <div class="col-md-4" style="height:120px"> <img src="{{i.image.url}}" style="width:30%;height:100px;border:1px solid darkgray;margin-top:5%">
  • 51. Page 51 </div> <div class="col-md-4" style="height:100px"> <h5 style="margin-top:5%">{{i.name}}</h5><hr> <h6>Price : Rs.{{i.price}}</h6> <p>{{i.desc}}</p> </div> <div class="col-md-4" style="height:100px;"> <h4 style="margin-top:15%;color:blue">Booked Successfully</h4> </div> </div> </div> </center> {% endif %} {% endfor %} <div class="container" style="border:1px solid white"> <div class="row"> <div class="col-md-6" style="height:100px;"> <center><a style="margin-top:1%;width:100%;border:1px solid black" class="btn btn-default btn-lg text-dark text-capitalize">Total : {{total.total}}</a></center> </div></div> <center><h2 style="color:red;margin-top:2%">Customer Detail</h2></center><hr> <div class="row"> <div class="col-md-6" style="height:100px;"><hr> <h4>Name : {{profile.user.first_name}} {{profile.user.last_name}}</h4><hr> <h4>Email : {{profile.user.email}}</h4><hr> <h4>Address : {{profile.address}}</h4><hr> <h4>Contact : {{profile.contact}}</h4><hr> </div> <div class="col-md-6" style="height:100px;"><hr> <h4> <img src="{{profile.image.url}}" style="width:150px;height:140px"></h4> </div> </div>
  • 52. Page 52 </div> {% endblock %} VIEW PRODUCTS PAGE CODING {% extends 'navigation.html' %} {% block body %} <center><h2 style="color:red;margin-top:2%">View Product</h2></center><hr> <div class="container" style="margin-top:4%"> <table class="table table-bordered" id="myTable"> <thead> <tr> <th>Product Name</th> <th>Image</th> <th> Category</th> <th>Price</th> <th> Description</th> <th>Action</th> </tr> </thead> <tbody> {% for i in pro %} <tr> <td>{{i.name}}</td> <td><img src="{{i.image.url}}" style="width:50px;height:50px"></td> <td>{{i.category.name}}</td> <td>{{i.price}}</td>
  • 53. Page 53 <td>{{i.desc}}</td> <td><a href="{% url 'delete_product' i.id %}" onclick="return confirm('Are you sure?')"><button class="button button1">Delete</button></a></td> </tr> {% endfor %} </tbody> {{count}} </table> </div> <script> {% for i in message %} alert("{{i}}") {% endfor %} </script> {% endblock %}
  • 54. Page 54 ADD PRODUCT PAGE CODING {% extends 'navigation.html' %} {% block body %} {% load static %} <div class="container"> <h2 style="margin-top:20px" align="center">Add Product</h2><hr> <div class="container-fluid" style="width:70%;margin-top:10%"> <form method="post" action="" enctype="multipart/form-data"> {% csrf_token %} <div class="form-row"> <div class="form-group col-md-6"> <label for="inputEmail4">Product Name</label> <input type="text" class="form-control" placeholder="Enter First Name" name="pname" id="inputEmail4"> </div> <div class="form-group col-md-6"> <label for="exampleInputPassword1">Product Image</label> <input type="file" class="form-control" id="exampleInputPassword1" name="img" value="choose file"> </div></div> <div class="form-row"> <div class="form-group col-md-6"> <label for="inputState">Category</label> <select id="inputState" class="form-control" name="cat"> {% for i in cat %} <option value="{{i.name}}">{{i.name}}</option> {% endfor %}
  • 55. Page 55 </select> </div> <div class="form-group col-md-6"> <label for="inputEmail4">Product Price</label> <input type="number" class="form-control" name="price" placeholder="Enter User Name" id="inputEmail4"> </div></div> <div class="form-group"> <label for="exampleFormControlTextarea1">Description</label> <textarea class="form-control" id="exampleFormControlTextarea1" name="desc" rows="3"></textarea> </div> <button type="submit" class="btn btn-primary">Submit</button> </form> </div> </div> {% if error %} <script> alert('1 Product Added Successfully'); </script> {% endif %} {% endblock %}
  • 56. Page 56 ADD CATEGORY PAGE CODING {% extends 'navigation.html' %} {% block body %} {% load static %} {% if error %} <script> alert('One New Category Added Successfully'); </script> {% endif %} <div class="container"> <h2 style="margin-top:20px" align="center">Add Category</h2><hr> <div class="container-fluid" style="width:70%;margin-top:10%"> <form method="post" action=""> {% csrf_token %} <div class="form-group"> <label for="exampleInputEmail1">Category Name</label> <input type="text" class="form-control" id="exampleInputEmail1" aria- describedby="emailHelp" name="cat" placeholder="Enter Category"> </div> <button type="submit" class="btn btn-primary">Submit</button> </form> </div> </div>
  • 57. Page 57 {% endblock %} USER EDIT PROFILE PAGE CODING {% extends 'navigation.html' %} {% block body %} {% load static %} <div class="container"> <h2 style="margin-top:20px" align="center">Edit Profile</h2><hr> <div class="container-fluid" style="width:70%;margin-top:10%"> <form method="post" action="" enctype="multipart/form-data"> {% csrf_token %} <div class="form-row"> <div class="form-group col-md-6"> <label for="inputEmail4">First Name</label> <input type="text" class="form-control" value="{{pro.user.first_name}}" name="fname" id="inputEmail4"> </div> <div class="form-group col-md-6"> <label for="inputPassword4">Last Name</label> <input type="text" class="form-control" name="lname" value="{{pro.user.last_name}}" id="inputPassword4"> </div> </div> <div class="form-row"> <div class="form-group col-md-12"> <label for="inputEmail4">User Name</label> <input type="text" class="form-control" name="uname"
  • 58. Page 58 value="{{pro.user.username}}" id="inputEmail4" readonly> </div> </div> <div class="form-row"> <div class="form-group col-md-6"> <label for="exampleInputEmail1">Email</label> <input type="email" class="form-control" id="exampleInputEmail1" aria- describedby="emailHelp" name="email" value="{{pro.user.email}}"> </div> <div class="form-group col-md-6"> <label for="exampleInputPassword1">Contact</label> <input type="text" class="form-control" id="exampleInputPassword1" value="{{pro.contact}}" name="contact"> </div> </div> <div class="form-row"> <div class="form-group col-md-12"> <label for="exampleInputPassword1">City</label> <input type="text" class="form-control" id="exampleInputPassword1" value="{{pro.city}}" name="city"> </div> </div> <div class="form-row"> <div class="form-group col-md-6"> <label for="exampleInputPassword1">Date of Birth</label> <input type="date" class="form-control" id="exampleInputPassword1" name="date"> </div> <div class="form-group col-md-6"> <label for="exampleInputPassword1">Date of Birth</label> <input type="text" class="form-control" id="exampleInputPassword1" value="{{pro.dob}}" readonly> </div>
  • 59. Page 59 </div> <div class="form-row"> <div class="form-group col-md-12"> <label for="exampleInputPassword1">Full Address</label> <input type="text" class="form-control" id="exampleInputPassword1" value="{{pro.address}}" name="add"> </div> </div> <div class="form-row"> <div class="form-group col-md-6"> <label for="exampleInputPassword1">Image</label> <input type="file" class="form-control" id="exampleInputPassword1" name="img" value="choose file"> </div> <div class="form-group col-md-6"> <img src="{{pro.image.url}}" style="width:150px;height:150px"> </div> </div> <button type="submit" class="btn btn-primary" style="margin- bottom:5%">update</button> </form> </div> </div> {% if error %} <script> alert('Update Successfully'); window.location = "{% url 'profile' %}"; </script> {% endif %} {% endblock %}
  • 60. Page 60 CHAPTER # 8 Advantages & Limitations Advantages of “Online Fast Food Shop System”: “Online Fast Food System” provides various features, which complement the information system and increase the productivity of the system. These features make the system easily usable and convenient. Some of the important features included are listed as follows:  Intelligent User Forms Design  Data access and manipulation through same forms  Access to most required information  Data Security  Restrictive data access, as per login assigned only.  Organized and structured storage of facts. .  Strategic Planning made easy.  No decay of old Records.  Exact financial position of the Business.
  • 61. Page 61 Limitations of “Online Fast Food Shop System”: Besides the above achievements and the successful completion of the project, we still feel the project has some limitations, listed as below: 1. It is not a large scale system. 2. Only limited information provided by this system. 3. Since it is an online project, customers need internet connection to buy products. 4. People who are not familiar with computers can’t use this software.
  • 62. Page 62 CHAPTER # 8 Future Scope FUTURE SCOPE This web application involves almost all the features of the online shopping. The future implementation will be online help for the customers and chatting with website administrator. CONCLUSION The project entitled “Online Fast Food Shopping” is developed using HTML , CSS and Bootstrap as front end and Python , Sqlite database in back end to computerize the process of online shopping. This project covers only the basic features required.
  • 63. Page 63 Bibliography BIBLIOGRAPHY  Wikipedia  https://www.geeksforgeeks.org/python-django/  https://www.javatpoint.com  https://www.python.org/  https://www.tutorialspoint/
  • 64. Page 64  REFERENCE BOOKS Two scoops ofDjango for 1.11 byDaniel Greenfeld’s and Audrey Greenfield Lightweight Django by Elman and Mark Lavin