0% found this document useful (0 votes)
69 views

Vehicle Parking Management Django

Uploaded by

Ajay D. Maindola
Copyright
© © All Rights Reserved
Available Formats
Download as DOC, PDF, TXT or read online on Scribd
0% found this document useful (0 votes)
69 views

Vehicle Parking Management Django

Uploaded by

Ajay D. Maindola
Copyright
© © All Rights Reserved
Available Formats
Download as DOC, PDF, TXT or read online on Scribd
You are on page 1/ 84

PROJECT REPORT

ON

Vehicle Parking Management

A report submitted to Punjabi University, PATIALA in partial fulfillment of the


requirement for the award of DEGREE course in
MASTER OF COMPUTER APPLICATIONS (MCA)
(2020-2022)
4th SEMESTER
(DEPARTMENT OF COMPUTER SCIENCE)

SUBMITTED BY: SUBMITTED TO:


Name: Maninder Dr. Shalu Gupta
University Roll No: 50107 (Assistant Professor)

BABA FARID COLLEGE, MUKTSAR ROAD, B A T H I N D A


(Affiliated to Punjabi University, Patiala)
Table of Contents

Chapter 1. Introduction

1) Introduction to the System


2) Company Profile
3) Problem Definition
4) Aim
5) Objective
6) Goal
7) Need of System

Chapter 2. Hardware and Software requirement

1) Introduction
2) System environment
3) Software requirement
4) Hardware requirements

Chapter 3. System Analysis

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 5. System Design


1) Introduction
2) Conceptual Design
3) ER-Diagram
4) Logical Design
5) Physical Design
6) Data Flow Diagram

Chapter 6.User Screens

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 is leading strategic IT Company offering integrated IT solution. INFOWIZ is


having rich experience managing global clients across various business verticals and align
IT strategies to achieve business goals. The various accreditations that we have achieved
over the years for every services, reflects our commitment towards the Quality Assurance.

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.

We believe in “Better Skills-> Better Jobs-> Better Life”

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.

Introduction to the 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. 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

take more time to calculate the vehicle parking report.

Disadvantage of present system:

• Not user friendly: The present system not user friendly because data is not stored in

structure and proper format.

• 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

Need of the System:

There is always a need of a system that will provide a way to effectively control records &
track vehicle parking traffic.

Thus, there is a big need of developing vehicle parking management system is to


computerized the traditional way of parking management. Another need for developing this
application is to generate the report automatically.

Page 7
CHAPTER # 2
Hardware and
Software
Requirements

Contents:

 Introduction
 System environment
 Software requirement
 Hardware requirements

Page 8
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 Vehicle
Parking Management 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: -

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:

 Processor: Pentium-III (or) Higher


 Ram: 64MB (or) Higher
 Hard disk: 80GB (or) Higher

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

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 EC-
MAScript, 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 re-
quired 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 web-
page. It can also be referenced in a separate .JS file, which may also be viewed in a browser.

Page 17
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 re-
quirement.

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.

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

 The use cases are the functions that are to be performed in the module.

Page 20
Admin

Dashboard

Add Vehicle Category

Manage Vehicle Category


(Update Details)

Ad

Add Vehicle

Manage Vehicle (Update


Details)

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

1. Test for the admin module


 Testing admin login form-This form is used for log in of administrator of the system.
In this form we enter the username and password if both are correct administration
page will open otherwise if any of data is wrong it will get redirected back to the login
page and again ask the details.

 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

ADMIN DASHBOARD 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

ADMIN LOGIN PAGE CODING


{% load static %}

{% 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">

<!-- Title Page-->


<title>VPMS Login</title>

<!-- Fontfaces CSS-->


<link href="{% static 'css/font-face.css' %}" rel="stylesheet" media="all">
<link href="{% static 'vendor/font-awesome-4.7/css/font-awesome.min.css' %}"
rel="stylesheet" media="all">
<link href="{% static 'vendor/font-awesome-5/css/fontawesome-all.min.css' %}"
rel="stylesheet" media="all">
<link href="{% static 'vendor/mdi-font/css/material-design-iconic-font.min.css' %}"
rel="stylesheet" media="all">

<!-- Bootstrap CSS-->


<link href="{% static 'vendor/bootstrap-4.1/bootstrap.min.css' %}" rel="stylesheet"

Page 37
media="all">

<!-- Vendor CSS-->


<link href="{% static 'vendor/animsition/animsition.min.css' %}" rel="stylesheet"
media="all">
<link href="{% static 'vendor/bootstrap-progressbar/bootstrap-progressbar-
3.3.4.min.css' %}" rel="stylesheet" media="all">
<link href="{% static 'vendor/wow/animate.css' %}" rel="stylesheet" media="all">
<link href="{% static 'vendor/css-hamburgers/hamburgers.min.css' %}"
rel="stylesheet" media="all">
<link href="{% static 'vendor/slick/slick.css' %}" rel="stylesheet" media="all">
<link href="{% static 'vendor/select2/select2.min.css' %}" rel="stylesheet"
media="all">
<link href="{% static 'vendor/perfect-scrollbar/perfect-scrollbar.css' %}"
rel="stylesheet" media="all">

<!-- Main CSS-->


<link href="{% static 'css/theme.css' %}" rel="stylesheet" media="all">

</head>

<body class="animsition" background = "{% static 'images/bg1.jpg' %}">


<div class="page-wrapper">
<div class="page-content--bge5">
<div class="container">
<div class="login-wrap">
<div class="login-content">
<div class="login-logo">
<a href="#" style="font-size:24px;">
Vehicle Parking Management System (VPMS)
</a>
</div>

<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>

<button class="au-btn au-btn--block au-btn--green m-b-20"


type="submit" name="login">sign in</button>
<div class="social-login-content">

</div>
</form>

</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 -->
Page 39
<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>

<!-- Main JS-->


<script src="{% static 'js/main.js' %}"></script>

</body>

</html>
<!-- end document-->

{% ifequal error "no" %}


<script>
alert('logged in successfully');
window.location=('{% url 'admin_home' %}');
</script>
{% endifequal %}
Page 40
{% ifequal error "yes" %}
<script>
alert('Invalid Login Credentials,Try Again...');
</script>
{% endifequal %}

{% endblock %}

ADMIN HOME PAGE CODING

{% 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">

<!-- Title Page-->


<title>Dashboard</title>

<!-- Fontfaces CSS-->


<link href="{% static 'css/font-face.css' %}" rel="stylesheet" media="all">
<link href="{% static 'vendor/font-awesome-4.7/css/font-awesome.min.css' %}"
rel="stylesheet" media="all">
<link href="{% static 'vendor/font-awesome-5/css/fontawesome-all.min.css' %}"
rel="stylesheet" media="all">
<link href="{% static 'vendor/mdi-font/css/material-design-iconic-font.min.css' %}"
rel="stylesheet" media="all">

<!-- Bootstrap CSS-->


<link href="{% static 'vendor/bootstrap-4.1/bootstrap.min.css' %}" rel="stylesheet"
media="all">

<!-- Vendor CSS-->


<link href="{% static 'vendor/animsition/animsition.min.css' %}" rel="stylesheet"
media="all">
Page 42
<link href="{% static 'vendor/bootstrap-progressbar/bootstrap-progressbar-
3.3.4.min.css' %}" rel="stylesheet" media="all">
<link href="{% static 'vendor/wow/animate.css' %}" rel="stylesheet" media="all">
<link href="{% static 'vendor/css-hamburgers/hamburgers.min.css' %}"
rel="stylesheet" media="all">
<link href="{% static 'vendor/slick/slick.css' %}" rel="stylesheet" media="all">
<link href="{% static 'vendor/select2/select2.min.css' %}" rel="stylesheet"
media="all">
<link href="{% static 'vendor/perfect-scrollbar/perfect-scrollbar.css' %}"
rel="stylesheet" media="all">

<!-- Main CSS-->


<link href="{% static 'css/theme.css' %}" rel="stylesheet" media="all">

</head>

<body class="animsition">
<div class="page-wrapper">
<!-- HEADER MOBILE-->

<!-- MENU SIDEBAR-->


{% include 'sidebar.html' %}
<!-- END MENU SIDEBAR-->

<!-- PAGE CONTAINER-->


<div class="page-container">
<!-- HEADER DESKTOP-->
{% include 'header.html' %}
<!-- HEADER DESKTOP-->

<!-- MAIN CONTENT-->


<div class="main-content">
<div class="section__content section__content--p30">
Page 43
<div class="container-fluid">

<div class="row m-t-25">


<div class="col-sm-6 col-lg-3">
<div class="overview-item overview-item--c1">
<div class="overview__inner">
<div class="overview-box clearfix">
<div class="icon">
<i class="fa fa-car"></i>
</div>
<div class="text">
<h2>{{tv}}</h2>
<span>Todays Vehicle Entries</span>
</div>
</div>

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

<div class="col-sm-6 col-lg-3">


<div class="overview-item overview-item--c2">
<div class="overview__inner">
<div class="overview-box clearfix">
<div class="icon">
<i class="fa fa-car"></i>
</div>
<div class="text">
<h2>{{yv}}</h2>
<span>Yesterdays Vehicle Entries</span>
Page 44
</div>
</div>

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

<div class="col-sm-6 col-lg-3">


<div class="overview-item overview-item--c3">
<div class="overview__inner">
<div class="overview-box clearfix">
<div class="icon">
<i class="fa fa-car"></i>
</div>
<div class="text">
<h2>{{ls}}</h2>
<span>Last 7 days Vehicle Entries</span>
</div>
</div>

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

<div class="col-sm-6 col-lg-3">


<div class="overview-item overview-item--c4">
<div class="overview__inner">
Page 45
<div class="overview-box clearfix">
<div class="icon">
<i class="fa fa-car"></i>
</div>
<div class="text">
<h2>{{totalv}}</h2>
<span>Total Vehicle </br>Entries</span>
</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>

<!-- Main JS-->


<script src="{% static 'js/main.js' %}"></script>

</body>

</html>
<!-- end document-->

{% endblock %}

ADD NEW CATEGORY PAGE CODING

{% 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">

<!-- Title Page-->


<title>VPMS Add Category</title>

<!-- Fontfaces CSS-->


<link href="{% static 'css/font-face.css' %}" rel="stylesheet" media="all">
<link href="{% static 'vendor/font-awesome-5/css/fontawesome-all.min.css' %}"
rel="stylesheet" media="all">
<link href="{% static 'vendor/font-awesome-4.7/css/font-awesome.min.css' %}"
rel="stylesheet" media="all">
<link href="{% static 'vendor/mdi-font/css/material-design-iconic-font.min.css' %}"
rel="stylesheet" media="all">

<!-- Bootstrap CSS-->


<link href="{% static 'vendor/bootstrap-4.1/bootstrap.min.css' %}" rel="stylesheet"
media="all">

<!-- Vendor CSS-->


<link href="{% static 'vendor/animsition/animsition.min.css' %}" rel="stylesheet"
media="all">
<link href="{% static 'vendor/bootstrap-progressbar/bootstrap-progressbar-
3.3.4.min.css' %}" rel="stylesheet" media="all">
<link href="{% static 'vendor/wow/animate.css' %}" rel="stylesheet" media="all">
<link href="{% static 'vendor/css-hamburgers/hamburgers.min.css' %}"
Page 48
rel="stylesheet" media="all">
<link href="{% static 'vendor/slick/slick.css' %}" rel="stylesheet" media="all">
<link href="{% static 'vendor/select2/select2.min.css' %}" rel="stylesheet"
media="all">
<link href="{% static 'vendor/perfect-scrollbar/perfect-scrollbar.css' %}"
rel="stylesheet" media="all">

<!-- Main CSS-->


<link href="{% static 'css/theme.css' %}" rel="stylesheet" media="all">

</head>

<body class="animsition">
<div class="page-wrapper">
<!-- HEADER MOBILE-->
{% include 'sidebar.html' %}
<!-- END MENU SIDEBAR-->

<!-- PAGE CONTAINER-->


<div class="page-container">
<!-- HEADER DESKTOP-->
{% include 'header.html' %}

<!-- MAIN CONTENT-->


<div class="main-content">
<div class="section__content section__content--p30">
<div class="container-fluid">
<div class="row">

<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 class="row form-group">


<div class="col col-md-3">
<label class=" form-control-label">Category
Name</label>
</div>
<div class="col-12 col-md-9">
<input type="text" id="categoryname"
name="categoryname" placeholder="Category Name" class="form-control"
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">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>

<!-- Main JS-->


<script src="{% static 'js/main.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 %}

MANAGE CATEGORY PAGE


{% load static %}

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">

<!-- Title Page-->


<title>VPMS Manage Category</title>

<!-- Fontfaces CSS-->


<link href="{% static 'css/font-face.css' %}" rel="stylesheet" media="all">
<link href="{% static 'vendor/font-awesome-5/css/fontawesome-all.min.css' %}"
rel="stylesheet" media="all">
<link href="{% static 'vendor/font-awesome-4.7/css/font-awesome.min.css' %}"
rel="stylesheet" media="all">
<link href="{% static 'vendor/mdi-font/css/material-design-iconic-font.min.css' %}"
rel="stylesheet" media="all">

<!-- Bootstrap CSS-->


<link href="{% static 'vendor/bootstrap-4.1/bootstrap.min.css' %}" rel="stylesheet"
media="all">

<!-- Vendor CSS-->


<link href="{% static 'vendor/animsition/animsition.min.css' %}" rel="stylesheet"
media="all">
<link href="{% static 'vendor/bootstrap-progressbar/bootstrap-progressbar-
3.3.4.min.css' %}" rel="stylesheet" media="all">
<link href="{% static 'vendor/wow/animate.css' %}" rel="stylesheet" media="all">
Page 53
<link href="{% static 'vendor/css-hamburgers/hamburgers.min.css' %}"
rel="stylesheet" media="all">
<link href="{% static 'vendor/slick/slick.css' %}" rel="stylesheet" media="all">
<link href="{% static 'vendor/select2/select2.min.css' %}" rel="stylesheet"
media="all">
<link href="{% static 'vendor/perfect-scrollbar/perfect-scrollbar.css' %}"
rel="stylesheet" media="all">

<!-- Main CSS-->


<link href="{% static 'css/theme.css' %}" rel="stylesheet" media="all">

</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-->

<!-- MAIN CONTENT-->


<div class="main-content">
<div class="section__content section__content--p30">
<div class="container-fluid">
<div class="row">
<div class="col-lg-12">
<div class="table-responsive table--no-card m-b-30">

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>

<td><a href="{% url 'delete_category' i.id %}" title="Delete Category"><i


class="fa fa-trash fa-1x"></i></a></td>
</tr>

{% 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>

<!-- Main JS-->


<script src="{% static 'js/main.js' %}"></script>

</body>
</html>
{% endblock %}

ADD VEHICLE DETAIL PAGE CODING


{% load static %}

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">

<!-- Title Page-->


<title>VPMS - Add Vehicle</title>

<!-- Fontfaces CSS-->


<link href="{% static 'css/font-face.css' %}" rel="stylesheet" media="all">
<link href="{% static 'vendor/font-awesome-5/css/fontawesome-all.min.css' %}"
rel="stylesheet" media="all">
<link href="{% static 'vendor/font-awesome-4.7/css/font-awesome.min.css' %}"
rel="stylesheet" media="all">
<link href="{% static 'vendor/mdi-font/css/material-design-iconic-font.min.css' %}"
rel="stylesheet" media="all">

<!-- Bootstrap CSS-->


<link href="{% static 'vendor/bootstrap-4.1/bootstrap.min.css' %}" rel="stylesheet"
media="all">

<!-- Vendor CSS-->


<link href="{% static 'vendor/animsition/animsition.min.css' %}" rel="stylesheet"
media="all">
<link href="{% static 'vendor/bootstrap-progressbar/bootstrap-progressbar-
3.3.4.min.css' %}" rel="stylesheet" media="all">
<link href="{% static 'vendor/wow/animate.css' %}" rel="stylesheet" media="all">
<link href="{% static 'vendor/css-hamburgers/hamburgers.min.css' %}"
rel="stylesheet" media="all">
Page 57
<link href="{% static 'vendor/slick/slick.css' %}" rel="stylesheet" media="all">
<link href="{% static 'vendor/select2/select2.min.css' %}" rel="stylesheet"
media="all">
<link href="{% static 'vendor/perfect-scrollbar/perfect-scrollbar.css' %}"
rel="stylesheet" media="all">

<!-- Main CSS-->


<link href="{% static 'css/theme.css' %}" rel="stylesheet" media="all">

</head>

<body class="animsition">
<div class="page-wrapper">
<!-- HEADER MOBILE-->
{% include 'sidebar.html' %}
<!-- END MENU SIDEBAR-->

<!-- PAGE CONTAINER-->


<div class="page-container">
<!-- HEADER DESKTOP-->
{% include 'header.html' %}

<!-- MAIN CONTENT-->


<div class="main-content">
<div class="section__content section__content--p30">
<div class="container-fluid">
<div class="row">

<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 class="row form-group">


<div class="col col-md-3">
<label class=" form-control-label">Vehicle
Category</label>
</div>
<div class="col-12 col-md-9">
<select name="category" class="form-control">
<option value="">---Select Vehicle Category---</option>
{% for i in category1 %}
<option value="{{i.categoryname}}">{{i.categoryname}}</option>
{% endfor %}
</select>

</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 class="row form-group">


<div class="col col-md-3">
<label class=" form-control-label">Owner
Name</label>
</div>
<div class="col-12 col-md-9">
<input type="text" name="ownername"
placeholder="Owner Name" class="form-control" required="">

</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 class="row form-group">


Page 60
<div class="col col-md-3">
<label class=" form-control-label">Parking
Date</label>
</div>
<div class="col-12 col-md-9">
<input type="date" name="pdate" class="form-
control" required="">

</div>
</div>

<div class="row form-group">


<div class="col col-md-3">
<label class=" form-control-label">In Time</label>
</div>
<div class="col-12 col-md-9">
<input type="time" name="intime" placeholder="In
Time" class="form-control" 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">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>

<!-- Main JS-->


<script src="{% static 'js/main.js' %}"></script>
Page 62
</body>

</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 %}

MANAGE INCOMING VEHICLE PAGE CODING

{% 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">

<!-- Title Page-->


<title>VPMS - Manage Vehicle</title>

<!-- Fontfaces CSS-->


<link href="{% static 'css/font-face.css' %}" rel="stylesheet" media="all">
<link href="{% static 'vendor/font-awesome-5/css/fontawesome-all.min.css' %}"
rel="stylesheet" media="all">
<link href="{% static 'vendor/font-awesome-4.7/css/font-awesome.min.css' %}"
rel="stylesheet" media="all">
<link href="{% static 'vendor/mdi-font/css/material-design-iconic-font.min.css' %}"
rel="stylesheet" media="all">

<!-- Bootstrap CSS-->


<link href="{% static 'vendor/bootstrap-4.1/bootstrap.min.css' %}" rel="stylesheet"
media="all">

<!-- Vendor CSS-->


<link href="{% static 'vendor/animsition/animsition.min.css' %}" rel="stylesheet"
media="all">
<link href="{% static 'vendor/bootstrap-progressbar/bootstrap-progressbar-
3.3.4.min.css' %}" rel="stylesheet" media="all">
Page 64
<link href="{% static 'vendor/wow/animate.css' %}" rel="stylesheet" media="all">
<link href="{% static 'vendor/css-hamburgers/hamburgers.min.css' %}"
rel="stylesheet" media="all">
<link href="{% static 'vendor/slick/slick.css' %}" rel="stylesheet" media="all">
<link href="{% static 'vendor/select2/select2.min.css' %}" rel="stylesheet"
media="all">
<link href="{% static 'vendor/perfect-scrollbar/perfect-scrollbar.css' %}"
rel="stylesheet" media="all">

<!-- Main CSS-->


<link href="{% static 'css/theme.css' %}" rel="stylesheet" media="all">

</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-->

<!-- MAIN CONTENT-->


<div class="main-content">
<div class="section__content section__content--p30">
<div class="container-fluid">
Page 65
<div class="row">
<div class="col-lg-12">
<div class="table-responsive table--no-card m-b-30">
<h4 align="center">Manage Incoming Vehicle </h4>
<hr>
<table class="table table-borderless table-striped table-earning">
<thead>
<tr>
<tr>
<th>S.NO</th>

<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 %}

MANAGE OUTGOING VEHICLES PAGE

{% 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">

<!-- Title Page-->


<title>VPMS - Manage Outgoing Vehicle </title>

<!-- Fontfaces CSS-->


<link href="{% static 'css/font-face.css' %}" rel="stylesheet" media="all">
<link href="{% static 'vendor/font-awesome-5/css/fontawesome-all.min.css' %}"
rel="stylesheet" media="all">
<link href="{% static 'vendor/font-awesome-4.7/css/font-awesome.min.css' %}"
rel="stylesheet" media="all">
<link href="{% static 'vendor/mdi-font/css/material-design-iconic-font.min.css' %}"
rel="stylesheet" media="all">

<!-- Bootstrap CSS-->


<link href="{% static 'vendor/bootstrap-4.1/bootstrap.min.css' %}" rel="stylesheet"
media="all">

<!-- Vendor CSS-->


<link href="{% static 'vendor/animsition/animsition.min.css' %}" rel="stylesheet"
media="all">
<link href="{% static 'vendor/bootstrap-progressbar/bootstrap-progressbar-
3.3.4.min.css' %}" rel="stylesheet" media="all">
<link href="{% static 'vendor/wow/animate.css' %}" rel="stylesheet" media="all">
Page 69
<link href="{% static 'vendor/css-hamburgers/hamburgers.min.css' %}"
rel="stylesheet" media="all">
<link href="{% static 'vendor/slick/slick.css' %}" rel="stylesheet" media="all">
<link href="{% static 'vendor/select2/select2.min.css' %}" rel="stylesheet"
media="all">
<link href="{% static 'vendor/perfect-scrollbar/perfect-scrollbar.css' %}"
rel="stylesheet" media="all">

<!-- Main CSS-->


<link href="{% static 'css/theme.css' %}" rel="stylesheet" media="all">

</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-->

<!-- MAIN CONTENT-->


<div class="main-content">
<div class="section__content section__content--p30">
<div class="container-fluid">
<div class="row">
Page 70
<div class="col-lg-12">
<div class="table-responsive table--no-card m-b-30">
<h4 align="center">Manage Outgoing Vehicle </h4>
<hr>
<table class="table table-borderless table-striped table-earning">
<thead>
<tr>
<tr>
<th>S.NO</th>

<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>

<!-- Main JS-->


<script src="{% static 'js/main.js' %}"></script>

</body>

</html>

{% endblock %}

CHANGE PASSWORD PAGE CODING

{% 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">

<!-- Title Page-->


<title>CVSM Change Password</title>

<!-- Fontfaces CSS-->


<link href="{% static 'css/font-face.css' %}" rel="stylesheet" media="all">
<link href="{% static 'vendor/font-awesome-5/css/fontawesome-all.min.css' %}"
rel="stylesheet" media="all">
<link href="{% static 'vendor/font-awesome-4.7/css/font-awesome.min.css' %}"
rel="stylesheet" media="all">
<link href="{% static 'vendor/mdi-font/css/material-design-iconic-font.min.css' %}"
rel="stylesheet" media="all">

<!-- Bootstrap CSS-->


<link href="{% static 'vendor/bootstrap-4.1/bootstrap.min.css' %}" rel="stylesheet"
media="all">

<!-- Vendor CSS-->


<link href="{% static 'vendor/animsition/animsition.min.css' %}" rel="stylesheet"
media="all">
<link href="{% static 'vendor/bootstrap-progressbar/bootstrap-progressbar-
3.3.4.min.css' %}" rel="stylesheet" media="all">
<link href="{% static 'vendor/wow/animate.css' %}" rel="stylesheet" media="all">
Page 74
<link href="{% static 'vendor/css-hamburgers/hamburgers.min.css' %}"
rel="stylesheet" media="all">
<link href="{% static 'vendor/slick/slick.css' %}" rel="stylesheet" media="all">
<link href="{% static 'vendor/select2/select2.min.css' %}" rel="stylesheet"
media="all">
<link href="{% static 'vendor/perfect-scrollbar/perfect-scrollbar.css' %}"
rel="stylesheet" media="all">

<!-- Main CSS-->


<link href="{% static 'css/theme.css' %}" rel="stylesheet" media="all">

</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' %}
<!-- HEADER DESKTOP-->

<!-- MAIN CONTENT-->


<div class="main-content">
<div class="section__content section__content--p30">
<div class="container-fluid">
<div class="row">
Page 75
<div class="col-lg-12">
<div class="card">
<div class="card-header">
<strong>Change</strong> Admin Password
</div>
<div class="card-body card-block">
<form action="" method="post" enctype="multipart/form-
data" class="form-horizontal" name="changepassword" onsubmit="return
checkpass();">
{% csrf_token %}

<div class="row form-group">


<div class="col col-md-3">
<label class=" form-control-label">Current
Password</label>
</div>
<div class="col-12 col-md-9">
<input type="password" id="currentpassword"
name="currentpassword" value="" class="form-control" required="">

</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>

<!-- Main JS-->


<script src="{% static 'js/main.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

Advantages of “Vehicle Parking Management System”:

“Vehicle Parking Management 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 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:

 It is not a large scale system.


 Only limited information provided by this system.
 Since it is an online project, customers need internet connection to buy
products.
 People who are not familiar with computers can’t use this software.

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

Two scoops of Django for 1.11 by Daniel Greenfeld’s and Audrey


Greenfield

Lightweight Django by Elman and Mark Lavin

Page 84

You might also like