Documente Academic
Documente Profesional
Documente Cultură
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
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
FRONT END
The front end is designed using of HTML, PHP, CSS, Java script
HTML
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
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
JavaScript (JS) is a dynamic computer programming language. It is most commonly
used as part of web browsers, whose implementations allow client-side scripts to interact with
the user, control the browser, communicate asynchronously, and alter the document content that
is displayed. It is also being used in server-side programming, game development and the
creation of desktop and mobile applications. JavaScript is a prototype-based scripting language
with dynamic typing and has first-class functions. Its syntax was influenced by C. JavaScript
copies many names and naming conventions from Java, but the two languages are otherwise
unrelated and have very different semantics. The key design principles within JavaScript are
taken from the Self and Scheme programming languages. It is a multi-paradigm language,
supporting object-oriented, imperative, and functional programming styles. The application of
JavaScript to use outside of web pages—for example, in PDF documents, site-specific browsers,
and desktop widgets—is also significant. Newer and faster JavaScript VMs and platforms built
upon them (notably Node.js) have also increased the popularity of JavaScript for server-side web
applications. On the client side, JavaScript was traditionally implemented as an interpreted
language but just-in-time compilation is now performed by recent (post-2012) browsers.
PHP
PHP is a server-side scripting language designed for web development but also used as a general-
purpose programming language. PHP is now installed on more than 244 million websites and 2.1 million
web servers. Originally created by Rasmus Lerdorf in 1995, the reference implementation of PHP is now
produced by The PHP Group. While PHP originally stood for Personal Home Page, it now stands for
PHP: Hypertext Pre-processor, a recursive backronym. PHP code is interpreted by a web server with a
PHP processor module, which generates the resulting web page: PHP commands can be embedded
directly into an HTML source document rather than calling an external file to process data. It has also
evolved to include a command-line interface capability and can be used in standalone graphical
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.
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:
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
3.4 DATABASE DESIGN
The data pertaining to proposed system is voluminous that a careful design of the
database must precede design of the database must proceed before storing the data in the
database.
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:
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.
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 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.
BIBLIOGRAPHY
User System
ATID ATID
Entry
Attendant Stname Stname Parking
ATID
Level 0
Attendant
Attendant
UID UID
Sname
Parking
User Attendant
UID
Sname
User Details
Level 1
User Parking Fees Payment
UID UID
Fees
Parking Payment
UID UID
Sname
User Details Fees Payment Details
SID STID
Sname Stname
DATE
USER Attendant
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 DIAGRAM
Emai PW
name l D
Locat Mobilen
Phone
ATID ion o
nam Add
e PWD
AID UNa
ATTENDANT
me
UID PW
Allo
D
ADMIN wanc USER
Course
Parki
ng
PARKING
REQUST
PID
PID slots
Loca Stree
tion t
RID status
Loc cost
UID
SAMPLE CODE
<!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;
}
}
/* .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!"
}
}
// 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>
<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-
content ui-corner-all" required>
</div>
<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>
</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
access the system only the user name and the password are correct.
HOME PAGE
ADMIN PAGE
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
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