Contents:

• Abstract • Testing
• Introduction • Implementation
• Literature Survey • Future Enhancement
• System analysis • Conclusion
• System Architecture • References
• System Requirements
• System Design
• Coding
ABSTRACT:
A location-based application could help to this user with this problem as it would guide him
depending on his current location. A crucial part of this location-based application is locating users’ current
location. Global Positioning System (GPS) is a widely used technology for this purpose and it is constantly
being improved. With the advances in GPS and wireless communications technology and the growing
popularity of mobile devices, such as PDA, the need for location-based applications has gained significant
attentions.
INTRODUCTION:
Finding a parking space is a common challenge faced by millions of citizens every day. Let’s
imagine a driver who arrives to a shopping centre looking for the place to park his car. Let’s also imagine
that the shopping centre is on sale and therefore it is bursting with people. If the user needs to buy
something quickly, something that he forgot the previous day when he did his weekly shopping, and he is
also in a hurry because he just quit from his job for a few minutes, he would need extra help to find the best
parking-position. The driver is not concerned with the shopping centre entrances that are far away from his
current location, rather he wants to choose one from several entrances near his current location and, if
possible, closer to the requested shop.
EXISTING SYSTEM:
Many parking places still use the manual or the paper based system for customer’s parking
reservation, data storage and payments. customers in many parking places come and then book for
parking of their vehicles, sometime congestion cause confusion and locating a vacant parking space
can be a big issue. Online vehicle parking reservation system will help solve this problem since the
user will have priory located and paid for the parking service .This will gives the people time to settle
down into the main activities of the day within the shortest time possible.

Disadvantages:
• Difficulty in locating the parking places.
• Sometimes congestion in parking area leads to confusion in parking the vehicles.
• Paper based booking of parking area.
PROPOSED SYSTEM:
A location-based application could help user with the problems discussed above as it would guide
him depending on his current location. A crucial part of this location-based application is locating users’
current location. Global Positioning System (GPS) is a widely used technology for this purpose and it is
constantly being improved. With the advances in GPS and wireless communications technology and the
growing popularity of mobile devices, such as PDA, the need for location-based applications has gained
significant attentions.
The proposed system allows user to book a parking place using an android application/ web
platform which is user-friendly. It also avoids congestions in the parking places.

Advantages:
• User-friendly application to manage parking places.
• Provides directions to the parking places.
• Avoids congestion in parking places
LITERATURE SURVEY #1:
Title: “Smart parking reservation system using short message services ”

Author: Felix .Noor HazrinHanyMohamadHanif , Mohd Hafiz Badiozaman, Hanita Daud

Year: 2009

Description: A parking reservation system is developed in such a way that users book their parking spots
through short message services (SMS). The SMS sent will be processed by a wireless communication
instrumentation device called micro-RTU (Remote Terminal Unit). This micro-RTU will reply the
confirmation of booking by giving the details of reservation like password and lot number. The password will
be used to enter the parking area and valid for a certain period of time. The system is fully automated with the
use of the AT89S52 Microcontroller. This microcontroller is capable in storing information of empty parking
spaces; provide passwords as well as allowing or denying access to the parking area.
LITERATURE SURVEY #2:
Title: “Smart Parking Service based on Wireless Sensor Networks. ”

Author: Jihoon Yang, Jorge Portilla , Teresa Riesgo

Year: 2012

Description: This allows vehicle drivers to effectively find the free parking places. It consists of wireless
sensor networks, embedded web-server, central web-server and mobile phone application. In the system,
low-cost wireless sensors networks modules are deployed into each parking slot equipped with one sensor
node. The state of the parking slot is detected by sensor node and is reported periodically to embedded web-
server via the deployed wireless sensor networks. This information is sent to central web-server using Wi-Fi
networks in real-time, and also the vehicle driver can find vacant parking lots using standard mobile devices
LITERATURE SURVEY #3:
Title: “Intelligent Parking Management System Based on Image Processing.”

Author: Hilal Al-Kharusi, Ibrahim Al-Bahadly

Year: 2014

Description: It is an intelligent system for parking space detection based on image pro- cessing technique.
The proposed system captures and processes the rounded image drawn at parking lot and produces the
information of the empty car parking spaces. In this work, a camera is used as a sensor to take photos to
show the occupancy of car parks. The reason why a camera is used is because with an image it can detect
the presence of many cars at once. Also, the camera can be easily moved to detect different car parking lots.
By having this image, the particular car parks vacant can be known and then the processed information was
used to guide a driver to an availa-ble car park rather than wasting time to find one.
SYSTEM ARCHITECTURE:
SYSTEM REQUIREMENTS:
Hardware Requirements:
• Operating System : Windows 10.
• Processor : Intel i3 core 3.2 GHZ or Higher
• Ram : 4 GB
• Hard Disk : 20 GB
Software Requirements:
• Technologies Used : Libraries of Npm and amp, Angular Cli, Yarn, AuthGaurd, Angular material,
HttpClientModule, External API’s, Chocolatey, Cordova, Cordova-android,
Electron
• Languages : Html, Css, AngularJs, Jquery, Libraries of Npm & amp, Ng , MaterialJs
• Software's : NPM, Angular CLI , Firebase, GitHub, Android Studio ,Java 1.8.0+ SDK .
• Tools : Visual Studio Code
• Database : Firestore using Firebase Cloud
SYSTEM DESIGN:
Use Case Diagram:
Class Diagram:
Sequence Diagram:
Collaboration Diagram:
State Chart Diagram:
CODING:
Index.html:

<!DOCTYPE html>
<html lang="en" dir="ltr">
<head>
<meta charset="UTF-8">
<title>Smart Parking Systems</title>
<meta name="viewport" content="viewport-fit=cover, width=device-width, initial-scale=1.0, minimum-
scale=1.0, maximum-scale=1.0, user-scalable=no">
<meta name="format-detection" content="telephone=no">
<meta name="msapplication-tap-highlight" content="no">
<link rel="icon" type="image/x-icon" href="assets/icon/favicon.ico">
<link rel="manifest" href="manifest.json">
<meta name="theme-color" content="#4e8ef7">
<!-- add to homescreen for ios -->
<meta name="apple-mobile-web-app-capable" content="yes">
<meta name="apple-mobile-web-app-status-bar-style" content="black">
<!-- cordova.js required for cordova apps (remove if not needed) -->
<script src="cordova.js"></script>

<!-- un-comment this code to enable service worker

<script>
if ('serviceWorker' in navigator) {
navigator.serviceWorker.register('service-worker.js')
.then(() => console.log('service worker installed'))
.catch(err => console.error('Error', err));
}
</script>-->
<link href="build/main.css" rel="stylesheet">
</head>
<body>
<!-- Ionic's root component and where the app will load -->
<ion-app></ion-app>

<!-- The polyfills js is generated during the build process -->

<script src="build/polyfills.js"></script>
 <!-- The vendor js is generated during the build process
It contains all of the dependencies in node_modules -->
<script src="build/vendor.js"></script>

<!-- The main bundle js is generated during the build process -->
<script src="build/main.js"></script>
<script src="https://unpkg.com/[email protected]/dist/leaflet-routing- machine.js"></script>
<link href="https://unpkg.com/[email protected]/dist/leaflet.css" rel="stylesheet">
<link href="https://unpkg.com/[email protected]/dist/leaflet-routing-machine.css" rel="stylesheet"
</body>
</html>
Environment.ts

export const environment = {

production: false,
firebase: {
apiKey: "AIzaSyA2Vbyo2czdCV4Siy7xmkuha39bUPH4ygg",
authDomain: "smart-parking-7bd1e.firebaseapp.com",
databaseURL: "https://smart-parking-7bd1e.firebaseio.com",
projectId: "smart-parking-7bd1e",
storageBucket: "smart-parking-7bd1e.appspot.com",
messagingSenderId: "599008949698"
}
}
TESTING:
TEST CASE TEST RESULTS
Open Web Browser Browser windows is displayed.
Enter proper web address Enter proper web address
Enter valid username and password Enters into portal showing maps and parking areas in it.

Enter invalid username and password An error message is displayed

Fields in registering/ sign up Shows error if not filled properly
Use already used email in registration Shows alter that the email already exists.
Click on parking areas in user portal Shows a pop-up that gives details of parking area.

Click on book button in user portal Shows directions to parking area and starts timer.

Click on exit button in user portal Shows calculated fare and number of hours used.

Click add parking button in parking provider portal Shows a pop-up showing select location and asks to pin the
location of parking on map.
Click on select button shown when add parking button is Shows a pop-up asking parking name, available space and
clicked price per hour.
Click on parking area in parking provider portal Shows a pop-up that contains details, Edit and delete buttons.

Click on Edit button Shows a pop-up asking parking name, available space and
price per hour to update.

Click on Delete button Deletes the parking area

Click on logout User logs out from the portal.
IMPLIMENTATION:
LOGIN PAGE :
REGISTRATION PAGE :
HOME PAGE :
DIRECTIONS PAGE :
REPORTS PAGE :
PAY POPUP PAGE :
FUTURE ENHANCEMENTS:

Though the current proposed project will serve the user in a user friendly and interactive way it can
further be updated to make it more reliable and user attractive player in the following ways.
• By adding a Payment Gateway in the application
• Search bar for the user to search available Parking space around the Globe..
CONCLUSION:
GPS Activated GeoLocation Smart Car Parking 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.
The conclusion is to know about how the working procedure is happening in the smart car parking
system by using API’s. The main objective of this project is to build a GPS Activated GeoLocation Smart
Car Parking System. An Android app captures the location of vehicles, parking areas and stores it in a
Firebase Real-time Database. A map built with the Maps JavaScript API provides real-time visibility of your
vehicles, routes, and parking areas. Firebase is used to save the data and POST methods for displaying the
same
REFERENCES:
1. Delmatic. Parking Management Systems.
http://www.delmatic.com/systems/parkingmanagement-systems.
2. AsureSpace Workspace Manager Car Parking Management System. Car Parking Management System.
http://www.asuresoftware.com/asure-space/workspace-manager/parking-spacemanagement-system/car-
parking-management-system-overview
3. Smart Car Parking System based on wireless networks
https://www.researchgate.net/publication/319345084_Smart_Car_Parking_System
4. Aurecon Australia Pty. Ltd. (2013), Parking Spaces for Urban Places: Car Parking Study -
Technical Report, Aurecon Australia Pty. Ltd., Adelaide, South Australia