Prince

FLIGHT BOOKING WEB APPLICATION
Synopsis Report/ PROJECT REPORT
Submitted in partial fulfillment of the requirement for the

award Bachelor of Technology Degree
In
Computer Science & Engineering Discipline
Submitted To
RAJIV GANDHI PROUDYOGIKI VISHWAVIDYALAYA,

BHOPAL (M.P.)
Submitted By:
ABHISHEK RAJ (0199CS181001)
RAM MOTWANI (0199CS181079)
SUJEET KUMAR (0199CS181109)
VARUNENDRA PRATAP SINGH (0199CS181113)
Under The Supervision Of:
DR. YOGDHAR PANDEY
HOD
Department of CSE , TIT (ADVANCE), Bhopal
DEPARTMENT OF COMPUTER SCIENCE & ENGINEERING

TECHNOCRATS INSTITUTE OF TECHNOLOGY (ADVANCE),
Bhopal
2022
TECHNOCRATS INSTITUTE OF TECHNOLOGY
(ADVANCE), BHOPAL (M.P.)
Department of Computer Science & Engineering
CERTIFICATE
This is to certify that the work embodies in this dissertation Synopsis Report “ FLIGHT
BOOKING WEB APPLICATION ”. being submitted by ABHISHEK RAJ
(0199CS181001), RAM MOTWANI (0199CS18079), SUJEET KUMAR
(0199CS181109) AND VARUNENDRA PRATAP SINGH (0199CS181113) for partial
fulfillment of the requirement for the award of “B.TECH in Computer Science &
Engineering” discipline to “Rajiv Gandhi Proudyogiki Vishwavidyalaya, Bhopal(M.P.)”
during the academic year 2021 is a record of bonafide piece of work, carried out by him
under my supervision and guidance in the “Department of Computer Science &
Engineering”, Technocrats Institute of Technology(Advance), Bhopal (M.P.).
Dr. Yogdhar Pandey Prof. Agrata Shukla

HOD
Department of CSE Associate Professor,
TIT- Advance TIT- Advance
TECHNOCRATS INSTITUTE OF TECHNOLOGY
(ADVANCE), BHOPAL (M.P.)
Department of Computer Science & Engineering
CERTIFICATE OF APPROVAL
The Dissertation Synopsis Report entitled “FLIGHT BOOKING WEB

APPLICATION”.being submitted by by ABHISHEK RAJ (0199CS181001), RAM
MOTWANI (0199CS18079), SUJEET KUMAR (0199CS181109) AND
VARUNENDRA PRATAP SINGH (0199CS181113) has been examined by us and is
hereby approved for the award of degree “Bachelor of Technology in Computer Science
& Engineering Discipline”, for which it has been submitted. It is understood that by this
approval the undersigned do not necessarily endorse or approve any statement made,
opinion expressed or conclusion drawn therein, but approve the dissertation only for the
purpose for which it has been submitted.
(InternalExaminer) (ExternalExaminer)
Date: Date:
ACKNOWLEGEMENT
Practical experience is the best education and an opportunity to apply theoretical learning and
experience the results. Getting associated with an Institute like T.I.T.Advance, Bhopal for learning was
more than a privilege.
We would take the pleasure by expressing our gratitude towards Dr. Yogdhar Pandey
(H.O.D., Comouter Science & Engineering) for allowing me to undertake the Thesis work for
successful completion of the study.
We express our sincere thanks to Prof Agrata Shukla our Guide for their valuable guidance, co-
operation, continuously motivates commandments and the moral support, which was necessary for
successful completion of our Synopsis.
We are highly indebted to Dr.Pradeep Pandey Director TIT(Advance), Bhopal for his kind
permission to carry out this Synopsis.
We also express sincere gratitude to the lecturer, professors and lab assistants of
TIT(Advance), Bhopal l for providing helpful study materials and the database associated with our
project.
Last, but not the least, we would like to thanks our loving parents for their encouragement and
co-operation during the time of working through this project.
Also, thanks to all the friends for their encouragement and support.
ABHISHEK RAJ, RAM
MOTWANI , SUJEET KUMAR AND VARUNENDRA PRATAP SINGH
B-Tech. (Computer Science)
T.I.T. Advance, Bhopal
Table of Contents
Page No.
Chapter 1. Introduction
1) Introduction to the System 4

2) Problem Definition 4
3) Aim 5
4) Objective 5
5) Goal 6
6) Need of System 6
Chapter 2. Hardware and Software

requirement
1) Introduction 8
2) System environment 8
3) Software requirement 9
4) Hardware requirements 10
Chapter 3. System Analysis
1) Purpose 12
2) Project Scope 12
3) Existing System 13
4) Proposed System 14
5) System Description 15
Chapter 4.Implementation issues
1) Python 17
2) HTML 18
3) Cascading style sheet(CSS) 19
4) Sqlite 20
Chapter 5. System Design

1) Introduction 21
2) Conceptual Design 22
3) ER-Diagram 23
4) Logical Design 24
5) Physical Design 25
6) Data Flow Diagram of “Airline Reservation System” 26
Chapter 6.User Screens

27-45
Chapter 7.Coding
46-85
Chapter 8. Conclusion
7) Features of “Airline Reservation System” 86
8) Benefits Accrued from “Airline Reservation System” 87
9) Limitations of “Airline Reservation System” 88
Bibliography
CHAPTER # 1
Introduction
Contents:
 Introduction
 Problem Definition
 Aim
 Objective
 Goal
 Need of System
Abstract
The main aim of the project was to develop a website which would facilitate the reservation of
online air tickets through an effective and yet simple GUI for a normal passenger intending to
travel in airways.
Airline Reservation System contains the details about flight schedules and its fare tariffs,
passenger reservations and ticket records. It saves time as it allows online procedure as users no
longer to wait in a queue to book the flights. It is automatically generated by the server. Admin
is the main authority who can do addition, deletion, and modification of flights if required.
Introduction to the System:
The Airline Reservation System project is an implementation of a general Airline Ticketing website like
Orbitz, which helps the customers to search the availability and prices of various airline tickets, along with the
different packages available with the reservations.
This project also covers various features like online registration of the users, modifying the details of the
website by the administrator of the website, by adding, deleting or modifying the customer details, flights or
packages information. In general, this website would be designed to perform like any other airline ticketing
website available online.
Problem Definition:
In few countries if a person wants to book a flight ticket, he use to follow one of these things:
Disadvantages -
 Manually goes to the Airport and book his ticket.
 Downloading the ticket form as paper document, filling it manually and submitting it at Airport.
 Fill the Ticket form on system and get the print out as paper documents to submit it at Airport.
 Booking the Ticket at some particular registered ticket counters in online.
 Even above approaches make a ticket booking online, it was not completely done on online.
Passenger may not have much freedom over this approach.
 Hence the Passenger may or may not be satisfied with this approach as it includes manual
intervention like travelling to Airport for booking his ticket.
 Cannot Upload and Download the latest updates.
 Risk of mismanagement and of data when the project is under development.
 Less Security.
 No proper coordination between different Applications and Users.
 Fewer Users – Friendly
Objective:
 To perform a thorough analysis of working of the whole System.
 To study the problems in the System through fact finding techniques.
 To follow SDLC to develop the system.
 To develop conceptual, logical and physical model for the system.
 To develop Graphical User Interface (GUI) as per convenience of the user.
 To implement the physical model, being tested as per the standards.
 To document our efforts and analysis in a proper comprehensible manner.
Need of the System:

There is always a need of a system that will perform to flight ticket reservation by online .The Airline
Tickets can be registered, cancel or can change by online activities.
Thus, there is a big need of an Online Airline Reservation System, which provides all the Above-
mentioned facilities and many more.
CHAPTER # 2
Hardware and Software
Requirements
Contents:
 Introduction
 System environment
 Software requirement
 Hardware requirements
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 “Airline Reservation 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.
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: -
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
CHAPTER # 3
System Analysis
Contents:
 Purpose
 Project Scope
 Existing System
 Proposed System
 System Overview
Purpose:
The objective of the project is to develop a system that automates the processes and activities
of a flight ticket booking. The purpose is to design a system using which one can perform all
operations related to flight ticket booking.
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 users. Also the software is going to provide a huge amount of
summary data.
Existing System
In the present system a customer has to approach various agencies to find details of flights and
to book tickets. This often requires a lot of time and effort. A customer may not get the desired
information from these offices and often the customer may be misguided. It is tedious for a
customer to plan a particular journey and have it executed properly.
Proposed System:
The Proposed system ensures the complete freedom for users, where user at his own system
can logon to this website and can book his ticket. Our proposed system allows only registered
users to book the tickets, view timings and cancel their tickets
In this Proposal the entire work is done on online and ticket with id is also provided for
passengers as a print document. Here passengers can send their queries and suggestions
through a feedback form. To debug the existing system, remove procedures those cause data
redundancy, make navigational sequence proper to build strong password mechanism.
The development of the new system contains the following activities, which try to automate the entire
process keeping in view of the database integration approach.
1. User friendliness is provided in the application with various controls.
2. The system makes the overall project management much easier and flexible.
3. There is no risk of data mismanagement at any level while the project development is under
process.
4. It provides high level of security with different level of authentication.
System Overview:
Airline reservation system divided in two modules:
1. Admin module
2. User module
Admin Module details
 Admin can add/update/ delete flight detail.

 Admin can also manage the booking applications (approve and not approve).
 Admin can view all registered users.
 Admin can change own password after login.
 Admin can also view admin dashboard
User Module
 User can login with the valid username and password.

 Flight View: View all available flight.
 Searching: User search flight.
 View our booking detail.
 Update Profile.
 Change password.
 View About Us: This module help the visitor to see the latest about our website.
 Contact and Feedback: Customer user gives the feedback about our services and send
query.
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.
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.
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.
Javascript
JavaScript is a programming language commonly 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.
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.
CHAPTER # 5
System Design
Contents:
 Use case diagram
 Class Diagram
 Sequence Diagram
 Data flow diagram
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 Admin
Admin Dashboard
Manage Flights
(Add/update/ delete)
Manage Users
(view / delete)
Manage Booking
Admin
Change Password
Use Case Diagram User
User Profile
(Update)
Change Password
Flight Search and

Booking
User
View Booking History

DFD (Data Flow Diagram)
Context Level / Level 0

DFD Level 1
DFD LEVEL 2
ER DIAGRAM
Sequence Diagram For Administrator:-
Login Application Database
Login
:Request
:Validate()
:executeQuery()
Administrator Response
Show Result
Success:hide()
Failed:show()
Fig.5.4
Sequence Diagram For User:-
Login Application Database
Login
:Request
:Validate()
User
:executeQuery()
Response
Show Result
Success:hide()
Failed:show()
Fig.5.5
CHAPTER # 6
Output screens
HOME PAGE
LOGIN PAGE
ADMIN DASHBOARD PAGE
ADD FLIGHT PAGE
MANAGE FLIGHT PAGE

VIEW ALL BOOKING PAGE
VIEW BOOKING DETAIL PAGE
VIEW USER DETAIL PAGE
VIEW FEEDBACK PAGE
SEARCH BOOKING PAGE
USER DASHBOARD PAGE
SEARCH FLIGHT PAGE
VIEW FLIGHT DETAIL PAGE
VIEW BOOKING HISTORY PAGE
VIEW PROFILE PAGE
CHANGE PASSWORD PAGE
CHAPTER # 7
Coding
HOME PAGE CODING

{% extends 'home.html' %}
{% block body %}
{% load static %}
<style>
.carousel{
width:100%;
height:500px;
}
*{
box-sizing: border-box;
}
body {
font-family: Arial;
font-size: 17px;
}
.container {
position: relative;
max-width: 100%;
margin: 0 auto;
margin-bottom:3%
}
.container img {vertical-align: middle;}

.container .content {
position: absolute;
bottom: 0;
background: rgb(0, 0, 0); /* Fallback color */
background: rgba(0, 0, 0, 0.5);
color: #f1f1f1;
width: 100%;
</style>
<div id="carouselExampleIndicators" class="carousel slide" data-ride="carousel">
<ol class="carousel-indicators">
<li data-target="#carouselExampleIndicators" data-slide-to="0" class="active"></li>
<li data-target="#carouselExampleIndicators" data-slide-to="1"></li>
<li data-target="#carouselExampleIndicators" data-slide-to="2"></li>
</ol>
<div class="carousel-inner" role="listbox">
<div class="carousel-item active">
<img class="d-block img-fluid carousel" src="{% static 'images/img6.jpg' %}" alt="First
slide">
</div>
<div class="carousel-item">
<img class="d-block img-fluid carousel" src="{% static 'images/img2.jpg' %}" alt="Second
slide">
</div>
<img class="d-block img-fluid carousel" src="{% static 'images/img3.jpg' %}" alt="Third
slide">
</div>
<img class="d-block img-fluid carousel" src="{% static 'images/img4.jpg' %}" alt="fourth
slide">
</div>
<img class="d-block img-fluid carousel" src="{% static 'images/img5.jpg' %}" alt="five
slide">
</div>
</div>
<a class="carousel-control-prev" href="#carouselExampleIndicators" role="button" data-
slide="prev">
<span class="carousel-control-prev-icon" aria-hidden="true"></span>
<span class="sr-only">Previous</span>
</a>
<a class="carousel-control-next" href="#carouselExampleIndicators" role="button" data-
slide="next">
<span class="carousel-control-next-icon" aria-hidden="true"></span>
<span class="sr-only">Next</span>
</a>
</div>
<div class="container" style="background-color:black;width:1500px;height:700px;margin-

top:1%;color:lime">
<div class="row">
<div class="col-md-12">
<H2 align="center" style="margin-top:2%"> ----------| Top Destinations
|-----------</H2><br>
</div>
</div><hr>
<div class="row">
<img src="{% static 'images/img8.jpg' %}" alt="Notebook" style="width:100%;margin-
top:5%;height:200px;border-radius:50%">
<div class="content" align="center">
<p>NewYork</p>
</div>
</div>
<div class="content" style="margin-left:35%">
<p>Switzerland</p>
</div>
</div>
<div class="content" style="margin-left:35%">
<p>England</p>
</div>
</div>
<img src="{% static 'images/img11.cms' %}" alt="Notebook"
style="width:100%;margin-top:5%;height:200px;border-radius:50%">
<div class="content"align="center">
<p>Thailand</p>
</div>
</div>
</div>
<div class="row" >
<div class="col-md-3" >
<p>Bangkok</p>
</div>
</div>
<p>USA</p>
</div>
</div>
<p>Peris</p>
</div>
</div>
<img src="{% static 'images/img14.webp' %}" alt="Notebook"
style="width:100%;margin-top:30%;height:200px;border-radius:50%">
<div class="content"align="center">
<p>Kullu Manali</p>
</div>
</div>
</div>
</div><hr>
<H2 align="center" style="margin-top:2%"> ----------| Top Offers |-----------</H2><br>
</div>
<div id="carouselExampleIndicators1" class="carousel slide" data-ride="carousel">
<ol class="carousel-indicators">
<li data-target="#carouselExampleIndicators1" data-slide-to="0" class="active"></li>
<li data-target="#carouselExampleIndicators1" data-slide-to="1"></li>
<li data-target="#carouselExampleIndicators1" data-slide-to="2"></li>
</ol>
<div class="carousel-inner" role="listbox">
<div class="carousel-item active">
<img class="d-block img-fluid carousel" src="{% static 'images/offer1.jpg' %}" alt="First
slide">
</div>
<img class="d-block img-fluid carousel" src="{% static 'images/offer14.jpg' %}"
alt="Second slide">
</div>
<img class="d-block img-fluid carousel" src="{% static 'images/offer10.jpg' %}" alt="Third
slide">
</div>
<img class="d-block img-fluid carousel" src="{% static 'images/offer11.jpg' %}" alt="fourth
slide">
</div>
<img class="d-block img-fluid carousel" src="{% static 'images/offer12.png' %}" alt="five
slide">
</div>
<img class="d-block img-fluid carousel" src="{% static 'images/offer9.jpg' %}" alt="fourth
slide">
</div>
<img class="d-block img-fluid carousel" src="{% static 'images/offer7.jpg' %}" alt="five
slide">
</div>
</div>
<a class="carousel-control-prev" href="#carouselExampleIndicators1" role="button" data-
slide="prev">
<span class="carousel-control-prev-icon" aria-hidden="true"></span>
<span class="sr-only">Previous</span>
</a>
<a class="carousel-control-next" href="#carouselExampleIndicators1" role="button" data-
slide="next">
<span class="carousel-control-next-icon" aria-hidden="true"></span>
<span class="sr-only">Next</span>
</a>
</div>
{% endblock %}
LOGIN PAGE CODING
{% 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">
<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>
<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 %}
ADMIN HOME PAGE CODING
{% block body %}
{% load static %}
<h3 style="background-color:black;color:yellow"><marquee>Flight Booking System :- Admin

Dashboard</marquee></h3>
<div class="container" style="width:100%">
<img src="{% static 'images/img5.jpg' %}" style="width:1500px;height:350px">

<a href="{% url 'add_flight' %}"><div class="container-fluid" style="margin-
bottom:0px;background-color:darkblue;color:white">
<h5 style="margin-left:200px;padding:8px;">Add Flight</h5></div></a>
</div>
<a href="{% url 'view_flight' %}"><div class="container-fluid" style="margin-
bottom:0px;background-color:maroon;color:white">
<h5 style="margin-left:350px;padding:8px;"> View Flight</h5></div></a>
</div>
<a href="{% url 'view_user' %}"> <div class="container-fluid" style="margin-
bottom:0px;background-color:darkblue;color:white">
<h5 style="margin-left:500px;padding:8px;">View Users</h5></div></a>
</div>
<a href="{% url 'admin_view_booking' %}"><div class="container-fluid" style="margin-
bottom:0px;background-color:maroon;color:white">
<h5 style="margin-left:650px;padding:8px;">View Booking </h5></div></a>
</div>
</div>
{% for i in messages %}
<script>
alert("{{i}}")
</script>
{% endfor %}
{% endblock %}
ADD FLIGHT PAGE CODING
{% block body %}
{% load static %}
<center><h2 style = "font-family : 'Monotype Corsiva' ; color : #E6120E ; font-weight :
bold;margin-top:2%">Add Flight </h2></center><hr>
<form method="post" action="" enctype="multipart/form-data">
{% csrf_token %}
<div class="row">
<div class="form-group col-md-6">
<label for="inputEmail4">Company Name</label>
<input type="text" class="form-control" placeholder="Enter Company Name"
name="company_name" id="inputEmail4">
</div>
<label for="inputEmail4">Flight Name</label>
<input type="text" class="form-control" placeholder="Enter Flight Name"
name="flight_name" id="inputEmail4">
</div>
</div>
<div class="row">
<label for="inputEmail4">Flight Number</label>
<input type="text" class="form-control" placeholder="Enter Flight Number"
name="airline_number" id="inputEmail4">
</div>
<label for="inputEmail4">Total Days</label>
<input type="text" class="form-control" placeholder="Enter Days" name="days"
id="inputEmail4">
</div>
</div>
<div class="row">
<label for="inputEmail4">From City</label>
<select class="form-control" name="from_city" id="cars" >
{% for i in city_choices %}
<option value="{{i.0}}">{{i.0}}</option>
{% endfor %}
</select>
</div>
<label for="inputEmail4">Destination City</label>
<select class="form-control" name="to_city" id="cars" >

{% endfor %}
</select>
</div>
</div>
<div class="row">
<label for="inputEmail4">From City Arrival Time</label>
<input type="time" class="form-control" placeholder="Enter Time"
name="from_city_arrival" id="inputEmail4">
</div>
<label for="inputEmail4">From City departure Time</label>
<input type="time" class="form-control" placeholder="Enter time"
name="from_city_departure" id="inputEmail4">
</div>
</div>
<div class="row">
<label for="inputEmail4">Destination City Arrival Time</label>
name="to_city_arrival" id="inputEmail4">
</div>
<label for="inputEmail4">Destination City departure Time</label>
name="to_city_departure" id="inputEmail4">
</div>
</div>
<div class="row">
<label for="inputEmail4">Total Bussiness Seats</label>
<input type="number" class="form-control" placeholder="Enter seats"
name="number_of_seat_b" id="inputEmail4">
</div>
<label for="inputEmail4">Total Economic Seats</label>
name="number_of_seat_e" id="inputEmail4">
</div>
</div>
<div class="row">
<label for="inputEmail4">Bussiness Seat Fare</label>
<input type="text" class="form-control" placeholder="Enter fare" name="fare_economy"
id="inputEmail4">
</div>
<label for="inputEmail4">Economic Seat Fare</label>
<input type="text" class="form-control" placeholder="Enter fare" name="fare_business"
id="inputEmail4">
</div>
</div>
<div class="row">
<label for="inputEmail4">Flight Image</label>
<input type="file" class="form-control" name="image" id="inputEmail4">
</div>
<label for="inputEmail4">Airport Name</label>
<input type="text" class="form-control" placeholder="Enter Airport Name"
name="airport_name" id="inputEmail4">
</div></div>

<button type="submit" class="btn btn-primary" style="margin-left:5px;margin-
bottom:45px;width:450px;background-color:darkblue">Submit</button>
</form>
</div></div>
<script>
alert("{{i}}")
</script>
{% endfor %}
{% endblock %}
MANAGE FLIGHT PAGE CODING
{% block body %}

bold;margin-top:2%">View Flight Detail</h2></center><hr>
<div class="container" style="margin-top:5%">
</div>
<table class="table table-bordered" id="myTable">
<thead>
<tr>
<th>Sr. No</th>
<th>Image</th>
<th>Company Name</th>
<th>Flight Number</th>
<th>Flight Name</th>
<th>Airport Name</th>
<th>Action</th>
</tr>
</thead>
<tbody>
{% for i in data %}
<tr>
<td>{{forloop.counter}}</td>
<td><img src="{{i.image.url}}" style="width:100px"></td>
<td>{{i.company_name}}</td>
<td>{{i.airline_number}}</td>
<td>{{i.flight_name}}</td>
<td>{{i.airport_name}}</td>
<td><a href="{% url 'view_flight_detail' i.id %}"><button class="button button1">View
Detail</button></a>
<a href="{% url 'edit_flight' i.id %}"><button class="button button1">Edit
Detail</button></a>
<a href="{% url 'delete_flight' i.id %}"><button class="button button1" onclick="return
confirm('Are you sure?')">Delete</button></a></td>
</tr>
{% endfor %}
</tbody>
</table>
</div>
<script>
alert("{{i}}")
</script>
{% endfor %}
<script>
var el_up = document.getElementById("GFG_UP");
el_up.innerHTML =
"Click on the LINK for further confirmation.";
</script>
{% endblock %}
EDIT FLIGHT DETAIL PAGE CODING
{% block body %}
{% load static %}
<h2 style="margin-top:20px" align="center">Edit Flight</h2><hr>

{% csrf_token %}
<div class="row">
<label for="inputEmail4">Company Name</label>
<input type="text" class="form-control" placeholder="Enter Company Name"
name="company_name" id="inputEmail4" value="{{flight.company_name}}">
</div>
<label for="inputEmail4">Flight Name</label>
<input type="text" class="form-control" placeholder="Enter Flight Name"
name="flight_name" id="inputEmail4" value="{{flight.flight_name}}">
</div>
</div>
<div class="row">
<label for="inputEmail4">Flight Number</label>
<input type="text" class="form-control" placeholder="Enter Flight Number"
name="airline_number" id="inputEmail4" value="{{flight.airline_number}}">
</div>
<label for="inputEmail4">Total Days</label>
<input type="text" class="form-control" placeholder="Enter Days" name="days"
id="inputEmail4" value="{{flight.days}}">
</div>
</div>
<div class="row">
<label for="inputEmail4">From City</label>
<select class="form-control" name="from_city" id="cars">
<option value="{{i.0}}" {% if i.0 == flight.from_city %}selected {% endif %}>{{i.0}}</option>
{% endfor %}
</select>
</div>
<label for="inputEmail4">Destination City</label>
<select class="form-control" name="to_city" id="cars">
<option value="{{i.0}}" {% if i.0 == flight.to_city %}selected {% endif %}>{{i.0}}</option>
{% endfor %}
</select> </div>
</div>
<div class="row">
<label for="inputEmail4">From City Arrival Time</label>
name="from_city_arrival" id="inputEmail4" value="{{flight.from_city_arrival}}">
</div>
<label for="inputEmail4">From City departure Time</label>
name="from_city_departure" id="inputEmail4" value="{{flight.from_city_departure}}">
</div>
</div>
<div class="row">
<label for="inputEmail4">Destination City Arrival Time</label>
name="to_city_arrival" id="inputEmail4" value="{{flight.to_city_arrival}}">
</div>
<label for="inputEmail4">Destination City departure Time</label>
name="to_city_departure" id="inputEmail4" value="{{flight.to_city_departure}}">
</div>
</div>
<div class="row">
<label for="inputEmail4">Total Bussiness Seats</label>
name="number_of_seat_b" id="inputEmail4" value="{{flight.number_of_seat_b}}">
</div>
<label for="inputEmail4">Total Economic Seats</label>
name="number_of_seat_e" id="inputEmail4" value="{{flight.number_of_seat_e}}">
</div>
</div>
<div class="row">
<label for="inputEmail4">Bussiness Seat Fare</label>
<input type="text" class="form-control" placeholder="Enter fare" name="fare_economy"
id="inputEmail4" value="{{flight.fare_economy}}">
</div>
<label for="inputEmail4">Economic Seat Fare</label>
<input type="text" class="form-control" placeholder="Enter fare" name="fare_business"
id="inputEmail4" value="{{flight.fare_business}}">
</div>
</div>
<div class="row">
<label for="inputEmail4">Flight Image</label>
<input type="file" class="form-control" name="image" id="inputEmail4" ><img
src="{{flight.image.url}}" style="width:100px">
</div>
</div>

<button type="submit" class="btn btn-primary" style="margin-left:5px;margin-
bottom:45px;width:450px;background-color:darkblue">Submit</button>
</form>
</div>
</div>
{% if error %}
<script>
alert('1 Product Added Successfully');
</script>
{% endif %}
{% endblock %}
VIEW BOOKING PAGE CODING
{% block body %}
bold;margin-top:2%">View Booking</h2></center><hr>
</div>
<thead>
<tr>
<th>Sr. No</th>
<th>Booking ID</th>
<th>Username</th>
<th>Mobile No.</th>
<th>Booking Date</th>
<th>Total</th>
<th>View Detail</th>
<th>Cancel Booking</th>
</tr>
</thead>
<tbody>
{% for i in book %}
<tr>
<td>{{i.booking_id}}</td>
<td>{{i.user.username}}</td>
<td>{{i.mobile}}</td>
<td>{{i.airline.flight_name}}</td>
<td>{{i.date}}</td>
<td>{{i.total_price}} Rs.</td>
<td><a href="{% url 'booking_detail' i.booking_id %}"><button class="button

button1">detail</button></a></td>
<td><a href="{% url 'delete_booking' i.booking_id %}" onclick="return confirm('Are you
sure?')"><button class="button button1" id="#delete">cancel</button></a></td>
</tr>
{% endfor %}
</tbody>
</table>
</div>
<script>
el_up.innerHTML =
</script>
{% endblock %}
VIEW USERS PAGE CODING
{% load static %}
{% block body %}
<style>
.container{
border-radius:6px;
margin:2%;
}
.container-fluid{
margin-top:5%;
}
</style>
bold;margin-top:2%">View User Detail</h2></center><hr>
<div class="container-fluid">
<center>
<thead>
<tr>
<th>Full Name</th>
<th>Image</th>
<th>Contact</th>
<th>City</th>
<th>Email Id</th>
<th>Delete</th>
</tr>
</thead>
<tbody>
{% for i in user %}
<tr>
<td>{{i.user.first_name}}{{i.user.last_name}}</td>
<td>{{i.city}}</td>
<td>{{i.user.email}}</td>
<td><a href="{% url 'delete_user' i.id %}" onclick="return confirm('Are you
sure?')"><button class="button button1">delete</button></a></td>
</tr>
{% endfor %}
</tbody>
</table>
</div></center>
</div>
<script>
el_up.innerHTML =
</script>
{% endblock %}
USER SIGNUP PAGE CODING
{% block body %}
{% load static %}
<h2 style="margin-top:20px" align="center">Registration Form</h2><hr>

{% csrf_token %}
<div class="row">
<label for="inputEmail4">First Name</label>
<input type="text" class="form-control" placeholder="Enter First Name" name="fname"
id="inputEmail4">
</div>
<label for="inputPassword4">Last Name</label>
<input type="text" class="form-control" name="lname" placeholder="Enter Last Name"
id="inputPassword4">
</div>
</div>
<div class="row">
<label for="inputEmail4">User Name</label>
<input type="text" class="form-control" name="uname" placeholder="Enter User Name"
id="inputEmail4">
</div>
<label for="inputPassword4">Password</label>
<input type="password" class="form-control" name="pwd" id="inputPassword4">
</div>
</div>
<div class="row">
<label for="exampleInputEmail1">Email</label>
<input type="email" class="form-control" id="exampleInputEmail1" aria-
describedby="emailHelp" name="email" placeholder="Enter Email">
</div>

<label for="exampleInputPassword1">Contact</label>
<input type="text" class="form-control" id="exampleInputPassword1" placeholder="Enter
Contact Detail" name="mobile">
</div>
</div>
<div class="row">
<label for="exampleInputPassword1">City</label>
City" name="city">
</div>

<label>Date of Birth</label>
<input type="date" class="form-control" name="date">
</div>
</div>
<div class="row">
<label for="exampleInputPassword1">State</label>
State" name="state">
</div>

<label for="exampleInputPassword1">Pin Code</label>
<input type="number" class="form-control" id="exampleInputPassword1"
name="pincode">
</div>
</div>
<div class="row">

<label for="exampleInputPassword1">Country</label>
Address Detail" name="country">
</div>

<label for="exampleInputPassword1">Image</label>
<input type="file" class="form-control" id="exampleInputPassword1" name="image"
value="choose file">
</div></div>
<button type="submit" class="btn btn-primary pull-right" style="margin-

bottom:120px;background-color:darkblue;width:30%;margin-left:70%">Submit</button>
</form>
</div>
</div>
{% if error %}
<script>
alert('Regitered Successfully');
window.location = "{% url 'login' %}";
</script>
{% endif %}
{% endblock %}
SEARCH FLIGHT PAGE CODING
{% 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 %}
{% if data %}
</div>
<thead>
<tr>
<th>Sr. No</th>
<th>Image</th>
<th>Company Name</th>
<th>Flight Number</th>
<th>Action</th>
</tr>
</thead>
<tbody>
{% for i in data %}
<tr>
<td>{{i.company_name}}</td>
<td>{{i.flight_name}}</td>
<td>{{i.airline_number}}</td>
<td><a href="{% url 'view_flight_detail' i.id %}"><button class="button button1">View
Detail</button></a>
<a href="{% url 'book_detail' i.id %}"><button class="button button1">Book
Now</button></a>
</td>
</tr>
{% endfor %}
</tbody>
</table>
{% else %}
<h2 style="margin-top:20px" align="center">Search Flight</h2><hr>

{% csrf_token %}
<label for="exampleInputEmail1">From city</label>
<select class="form-control" name="from_city" id="cars" >
{% endfor %}
</select>
</div>
<label for="exampleInputPassword1">Destination City</label>
<select class="form-control" name="to_city" id="cars">
{% endfor %}
</select>
</div>
<button type="submit" class="btn btn-primary">Search</button>
</form>
</div>
</div><hr>
{% endif %}
</div>
{% endblock %}
SEARCH BOOKING B/W DATES PAGE CODING
{% block body %}
{% load static %}
<h2 style="font-family : 'Monotype Corsiva' ; color : #E6120E ; font-weight : bold;margin-
top:2%" align="center">Search Booking Between Dates</h2><hr>

{% csrf_token %}
<label for="exampleInputEmail1">From Date</label>
<input type="date" class="form-control" name="from_date">
</div>
<label for="exampleInputEmail1">To Date</label>
<input type="date" class="form-control" name="to_date">
</div>
<button type="submit" class="btn btn-primary">Search</button>
</form>
</div>
</div><hr>
<div class="container" style="">
</div>
<center><h4 style = "font-family : 'Monotype Corsiva' ; color : #E6120E ; font-weight : bold">
All Booking Between <span style="color:black">{{d1}}</span> To <span
style="color:black">{{d2}}</span> </h4></center><hr>
<thead>
<tr>
<th>Sr. No</th>
<th>Booking ID</th>
<th>Username</th>
<th>Contact</th>
<th>Total</th>
</tr>
</thead>
<tbody>
{% for i in data %}
<tr>
<td>{{i.user.username}}</td>
<td>{{i.date}}</td>
<td>{{i.total_price}}</td>

</tr>
{% empty %}
<tr>
<td colspan="9">Data Not Found</td>
</td>
</tr>
{% endfor %}
</tbody>
</table>
</div>
</div>
{% endblock %}
VIEW BOOKING HISTORY PAGE CODING
{% block body %}
<center><h2 style="color:red;margin-top:2%">View Booking History</h2></center><hr>

</div>
<thead>
<tr>
<th>Sr. No.</th>
<th>Booking ID</th>
<th>Total Fare</th>
</tr>
</thead>
<tbody>
{% for i in book %}
<tr>
<td>{{i.date}}</td>
<td>{{i.total_price}} Rs.</td>

</tr>
{% endfor %}
</tbody>
</table>
</div>
<script>
alert("{{i}}")
</script>
{% endfor %}
<script>
el_up.innerHTML =
</script>
{% endblock %}
CHANGE PASSWORD PAGE CODING
{% load static %}
{% block body %}
<h2 style="font-family:roman;color:green;margin-top:5%" align="center"

class="card">Change Password</h2>
<div class="container" style="margin-left:37%;margin-top:7%">

<div class="row">

<form
action="" method="post">
{% csrf_token %}
<div
class="form-group">
<label>Old Password</label>
<input type="password" name="pwd1" class="form-control">
</div>
<div
class="form-group">
<label>New Password</label>
</div>
<div
class="form-group">
<label>Confirm Password</label>
</div>
<div
class="submit-section">
<button type="submit" class="btn btn-primary submit-btn" style="background-

color:darkblue">Save Changes</button>
</div>
</form>

</div>
</div>
</div>

<script>
alert("{{i}}")
window.location='{% url 'logout' %}'
</script>
{% endfor %}
{% endblock %}
CHAPTER # 8
Advantages & Limitations
Advantages:
“Airline Reservation 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.
Limitations:
Besides the above achievements and the successful completion of the project, we still
feel the project has some limitations, listed as below:
 It is not a large scale system.

 Only limited information provided by this system.
 Since it is an online project, user needs internet connection to use the software.
 People who are not familiar with computers can’t use this software.
CHAPTER # 8
Future Scope
FUTURE SCOPE
This web application involves almost all the basic features of the online airline reservation system. The
future implementation will be online help for the users and chatting with website administrator.
CONCLUSION
It has been a great pleasure for me to work on this exciting and challenging project. This
project proved good for me as it provided practical knowledge of not only programming in
Python and Sqlite web based application. It also provides knowledge about the latest
technology used in developing web enabled application and client server technology that will
be great demand in future. This will provide better opportunities and guidance in future in
developing projects independently.
Bibliography
BIBLIOGRAPHY
 Wikipedia
 https://www.geeksforgeeks.org/python-django/
 https://www.javatpoint.com
 https://www.python.org/
 https://www.tutorialspoint/
 REFERENCE BOOKS
Two scoops of Django for 1.11 by Daniel Greenfeld’s and Audrey

Greenfield
Lightweight Django by Elman and Mark Lavin
THANK YOU SIR

Prince

Uploaded by

Document Information

Original Title

Copyright

Available Formats

Share this document

Share or Embed Document

Sharing Options

Did you find this document useful?

Is this content inappropriate?

Copyright:

Available Formats

Prince

Uploaded by

Copyright:

Available Formats

FLIGHT BOOKING WEB APPLICATION

Synopsis Report/ PROJECT REPORT

Submitted in partial fulfillment of the requirement for the

RAJIV GANDHI PROUDYOGIKI VISHWAVIDYALAYA,

DEPARTMENT OF COMPUTER SCIENCE & ENGINEERING

Dr. Yogdhar Pandey Prof. Agrata Shukla

The Dissertation Synopsis Report entitled “FLIGHT BOOKING WEB

1) Introduction to the System 4

Chapter 2. Hardware and Software

Chapter 3. System Analysis

Chapter 5. System Design

Chapter 6.User Screens

Introduction to the System:

 To perform a thorough analysis of working of the whole System.

 To study the problems in the System through fact finding techniques.

 To follow SDLC to develop the system.

 To develop conceptual, logical and physical model for the system.

 To develop Graphical User Interface (GUI) as per convenience of the user.

 To implement the physical model, being tested as per the standards.

 To document our efforts and analysis in a proper comprehensible manner.

Need of the System:

Hardware and Software Specification

 Processor: Pentium-III (or) Higher

4. It provides high level of security with different level of authentication.

Airline reservation system divided in two modules:

Admin Module details

 Admin can add/update/ delete flight detail.

 User can login with the valid username and password.

JavaScript is a programming language commonly used in web development. It was originally

Django is a web application framework written in Python programming language. It is based on

 To represent the system requirement from user’s perspective.

Flight Search and

View Booking History

Context Level / Level 0

Login Application Database

Login Application Database

MANAGE FLIGHT PAGE

HOME PAGE CODING

.container img {vertical-align: middle;}

<div class="container" style="background-color:black;width:1500px;height:700px;margin-

{% ifequal error "yes" %}

<div class="container-fluid" style="width:70%;margin-top:10%">

ADMIN HOME PAGE CODING

<h3 style="background-color:black;color:yellow"><marquee>Flight Booking System :- Admin

<img src="{% static 'images/img5.jpg' %}" style="width:1500px;height:350px">

<div class="container-fluid" style="width:40%;margin-top:1%">

<select class="form-control" name="to_city" id="cars" >

MANAGE FLIGHT PAGE CODING

<center><h2 style = "font-family : 'Monotype Corsiva' ; color : #E6120E ; font-weight :

<div class="container-fluid" style="width:90%;margin-top:5%">

VIEW BOOKING PAGE CODING

<td><a href="{% url 'booking_detail' i.booking_id %}"><button class="button

VIEW USERS PAGE CODING

<div class="container-fluid" style="width:70%;margin-top:7%">

<div class="form-group col-md-6">

<div class="form-group col-md-6">

<div class="form-group col-md-6">

<div class="form-group col-md-6">

<div class="form-group col-md-6">

<button type="submit" class="btn btn-primary pull-right" style="margin-

SEARCH FLIGHT PAGE CODING

{% ifequal error "yes" %}

<div class="container-fluid" style="width:70%;margin-top:8%">