Page 1 sur 1

Aide pour changer une interface graphique php

Posté : 28 avr. 2013, 22:32
par cameron69210
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é.
J'ai posté mon message dans la rubrique "php débutant" mais je me rends compte qu'il vaut peut-être mieux le poster ici, à vous de me le dire :roll:

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 :
Image

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 :
Image


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

Re: Aide pour changer une interface graphique php

Posté : 29 avr. 2013, 11:20
par moogli
Modération :
Le multipostage est interdit sur le forum.

Ce sujet a été verrouillé et sera supprimé sous peu.
Des réponses peuvent être apportées à cette adresse :
php-debutant/aide-pour-changer-une-inte ... 67892.html

Merci de prendre le temps de lire les règlements.