3. Overview
• Have you ever roamed around in the car parking searching for a
slot to park ?
• The answer for this question is the project that I have I made –
Smart Parking System.
• This parking lot can sense whether a car is present in the slot or
not. This will then be reported to a database which will in turn
be shown in a webpage.
3
4. • The different types of
software you will need to use
are
◘ Arduino IDE
◘ Xampp
◘ Sublime Text Editor
◘ Apache and MySQL
Software
• In order to complete this
project successfully, one
should know how to code in :
• PHP,SQL
•C,C++
•HTML5,CSS3,Bootsrap
4
5. • Code in Arduino.
• Activate the ultrasonic
sensor.
Arduino
• Use PHP to post the values
in the database.
• Design a webpage.
Web page
• Sync Arduino with internet
and PHP.
• Make a nice display board
to present the project.
Sync and Project
Design
Title and Content Layout with SmartArt
5
6. SQL connection
This code creates a
connection with the
database. The code is pretty
straightforward by itself.
6
7. Updating the values
This code basically updates the
values to the database using the
keywords UPDATE and SET inside
the $sql variable. The keyword
query runs the $sql functions.
7
8. 8
Adding the data
This page selects each
value from the
database and produces
it as a row in the for
each function. The
header keyword
refreshes the page
continuously.
9. Arduino Code Part 1
This is a basic Arduino
code where I first
include a few libraries
and declare variables for
the ultrasonic sensor. (1-
58) Then I am defining
the pins (whether they
are an input or an
output). The attach
keyword says where I
have the servo
connected.
9
11. Arduino Code Part 3
11
In Arduino Code – Part 2, I am
adding the ultrasonic sensor
code using the keywords –
pulseIn and digitalWrite.
In Arduino Code – Part 3, I am
making a connection with the
PHP webpage.
12. Arduino Code - Part 4
12
In Arduino code part
3, I have created a
connection between
PHP and Arduino, so
that I can push
variables to the PHP
code for all six
sensors.
13. Xampp Server Application
This is the application that you have
to have in order to access a server
and a database. You have to switch
on the Apache and the MySQL boxes
to control the database.
13
15. 15
Main Page – Part 1
This is the main webpage
where I am displaying all
the necessary details and
links. I am using
Bootstrap to create a
responsive webpage. In
the first 11 lines, I am
just adding in libraries.
And in the next couple of
lines I am creating the
navigation bar.
16. 16
Main Page – Part 2
In this part I am designing the
carousel. Bootstrap is all about
creating classes as it pre-
coded in CSS3 and SASS. A
carousel acts like a PPT in the
webpage. I can also add this
PPT to the carousel.
17. 17
Main Page Part – 3
I am just continuing the
carousel and there are also two
buttons added. I have added
an internal html CSS stylesheet
using the <style> tag.
18. 18
Main Page – Part 4
There is the continued
CSS code until #149. And
after that I have just add
a bunch of columns to
align the page better in
the second picture.
19. 19
Main Page – Part 5
I have added the same
columns with different text.
I have also added a footer
for the webpage saying
that my page is a
copyright.
27. 27
• I have created an About Me page to just make it look like a
professional webpage.
• The new thing I have added was the animated progress bar.
• Another basic thing in the code was the columns for making it
responsive.
• I have added a picture of myself and a notebook background
including the same navigation bar.
About Me Page - Explanation
29. 29
Table Display
Parking Lot Data
This is the table which shows the data for the parking lot.
If there is a green tick, then it means that the particular
slot is available. If there is a red cross, then it means that
the particular slot is occupied. This is the data-table which
will show the car-drivers whether the slot is free or not.
30. 30
• The main purpose of this project was to reduce the frustration of
searching for a parking slot.
• This can prove to be a great example of an IoT project.
• My motive has always been, and will be, to make lives easier
with technology.
Benefits
31. 31
• There are many improvements that can be made to this project
• I had many ideas, like:
•adding a timer, and finding out the time that car the had stayed
there.
•Sending warnings for a car crossing the time limit via SMS.
•Finding out the car that has stayed there. Capturing photos of it
and processing details to know the frequency of the visit.
Other Improvements
32. 32
• I would surely improve my project to have all the features listed
in slide #32.
• I would like to add a computer to my project such as a raspberry
pi or a banana pi.
If Given More Time………..