Bonjour à tous !
Voilà je suis un ptit nouveau et j'ai cherché sur votre forum une éventuelle réponse à mon problème mais je n'en ai pas trouvé.
Voilà donc mon problème :
Dans le cadre de mon PPE (Projet Pluritechnique Encadré) des Terminales S - Sciences de l'Ingénieur, je dois configurer pour ma part toute la partie commande du projet.
Voici une facette de cette partie commande qui est une interface web
(via EasyPhp -> voir plus bas) qui consiste à contrôler un robot à distance par la wifi :
NOTE : Il y a des commentaires dans ce programme, il me permet de m'y retrouver avec les fonctions.
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>NXT Command Center</title>
<!--We load jquery as we use the Ajax GET fucntion of the library -->
<script type="Text/Javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js"></script>
<script type="text/javascript" >
$(document).ready(function(){
$("#FORWARD").mousedown(function(){
$.get("/m.php?role=remote&order=1") //for items with the ID Forward, we send '1' on mousedown
});
$("#BACKWARD").mousedown(function(){
$.get("/m.php?role=remote&order=2") //For items with the ID Backward, we send '2' on mousedown
});
$("#LEFT").mousedown(function(){
$.get("/m.php?role=remote&order=3") //For items with the ID Left, we send '3' on mousedown
});
$("#RIGHT").mousedown(function(){
$.get("/m.php?role=remote&order=4") //For items with the ID Right, we send '4' on mousedown
});
$("#STOP").mousedown(function(){
$.get("/m.php?role=remote&order=0") //For items with the ID Stop, we send '0' on mousedown
});
$(".remoteControl").mouseup(function(){
$.get("/m.php?role=remote&order=0") //For all items with the class remoteControl, we send 0 on mouseup
});
});
</script>
</head>
<body>
<!--
Each Button has an ID allowing to perform the associated action on mousedown.
All buttons have the same class 'remoteControl' in order to send a STOP commend on the mouseup event
-->
<button id="FORWARD" class="remoteControl">FORWARD</button>
<button id="BACKWARD" class="remoteControl">BACKWARD</button>
<button id="LEFT" class="remoteControl">LEFT</button>
<button id="RIGHT" class="remoteControl">RIGHT</button>
<button id="STOP" class="remoteControl">STOP</button>
</body>
</html>
Voici ce que l'on obtient avec ce code :
Donc ma question/problématique est la suivante :
Que dois-je modifier pour que ce code fonctionne lorsque je lance le fichier sous internet
sur un Smartphone ?
J'ai essayé de contrôler le robot avec cette page internet et les touches ne conviennent pas. Je cherche donc à remplacer ces touches (forward, backward...) par des touches compatibles pour Iphone par exemple (?)
Interface Easyphp que j'utilise :
Pour comprendre un peu plus la nature de mon projet, je vous invite à regarder ma présentation du projet (sous prezi) :
http://prezi.com/drbfeiozi8ee/prezi-ind ... f-29564503
D'avance merci !
Cameron
