Final year project working documentation 2020

1
A SEMINAR REPORT ON
“Vehicles Parking Management System”
Submitted by
VIKRAM SINGH (1648610024)
SONIYA (1648610020)
In partial fulfilment for the award of the degree
Of
BACHELOR OF TECHNOLOGY
In
COMPUTER SCIENCE & ENGINEERING
A. N.A COLLEGE OF ENGINEERING AND MANAGEMENT STUDIES, BAREILLY
2020

2
CERTIFICATE
Certified that this is a bona fide report of the seminar entitled “ROBUST
CODER SOFTWARE SOLUTIONS PVT. LTD, BAREILLY” submitted by VIKRAM
SINGH of eight semester, Bachelor of Technology in Computer Science & Engineering by DR.
A.P.J. ABDUL KALAM TECHANICAL UNIVERSITY, LUCKNOW.
Seminar coordinator Head of department

3
ACKNOWLEDGEMENT
I would like to express my sincere gratitude to all those who helped in making of
this seminar.
I am grateful to B.R. DATTA, Dean Engineering and Mrs. NARENDRA PAL
SINGH, Head of Department, Dept. of Computer Science & Engineering, for their necessary help
in the fulfilment of this seminar.
I would like to express my heartfelt gratitude to our seminar coordinator Mrs.
NARENDRA PAL SINGH for their valuable guidance, constant encouragement and creative
suggestions on making this seminar.
I am also grateful to all my friends and classmates for helping me to make this
seminar.
Vikram Singh

4
ABSTRACT
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. These systems might be computerized or non-computerized.
With the help of computerized system we can deliver a good service to customer who
wants to park their vehicle into the any organization's premises.

5
CONTENT
Title Page No.
Cover Page 1
Certificate 2
Acknowledgement 3
Abstract 4
Contents 5
List Of Figures 6
1. Introduction 7
2. Object 8
3. Project category 9
4. Technology 10
5. Tools/Platform 11
6. Hardware & Software Requirement 12
7. Process Model 13
8. Feasibility 15
9. System Design 16
10. Data Flow Diagrams (Dfd’s) 17
11. The Entity Relationship Diagram ( E-Rd) 18
12. Modules Used in the Project 19
13. Vehicle Records: 23
14. How to Run the Project? 24
15. Advantages & Disadvantage 23
16. Application 24
17. Future Scope of The Project 25
18. References 26

6
LIST OF FIGURES
Title Pages
Fig 1: Iterative Model Diagram 5
Fig 2 : Data Flow Diagrams (Dfd’s) 17
Fig 3 : The Entity Relationship Diagram ( E-Rd) 18
Fig 4 : Modules Used In The Project Output 19
Fig 5: Vehicle parking management system applications 24

7
INTRODUCTION
The title of the project is “Vehicle Parking Management system”. This project will handle whole
the activities of the Vehicles parking. It provides facilities to keep the records of Market,
Agency, Hospital and Collage etc. with all their required details handling. It has facilities to
generate various types of reports, which are required by the management during normal business
operations to operate the business effectively.
Parking management system for managing 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.
The objective of this project is to build a Vehicle Parking management system that enables the
time management and control of vehicles using number plate recognition. The system that will
track the entry and exit of cars, maintain a listing of cars within the parking lot, and determine if
the parking lot is full or not. It will determine the cost of per vehicle according to their time
consumption.

8
OBJECTIVE
This project is based on the JavaScript programming language technology; the main objective of
this project is to computerize the manual system & reduce the time consumption.
In other words, we can say that our project has the following objectives: -
• Maintain records in short time of period.
• Determines the parking area is full or not.
• Enhances the visitor's experience.
• Easy operations for operator of the system
• Centralized database management
• Reduce time consumption
• No paper work requirement.

9
PROJECT CATEGORY
This project as title “VEHICLE PARKING MANAGEMENT SYSTEM” is comes under the
RELATIONAL DATABASE MANAGEMENT SYSTEM (RDBMS). This application is
developed with the help of VISUAL STUDIO CODE EDITOR IDE or SUBLIME TEXT
CODE EDITOR IDE. This application can also be run on the modern browser Google Chrome
and Mozilla Firefox environment so it can be said as network application.

10
TECHNOLOGY
In this project use the four-type language like HTML, CSS, Bootstrap 4 frame
work and Java Script Programming Language
Front End:
1. Html Programming Language
2. Bootstrap 4 frame work
3. <!DOCTYPE html>
4. <html lang="en">
5.
6. <head>
7. <meta charset="UTF-8">
8. <meta name="viewport" content="width=device-width, initial-scale=1.0">
9. <meta http-equiv="X-UA-Compatible" content="ie=edge">
10. <link href="https://fonts.googleapis.com/css?family=Roboto&display=swa
p" rel="stylesheet">
11. <link href="https://fonts.googleapis.com/css2?family=Alfa+Slab+One&fam
ily=Cinzel:wght@400;700&family=Volkhov:wght@400;700&display=swap" rel="sty
lesheet">
12. <link rel="stylesheet" href="./CSS/bootstrap.min.css">
13. <link rel="stylesheet" href="./CSS/style.css">
14. <title>Vehicles Parking</title>
15.</head>
16.
17.<body style="background-color:#DAA520;">
18. <header class="shadow">
19. <div class="header-content d-flex justify-content-center p-2">
20. <img src="./Images/parking.svg" alt="" id="header-logo">
21. <div id="header-msg" class="ml-5 align-self-
center">Vehicles Parking Management System </div>
22. <img src="./Images/lot.jpg" alt="" id="header-logo1">
23. </div>
24. </header>
25. <div class="form-container mt-5">
26. <form class="w-50 mx-auto" id="entryForm">
27. <h5 class="text-center">Add Vehicles to Parking Lot</h5>
28. <div class="form-group">
29. <label for="owner">Owner :</label>

11
30. <input type="text" class="form-control rounded-0 shadow-
sm" id="owner" placeholder="Owner">
31. </div>
33. <label for="contact">Contact No :</label>
sm" id="contact" placeholder="+91:9219875503">
35. </div>
37. <label for="vehicle">Vehicle :</label>
sm" id="vehicle" placeholder="Bike,Car...">
39. </div>
41. <label for="licensePlate">License Plate No :</label>
sm" id="licensePlate" placeholder="NN-NN-LL,NN-LL-NN,....etc">
43. </div>
44. 
46. <label for="model">Model :</label>
sm" id="model" placeholder="Royal,Hero...">
48. </div>
49.
51. <label for="entryTime">Entry Time:</label>
sm" id="entryTime" placeholder="10:15AM/PM">
53. </div>
55. <label for="lot">Lot No :</label>
sm" id="lot" placeholder="20">
57. </div>
59. <label for="charge">₹ Charge :</label>
sm" id="charge" placeholder="₹10">
61. </div>
62. 
63. <div class="row">
64. <div class="col-6">
65. <label for="entryDate">Entry Date :</label>

12
66. <input type="date" class="form-control rounded-
0 shadow-sm" id="entryDate">
67. </div>
68. <div class="col-6">
69. <label for="exitDate">Exit Date :</label>
70. <input type="date" class="form-control rounded-
0 shadow-sm" id="exitDate">
71. </div>
72. </div>
73. <button type="submit" class="btn mx-auto d-block mt-5 rounded-
0 shadow" id="btnOne">Add Vehicle</button>
74. </form>
75. </div>

13
3.CSS Programming Language
*{
font-family: 'Roboto', sans-serif;
padding:0;
margin:0;
border:0
}
header{
background-color: rgb(0, 0, 0);
}
#header-logo{
width:64px;
height:64px;
}
#header-msg{
font-size: 25px;
color: white;
font-family: 'Alfa Slab One', cursive;
font-family: 'Cinzel', serif;
font-family: 'Volkhov', serif;
}
#header-logo1{
width: 210px;
margin-left: 20px;
}
#btnOne{
background-color:rgb(0, 0, 0);
color:white;
}
#btnOne:focus,#btnOne:hover{
box-shadow: none;
outline:none;
background-color: rgb(224, 44, 74);
color: black;
}
#tableHead{
background-color:rgb(0, 0, 0);
}
#searchInput{
height: calc(1.5em + .75rem + 2px);

14
Back End:
1. Java Script Programming Language
2. //Entry Class: Represent each entry in the parking lot
3. class Entry{
4. constructor(owner,contact,vehicle,licensePlate,model,entryTime,l
ot, charge,entryDate,exitDate){
5. this.owner = owner;
6. this.contact = contact;
7. this.vehicle = vehicle;
8. this.licensePlate = licensePlate;
9. this.model = model;
10. this.entryTime = entryTime;
11. this.lot = lot;
12. this.charge = charge;
13. this.entryDate = entryDate;
14. this.exitDate = exitDate;
15. }
16.}
17.//UI Class: Handle User Interface Tasks
18.class UI{
19. static displayEntries(){
20.
21. const entries = Store.getEntries();
22. entries.forEach((entry) => UI.addEntryToTable(entry));
23. }
24. static addEntryToTable(entry){
25. const tableBody=document.querySelector('#tableBody');
26. const row = document.createElement('tr');
27. row.innerHTML = ` <td>${entry.owner}</td>
28. <td>${entry.contact}</td>
29. <td>${entry.vehicle}</td>
30. <td>${entry.licensePlate}</td>
31. <td>${entry.model}</td>
32. <td>${entry.entryTime}</td>
33. <td>${entry.lot}</td>
34. <td>${entry.charge}</td>
35. <td>${entry.entryDate}</td>
36. <td>${entry.exitDate}</td>
37. <td><button class="btn btn-
danger delete">X</button></td>
38. `;

15
39. tableBody.appendChild(row);
40. }
41. static clearInput(){
42. //Selects all the inputs
43. const inputs = document.querySelectorAll('.form-control');
44. //Clear the content of each input
45. inputs.forEach((input)=>input.value="");
46. }
47. static deleteEntry(target){
48. if(target.classList.contains('delete')){
49. target.parentElement.parentElement.remove();
50. }
51. }
52. static showAlert(message,className){
53. const div = document.createElement('div');
54. div.className=`alert alert-${className} w-50 mx-auto`;
55. div.appendChild(document.createTextNode(message));
56. const formContainer = document.querySelector('.form-
container');
57. const form = document.querySelector('#entryForm');
58. formContainer.insertBefore(div,form);
59. setTimeout(() => document.querySelector('.alert').remove(),3
000);
60. }
61. static validateInputs(){
62. const owner = document.querySelector('#owner').value;
63. const contact = document.querySelector('#contact').value;
64. const vehicle = document.querySelector('#vehicle').value;
65. const licensePlate = document.querySelector('#licensePlate')
.value;
66. const model = document.querySelector('#model').value;
67. const entryTime = document.querySelector('#entryTime').value
;
68. const lot = document.querySelector('#lot').value;
69. const charge = document.querySelector('#charge').value;
70. const entryDate = document.querySelector('#entryDate').value
;
71. const exitDate = document.querySelector('#exitDate').value;
72. var licensePlateRegex = /^(?:[A-Z]{2}-d{2}-d{2})|(?:d{2}-
[A-Z]{2}-d{2})|(?:d{2}-d{2}-[A-Z]{2})$/;
73. if(owner === '' || contact === '' || vehicle === '' || licen
sePlate === '' || model === '' || entryTime === '' || lot === '' ||
charge === '' || entryDate === '' || exitDate === ''){
74. UI.showAlert('All fields must me filled!','danger');
75. return false

16
TOOLS/PLATFORM
This project is developed using the tools, which are most suited for development of the
Application Package. These tools are as follows: -
1. Visual Studio code / Sublime text IDE (For front end)
Note: It is ide use for developed the project and in this ide doing the coding
by programmer
2. Local server like as: Chrome Browser/Explore
Browser
Note : It is a local server use for run the code and show the output

17
HARDWARE & SOFTWARE REQUIREMENT
HARDWARE:
Processor Pentium-IV or higher
Processor Speed 533 MHZ
Hard Disk Space 1 TB
System Ram 8 GB and Above
Input Devices Basic keyboard
Output device Standard color monitor
SOFTWARE:
Operating System Windows 10
Front End Visual Studio code IDE
Back End local server like as: Google Chrome,
and Mozilla Firefox

18
PROCESS MODEL
Iterative Model
Iterative process starts with a simple implementation of a subset
of the Software requirements and iteratively enhances the evolving
Versions until the full system is implemented.
At each iteration design modifications are made and new functional capabilities are added.
Iterative and Incremental development is any combination of both iterative designer iterative
method and incremental build model for software development.
The combination is of long standing and has been widely suggested for large development
efforts.

19
Iterative Model Diagram
Fig: 1 Iterative Model Diagram

20
FEASIBILITY
Operational feasibility:
Proposed project is beneficial only if it can be turned into information systems that will meet
the organization operating requirements. Simply stated, this test of feasibility asks if the system
will work when it is developed and installed. What are major barriers to implementation? Here
are questions that will help test the operational feasibility of a project
Technical feasibility:
Technical feasibility centers on the existing computer system (hardware, software, etc.) and to
what extent it can support the proposed addition. For example, if the current computer is
operating at 80% capacity-an arbitrary ceiling-then running another application could overload
the system or require additional hardware. This involves financial considerations to
accommodate technical enhancements. If the budget is a serious constraint, then the project is
judged but not feasible.

21
SYSTEM DESIGN
System Design is the solution to the creation of a new system. This is the important aspect made
up of several steps.
The complete, efficient and successful system should provide the following
in succession: -
➢ ∗ From where should we start
➢ ∗ Where we have to go
➢ ∗ Where should we stop
If the project is to be successful, we will need answer these questions. The answer of these
A question is schema manner and is known as system design.
A systematic manner will be followed so as to achieve beneficial result at the end. It involves
starting with a vague idea and ultimately developing it up into a useful system. The design phase
is transition from a user oriented to a document oriented to the programmers.
Software report can be broken into a series of steps starting with the basic ideas and ending with
the finished project.
The steps for the successful project are as follows: -
We should define problem completely and the goals should be known before our destination
In the next step, we should specify inputs and outputs of our interest Then the structure of
various database should be designed which will be used during the programming
Next, we should design our programs of user friendly nature and always provide a way to the
user to read back the origin if he/she find any complex problem at any stage We should know the
function of each and every program which will leads us to or helps us to read at the specified
goal. Out of these defined steps, few of the major steps will respect to Project “Vehicles Parking
Management System”.

22
Vehicle Parking System:
DATA FLOW DIAGRAMS (DFD’S)
The DFD was first developed by Larry Constance as a way of expressing system in a graphical form. A
DFD, also known as Bubble Chart, has a purpose of clarifying system requirement and identifying major
transformation that will become the programs in the system design.
Following is the DFD of the system.
Fig 2: DATA FLOW DIAGRAMS (DFD’S)

23
THE ENTITY RELATIONSHIP DIAGRAM (E-RD)
We can express the overall logical structure of a database graphically with an E-R
diagram.
Its components are:
1. Rectangles representing entity sets.
2. Ellipses representing attributes.
3. Diamonds representing relationship sets.
4. Lines linking attribute to entity sets and entity sets to relationship sets.

24
MODULES USED IN THE PROJECT
This project includes the following modules for development of the project. These are as
follows: -
1. ADD VEHICLES SECTION
Add Vehicles to parking lot

25
2. MANAGE VEHICLE RECORDS SECTION
• VEHICLE RECORDS:
This most important record which focuses in our Vehicle Parking Management System. It stores
the essential Vehicle records like:
List of Vehicles in parking lot

26
3. SEARCH RECORD VEHICLE SECTION

27
HOW TO RUN THE PROJECT?
To run the project, you don’t need to have any kind of local server but yet a browser
recommends you to use modern browser like Google Chrome and Mozilla Firefox.
To this system, first open the project in your browser by clicking index.html file. The
vehicles parking management system in JavaScript programming language.

28
ADVANTAGES
• Easy to manage and cost – effective
• Because of that there are no towing problems.
• And our vehicle has been parked as a secure condition.
• There is no risk for vehicle owner for parking the car.
• In case of any damages and problem of vehicle that will claim by parking
• Secure management.
• Payment section is available.
DISADVANTAGES
• Vehicles stand doesn’t specify current location in the parking fields.

29
APPLICATION
• Enterprises and institutions
• Colleges /Schools
• Hospital
• Factory
• Market
• Plaza
Fig 5: vehicle parking management system applications

30
FUTURE SCOPE OF THE PROJECT
Vehicle parking management system is an automatic system which delivers data processing in
very high speed in systematic manner. Parking is a growing need of the time. Development of
this system is very useful in this area of field. We can sell this system to any organization. By
using our system, they can maintain records very easily. Our system covers every area of
parking management. In coming future there will be excessive need of Vehicle parking
management system.
Like the things this project also has some limitations and can further be enhances by someone,
because there are certain drawbacks that do not permit the system to be 100% accurate.

31
REFERENCES
• Help with us google.com
• www.w3school.com
• www.stackoverflow.com

Final year project working documentation 2020

More Related Content

What's hot (20)

Similar to Final year project working documentation 2020 (20)

Recently uploaded (20)

Final year project working documentation 2020