State fair project ( Remote Car Parking System)
- 1. STATE FAIR PROJECT Smart Parking System 1
- 2. • Overview • Software • Hardware • Code • Other Setup • Solving Problems • Benefits and Improvements Agenda 2
- 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 foreach 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
- 10. Arduino code Part 2 10
- 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.
- 20. 20 Webpage Display – Part 1
- 21. 21 Webpage Display – Part 2
- 22. 22 About Me Page – Part 1
- 23. 23 About Me – Part 2
- 24. 24 About Me – Part 3
- 25. 25 About Me – Part 4
- 26. 26 About Me – Part 5
- 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………..
- 33. 33 THANK YOU