Forum d'entraide PHPFrance

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

Personne n'a une idée ?

Je recherche seulement le code à mettre pour avoir une interface de commande différente !
Du genre un D-pad en forme de joystick, des boutons simples compatibles pour iphone...

Salut,

Il s'agit de css, regarde du côté des sélecteur media pour créer une css adapté (oui ur alsacreations.com).
Tu peux jeter un couil sur le responsive design.

Les composants sont gérer par le navigateur client. Du coup pense a utiliser les types de champs html5 (email, tel etc) pour avoir les bons claver déjà affiché (+ validation navigateur).

@+

Merci bien.

Même si je n'ai pas reçu d'aides ou d'indices pour ma problématique, je mets ce sujet en tant que "résolu".

Si qqn a le même soucis que moi, se rediriger vers http://www.alsacreations.com.

Forum d'entraide PHPFrance

[RESOLU] Aide pour changer une interface graphique php

Aide pour changer une interface graphique php

Re: Aide pour changer une interface graphique php

Re: Aide pour changer une interface graphique php

Re: Aide pour changer une interface graphique php

Re: Aide pour changer une interface graphique php