Sunteți pe pagina 1din 32

SMART PARKING BOOKING SYSTEM

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.

Parking Management system is a web based Application to the events of customers. In


this system, customer can register in the application and get user id and password. Administrator
will manage all the events adding, deleting and updating the slots. Existing system is very
difficult to manage and it is a time consuming process. More manual work is needed. We have to
face high level risk in maintain the existed system. In overcome all these problems the project is
developed from manual procedure to automate. This project has been developed in order to
overcome the difficulties encountered while using the existing system.

1.2 SYSTEM SPECIFICATION

HAREDWARE SPECIFICATION

Processor : Intel Pentium Dual core

Hard disk : 180 GB

Ram : 2 GB

SOFTWARE SPECIFICATION

Operating system : Windows 8

Front end : PHP

Back end : Mysql


1.3 ABOUT THE SOFTWARE

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.

2.1 EXISTING SYSTEM OF THE PROJECT

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:

 It is very Time Consuming process.


 Manually the users check where the slot is free and park the vehicle with a lot of physical
work.
 Manually the parking team must provide the Token generation and then they elect the
vehicles to park and number of human power is needed.
 The Customer has to wait until the slot is free or they search for any alternative like any
side of roads. This wills a problem for Traffic.
 There will be some Security issues may arise with this system.
 To reach within the time with this existing system is very difficult.
2.2 PROPOSED SYSTEM
The main purpose of Smart Parking Booking System is to reduce the manual work and
waiting time of the customer. The customer simply registers in the site and after registration
login into the system and he/she check for the available slots. Then the customer reserves the slot
by giving the details like name, address, date and time. After completing the reservation the
customer simply went to that parking stall and parks the vehicle thereby creating a hassle free
experience As it is automated system it can perform the complete process through online.
2.2.1 ADVANTAGES OF PROPOSED SYSTEM

The advantages of the proposed system is,

 In this proposed system we are trying to automate the manual process.


 In this system the customer should be able to check the parking space availability by
specifying the desired date and time using a client device such as Web browser.
 The website will allow customers to reserve a time slot in which to park days, weeks, or
even months ahead of time and the system will store this information and properly
arrange parking reservations to maximize the number of reservations that can be made.
 Upon successful reservation, the customer is issued a reservation confirmation number.
 By this customer can book the parking slots before parking the vehicle.
 As this system is automated system, it reduces the manual power.
 This system provides Flexibility for reserving the parking slots effectively without any
manual power.
 There will be no waiting time for the customers.
 Using this system there will be no problem with the fines by keeping in the side roads
thereby saving our Money.
3. SYSTEM 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.

The principal activities perform during the system design includes,

 Input Design

 Output Design

 Code Design

 Database Design

3.1 INPUT 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.

The major activities carried out are:

 Collection of needed data from its source.

 Conversation of data into computer acceptable form.

 Verification of data.

 Checking data for its accuracy.


The objectives of input design are

 To produce a cost effective method or output.

 To achieve the highest possible level accuracy.

 To ensure that the input is acceptable and understood.

3.2 OUTPUT DESIGN

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.

3.3 CODE DESIGN

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.

Purpose of using codes:

 To achieve unique identification

 It can be used instead of name

 To specify a nature of data

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

TABLE NAME : ATTENDANT_ Details.

PRIMARY KEY : ATID.

DESCRIPTION : This table is used to maintain the Attendant Details.

S.NO FIELD DATA LENGTH CONSTRAINT DESCRIPTION


NAME TYPE
1. ATID Varchar 8 NOTNULL ATTENDANT ID

2. FName Text 20 NOTNULL First Name

3. LName Text 20 NOTNULL Last Name

4. Mob int 12 NOTNULL Mobile Number

5. Loc Text 50 NOTNULL Location

6. Usename Varchar 30 NOTNULL User Name

7. Pw Varchar 15 NOTNULL Password


TABLE NAME : User_ Details.

PRIMARY KEY : UID.

DESCRIPTION : This table is used to maintain the User Details.

S.NO FIELD DATA LENGTH CONSTRAINT DESCRIPTION


NAME TYPE
1. UID Varchar 30 NOTNULL User ID

2. Uname Varchar 50 NOTNULL User Name

3. Email Varchar 50 NOTNULL Email id

4. PWD Varchar 50 NOTNULL Password

TABLE NAME : Admin_ Details.

PRIMARY KEY : AID

DESCRIPTION : This table is used to maintain the User Details.

S.NO FIELD DATA LENGTH CONSTRAINT DESCRIPTION


NAME TYPE
1. AID Varchar 30 NOTNULL Admin ID

2. Aname Varchar 50 NOTNULL Admin Name

3. Email Varchar 50 NOTNULL Email id

4. PWD Varchar 50 NOTNULL Password

TABLE NAME : Parking.


PRIMARY KEY : PID.

DESCRIPTION : This table is used to maintain the Students Parking Details.

S.NO FIELD DATA LENGTH CONSTRAINT DESCRIPTION


NAME TYPE
1. PID Varchar 8 NOTNULL Parking ID

2. Location Varchar 15 NOTNULL Location

3. Street Varchar 15 NOTNULL Street

4. Slot Varchar 15 NOTNULL Parking Slot

5. Rem_slot Varchar 15 NOTNULL Remaining slots

6. Attendant Varchar 15 NOTNULL Attendant

7. Date Date NotNull Date

8. Price Int 10 NOTNULL Price


TABLE NAME : Requst.
PRIMARY KEY : RID
FOREIGN KEY : PID.
DESCRIPTION : This table is used to maintain the Request Details.

S.NO FIELD NAME DATA LENGTH CONSTRAINT DESCRIPTION


TYPE
1. RID Varchar 8 NOTNULL Requst ID
2. PID Varchar 20 NOTNULL Parking Id

3. Slots Int 5 NOTNULL Slots

4. House Varchar 30 NOTNULL House

5. Cost int 5 NOTNULL Cost

6. Customer Varchar 15 NOTNULL Customer

7. Time 10 NOTNULL Time

8. Status Varchar 10 NOTNULL Status


3.4 MODUELS DISCRIPTIOM
Admin:
In this module all the events related to slots and parking events will be maintained and
prepared by Admin. Admin can also add, delete and update the slots available for customers. He
checks for the registered users and slot booked users. Admin is responsible for maintaining all
the events related to this parking management system.
Functionalities:
 Admin can add the new slots to the customers.
 Admin can update the slots.
 Admin checks the registered users and the slot booked users.
User:
In this module, information about all the events will be maintained by the customer
belonging to the particular slot. He can register with the application and get user login-id and
password. After login with the user id and password the customer checks the vacant slots
available and book that selected slot.
Functionalities:
 User registers with the application.
 User login with the login-id and password.
 Customer checks the vacant slots book the selected slot.
Attendant:
In this module all the events related to slots and parking events will be maintained and
prepared by Attendant. Attendant can also add, delete and update the slots available for
customers. He checks for the registered users and slot booked users. Attendant is responsible for
maintaining all the events related to this parking management system.
Functionalities:
 Attendant can add the new slots to the customers.
 Attendant can update the slots.
 Attendant checks the registered users and the slot booked users.
Parking:
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.

Email on successful parking booking:


When user is successful in parking the space, system sends a confirmation and 'thank you'
email regarding the space booked.
Feedback:
The system has a feedback form, where user can provide feedback into the system.
4. SYSTEM TESTING AND IMPLEMENTATION
4.1 TESTING
Software testing is a critical element of software quality assurance and represents the
ultimate review of specification, design and coding. Testing is a process of executing a program
with the intent of finding errors. The user tests the developed system and change is made
according to their needs. The testing phase involves the testing of developed system using
various kinds of data.

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

SYSTEM ANALYSIS AND DESIGN


Ellias. M.Award Galgotia Publications (p) Ltd -Second edition, 1996
ANALYSIS &DESIGN OF INFORMATION SYSTEM
James A.Senn Mc GRAW HILL International editions Second edition, 1989
TEACH YOURSELF PHP IN 21 DAYS
Lowell Mauer Tech Media Publications
PHP
Rasmus Lerdorf Tech Media Publications
APPENDICES

DATA FLOW DIAGRAM

Context Diagram: Smart parking


Booking System

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()
{

//Store the password field objects into variables ...


var pass1 = document.getElementById('password');
var pass2 = document.getElementById('password_confirm');
//Store the Confimation Message Object ...
var message = document.getElementById('confirmMessage');
//Set the colors we will be using ...
var goodColor = "#66cc66";
var badColor = "#ff6666";
//Compare the values in the password field
//and the confirmation field
if(pass1.value == pass2.value){
//The passwords match.
//Set the color to the good color and inform
//the user that they have entered the correct password
pass2.style.backgroundColor = goodColor;

$('#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">

<!-- Modal content-->


<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal">&times;</button>
<center><h4 class="modal-title" style="color:#225556;">All form fields are
required.</h4></center>
</div>
<div class="modal-body">
<form id="regForm" action="register.php" method="POST" enctype="multipart/form-data">

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

<button type="submit" id="regBtn" class="form-control" name="register">create


account</button>
</div>
</form>
</div>

</div>
</div>
<div class="row">
<div class="container">
<div class="col-md-4"></div>
<div class="col-md-4">

<form enctype="multipart/form" action="index.php" method="POST" id="">


<div class="page-header">
<center><h3 class="colors">Login</h3></center>
</div>
<label for=""></label>
<input type="text" name="email" id="" placeholder="email" class="email">

<label for=""></label>
<input type="password" name="password" id="" placeholder="password" class="pass">

<button type="submit" name="login">login</button>


<label for=""></label>
<button type="button" data-toggle="modal" data-target="#myModal">Sign Up</button>

</form>

</div>
<div class="col-md-4"> </div>
</div>
</div>
</div>

<!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->


<script src="assets/js/jquery-1.8.3.min.js"></script>
<!-- Include all compiled plugins (below), or include individual files as needed -->
<script src="assets/js/bootstrap.min.js"></script>
</body>

(I) SCREEN SHOT

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

registered and paid the parking fees.


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

S-ar putea să vă placă și