Project tutorial
Smart Parking System

Smart Parking System © MIT

Samsung Artik Cloud Based IoT Car Parking System.

  • 42 respects

Components and supplies

Apps and online services

About this project

Finding a free parking lot in a congested city like Bangalore is very hard. Here, if anyone wants to go outside from home with personal car first thing comes in his mind is about parking, where he will park his car. Most of the cases, people go to a parking station and find that all parking slot are full and then he have to search for another parking lot. So, it is a big hassle and many people keep in fear about parking of his car when he gets out with his car.

So, I was thinking, how the problem can be solved and finally I succeeded to make a cloud based smart parking system and I hope implementing the system can remove the parking problem of my city. ARTIK Cloud is really a nice and appropriate platform for such job.

Using this system a user will be will able to find an available parking lot easily using mobile or web app from anywhere. The system updates parking data every 30 seconds.

In this project I will show you how you can easily build such smart system. Definitely, I will use ARTIK Cloud platform, the coolest IoT cloud platform. Before going to the details, enjoy the demo video of my demo project.

Smart Parking System

For this demo system you have to create only one new devices in Samsung Artik Cloud platform. I will show it here. I named my devices as rainbow-parking, and store parking data such as free slots in a parking lot. Raspi sends parking information according to the preset rules.

Steps involved in this project:

1. Making one device in Artik Cloud Platform

2. Making one application in Artik Cloud

3. Making one rule in Artik Cloud

4. Preparing Arduino

5. Connecting the Sensors

6. Preparing Raspberry Pi

7. Developing Web Application

So, Let's start one by one. First thing first. Let's start with making a new device in Artik cloud platform.

Step 1: Making a new device in Artik Cloud Platform

A) Log in to your Samsung account and Click on DEVELOPER option from top right corner.

B) From the DASHBOARD select DEVICE TYPES and Click on NEW

C) On the DEVICE DISPLAY NAME type a name for the device and give a UNIQUE NAME, then click to CREATE DEVICE TYPE.

D) Click on + NEW MANIFEST

E) Type a FIELD NAME for your sensor data you will upload and store here and mention the DATA TYPE as integer. Then click to SAVE.


G) Make an action or select from the STANDARD ACTIONS. Click to SAVE. For our project actions will not be required. Then click to NEXT:ACTIVE MANIFEST.

H) Take a look to Device Fields and again click to NEXT:ACTIVE MANIFEST.

I) Congratulation! you successfully created your first device. Now you have to connect the device to Artik cloud. So, let's do it.

J) Go to MY ARTIK CLOUD from right top corner.

K) Click on MY ARTIK CLOUD and select DEVICES.

L) Click to +Add another device.

M) Type the name of the device you just created and click on it.

N) Click on CONNECT DEVICE... button.

O) Your device is connected to the CLOUD.

P) Click on it. Generate Token, Note down your DEVICE ID and DEVICE TOKEN. These will be required latter every time you want to connect to your device from physical devices, web apps or android apps.

Step 2: Making rule in Artik Cloud

In this step we will make a rule where we set some conditions according to which Artik cloud will generate an action when the condition meets and the devices and applications subscribed to the action receive a message instantly.

A) Select RULES from the MY ARTIK CLOUD menu and Click on NEW RULE

B) From IF selection box select a data field for a device and set a value and condition. Then select an action for a specific device from THEN field. You can set a constant parameter value or can select a value from another device data. To define a data field from another device click on download icon shown in red box.

C) Select a device from the drop-down and then select data field.

D) Then click on SAVE RULE.

Step 3. Preparing Arduino

The main work of the Arduino in my project is to collect data from sensors connected to parking stations and to send the data to Raspberry pi using serial port. Here i used Arduino Mega is implemented for one parking stations. we can connect more Arduino boards for different Parking Stations. Here I used ultrasonic sensors and can be used in any location.

For ultrasonic sensors Arduino digital pins were used. Arduino sketch Ultra sonic sensors are attached. Upload appropriate sketch to your Arduino board .

Details about ultrasonic sensor can be found here.

Step 4: Connecting the Sensors

For connecting all the sensors to Arduino please see the schematic section.

Step 5: Preparing Raspberry Pi

I am assuming that, you have some previous experience in working with Raspberry pi. Lots of beginners tutorials are available in the Internet.

Let's start our work with raspberry pi. Raspberry pi is working as a WebSocket client and communicates with Artik cloud using WebSocket protocol. I used Node.js for programming. Unlike Python Node is not preinstalled on Raspberry Pi.

A). Install Node and npm on Raspberry pi using following commands in terminal.

sudo apt-get update
sudo apt-get install nodejs npm

B). Install WebSocket client ws to raspberry pi

npm install --save ws

C). Install serialport to raspberry pi

npm install serialport

If you successfully completed all three steps then your pi is ready to communicate with Arduino using serial port and Artik cloud using websocket. As I said earlier two raspberry pis are required for two parking station. So, download the source code for the this from the Github . You can use ftp client like FileZilla to upload the code on raspberry pi. Don't forget to change DEVICE ID & DEVICE TOKEN in the source code.

D) After uploading the code on raspberry pi run the code by typing the following command into terminal window.

sudo node staff-parking.js

Step 6. Developing Web Application

For developing web application HTML and JavaScript was used. For communicating with Artik cloud here I again used WebSocket protocol. For integrating Map in my application I used Google Map API.

Download the web-app folder from my Github and modify the DEVICE ID and DEVICE TOKEN with your own device id and token. Use ID of the device which generate the action on new data received (edison in my case). Open the websocket.html using a web browser and enjoy. See the demo video...


Raspberry Pi (staff-parking)JavaScript
Source code for Raspberry Pi
//staff parking data transfer
var webSocketUrl = "wss://";
var device_id = "Your Device id"; // staff  parking DEVICE ID
var device_token = "Your Device Token"; //staff parking DEVICE TOKEN
// require websocket module to connect 
// execute following two commands to your pi's terminal
// sudo apt-get update
// npm install websocket
var WebSocket = require('ws');
var isWebSocketReady = false;
var data="";
var ws = null;
// require serialport module to raspberry pi 
// execute following command to terminal
// npm install serialport
var serialport = require("serialport");
var SerialPort = serialport.SerialPort;
var sp = new SerialPort("/dev/ttyACM0", { //for serial communication with arduino 
    baudrate: 9600,  
// we are using UNO so baudrate is 9600, you might need to change according to your model
    parser: serialport.parsers.readline("\n")

var parking_state=0;// variable to check for parking state_gate

 * Gets the current time in millis
function getTimeMillis(){
    return parseInt(;

 * Create a /websocket connection and setup GPIO pin
function start() {
    //Create the WebSocket connection
    isWebSocketReady = false;
    ws = new WebSocket(webSocketUrl);
	// this function invoked on successful connection
    ws.on('open', function() {
        console.log("WebSocket connection is open ....");
		// you must register for successful data transmission
		// registration is for authentication or secure data transfer
    ws.on('message', function(data) {
      //this loop is called whenever the client sends some message
         handleRcvMsg(data); //data is send to the function handleRcvMsg()
    ws.on('close', function() {
        console.log("WebSocket connection is closed ....");


 * Sends a register message to /websocket endpoint
//Client will only work when device gets registered from here
function register(){
    console.log("Registering device on the WebSocket connection");
        var registerMessage = '{"type":"register", "sdid":"'+device_id+'", "Authorization":"bearer '+device_token+'", "cid":"'+getTimeMillis()+'"}';
        console.log('Sending register message ' + registerMessage + '\n');
        ws.send(registerMessage, {mask: true});
        isWebSocketReady = true;
    catch (e) {
        console.error('Failed to register messages. Error in registering message: ' + e.toString());

//data after receiving is sent here for processing
// in our case this function will not be used as we will not receive any action
// in raspberry pi. This is for future modification.
function handleRcvMsg(msg){
	// you have to parse the received string
    var msgObj = JSON.parse(msg);
    if (msgObj.type != "action") return; //Early return;

    var actions =;
    var actionName = actions[0].name; 
    console.log("The received action is " + actionName);
    //you must know your registered actions in order to perform accordinlgy
    if (actionName.toLowerCase() == "settext") 
        // do something here after receiving 'parking_state'
		console.log('receving recognized action' + actionName);
    else {
         //this loop executes if some unregistered action is received
         //so you must register every action in cloud
        console.log('Do nothing since receiving unrecognized action ' + actionName);

 * Send one message to ARTIK Cloud
//This function is responsible for sending commands to cloud
//function sendStateToArtikCloud(parking) sends number of free parking slot to artik cloud
function sendStateToArtikCloud(parking_slot){
        ts = ', "ts": '+getTimeMillis();
        var data = {
            "parking_slot": parking_slot
            //setting the parking value from argument to our cloud variable "parking_value"

        var payload = '{"sdid":"'+device_id+'"'+ts+', "data": '+JSON.stringify(data)+', "cid":"'+getTimeMillis()+'"}';
        console.log('Sending payload ' + payload + '\n');
        ws.send(payload, {mask: true});
    } catch (e) {
        console.error('Error in sending a message: ' + e.toString() +'\n');

function exitClosePins() {
        console.log('Exit and destroy all pins!');

//exectes every time when data is received from arduino (30 sec programmed delay from arduino)
sp.on("open", function () {
    sp.on('data', function(data) {
            console.log("Serial port received data:" + data);
            //sendStateToArtikCloud(data);//free parking slot
			var parking_slot = parseInt(data);

process.on('SIGINT', exitClosePins);
Arduino (sonar)C/C++
Source code for sonar sensor interfacing using Arduino
#define echoPin1 2 // Echo Pin for sonar 1
#define trigPin1 3 // Trigger Pin for sonar 1
#define echoPin2 4 // Echo Pin for sonar 2 
#define trigPin2 5 // Trigger Pin for sonar 2
#define echoPin3 6 // Echo Pin for sonar 3
#define trigPin3 7 // Trigger Pin for sonar 3
//#define echoPin4 9 // Echo Pin for sonar 4
//#define trigPin4 8 // Trigger Pin for sonar 4

long duration1, distance1; // Duration used to calculate distance
long duration2, distance2;
long duration3, distance3;
//long duration4, distance4; 

int count=0;
int freeSlot =0;

void setup() {
 Serial.begin (9600); // initiate serial communication to raspberry pi
 pinMode(trigPin1, OUTPUT); // trigger pin as output
 pinMode(echoPin1, INPUT);  // echo pin as input
 pinMode(trigPin2, OUTPUT);
 pinMode(echoPin2, INPUT);
 pinMode(trigPin3, OUTPUT);
 pinMode(echoPin3, INPUT);
 //pinMode(trigPin4, OUTPUT);
 //pinMode(echoPin4, INPUT);

void loop() {
/* The following trigPin/echoPin cycle is used to determine the
 distance of the nearest object by bouncing soundwaves off of it. */ 

/* At least 10 microsecond high level signal is required to trigger 
 * pin. 
 *               _____
 *              |     |
 * -------------!     !---------
 *         .....|10us |........
 * the module then produce eight 40KHz pulse signal and waits to receive echo
 digitalWrite(trigPin1, LOW); 
 digitalWrite(trigPin1, HIGH);
 digitalWrite(trigPin1, LOW);
 // pulseIn( ) function determines a pulse width in time
 // duration of pulse is proportional to distance of obstacle
 duration1 = pulseIn(echoPin1, HIGH);

 digitalWrite(trigPin2, LOW);
 digitalWrite(trigPin2, HIGH);
 digitalWrite(trigPin2, LOW);
 duration2 = pulseIn(echoPin2, HIGH);
 digitalWrite(trigPin3, LOW);
 digitalWrite(trigPin3, HIGH);
 digitalWrite(trigPin3, LOW);
 duration3 = pulseIn(echoPin3, HIGH);

 //digitalWrite(trigPin4, LOW);
 //digitalWrite(trigPin4, HIGH);
 //digitalWrite(trigPin4, LOW);
 //duration4 = pulseIn(echoPin4, HIGH);
 //  distance = (high level timevelocity of sound (340M/S) / 2, 
 //  in centimeter = uS/58
 distance1 = duration1/58.2;
   distance1 = 1;
 else distance1 = 0;
 distance2 = duration2/58.2;
   distance2 = 1;
 else distance2 = 0;
 distance3 = duration3/58.2;
   distance3 = 1;
 else distance3 = 0;

 //distance4 = duration4/58.2;
   //distance4 = 1;
 //else distance4 = 0;

 // add the result from all sensor to count total car
 count = distance1 + distance2 + distance3 ;;

 // free slot = total slot - total car
 freeSlot = 3 - count;
 // number of total slot is sent to raspberry pi using usb
 // the status is updated every 30 seconds.
 //freeSlot = 0;
 //distance1 = 0;
 //distance2 = 0;
// distance3 = 0;
//distance4 = 0;
Source code for Front End Web Application
<!DOCTYPE html>
        <meta charset="UTF-8">
        <title>ARTIK Cloud based Smart Parking System</title> 
        <script src="websocket_client.js"></script>
		rainbowParking {
			display: block;
			background-color: #dddddd;
			padding: 30px;
			font-size: 70px;
			line-height: 60%;
			border-style: groove;
		indigoParking {
			display: block;
			background-color: #dddddd;
			padding: 30px;
			font-size: 70px;
			line-height: 60%;
			border-style: groove;
		div.container {
            margin: 15px;   
        div.left, div.right {
            float: left;
            padding: 10px;    
        div.left {
        div.right {
            background-color: #dddddd; 
    <body onload="javascript:init()">
        <h2 style="color:green;text-align:center;font-size: 50px">ARTIK Cloud based Smart Parking System</h2>   

        <div class="container">
            <div class="left">
	          <h1 style="line-height: 30%; color:blue;margin-left:40px">Staff Parking</h1>
			  <h4 style="line-height: 10%; margin-left:40px">Near Main Cmapus</h4>
			  <rainbowParking id="rainbow">Receiving Data...</rainbowParking>
			  <h1 style="line-height: 30%; color:white;margin-left:40px">1</h1>
			  <h1 style="line-height: 30%; color:blue;margin-left:40px">Student/Guest Parking </h1>
			  <h4 style="line-height: 10%; margin-left:40px">Front Gate, Near Union bank</h4>
			  <indigoParking id="indigo">Receiving Data...</indigoParking>
            <div class="right">
			 <div id="map" style="width:100%;height:100%">
        <div id = "websocketelements">
        <div id="attributes_log"> </div>
		<div id="close">
                <a href="javascript:onClose()">Close connection to Parking System</a>

        <h4>Output Console</h4>

        <div id="output"></div> 
          function myMap() {
          var mapCanvas = document.getElementById("map");
          var mapOptions = {
          center: new google.maps.LatLng(11.476534,77.999759 ),
          zoom: 11
          var map = new google.maps.Map(mapCanvas, mapOptions);
		  var rainbow_marker = new google.maps.Marker({
          // The below line is equivalent to writing:
          // position: new google.maps.LatLng(-34.397, 150.644)
          position: {lat: 11.477627, lng: 78.005038},
          map: map
		  var indigo_marker = new google.maps.Marker({
          // The below line is equivalent to writing:
          // position: new google.maps.LatLng(-34.397, 150.644)
          position: {lat: 11.476765, lng:78.000328 },
          map: map
		  var infowindow = new google.maps.InfoWindow({
          content: '<p>Staff Parking, 17, Free School Street</p>'
          var infowindowindigo = new google.maps.InfoWindow({
          content: '<p>Indigo Parking, 29, Progoti Street</p>'
          google.maps.event.addListener(rainbow_marker, 'click', function() {
, rainbow_marker);
		  google.maps.event.addListener(indigo_marker, 'click', function() {
, indigo_marker);

        <script src=""></script>
Web App (Client Side)JavaScript
// real-time interactions are possible using websocket
// Notice the ws:. This is the new URL schema for WebSocket connections. 
// There is also wss: for secure WebSocket connection the same way 
// https: is used for secure HTTP connections.
// you can get it from Artik cloud documentation page
var wsUri = "wss://";
var device_id = "Your Device id"; // raspi3 DEVICE ID
var device_token = "Your Device Token"; //raspi3 DEVICE TOKEN

var output;
var attributes_log;
var websocket;

function init() {
	// document.getElementById() write something to html page
    output = document.getElementById("output");
    attributes_log = document.getElementById("attributes_log");
    if (browserSupportsWebSockets() === false) {
		// check browser support websocket protocol or not
        writeToScreen("Sorry! your web browser does not support WebSockets. Try using Google Chrome or Firefox Latest Versions");

        var element = document.getElementById("websocketelements");

        return; //
    //You open up a WebSocket connection simply by calling the WebSocket constructor
    websocket = new WebSocket(wsUri);
    //When the connection is open, function invoked automatically
    websocket.onopen = function() {		
        //writeAttributeValues('onOpen Event Fired');
        writeToScreen("Successfully connected to Parking System");
		// after connection is open, registration is required for secure data transmission
    // invoked when new message received
    websocket.onmessage = function(evt) {
    // when received error
	// You can handle any errors that occur by listening out for the error event.
    websocket.onerror = function(evt) {

function onClose(evt) {
	// Once youre done with your WebSocket you can terminate the connection using the close() method.
    //writeAttributeValues('onClose Event Fired');

// When a message is received the message event is fired. 
function onMessage(evt) {
    writeToScreen('<span style="color: blue;">RESPONSE: ' + + '</span>');
    //writeAttributeValues('onMessage Event Fired');
	handleRcvMsg(; //data is send to the function handleRcvMsg()

function onError(evt) {
    writeToScreen('<span style="color: red;">ERROR:</span> ' +;
    //writeAttributeValues('onError Event Fired');

function doSend(message) {
	// To send a message through the WebSocket connection you call the send() method on your WebSocket instance
    //writeAttributeValues('onSend Event Fired');
    writeToScreen("SENT: " + message);

function writeAttributeValues(prefix) {
    var pre = document.createElement("p"); = "break-word";
    pre.innerHTML = "INFO " + getCurrentDate() + " " + prefix + "<b> readyState: " + websocket.readyState + " bufferedAmount: " + websocket.bufferedAmount + "</b>";

function writeToScreen(message) {
    var pre = document.createElement("p"); = "break-word";
    pre.innerHTML = message;

function getCurrentDate() {
    var now = new Date();
    var datetime = now.getFullYear() + '/' + (now.getMonth() + 1) + '/' + now.getDate();
    datetime += ' ' + now.getHours() + ':' + now.getMinutes() + ':' + now.getSeconds();
    return datetime;

function browserSupportsWebSockets() {
    if ("WebSocket" in window)
        return true;
        return false;

function getTimeMillis(){
    return parseInt(;

function register(){
    writeToScreen("Registering device on the WebSocket connection");
        var registerMessage = '{"type":"register", "sdid":"'+device_id+'", "Authorization":"bearer '+device_token+'", "cid":"'+getTimeMillis()+'"}';
        writeToScreen('Sending register message ' + registerMessage + '\n');
        websocket.send(registerMessage, {mask: true});
        isWebSocketReady = true;
		//document.getElementById("rainbow").innerHTML = "";
		//document.getElementById("rainbow").innerHTML = "Capacity:"+'<span style="color: red;">50</span> '+"Free Slot:"+'<span style="color: red;"></span>'+"50";
        //document.getElementById("indigo").innerHTML = "Capacity: 60,  Free Slot: 5";
    catch (e) {
        writeToScreen('Failed to register messages. Error in registering message: ' + e.toString());

//data after receiving is sent here for processing
function handleRcvMsg(msg){
	// message is received as following string
	// {"actions":[{"name":"setText","parameters":{"text":"4", "text2": "5"}}]}
	// you have to parse it
    var msgObj = JSON.parse(msg);
    if (msgObj.type != "action") return; //Early return;

    var actions =;
    var rainbowData = actions[0].parameters.text; 
	var indigoData = actions[0].parameters.text2; 
    console.log("The received action is " + actions);  
	document.getElementById("rainbow").innerHTML = "Capacity: 50,  Free Slot: "+rainbowData;
	document.getElementById("indigo").innerHTML = "Capacity: 60,  Free Slot: "+indigoData;
Soucre Code for Smart Parking System
All the necessary code and files are included in this Github repository.


Screenshot of Web Application
Cloud 5mhgtlhppd
Block Diagram of Smart Parking System
Block diagram (1) l2nmp0w2dn
Parking lot using ultrasonic sensor
Sonar lot bb updated amyeoueksd


Similar projects you might like

Smart Parking System

Project in progress by Md. Khairul Alam

  • 146 respects

The hydroMazing Smart Garden System

Project tutorial by Cory Potter

  • 190 respects

Arduino Controlled Smart Hydroponic Modular System

Project in progress by Luis Antonio Martin Nuez

  • 155 respects

Smart Monitoring System for Football Players

Project tutorial by Doppelgangers

  • 13 respects

Smart Garbage Monitoring System Using Arduino 101

Project tutorial by Technovation

  • 78 respects

Smart Parking

Project showcase by Kaustubh Agarwal

  • 50 respects
Add projectSign up / Login