Professional Documents
Culture Documents
Smart Parking
Smart Parking
(1) ·
0% Download
943 views ·
now 32 pages 30 of 32 Search document
Save 0% 100% Embed Share Print
ABSTRACT
The proposed project is a smart parking booking system that provides customers an easy
way of reserving a parking space online. It overcomes the problem of finding a parking space in
commercial areas that unnecessary consumes time. Hence this project offers a web based
reservation system where users can view various parking areas and select the space to view
whether space is available or not. If the booking space is available then he can book it for
specific time slot. The booked space will be marked yellow and will not be available for anyone
else for the specified time. This system provides an additional feature of cancelling the bookings.
User can cancel their books space anytime. Users can even make payment online via credit card.
After making payment users are notified about the booking via email along with unique parking
number.
The requirements for the developed system were collected using observation and
interviewing the customer and staff member from people’s park. The data from interviews was
analyzed using Microsoft Excel so as to come up with the functional, non- functional and system
requirements. These requirements were later used to design the system by creating data flow
diagrams and entity relationship diagrams. The designed system was implemented using
different development tools which include HTML for creating interfaces, CSS for styling wed
pages ,JavaScript, and Jquery for dynamism in the web pages and as an input validation tool.
XAMMP was used to build the database and PHP used as a server side scripting language to
connect the user interfaces to the database. The system was tested by the researchers for errors.
1. INTRODUCTION
of 32
1. 1 OVERVIEW
The project entitled " Smart Parking Booking System” will facilitate the whole
administration of the attendant and the customer of the parking System . The parking place is
very important all over the world especially in the cities of the countries. Every day thousands of
car drivers spend a lot of the time to find where to park. The result of this situation is theft in
urban areas, increasing traffic congestion and frustration of drivers. In order to solve this
problem, the implementation of smart parking Booking System in this city for managing parking
places is mandatory.
HAREDWARE SPECIFICATION
Ram : 2 GB
SOFTWARE SPECIFICATION
HTML or Hyper Text Mark-up Language is the main mark-up language for creating
web pages and other information that can be displayed in a web browser. HTML is written in the
form of HTML elements consisting of tags enclosed in angle brackets (like <html>), within the
web page content. HTML tags most commonly come in pairs like <h1> and </h1>, although
some tags represent empty elements and so are unpaired, for example <img>. The first tag in a
pair is the start tag, and the second tag is the end tag (they are also called opening tags and
closing tags). In between these tags web designers can add text, further tags, comments and other
types of text-based content.
The purpose of a web browser is to read HTML documents and compose them into
visible or audible web pages. The browser does not display the HTML tags, but uses the tags to
interpret the content of the page. HTML elements form the building blocks of all websites.
HTML allows images and objects to be embedded and can be used to create interactive forms. It
provides a means to create structured documents by denoting structural semantics for text such as
headings, paragraphs, lists, links, quotes and other items. It can embed scripts written in
languages such as JavaScript which affect the behaviour of HTML web pages.
CSS
Cascading Style Sheets (CSS) is a style sheet language used for describing the look and
formatting of a document written in a mark-up language. While most often used to style web
pages and interfaces written in HTML and XHTML, the language can be applied to any kind of
XML document, including plain XML, SVG and XUL. CSS is a cornerstone specification of the
web and almost all web page use CSS style sheets to describe their presentation. CSS is designed
primarily to enable the separation of document content from document presentation, including
elements such as the layout, colours, and fonts.
This separation can improve content accessibility, provide more flexibility and control in
the specification of presentation characteristics, enable multiple pages to share formatting, and
reduce complexity and repetition in the structural content (such as by allowing for table less web
of 32
design).CSS can also allow the same mark-up page to be presented in different styles for
different rendering methods, such as on-screen, in print, by voice (when read out by a speech-
based browser or screen reader) and on Braille-based, tactile devices. It can also be used to allow
the web page to display differently depending on the screen size or device on which it is being
viewed. While the author of a document typically links that document to a CSS file, readers can
use a different style sheet, perhaps one on their own computer, to override the one the author has
specified.
JAVA SCRIPT
evolved to include a command-line interface capability and can be used in standalone graphical
of 32
applications. PHP is free software released under the PHP License. PHP can be deployed on most web
servers and also as a standalone shell on almost every operating system and platform, free of charge.
BACK END
MYSQL
MYSQL- MySQL ("My S-Q-L", officially, but also called "My Sequel") is (as of July
2013) the world's second most widely used open-source relational database management system
(RDBMS). It is named after co-founder Michael Widenius daughter, My. The SQL phrase stands
for Structured Query Language. The MySQL development project has made its source code
available under the terms of the GNU General Public License, as well as under a variety of
proprietary agreements. MySQL was owned and sponsored by a single for-profit firm, the
Swedish company MySQL AB, now owned by Oracle Corporation. MySQL is a popular choice
of database for use in web applications, and is a central component of the widely used LAMP
opens source web application software stack (and other 'AMP' stacks). LAMP is an acronym for
"Linux, Apache, MySQL, Perl/PHP/Python." Free-software-open source projects that require a
full-featured database management system often use MySQL. For commercial use, several paid
editions are available, and offer additional functionality.
of 32
2. SYSTEM STUDY
During the period of study, analysis was made so as to come up with the various challenges
that the current vehicle parking reservation had, which had frequently affected its better
performance and efficiency and most of them have been underlined and explained in some
sections for details below.
Exiting system is very difficult to manage parking system because all the events are
handled manually. There are many facts in parking management system like giving place to Park
customer vehicles in any company is done in Parking Area where TOKEN system is used. It is
very Time Consuming and the customer wants to wait until the slot is free or parking in any sides
of Roads.
2.1.1 DRAW BACKS OF EXISTING SYSTEM:
3. SYSTEM
of 32 DESIGN AND DEVELOPMENT
DESIGN PROCESS
After decided to carry on with the proposed system, now specification of the system has
to be designed. The user oriented performance specifications converted into technical design
specification.
Input Design
Output Design
Code Design
Database Design
The project consists of input design it is basically user friendly, first the user must give
the project details that should be as input design, the project title, number of modules, in which
language to be used for coding and designing etc. Mainly the user will be giving the project
details then the software will segregate how to design the project and how it will be used to split
the user to do all design and coding, separation of modules, designing the modules everything is
done through the input design.
Basically the design can be depending upon the project size, number of modules and how
to face all the factors in the project etc. In the project the software is used to allocate details of
employees who handling the modules and status of the project.
Verification of data.
The output design is basically to give the result to user for their needs. Mainly the user
needs are displayed in the output design. In the department website, it will provide the user
output for their needs. If the user gives details of the project the software will split the modules,
it also instructs the details of the coding and design process. Mainly through the output design
only we may prefer all details of the project and it contains every part of the design.
Output design from computer systems is required primarily to communicate the result of
business to users. That is also used to provide a permanent copy of these results for later
consultation in the form of reports.
The output design was done so that the result of processing could be communicated to the
users. The accuracy requirement of the data was also defined in the output.
A code design can be defined as a group of characters used to identify data item of same
type when large volume of data id being handled. It is important to identify item of separately
with their code. This transaction of the same type must have unique identification so that it can
be manipulated and separated very easily. Thus there arises the need of the code.
To achieve secrecy
A database management system provides flexibility in the storage and retrieval of data
held production of information. The DBMS (Database Management System) is a bridge between
the application programs. This determines what data are needed and how they are processed and
the operating system of the computer, which is responsible for placing data on the magnetic
storage devices. A schema defines the database and a sub schemes defines the portion of the
database that a specific program will use
TABLE DESIGN:
of 32
TABLE NAME : Requst.
PRIMARY KEY : RID
FOREIGN KEY : PID.
DESCRIPTION : This table is used to maintain the Request Details.
Parking:
of 32
Parking availability check:
User can click on spaces to view the availability. If the space is already booked it will be
marked yellow and the available ones will be seen in normal color.
Parking booking online for date and time:
Users can book parking space for their required date and time.
Automatic cost calculation:
The system calculates the total cost incurred for parking based on the time that user has
asked for booking.
Parking cancellation:
User may even cancel their bookings by login into the system anytime.
The term implementation has different meanings, ranging from the basic application, to a
complete replacement of a computer system. Implementation used here is to mean the process of
converting a new system design into an operational one. Conversion is one aspect of
implementation.
Unit testing:
This was done at the module level where basic components of the software were tested to
verify its functionality.
Integration testing:
This was used to test the combined modules as a group to identify defects in the
interfaces between integrated components.
System testing :
The complete integrated system was tested to verify whether all components work
efficiently and effectively as a whole.
of 32
4.2 SYSTEM IMPLEMENTATION
Data storage
We used XAMPP v3.2.1 which stands for Cross-Platform (X), Apache (A), Maria DB
(M), PHP (P) and Perl (P) . It is a simple, lightweight Apache distribution that makes it extremely
easy for developers to create a local web server for testing and deployment purposes.it was used
to manage record since is the one which contain the database of the system .
Interface and Authenticate user
The technology which was used to design Graphical User Interface is the HTML which is
on client side programming to help the operation to be performed on client’s machine, Java script
was used for client-side validation.CSS was also used as style sheet language for describing the
presentation of a document written in a markup language. In the system the server side
programming which was used is PHP which is open source scripting language allows the
operation to be performed on server, PHP code was embedded into HTML code.
These are the explanation of the information which are on the table above which show us
what will used to develop the web based application of Online Parking Reservation System.
5. CONCLUSION
of 32 AND FUTURE
SCOPE
Smart Parking Booking system reservation system improves the existing system since we
are in computerized world. With this new system is mandatory, it enables the user of the system
(client, employee, System administrator) to reserve a parking lot online and this reduces the
wasting of time of the clients looking for where to park, increase the safety of the property since
the parking lot is numbering
This Project presents the implementation of a smart parking Booking system. In this
project, we have developed a web application to know the web availability of different parking
slots in the respective areas. To implement this, we have used Apache Tomcat server using
database SQL server. This technology can be used in the Society viz. Shopping malls, Theatres
etc. This system will encourage customers to make parking slots in online and make parking
process a Hassle free experience. In future, this application flexibility can be improved by
sending the registered id to the user as a text message or e-mail and alerts about the slot
information.
of 32 BIBLIOGRAPHY
of 32
APPENDICES
User System
ATID ATID
Entry
Aendant Stname Stname Parking
ATID
Level 0
Aendant
Attendant
UID UID
Parking
Sname
User Atendan
UID
Sname
User Details
Level 1
of 32
User Parking Fees Payment
UID UID
Fees
Parking Payment
UID UID
Sname
User Details Fees Payment Details
SID STID
Sname Stname
DATE
USER Aendant
TIME
SID SID
Level 2
Sname P-A
User Details Parking Details
Student Attendance
PID RID
Stname
Attendanc
Parking Request
e
PID
STID
P-A
Parking Request
ENTITY RELATIONSHIP
of 32 DIAGRAM
Emai PW
name l D
Locat Mobilen
Phone
ATID ion o
Add
nam
e PWD
AID UNa
ATTENDANT
me
UID PW
Allo
D
ADMIN USER
wanc
Course
Parki
ng
PARKING
REQUST
PID
PID slots
Loca Stree
on t
RID status
Loc cost
UID
SAMPLE CODE
of 32
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<!-- The above 3 meta tags *must* come first in the head; any other head content must come
*after* these tags -->
<title>Smart Parking Web Portal</title>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet"
href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.0/jquery.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
<link href="assets/css/bootstrap.css" rel="stylesheet">
<link href="custom.css" rel="stylesheet">
<style>
/* .modal-fullscreen size: we use Bootstrap media query breakpoints */
.modal-fullscreen .modal-dialog {
margin: 0;
margin-right: auto;
margin-left: auto;
width: 100%;
}
@media (min-width: 768px) {
.modal-fullscreen .modal-dialog {
width: 750px;
}
}
@media (min-width: 992px) {
.modal-fullscreen .modal-dialog {
width: 970px;
}
}
@media (min-width: 1200px) {
.modal-fullscreen .modal-dialog {
width: 1170px;
}
}
of 32
/* .modal-transparent */
#regForm label{
color: #000 !important; /* makes the text-black */
}
</style>
<script type="text/javascript">
function checkPass()
{
$('#regBtn').prop('disabled', false);
$('#regOwner').prop('disabled', false);
}else{
//The passwords do not match.
//Set the color to the bad color and
//notify the user.
$('#regBtn').prop('disabled', true);
$('#regOwner').prop('disabled', true);
pass2.style.backgroundColor = badColor;
message.style.color = badColor;
message.innerHTML = "Passwords Do Not Match!"
}
}
of 32
// validate email
function email_validate(email)
{
var regMail = /^([_a-zA-Z0-9-]+)(\.[_a-zA-Z0-9-]+)*@([a-zA-Z0-9-]+\.)+([a-zA-Z]{2,3})$/;
var status = document.getElementById("emailstatus");
if(regMail.test(email) == false)
{
document.getElementById("emailstatus").innerHTML = "<span class='warning'>Email address
is not valid.</span>";
status.style.color = "#f44336";
$('#regBtn').prop('disabled', true);
$('#regOwner').prop('disabled', true);
}
else
{
document.getElementById("emailstatus").innerHTML = "<span class='valid'>Email address is
Valid!</span>";
status.style.color = "#00838f ";
$('#regBtn').prop('disabled', false);
$('#regOwner').prop('disabled', false);
}
}
$(".modal-fullscreen").on('show.bs.modal', function () {
setTimeout( function() {
$(".modal-backdrop").addClass("modal-backdrop-fullscreen");
}, 0);
});
$(".modal-fullscreen").on('hidden.bs.modal', function () {
$(".modal-backdrop").addClass("modal-backdrop-fullscreen");
});
$(".modal-transparent").on('show.bs.modal', function () {
setTimeout( function() {
$(".modal-backdrop").addClass("modal-backdrop-transparent");
}, 0);
});
$(".modal-transparent").on('hidden.bs.modal', function () {
$(".modal-backdrop").addClass("modal-backdrop-transparent");
});
</script>
</head>
<body>
of 32
<div class="overlay">
<div class="row">
<div class="container">
<div class="col-md-4"></div>
<div class="col-md-4">
<div class="page-header">
<center><h1 class="colors">SMART PARKING Portal</h1></center>
</div>
</div>
<div class="col-md-4"></div>
</div>
</div>
<!-- Modal -->
<div class="modal modal-fullscreen fade modal-transparent" id="myModal" role="dialog" aria-
hidden="true">
<div class="modal-dialog">
<div class="form-group">
<label for="name" >Name:</label>
<input type="text" name="name" id="name" class="text ui-widget-content ui-corner-all">
</div>
<div class="form-group">
<label for="email">Email</label>
<input type="email" id="email" name="email" placeholder="" class="text ui-widget-content ui-
corner-all" onchange="email_validate(this.value);" required>
<p id="emailstatus"></p>
</div>
<div class="form-group">
<label for="password">Password</label>
<input type="password" id="password" name="password" placeholder="" class="text ui-widget-
<div class="form-group">
<label for="password">Confirm Password</label>
<input type="password" class="text ui-widget-content ui-corner-all" id="password_confirm"
name="password_confirm" placeholder="" onkeyup="checkPass(); return false;" required>
</div>
</div>
</div>
<div class="row">
<div class="container">
<div class="col-md-4"></div>
<div class="col-md-4">
<label for=""></label>
<input type="password" name="password" id="" placeholder="password" class="pass">
</form>
</div>
<div class="col-md-4"> </div>
</div>
of 32
</div>
</div>
LOGIN PAGE
Description:
The login details are stored and maintained in the sql database table. So that the website
will compare the username and password from the details entered by the user with the sql
database, if it matches, then it will open the home page otherwise it will show the error message
in the message box whether the user entered the username or password as wrong. It will allow to
of 32
access the system only the user name and the password are correct.
HOME PAGE
ADMIN PAGE
of 32
Description
The Home page is the which shows all the screens and
PARKING PAGE
DESCRPTION:
In this module all the Information about parking will be maintained and send to the user
whenever they register for the particular slots. Admin can add and update the information about
user and Attendant. The admin will post the content and the assignment to the user who
of 32
Requst Page:
DESCRPTION:
Requst page is used to store the user details at the time of the enrollment. Before Booking
the slots, the user should fill this web page . This includes, user’s full name as he needs to be
printed in date, time, location address, phone number, e-mail id, booking he wants to booking id,
convenient time of parking, mode of parking location whether online or parking
of 32
Document 8 pages
5.docx
Melki San
No ratings yet
Document 15 pages
Document 8 pages
Document 27 pages
VIVEK.BACK PAGE
Rajesh Gr
No ratings yet
Document 21 pages
Document 32 pages
e-commerce
anjali sahu
No ratings yet
Document 15 pages
Online Shopping
Rajesh Radhakrishnan
No ratings yet
Document 18 pages
Document 11 pages
Summer-Training
DIVYANSHI PHOTO STATE
No ratings yet
of 32
Document 4 pages
Chapter 1.docx
Himanshu Mishra
No ratings yet
Document 6 pages
Web Engineering 12
rana_shahid_1122
No ratings yet
Document 9 pages
Related titles
Invite friends
of 32
Gifts
Language: English