Vehicle Parking Management Django
Vehicle Parking Management Django
ON
Chapter 1. Introduction
1) Introduction
2) System environment
3) Software requirement
4) Hardware requirements
1) Purpose
2) Project Scope
3) Existing System
4) Proposed System
5) System Description
Page 2
Chapter 4.Implementation issues
1) Python
2) HTML
3) Cascading style sheet(CSS)
4) Sqlite
Chapter 7.Coding
Chapter 8. Conclusion
7) Features of “Vehicle Parking Management System”
8) Benefits Accrued from “VPMS”
9) Limitations of “VPMS”
Bibliography
Page 3
CHAPTER # 1
Introduction
Contents:
Introduction
Problem Definition
Aim
Objective
Goal
Need of System
Page 4
Company Profile:
INFOWIZ was founded in the year 2009 with the mission to provide Industrial training to
aspiring Engineers and technical support to industries. Within a short span of 11 years
“Infowiz” has become one of the leading organizations which offer state of art professional
IT solutions, Industrial Trainings, technical support and consultancy to software
companies in India and abroad. Due to quality assurance and high level of commitments in
our services, we have won quite a few accolades and are associated with reputed
universities and popular corporate, in this field. We strive to impart personalized,
professional and contemporary experiential trainings to all the engineering streams that are
necessary for the career, success and growth for both students & industry respectively.
Keeping in mind, requirement of present time, we have established a separate training and
skill development wing for students that help them in providing exposure to industry and
in getting real time practical knowledge of work. We have a pool of experts in our faculty
specializing in specific areas that serve organizations of numerous industries. We offer
training and learning that are tailored to provide solutions to help increase productivity,
performance and profitability of organizations. Our courses offer in-depth coverage of
specific and focused skills. We are also committed to place our students within various
companies so that they can get dream job after completion of training.
Page 5
Abstract
Vehicle Parking Management System maintains a good record of vehicles check in and
checkout time. Both two wheeler & four wheeler can be managed by this system and have
different pricing system.
Vehicle parking management system that enables the time management and control of
vehicles by using parking number.
The system that will track the entry and exit of vehicles, maintain a listing of vehicle within
the parking lot, and determine the parking and it will also determine the cost of parking of
vehicle.
Vehicle Parking Management system is a web-based technology that will manage the records
of the incoming and outgoing vehicles in a parking house. It’s an easy for Admin to retrieve
the data if the vehicle has been visited through number he can get that data. Vehicle parking
management system is an automatic system which delivers data processing in very high
speed in systematic manner.
Page 6
Problem Definition:
In present all vehicles parking work done on the paper. The whole year vehicle parking
record is stored in the registers. We can’t generate reports as per our requirements because its
• Not user friendly: The present system not user friendly because data is not stored in
• Manual Control: All report calculation is done manually so there is a chance of er-
ror.
• Lots of paper work: Vehicle records maintain in the register so lots of paper require
storing details.
• Time consuming
There is always a need of a system that will provide a way to effectively control records &
track vehicle parking traffic.
Page 7
CHAPTER # 2
Hardware and
Software
Requirements
Contents:
Introduction
System environment
Software requirement
Hardware requirements
Page 8
Introduction:
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: -
Page 9
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:
Page 10
CHAPTER # 3
System Analysis
Contents:
Purpose
Project Scope
Existing System
Proposed System
System Overview
Page 11
Purpose:
The purpose of developing vehicle parking management system is to computerized the tradition
way of vehicle parking. Another purpose for developing this application is to generate the
report automatically.
Project Scope:
In the modern age. Many people have vehicles. Vehicle is now a basic need. Every place is
under the process of urbanization. There are many corporate offices and shopping centers etc.
There are many recreational places where people used to go for refreshment. So, all these
places need a parking space where people can park their vehicles safely and easily. Every
parking area needs a system that records the detail of vehicles to give the facility. With the
help of this system we can deliver a good service to customer who wants to park their vehicle
into the any organization’s premises.
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.
Proposed System:
Vehicle Parking Management system is a web-based technology that will manage the
records of the incoming and outgoing vehicles in a parking house.
Page 12
System Overview:
The key features required in the system are as follows:
Dashboard: In these sections, admin can briefly view the number of vehicle entries in a
particular period.
Category: In this section, admin can manage category (add/update).
Add Vehicle: In this section, admin add vehicle which is going to park.
Manage Vehicle: In this section, admin can manage incoming and outgoing vehicle and
admin can also add parking charges and his/her remarks.
Reports: In this section admin can generate vehicle entries reports between two dates.
Search: In this section, admin can search a particular vehicle by parking number.
Admin can also update his profile, change the password and recover the password.
Page 13
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 14
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 15
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 16
Javascript
Page 17
Django
This framework uses a famous tag line: The web framework for perfectionists with deadlines.
Page 18
CHAPTER # 5
System Design
Contents:
Use case diagram
Class Diagram
Sequence Diagram
Data flow diagram
Page 19
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.
The use cases are the functions that are to be performed in the module.
Page 20
Admin
Dashboard
Ad
Add Vehicle
Generate Reports
Update Profile
Change Password
Password Recovery
Search
Page 21
DFD (Data Flow Diagram)
Page 22
ER DIAGRAM
Page 23
Sequence Diagram For Administrator:-
Page 24
Administrator
Success:hide()
Fig.5.4
Class Diagram:
A description of set of objects that share the same attributes operations, relationships, and
semantics
Page 25
Implementation and System Testing
After all phase have been perfectly done, the system will be implemented to the server and
the system can be used.
System Testing
Page 26
The goal of the system testing process was to determine all faults in our project .The program was
subjected to a set of test inputs and many explanations were made and based on these explanations it
will be decided whether the program behaves as expected or not. Our Project went through two levels
of testing
1. Unit testing
2. Integration testing
UNIT TESTING
Unit testing is commenced when a unit has been created and effectively reviewed .In order
to test a single module we need to provide a complete environment i.e. besides the section
we would require
The procedures belonging to other units that the unit under test calls
Non local data structures that module accesses
A procedure to call the functions of the unit under test with appropriate pa-
rameters
Report Generation: admin can generate report from the main database.
INTEGRATION TESTING
In the Integration testing we test various combination of the project module by providing the
input.
The primary objective is to test the module interfaces in order to confirm that no errors are
occurring when one module invokes the other module.
CHAPTER # 6
Page 27
Output screens
HOME PAGE
Page 28
ADD NEW CATEGORY PAGE
Page 29
MANAGE CATEGORY PAGE
Page 30
ADD VEHICLE PARKING DETAIL PAGE
Page 31
MANAGE OUTGOING VEHICLE PAGE
Page 32
BETWEEN DATE REPORTS
Page 33
VIEW BETWEEN DATES REPORTS
Page 34
CHANGE PASSWORD PAGE
Page 35
CHAPTER # 7
Page 36
Coding
{% block body %}
<html lang="en">
<head>
<!-- Required meta tags-->
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-
fit=no">
<meta name="description" content="au theme template">
<meta name="author" content="Hau Nguyen">
<meta name="keywords" content="au theme template">
Page 37
media="all">
</head>
<div class="login-form">
Page 38
<form action="" method="post" name="login">
{% csrf_token %}
<div class="form-group">
<label>User Name</label>
<input class="au-input au-input--full" type="text"
name="username" placeholder="User Name" required="true">
</div>
<div class="form-group">
<label>Password</label>
<input class="au-input au-input--full" type="password"
name="password" placeholder="Password">
</div>
</div>
</form>
</div>
</div>
</div>
</div>
</div>
</div>
</body>
</html>
<!-- end document-->
{% endblock %}
{% load static %}
Page 41
{% block body %}
<html lang="en">
<head>
<!-- Required meta tags-->
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-
fit=no">
<meta name="description" content="au theme template">
<meta name="author" content="Hau Nguyen">
<meta name="keywords" content="au theme template">
</head>
<body class="animsition">
<div class="page-wrapper">
<!-- HEADER MOBILE-->
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
{% include 'footer.html' %}
</div>
</div>
</div>
</div>
</div>
<!-- Jquery JS-->
<script src="{% static 'vendor/jquery-3.2.1.min.js' %}"></script>
<!-- Bootstrap JS-->
<script src="{% static 'vendor/bootstrap-4.1/popper.min.js' %}"></script>
<script src="{% static 'vendor/bootstrap-4.1/bootstrap.min.js' %}"></script>
<!-- Vendor JS -->
<script src="{% static 'vendor/slick/slick.min.js' %}">
</script>
<script src="{% static 'vendor/wow/wow.min.js' %}"></script>
Page 46
<script src="{% static 'vendor/animsition/animsition.min.js' %}"></script>
<script src="{% static 'vendor/bootstrap-progressbar/bootstrap-progressbar.min.js'
%}">
</script>
<script src="{% static 'vendor/counter-up/jquery.waypoints.min.js' %}"></script>
<script src="{% static 'vendor/counter-up/jquery.counterup.min.js' %}">
</script>
<script src="{% static 'vendor/circle-progress/circle-progress.min.js' %}"></script>
<script src="{% static 'vendor/perfect-scrollbar/perfect-scrollbar.js' %}"></script>
<script src="{% static 'vendor/chartjs/Chart.bundle.min.js' %}"></script>
<script src="{% static 'vendor/select2/select2.min.js' %}">
</script>
</body>
</html>
<!-- end document-->
{% endblock %}
{% load static %}
Page 47
{% block body %}
<html lang="en">
<head>
<!-- Required meta tags-->
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-
fit=no">
<meta name="description" content="au theme template">
</head>
<body class="animsition">
<div class="page-wrapper">
<!-- HEADER MOBILE-->
{% include 'sidebar.html' %}
<!-- END MENU SIDEBAR-->
<div class="col-lg-12">
<div class="card">
<div class="card-header">
<strong>Add</strong> New Category
</div>
Page 49
<div class="card-body card-block">
<form method="post" enctype="multipart/form-data"
class="form-horizontal">
{% csrf_token %}
<p style="font-size:16px; color:red" align="center">
</div>
</div>
<div class="card-footer">
<p style="text-align: center;"><button type="submit"
name="submit" id="submit" class="btn btn-primary btn-sm">Submit
</button></p>
</div>
</form>
</div>
</div>
</div>
</div>
Page 50
</div> </div>
</div>
</div>
</div>
<!-- Jquery JS-->
<script src="{% static 'vendor/jquery-3.2.1.min.js' %}"></script>
<!-- Bootstrap JS-->
<script src="{% static 'vendor/bootstrap-4.1/popper.min.js' %}"></script>
<script src="{% static 'vendor/bootstrap-4.1/bootstrap.min.js' %}"></script>
<!-- Vendor JS -->
<script src="{% static 'vendor/slick/slick.min.js' %}">
</script>
<script src="{% static 'vendor/wow/wow.min.js' %}"></script>
<script src="{% static 'vendor/animsition/animsition.min.js' %}"></script>
<script src="{% static 'vendor/bootstrap-progressbar/bootstrap-progressbar.min.js'
%}">
</script>
<script src="{% static 'vendor/counter-up/jquery.waypoints.min.js' %}"></script>
<script src="{% static 'vendor/counter-up/jquery.counterup.min.js' %}">
</script>
<script src="{% static 'vendor/circle-progress/circle-progress.min.js' %}"></script>
<script src="{% static 'vendor/perfect-scrollbar/perfect-scrollbar.js' %}"></script>
<script src="{% static 'vendor/chartjs/Chart.bundle.min.js' %}"></script>
<script src="{% static 'vendor/select2/select2.min.js' %}">
</script>
</body>
</html>
Page 51
<!-- end document-->
{% ifequal error "no" %}
<script>
alert('Category added successfully');
window.location=('{% url 'manage_category' %}');
</script>
{% endifequal %}
{% ifequal error "yes" %}
<script>
alert('Something Went Wrong. Please try again');
</script>
{% endifequal %}
{% endblock %}
Page 52
{% block body %}
<html lang="en">
<head>
<!-- Required meta tags-->
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-
fit=no">
<meta name="description" content="au theme template">
<meta name="author" content="Hau Nguyen">
<meta name="keywords" content="au theme template">
</head>
<body class="animsition">
<div class="page-wrapper">
<!-- HEADER MOBILE-->
{% include 'sidebar.html' %}
<!-- END HEADER MOBILE-->
<!-- MENU SIDEBAR-->
<!-- END MENU SIDEBAR-->
<!-- PAGE CONTAINER-->
<div class="page-container">
<!-- HEADER DESKTOP-->
{% include 'header.html' %}
<!-- END HEADER DESKTOP-->
Page 54
<h4 align="center">Manage Category </h4>
<hr>
<table class="table table-borderless table-striped table-earning">
<thead>
<tr>
<tr>
<th>S.NO</th>
<th>CategoryName</th>
<th>Action</th>
</tr>
</tr>
</thead>
{% for i in category %}
<tr>
<td>{{forloop.counter}}</td>
<td>{{i.categoryname}}</td>
{% endfor %}
</table>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
Page 55
<!-- Jquery JS-->
<script src="{% static 'vendor/jquery-3.2.1.min.js' %}"></script>
<!-- Bootstrap JS-->
<script src="{% static 'vendor/bootstrap-4.1/popper.min.js' %}"></script>
<script src="{% static 'vendor/bootstrap-4.1/bootstrap.min.js' %}"></script>
<!-- Vendor JS -->
<script src="{% static 'vendor/slick/slick.min.js' %}">
</script>
<script src="{% static 'vendor/wow/wow.min.js' %}"></script>
<script src="{% static 'vendor/animsition/animsition.min.js' %}"></script>
<script src="{% static 'vendor/bootstrap-progressbar/bootstrap-progressbar.min.js'
%}">
</script>
<script src="{% static 'vendor/counter-up/jquery.waypoints.min.js' %}"></script>
<script src="{% static 'vendor/counter-up/jquery.counterup.min.js' %}">
</script>
<script src="{% static 'vendor/circle-progress/circle-progress.min.js' %}"></script>
<script src="{% static 'vendor/perfect-scrollbar/perfect-scrollbar.js' %}"></script>
<script src="{% static 'vendor/chartjs/Chart.bundle.min.js' %}"></script>
<script src="{% static 'vendor/select2/select2.min.js' %}">
</script>
</body>
</html>
{% endblock %}
Page 56
{% block body %}
<html lang="en">
<head>
<!-- Required meta tags-->
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-
fit=no">
<meta name="description" content="au theme template">
</head>
<body class="animsition">
<div class="page-wrapper">
<!-- HEADER MOBILE-->
{% include 'sidebar.html' %}
<!-- END MENU SIDEBAR-->
<div class="col-lg-12">
<div class="card">
<div class="card-header">
<strong>Add</strong> Vehicle
</div>
<div class="card-body card-block">
Page 58
<form method="post" enctype="multipart/form-data"
class="form-horizontal">
{% csrf_token %}
<p style="font-size:16px; color:red" align="center">
</div>
</div>
<div class="row form-group">
<div class="col col-md-3">
<label class=" form-control-label">Vehicle
Company</label>
</div>
<div class="col-12 col-md-9">
<input type="text" name="vehiclecompany"
placeholder="Vehicle Company" class="form-control" required="">
</div>
</div>
<div class="row form-group">
<div class="col col-md-3">
<label class=" form-control-label">Registration
Number</label>
Page 59
</div>
<div class="col-12 col-md-9">
<input type="text" name="regno"
placeholder="Registration Number" class="form-control" required="">
</div>
</div>
</div>
</div>
<div class="row form-group">
<div class="col col-md-3">
<label class=" form-control-label">Owner Contact
Number</label>
</div>
<div class="col-12 col-md-9">
<input type="text" name="ownercontact"
placeholder="Contact Number" maxlength="10" class="form-control" required="">
</div>
</div>
</div>
</div>
</div>
</div>
<div class="card-footer">
<p style="text-align: center;"><button type="submit"
name="submit" id="submit" class="btn btn-primary btn-sm">Submit
</button></p>
</div>
</form>
</div>
</div>
Page 61
</div>
</div>
</div> </div>
</div>
</div>
</div>
<!-- Jquery JS-->
<script src="{% static 'vendor/jquery-3.2.1.min.js' %}"></script>
<!-- Bootstrap JS-->
<script src="{% static 'vendor/bootstrap-4.1/popper.min.js' %}"></script>
<script src="{% static 'vendor/bootstrap-4.1/bootstrap.min.js' %}"></script>
<!-- Vendor JS -->
<script src="{% static 'vendor/slick/slick.min.js' %}">
</script>
<script src="{% static 'vendor/wow/wow.min.js' %}"></script>
<script src="{% static 'vendor/animsition/animsition.min.js' %}"></script>
<script src="{% static 'vendor/bootstrap-progressbar/bootstrap-progressbar.min.js'
%}">
</script>
<script src="{% static 'vendor/counter-up/jquery.waypoints.min.js' %}"></script>
<script src="{% static 'vendor/counter-up/jquery.counterup.min.js' %}">
</script>
<script src="{% static 'vendor/circle-progress/circle-progress.min.js' %}"></script>
<script src="{% static 'vendor/perfect-scrollbar/perfect-scrollbar.js' %}"></script>
<script src="{% static 'vendor/chartjs/Chart.bundle.min.js' %}"></script>
<script src="{% static 'vendor/select2/select2.min.js' %}">
</script>
</html>
<!-- end document-->
{% ifequal error "no" %}
<script>
alert('Vehicle Detail has been added');
window.location=('{% url 'manage_incomingvehicle' %}');
</script>
{% endifequal %}
{% ifequal error "yes" %}
<script>
alert('Something Went Wrong. Please try again');
</script>
{% endifequal %}
{% endblock %}
{% load static %}
Page 63
{% block body %}
<html lang="en">
<head>
<!-- Required meta tags-->
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-
fit=no">
<meta name="description" content="au theme template">
<meta name="author" content="Hau Nguyen">
<meta name="keywords" content="au theme template">
</head>
<body class="animsition">
<div class="page-wrapper">
<!-- HEADER MOBILE-->
{% include 'sidebar.html' %}
<!-- END HEADER MOBILE-->
<th>Parking Number</th>
<th>Owner Name</th>
<th>Vehicle Reg No.</th>
<th>Action</th>
</tr>
</tr>
</thead>
{% for i in vehicle %}
<tr>
<td>{{forloop.counter}}</td>
<td>{{i.parkingnumber}}</td>
<td>{{i.ownername}}</td>
<td>{{i.regno}}</td>
<td><a href="{% url 'view_incomingdetail' i.id %}" ><i class="fa fa-edit fa-
1x"></i></a></td>
</tr>
{% endfor %}
</table>
Page 66
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- Jquery JS-->
<script src="{% static 'vendor/jquery-3.2.1.min.js' %}"></script>
<!-- Bootstrap JS-->
<script src="{% static 'vendor/bootstrap-4.1/popper.min.js' %}"></script>
<script src="{% static 'vendor/bootstrap-4.1/bootstrap.min.js' %}"></script>
<!-- Vendor JS -->
<script src="{% static 'vendor/slick/slick.min.js' %}">
</script>
<script src="{% static 'vendor/wow/wow.min.js' %}"></script>
<script src="{% static 'vendor/animsition/animsition.min.js' %}"></script>
<script src="{% static 'vendor/bootstrap-progressbar/bootstrap-progressbar.min.js'
%}">
</script>
<script src="{% static 'vendor/counter-up/jquery.waypoints.min.js' %}"></script>
<script src="{% static 'vendor/counter-up/jquery.counterup.min.js' %}">
</script>
<script src="{% static 'vendor/circle-progress/circle-progress.min.js' %}"></script>
<script src="{% static 'vendor/perfect-scrollbar/perfect-scrollbar.js' %}"></script>
<script src="{% static 'vendor/chartjs/Chart.bundle.min.js' %}"></script>
<script src="{% static 'vendor/select2/select2.min.js' %}">
</script>
Page 67
<!-- Main JS-->
<script src="{% static 'js/main.js' %}"></script>
</body>
</html>
{% endblock %}
{% load static %}
Page 68
{% block body %}
<html lang="en">
<head>
<!-- Required meta tags-->
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-
fit=no">
<meta name="description" content="au theme template">
<meta name="author" content="Hau Nguyen">
<meta name="keywords" content="au theme template">
</head>
<body class="animsition">
<div class="page-wrapper">
<!-- HEADER MOBILE-->
{% include 'sidebar.html' %}
<!-- END HEADER MOBILE-->
<th>Parking Number</th>
<th>Owner Name</th>
<th>Vehicle Reg No.</th>
<th>Action</th>
</tr>
</tr>
</thead>
{% for i in vehicle %}
<tr>
<td>{{forloop.counter}}</td>
<td>{{i.parkingnumber}}</td>
<td>{{i.ownername}}</td>
<td>{{i.regno}}</td>
<td>
<a href="{% url 'view_outgoingdetail' i.id %}" ><i class="fa fa-eye fa-
1x"></i></a>
| <a href="{% url 'print' i.id %}" ><i class="fa fa-print fa-1x"></i></a>
</td>
</tr>
Page 71
{% endfor %}
</table>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- Jquery JS-->
<script src="{% static 'vendor/jquery-3.2.1.min.js' %}"></script>
<!-- Bootstrap JS-->
<script src="{% static 'vendor/bootstrap-4.1/popper.min.js' %}"></script>
<script src="{% static 'vendor/bootstrap-4.1/bootstrap.min.js' %}"></script>
<!-- Vendor JS -->
<script src="{% static 'vendor/slick/slick.min.js' %}">
</script>
<script src="{% static 'vendor/wow/wow.min.js' %}"></script>
<script src="{% static 'vendor/animsition/animsition.min.js' %}"></script>
<script src="{% static 'vendor/bootstrap-progressbar/bootstrap-progressbar.min.js'
%}">
</script>
<script src="{% static 'vendor/counter-up/jquery.waypoints.min.js' %}"></script>
<script src="{% static 'vendor/counter-up/jquery.counterup.min.js' %}">
</script>
<script src="{% static 'vendor/circle-progress/circle-progress.min.js' %}"></script>
<script src="{% static 'vendor/perfect-scrollbar/perfect-scrollbar.js' %}"></script>
<script src="{% static 'vendor/chartjs/Chart.bundle.min.js' %}"></script>
Page 72
<script src="{% static 'vendor/select2/select2.min.js' %}">
</script>
</body>
</html>
{% endblock %}
{% load static %}
Page 73
{% block body %}
<html lang="en">
<head>
<!-- Required meta tags-->
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-
fit=no">
<meta name="description" content="au theme template">
<meta name="author" content="Hau Nguyen">
<meta name="keywords" content="au theme template">
</head>
<body class="animsition">
<div class="page-wrapper">
<!-- HEADER MOBILE-->
{% include 'sidebar.html' %}
<!-- END HEADER MOBILE-->
</div>
</div>
<div class="row form-group">
<div class="col col-md-3">
<label class=" form-control-label">New
Password</label>
</div>
<div class="col-12 col-md-9">
<input type="password" id="newpassword"
name="newpassword" value="" class="form-control" required="">
</div>
</div>
Page 76
<div class="row form-group">
<div class="col col-md-3">
<label class=" form-control-label">Confirm
Password</label>
</div>
<div class="col-12 col-md-9">
<input type="password" id="confirmpassword"
name="confirmpassword" class="form-control" maxlength="10" value=""
required="">
</div>
</div>
<div class="card-footer">
<p style="text-align: center;"><button type="submit"
name="submit" id="submit" class="btn btn-primary btn-sm">Change
</button></p>
</div>
</form>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- Jquery JS-->
<script src="{% static 'vendor/jquery-3.2.1.min.js' %}"></script>
Page 77
<!-- Bootstrap JS-->
<script src="{% static 'vendor/bootstrap-4.1/popper.min.js' %}"></script>
<script src="{% static 'vendor/bootstrap-4.1/bootstrap.min.js' %}"></script>
<!-- Vendor JS -->
<script src="{% static 'vendor/slick/slick.min.js' %}">
</script>
<script src="{% static 'vendor/wow/wow.min.js' %}"></script>
<script src="{% static 'vendor/animsition/animsition.min.js' %}"></script>
<script src="{% static 'vendor/bootstrap-progressbar/bootstrap-progressbar.min.js'
%}">
</script>
<script src="{% static 'vendor/counter-up/jquery.waypoints.min.js' %}"></script>
<script src="{% static 'vendor/counter-up/jquery.counterup.min.js' %}">
</script>
<script src="{% static 'vendor/circle-progress/circle-progress.min.js' %}"></script>
<script src="{% static 'vendor/perfect-scrollbar/perfect-scrollbar.js' %}"></script>
<script src="{% static 'vendor/chartjs/Chart.bundle.min.js' %}"></script>
<script src="{% static 'vendor/select2/select2.min.js' %}">
</script>
</body>
</html>
<!-- end document-->
{% ifequal error "yes" %}
<script>
alert('Password Changed.....');
window.location=('{% url 'logout' %}')
</script>
{% endifequal %}
{% ifequal error "not" %}
Page 78
<script>
alert('New Password and Confirm Password are not match');
</script>
{% endifequal %}
{% endblock %}
Page 79
CHAPTER # 8
Advantages & Limitations
Page 80
Limitations of “Vehicle Parking Management System”:
Besides the above achievements and the successful completion of the project,
we still feel the project has some limitations, listed as below:
Page 81
CHAPTER # 8
Future Scope
FUTURE SCOPE
This web application involves almost all the basic features of the online vehicle parking man-
agement system. The future implementation will be online help for the users and chatting
with website administrator.
CONCLUSION
The project entitled “Online Vehicle Parking Management System” is developed using
HTML, CSS and Bootstrap as front end and Python Django and Sqlite database in back end
to computerize the process of company visitor management. This project covers only the
basic features required.
Page 82
Bibliography
BIBLIOGRAPHY
Wikipedia
https://www.geeksforgeeks.org/python-django/
https://www.javatpoint.com
https://www.python.org/
https://www.tutorialspoint/
Page 83
REFERENCE BOOKS
Page 84