<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
xml:lang="en">
<head>
<title>Control Testing for Raspberry Pi/Arduino Autonomous Platform</title>
<meta http-equiv="Content-Type"
content="text/html; charset=iso-8859-1" />
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js" type="text/javascript"></script>
<script src='autonomous.js'></script>
</head>
<?PHP include("insert_commands.php"); ?>
<body onload='init();' >
<center>
<H1> Control Panel for Web Guided Robot </H1>
<BR> <HR> <BR>
<center><b>Navigation Controls</b></center>
<div>
<center>
<style>
.help {
background-color: #FFFF73;
border-radius: 10px;
display: none;
opacity: 0.9;
padding: 10px;
z-index: 100;
}
.help_link:hover + span {
display: inline;
}
</style>
<form name="myform">
<center><b>Action:</b> <input type="text" name="stage" size="10" />
<b>Param:</b> <input type="text" name="param" alt="Param" id="param" size="3" value="100"/>
<br><a href="#" class="help_link">Help</a>
<span class="help">Distance you want to travel in mm.</span><br />
<b>Speed:</b>
<input type="range" id="speed" value="50" min="0" max="100" onchange="changeSpeed();"/>
<div id="uno"> </div>
</center>
</form>
<!-- Create Mappings -->
<img src="button_box_new.png" alt="Navigational Buttons"
border="0" usemap="#buttons"/>
<map name="buttons">
<area shape="circle"
coords="43,43,32"
onClick="sendCommand(4,0);"
onMouseOver="showButtons('Look Left');"
onMouseOut="showButtons('');"/>
<area shape="circle"
coords="130,43,32"
onClick="sendCommand(6,0);"
onMouseOver="showButtons('Look Ahead');"
onMouseOut="showButtons('');"/>
<area shape="circle"
coords="217,43,32"
onClick="sendCommand(5,0);"
onMouseOver="showButtons('Look Right');"
onMouseOut="showButtons('');"/>
<area shape="circle"
coords="43,130,32"
onClick="sendCommand(8,135);"
onMouseOver="showButtons('Look Up');"
onMouseOut="showButtons('');"/>
<area shape="circle"
coords="130,130,32"
onClick="sendCommand('f',100);"
onMouseOver="showButtons('Move Forward');"
onMouseOut="showButtons('');"/>
<area shape="circle"
coords="217,130,32"
onClick="sendCommand(6,45);"
onMouseOver="showButtons('Look Toward');"
onMouseOut="showButtons('');"/>
<area shape="circle"
coords="43,217,32"
onClick="sendCommand('l',100)"
onMouseOver="showButtons('Turn Left');"
onMouseOut="showButtons('')"/>
<area shape="circle"
coords="130,217,32"
onClick="sendCommand('x',0)"
onMouseOver="showButtons('Full Stop');"
onMouseOut="showButtons('')"/>
<area shape="circle"
coords="217,217,32"
onClick="sendCommand('r',100)"
onMouseOver="showButtons('Turn Right');"
onMouseOut="showButtons('')"/>
<area shape="circle"
coords="43,304,32"
onClick="sendCommand(2,5)"
onMouseOver="showButtons('Sonar Scan');"
onMouseOut="showButtons('')"/>
<area shape="circle"
coords="130,304,32"
onClick="sendCommand('b',100)"
onMouseOver="showButtons('Move Backward');"
onMouseOut="showButtons('')"/>
<area shape="circle"
coords="217,304,32"
onClick="sendCommand(3,5)"
onMouseOver="showButtons('Sonar Sweep');"
onMouseOut="showButtons('')"/>
<area shape="circle"
coords="43,391,32"
onClick="sendCommand(10,0)"
onMouseOver="showButtons('Sleep/Wake');"
onMouseOut="showButtons('')"/>
<area shape="circle"
coords="130,391,32"
onClick="sendCommand(31,10)"
onMouseOver="showButtons('Random Walk');"
onMouseOut="showButtons('')"/>
<area shape="circle"
coords="217,391,32"
onClick="sendCommand('t',5)"
onMouseOver="showButtons('Turn Toward');"
onMouseOut="showButtons('')"/>
</map>
</center>
</div>
<center>
<p>Copyright 2013 Michael Ball
<a href="http://arduino-pi.blogspot.com" target ="new">Arduino-Pi</a>
Email: <a href="mailto:unix_guru@hotmail.com?Subject=Arduino-Pi" target="new">unix_guru@hotmail.com</a></p>
</center>
</body>
</html>