![Page 1: State fair project ( Remote Car Parking System)](https://reader034.vdocuments.mx/reader034/viewer/2022042723/586f6f2c1a28ab10258b46b3/html5/thumbnails/1.jpg)
1
STATE FAIR PROJECT
Smart Parking System
![Page 2: State fair project ( Remote Car Parking System)](https://reader034.vdocuments.mx/reader034/viewer/2022042723/586f6f2c1a28ab10258b46b3/html5/thumbnails/2.jpg)
2
• Overview• Software • Hardware• Code• Other Setup• Solving Problems• Benefits and Improvements
Agenda
![Page 3: State fair project ( Remote Car Parking System)](https://reader034.vdocuments.mx/reader034/viewer/2022042723/586f6f2c1a28ab10258b46b3/html5/thumbnails/3.jpg)
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.
![Page 4: State fair project ( Remote Car Parking System)](https://reader034.vdocuments.mx/reader034/viewer/2022042723/586f6f2c1a28ab10258b46b3/html5/thumbnails/4.jpg)
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
![Page 5: State fair project ( Remote Car Parking System)](https://reader034.vdocuments.mx/reader034/viewer/2022042723/586f6f2c1a28ab10258b46b3/html5/thumbnails/5.jpg)
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
![Page 6: State fair project ( Remote Car Parking System)](https://reader034.vdocuments.mx/reader034/viewer/2022042723/586f6f2c1a28ab10258b46b3/html5/thumbnails/6.jpg)
6
SQL connection
This code creates a connection with the database. The code is pretty straightforward by itself.
![Page 7: State fair project ( Remote Car Parking System)](https://reader034.vdocuments.mx/reader034/viewer/2022042723/586f6f2c1a28ab10258b46b3/html5/thumbnails/7.jpg)
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.
![Page 8: State fair project ( Remote Car Parking System)](https://reader034.vdocuments.mx/reader034/viewer/2022042723/586f6f2c1a28ab10258b46b3/html5/thumbnails/8.jpg)
8
Adding the data
This page selects each value from the database and produces it as a row in the foreach function. The header keyword refreshes the page continuously.
![Page 9: State fair project ( Remote Car Parking System)](https://reader034.vdocuments.mx/reader034/viewer/2022042723/586f6f2c1a28ab10258b46b3/html5/thumbnails/9.jpg)
9
Arduino Code Part 1This 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.
![Page 10: State fair project ( Remote Car Parking System)](https://reader034.vdocuments.mx/reader034/viewer/2022042723/586f6f2c1a28ab10258b46b3/html5/thumbnails/10.jpg)
10
Arduino code Part 2
![Page 11: State fair project ( Remote Car Parking System)](https://reader034.vdocuments.mx/reader034/viewer/2022042723/586f6f2c1a28ab10258b46b3/html5/thumbnails/11.jpg)
11
Arduino Code Part 3
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.
![Page 12: State fair project ( Remote Car Parking System)](https://reader034.vdocuments.mx/reader034/viewer/2022042723/586f6f2c1a28ab10258b46b3/html5/thumbnails/12.jpg)
12
Arduino Code - Part 4
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.
![Page 13: State fair project ( Remote Car Parking System)](https://reader034.vdocuments.mx/reader034/viewer/2022042723/586f6f2c1a28ab10258b46b3/html5/thumbnails/13.jpg)
13
Xampp Server ApplicationThis 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.
![Page 14: State fair project ( Remote Car Parking System)](https://reader034.vdocuments.mx/reader034/viewer/2022042723/586f6f2c1a28ab10258b46b3/html5/thumbnails/14.jpg)
14
Project Architecture
![Page 15: State fair project ( Remote Car Parking System)](https://reader034.vdocuments.mx/reader034/viewer/2022042723/586f6f2c1a28ab10258b46b3/html5/thumbnails/15.jpg)
15
Main Page – Part 1This 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.
![Page 16: State fair project ( Remote Car Parking System)](https://reader034.vdocuments.mx/reader034/viewer/2022042723/586f6f2c1a28ab10258b46b3/html5/thumbnails/16.jpg)
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.
![Page 17: State fair project ( Remote Car Parking System)](https://reader034.vdocuments.mx/reader034/viewer/2022042723/586f6f2c1a28ab10258b46b3/html5/thumbnails/17.jpg)
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.
![Page 18: State fair project ( Remote Car Parking System)](https://reader034.vdocuments.mx/reader034/viewer/2022042723/586f6f2c1a28ab10258b46b3/html5/thumbnails/18.jpg)
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.
![Page 19: State fair project ( Remote Car Parking System)](https://reader034.vdocuments.mx/reader034/viewer/2022042723/586f6f2c1a28ab10258b46b3/html5/thumbnails/19.jpg)
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.
![Page 20: State fair project ( Remote Car Parking System)](https://reader034.vdocuments.mx/reader034/viewer/2022042723/586f6f2c1a28ab10258b46b3/html5/thumbnails/20.jpg)
20
Webpage Display – Part 1
![Page 21: State fair project ( Remote Car Parking System)](https://reader034.vdocuments.mx/reader034/viewer/2022042723/586f6f2c1a28ab10258b46b3/html5/thumbnails/21.jpg)
21
Webpage Display – Part 2
![Page 22: State fair project ( Remote Car Parking System)](https://reader034.vdocuments.mx/reader034/viewer/2022042723/586f6f2c1a28ab10258b46b3/html5/thumbnails/22.jpg)
22
About Me Page – Part 1
![Page 23: State fair project ( Remote Car Parking System)](https://reader034.vdocuments.mx/reader034/viewer/2022042723/586f6f2c1a28ab10258b46b3/html5/thumbnails/23.jpg)
23
About Me – Part 2
![Page 24: State fair project ( Remote Car Parking System)](https://reader034.vdocuments.mx/reader034/viewer/2022042723/586f6f2c1a28ab10258b46b3/html5/thumbnails/24.jpg)
24
About Me – Part 3
![Page 25: State fair project ( Remote Car Parking System)](https://reader034.vdocuments.mx/reader034/viewer/2022042723/586f6f2c1a28ab10258b46b3/html5/thumbnails/25.jpg)
25
About Me – Part 4
![Page 26: State fair project ( Remote Car Parking System)](https://reader034.vdocuments.mx/reader034/viewer/2022042723/586f6f2c1a28ab10258b46b3/html5/thumbnails/26.jpg)
26
About Me – Part 5
![Page 27: State fair project ( Remote Car Parking System)](https://reader034.vdocuments.mx/reader034/viewer/2022042723/586f6f2c1a28ab10258b46b3/html5/thumbnails/27.jpg)
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
![Page 28: State fair project ( Remote Car Parking System)](https://reader034.vdocuments.mx/reader034/viewer/2022042723/586f6f2c1a28ab10258b46b3/html5/thumbnails/28.jpg)
28
About Me Display
![Page 29: State fair project ( Remote Car Parking System)](https://reader034.vdocuments.mx/reader034/viewer/2022042723/586f6f2c1a28ab10258b46b3/html5/thumbnails/29.jpg)
29
Table Display
Parking Lot DataThis 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.
![Page 30: State fair project ( Remote Car Parking System)](https://reader034.vdocuments.mx/reader034/viewer/2022042723/586f6f2c1a28ab10258b46b3/html5/thumbnails/30.jpg)
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
![Page 31: State fair project ( Remote Car Parking System)](https://reader034.vdocuments.mx/reader034/viewer/2022042723/586f6f2c1a28ab10258b46b3/html5/thumbnails/31.jpg)
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
![Page 32: State fair project ( Remote Car Parking System)](https://reader034.vdocuments.mx/reader034/viewer/2022042723/586f6f2c1a28ab10258b46b3/html5/thumbnails/32.jpg)
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………..
![Page 33: State fair project ( Remote Car Parking System)](https://reader034.vdocuments.mx/reader034/viewer/2022042723/586f6f2c1a28ab10258b46b3/html5/thumbnails/33.jpg)
33
THANK YOU