Page 1 sur 2

[RESOLU] interface Web simple et intuitive avec AJAX

Posté : lun. 11 mai 2015 13:43
par bruno83
Bonjour,
Je viens de lire et télécharger le beau projet à fabriquer de framboise314
http://www.framboise314.fr/une-interfac ... erry-pi-12
C’est super beau et merci au concepteur mais attention pour ceux qu’ils veulent le télécharger, il y une belle erreur sur la fonction qui en AJAX, le return ne peut pas fonctionner. Il faut modifier la page, les fonctions Ajax ne sont jamais faciles à utiliser.
Je trouve ce site super comme approche d’apprentissage. Merci

A+ Bruno
http://tsin.langevin-la-seyne.fr/SIN/

Re: interface Web simple et intuitive avec AJAX

Posté : jeu. 14 mai 2015 13:46
par bruno83
Bonjour,
J’ai mis en œuvre ce projet mais en analysant programme (j’avais un peu le temps), il y a des erreurs fondamentales, ce programme semble marcher mais il ne fonctionne absolument pas.
En réalité, lorsque l’on clique sur un bouton, il envoie bien une information logique sur une sortie sélectionnée mais n’analyse absolument pas la réponse renvoyée pour connaitre l’état logique de celle-ci, si il y a un autre client sur le site plus rien fonctionne correctement.
Je viens de le debuggé voici des pistes pour ceux qui veulent le modifier.
la page gpio.php :
Des commentaires ont été laissés on envoie une chaine de caractères, il faut absolument les éliminer et ne laisser aucun blanc pour avoir en retour « 0 » ou « 1 » :
voir la première ligne sur cette page PHP c’est important en PHP de n’avoir aucun code html même des commentaires, lorsqu’on effectue des requêtes http avec wireshark vous verrez l'ensemble de votre trame.

Sur la page java-sricpt il y une erreur de conception, on teste la variable de retour différent de « fail » au lieu de tester la variable de retour 0 ou 1, le return ajax renvoie une erreur mais pour le programme c’est différent de « fail » donc il modifie l’état du bouton.
Il faut créer un callback car la réponse est asynchrone, j’ai modifié ce programme visuellement, on ne voit pas la différence seulement là il fonctionne réellement comme le cahier des charges ;) .
A+ bruno

Re: interface Web simple et intuitive avec AJAX

Posté : jeu. 14 mai 2015 15:06
par domi
Bonjour, et merci pour vos remarques.

Quelques précisions concernant l'article du blog.
Cet article concerne bien un projet d'iinterface Web, mais pas d'un projet réalisé par Framboise314.
Il s'agit simplement d'une information relayée par François, qui après y avoir été autorisé par l'auteur, nous a traduit l'article original qui se trouve ici.

Je souhaitai le préciser afin de peut-être expliquer le manque d'interactivité dans ce sujet.
Personnellement, je ne l'ai pas testé, car de mon coté, je me suis investi dans un autre projet d'interaction du Raspberry via un web-service de type SOAP.

Créé à l'origine pour un besoin perso, j'essai de rester assez large afin de répondre a un plus grand nombre d'utilisateurs.
De ce fait, cela me demande beaucoup plus de temps, et le projet n'avance pas aussi vite que je le souhaiterai.

Cdt,
Domi

Re: interface Web simple et intuitive avec AJAX

Posté : jeu. 14 mai 2015 15:52
par bruno83
Bonjour,
merci du renseignement, si vous voulez la version débbugé je peux vous l'envoyer
très bon blog, et merci pour votre travail.
A + Bruno

Re: interface Web simple et intuitive avec AJAX

Posté : jeu. 14 mai 2015 20:29
par domi
Merci,

Mais de mon coté je ne m'occupe que du forum, accompagné de plusieurs modérateurs.

Pour le blog, c'est François à qui revient tout le mérite ;)

Pour ce qui est du programme débogué, vous pouvez si vous le souhaitez, le poster dans ce sujet, en précisant bien l'origine du programme, et les corrections apportées.

Cdt,
Domi

Re: interface Web simple et intuitive avec AJAX

Posté : sam. 16 mai 2015 20:07
par bruno83
Bonjour,
J’ai modifié l’ensemble du code Javascript car trop d’erreurs, j’ai un peu concaténé le code ;) . Idem pour le php .Du projet initiale je n’ai gardé que le html et le nom des fichiers. Je me suis permis ces modifications car ce programme est destiné à mes élèves de terminale STI2D SIN, je ne voulais aucune ambiguïté.
Le projet initiale peut être proposé à des élèves pour le débogué car les erreurs sont vraiment intéressantes à analyser.
Merci de votre travail.

A+bruno

http://tsin.langevin-la-seyne.fr/SIN/magic-door.html

Re: interface Web simple et intuitive avec AJAX

Posté : mar. 19 mai 2015 13:46
par vague nerd
Bonjour et merci du partage.

Si vous estimez que votre problème est résolu, merci d'ajouter [RESOLU] au début du titre du sujet.
Pour ce faire, visualiser le premier Post que vous avez réalisé, cliquez sur "Editer", et ajouter [RESOLU] devant le titre.

Cela permet que le message soit tout de suite identifié comme ayant eu une réponse correspondant à la demande.
Ainsi, les visiteurs en sont informés, aussi bien lors d'une recherche sur le forum qu'au travers des moteurs de recherche.

Merci d'avance !

Cordialement

Re: interface Web simple et intuitive avec AJAX [RESOLU]

Posté : mer. 20 mai 2015 19:29
par bruno83
Bonjour,
Voici le projet complet avec css3,html5, javascrit, ajax et php (chaque ligne est commentée)
Pour info si vous voulez plusieurs clients, vous pouvez rajouter :
En html <meta http-equiv="refresh" content="60">
En javascript avec settimeout() setinterval
Afin de rafraîchir périodiquement l’application
A+ BRUNO

Re: [RESOLU] interface Web simple et intuitive avec AJAX

Posté : jeu. 21 mai 2015 16:09
par vague nerd
Merci encore !

Re: [RESOLU] interface Web simple et intuitive avec AJAX

Posté : jeu. 21 mai 2015 18:34
par domi
Merci pour la communauté.