Sireesha Gembali
Published © GPL3+

Robotic Car Controlled Over Web

It is a robotic car that can be controlled over internet from any place.

BeginnerFull instructions provided3 hours966
Robotic Car Controlled Over Web

Things used in this project

Hardware components

Dual H-Bridge motor drivers L298
SparkFun Dual H-Bridge motor drivers L298
×1
Bolt WiFi Module
Bolt IoT Bolt WiFi Module
×1
Arduino UNO & Genuino UNO
Arduino UNO & Genuino UNO
×1
Breadboard (generic)
Breadboard (generic)
×1
DC motor (generic)
×2

Software apps and online services

Apache Mynewt OS
Arduino IDE
Arduino IDE
Bolt Cloud
Bolt IoT Bolt Cloud

Hand tools and fabrication machines

Multitool, Screwdriver
Multitool, Screwdriver
Premium Female/Male Extension Jumper Wires, 40 x 6" (150mm)
Premium Female/Male Extension Jumper Wires, 40 x 6" (150mm)

Story

Read more

Schematics

IOt controlled robotic car

IOT Controlled Robotic Car

Code

Bolt Module Details Interface

HTML
<html>
    <head>
        <title>
            | Remote Control |
        </title>
        <meta name="viewport" content="width=device-width, initial-scale=1">
        <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
        <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
        <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
    </head>
    <body style="background-image: url('https://wallpaperaccess.com/full/840326.jpg')">
        <div class="container ">
        	<br>
        	<br>
        	<div class="jumbotron" style="padding: 10px;color: red ;background-color:rgba(0,0,0,0.3);">
            <div class="row ">
                <div class="col-xs-2"></div>
                <div class="col-xs-2"></div>
                <div class="col-xs-5"><h3 class="text text-primary" style="color:green"><b>Enter your Bolt device credentials</b></h3></div>
                
            </div>
            <br>
            <br>
            <div class="container">
                <form id="credentialsForm" name="credentialsForm" action="1.php" method="GET">
                	<div class="row">
                		<div class="col-xs-3"></div>
                    <div class="form-group col-xs-6">
                    	<label for="apiKey">API Key</label>
                      <input type="text" class="form-control" placeholder="Your API Key" name="apiKey" id="apiKey">
                  </div>
                    </div>
                    <div class="row">
                    <div class="col-xs-3"></div>
                    <div class="form-group col-xs-6">
                    	<label for="id">Device Id</label>
                      <input type="text" class="form-control" placeholder="Your Device ID" name="deviceId" id="id">
                  </div>
                    </div>
                    <br>
                    <br>
                    <div class="form-group col-xs-5"></div>
                    <div class="form-group col-xs-2">
                        <button class="form-control btn btn-success btn-submit text-center" id="sub">SUBMIT</button>
                    </div>
                </form>
            </div>
            </div>
            <br>
            
    </div>
    </body>
</html>

Cotroller Interface for Robotic Car

PHP
<!DOCTYPE html>
<html>
<head>
	<title>Controller RObot</title>
		<meta name="viewport" content="width=device-width, initial-scale=1">
        <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
        <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
        <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
</head>
<body style="background-image: url('https://wallpaperaccess.com/full/840326.jpg')">
	

			<br>
            <br>
            <div class="container" >
            	<div class="jumbotron" style="color:rgba(200,0,0);background-color: rgba(0,0,0,0.3);text-align:center;"><h3><b>Remote Control Car</b></h3></div>
            </div>
            <div class="container">
            	<div class="jumbotron" style="padding-top:20px;background-color: rgba(0,0,0,0.3);">
            <div class="row">
                <div class="col-xs-2"></div>
                <div class="col-xs-3"></div>
                <div class="col-xs-2" style="margin-left: 14px; font-size: 50px;"><button class="glyphicon glyphicon-circle-arrow-up" onclick="forward()"></button> </div>
                <div class="col-xs-2"></div>
                <div class="col-xs-2"></div>
            </div>
            <br>
            <br>
            <div class="row">
                <div class="col-xs-2"></div>
                <div class="col-xs-1"></div>
                <div class="col-xs-1" style="font-size: 50px;"><button class="glyphicon glyphicon-circle-arrow-left" onclick="left()"></button> </div>
                <div class="col-xs-1"></div>
                <div class="col-xs-1"><button class="btn btn-danger" style="margin-left:15px;height: 60px; width: 70px;" onclick="stop()">STOP</button></div>
                <div class="col-xs-2"></div>
                <div class="col-xs-1" style="margin-left: -60px; font-size: 50px;"><button class="glyphicon glyphicon-circle-arrow-right" onclick="right()"></button> </div>
                <div class="col-xs-2"></div>
            </div>
            <br>
            <br>
            <div class="row">
            <div class="col-xs-2"></div>
                <div class="col-xs-3"></div>
                <div class="col-xs-2" style="margin-left: 14px; font-size: 50px;"><button class="glyphicon glyphicon-circle-arrow-down" onclick="backward()"></button> </div>
                <div class="col-xs=2"></div>
                <div class="col-xs-2"></div>
            </div>
          
            </div>
        </div>
           <script type="text/javascript">
           	var id="<?php echo $_GET["deviceId"]?>";
           	var api="<?php echo $_GET["apiKey"]?>";
           	if(id==""||(api==""))
           	{
           		alert("invalid api and device id");
           		window.location = "http://localhost/proj_bolt/page.html";
           	}

           	function forward()
           	{
           		//var g1="https://cloud.boltiot.com/remote/"+api+"/digitalMultiWrite?pins=1,2,3,4&states=HIGH,LOW,HIGH,LOW&deviceName="+id;
           		var g1="https://cloud.boltiot.com/remote/"+api+"/digitalWrite?pin=1&state=HIGH&deviceName="+id;
           		var g2="https://cloud.boltiot.com/remote/"+api+"/digitalWrite?pin=2&state=LOW&deviceName="+id;
           		var g3="https://cloud.boltiot.com/remote/"+api+"/digitalWrite?pin=3&state=HIGH&deviceName="+id;
           		var g4="https://cloud.boltiot.com/remote/"+api+"/digitalWrite?pin=4&state=LOW&deviceName="+id;
				$.getJSON(g1,function(data,status){});
				$.getJSON(g2,function(data,status){});
				$.getJSON(g3,function(data,status){});
				$.getJSON(g4,function(data,status){});
				
				setTimeout(function(){},100000);
					
           	}

           	function backward()
           	{
           		//var g1="https://cloud.boltiot.com/remote/"+api+"/digitalMultiWrite?pins=1,2,3,4&states=LOW,HIGH,LOW,HIGH&deviceName="+id;
           		var g1="https://cloud.boltiot.com/remote/"+api+"/digitalWrite?pin=1&state=LOW&deviceName="+id;
           		var g2="https://cloud.boltiot.com/remote/"+api+"/digitalWrite?pin=2&state=HIGH&deviceName="+id;
           		var g3="https://cloud.boltiot.com/remote/"+api+"/digitalWrite?pin=3&state=LOW&deviceName="+id;
           		var g4="https://cloud.boltiot.com/remote/"+api+"/digitalWrite?pin=4&state=HIGH&deviceName="+id;
				$.getJSON(g1,function(data,status){});
				$.getJSON(g2,function(data,status){});
				$.getJSON(g3,function(data,status){});
				$.getJSON(g4,function(data,status){});
				
setTimeout(function(){},100000);
					
           	}
           	
           	function right()
           	{
           		var g1="https://cloud.boltiot.com/remote/"+api+"/digitalWrite?pin=1&state=HIGH&deviceName="+id;
           		var g2="https://cloud.boltiot.com/remote/"+api+"/digitalWrite?pin=2&state=LOW&deviceName="+id;
           		var g3="https://cloud.boltiot.com/remote/"+api+"/digitalWrite?pin=3&state=LOW&deviceName="+id;
           		var g4="https://cloud.boltiot.com/remote/"+api+"/digitalWrite?pin=4&state=LOW&deviceName="+id;
				$.getJSON(g1,function(data,status){});
				$.getJSON(g2,function(data,status){});
				$.getJSON(g3,function(data,status){});
				$.getJSON(g4,function(data,status){});
					setTimeout(function(){},100000);
           	}

           	function left()
           	{
           		var g1="https://cloud.boltiot.com/remote/"+api+"/digitalWrite?pin=1&state=LOW&deviceName="+id;
           		var g2="https://cloud.boltiot.com/remote/"+api+"/digitalWrite?pin=2&state=LOW&deviceName="+id;
           		var g3="https://cloud.boltiot.com/remote/"+api+"/digitalWrite?pin=3&state=HIGH&deviceName="+id;
           		var g4="https://cloud.boltiot.com/remote/"+api+"/digitalWrite?pin=4&state=LOW&deviceName="+id;
				$.getJSON(g1,function(data,status){if(!data.success){alert("Device Offline")}});
				$.getJSON(g2,function(data,status){});
				$.getJSON(g3,function(data,status){});
				$.getJSON(g4,function(data,status){});
				
				setTimeout(function(){},100000);
					
           	}

           	function stop()
           	{

           		var g1="https://cloud.boltiot.com/remote/"+api+"/digitalWrite?pin=1&state=LOW&deviceName="+id;
           		var g2="https://cloud.boltiot.com/remote/"+api+"/digitalWrite?pin=2&state=LOW&deviceName="+id;
           		var g3="https://cloud.boltiot.com/remote/"+api+"/digitalWrite?pin=3&state=LOW&deviceName="+id;
           		var g4="https://cloud.boltiot.com/remote/"+api+"/digitalWrite?pin=4&state=LOW&deviceName="+id;
				$.getJSON(g1,function(data,status){});
				$.getJSON(g2,function(data,status){});
				$.getJSON(g3,function(data,status){});
				$.getJSON(g4,function(data,status){});
				setTimeout(function(){},100000);
					
           	}



           </script>
</body>
</html>

Bolt_project

Credits

Sireesha Gembali

Sireesha Gembali

1 project • 0 followers

Comments