Vatsal N Shah
Published © Apache-2.0

IoT Robot

User can control from anywhere in the world to another place using IoT Robot.

ExpertWork in progressOver 166 days1,265
IoT Robot

Things used in this project

Story

Read more

Custom parts and enclosures

3D Print Raspberry Pi Camera

Design of Raspberry Pi camera

Schematics

Robot Design

Chassis of my Robot.

Code

Control Page

JSP
JSP Control page
<%@ page language="java" contentType="text/html; charset=ISO-8859-1" pageEncoding="ISO-8859-1"%>


<!DOCTYPE html>
<html>
<head>
<title>RasPi Project</title>

		<style>

			body {background-color:lightgrey}
			h1 {color: blue}
			h2 {color: brown}
			button {color: red; font-family: verdana; font-size: 100%}
			
			#footer {
				background-color:black;
				color:white;
				clear:both;
				text-align:center;
				padding:5px; 
			}
		</style>
</head>

<script type="text/javascript">
function changeaction(actionfor) {
	var frm = document.getElementById("mainform");
	var action = document.getElementById("action");
	action.value=actionfor;
	frm.action = "/Robot_Control/ActionControl";
	frm.submit();
}
</script>

	<body>

		<form id="mainform" method="get" action="/">
			<input id="action" name="action" type="hidden" />
			
				<div id="txt"></div>
				<h1 style= "text-align:center;"> Welcome to rPi Robot </h1>
				<h2 style="text-align:left;"> Control Robot </h2> <hr>
				<table  width="40%" border="0" cellpadding="0" cellspacing="0" margin-left = 10px>
				
				<tr> 	
					<td> &nbsp; </td> 
						<td> 
							<input type="button" onclick="changeaction('Forward');" value="Forward"> 
						</td>
					
					<td> &nbsp;</td>
					
					<td rowspan="3"> </td> 
				</tr>
			
				<tr>
				 	<td> 
					 	<input type="button" onclick="changeaction('Left');" value="Left">  
					</td> 
			
					 <td>
					 	<input type="button" onclick="changeaction('Stop');" value="Stop" > 
					 </td>
					
					 <td>
					 	<input type="button" onclick="changeaction('Right');" value="Right">  
					 </td>
				</tr>
			
				<tr> 	
					<td> &nbsp; </td> 
						<td>
							<input type="button" onclick="changeaction('Reverse');" value="Reverse">   
					</td>
					<td> &nbsp;</td>
				</tr>
			</table>
			
			<hr>
				<h2 style="text-align:left;"> Video Streaming </h2> 
					<img src="http://192.168.1.5:8080/?action=stream" height="320" width="650">
					<!-- <img src="http://192.168.1.5:8080/?action=snapshot" />	  -->
				
				<div id="footer">
					<a href="register.jsp" target = "_blank"> HOME </a> <br> 
					<td> &copy;</td>  in 2016 by VATSAL N SHAH
				</div>
		
		</form>
	</body>
</html>

Credits

Vatsal N Shah

Vatsal N Shah

1 project • 5 followers
Robotics Lover IOT learning EC Engineer

Comments