[RESOLU] interface Web simple et intuitive avec AJAX

Vous souhaitez piloter votre framboise à partir d'une page web ? Ou mieux encore à partir d'un smartphone ou d'une tablette Android ? Venez donc visiter cette rubrique...

Modérateur : Francois

bruno83
Messages : 72
Enregistré le : lun. 11 mai 2015 13:29

[RESOLU] interface Web simple et intuitive avec AJAX

Message par bruno83 » lun. 11 mai 2015 13:43

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/
Modifié en dernier par bruno83 le mer. 20 mai 2015 19:24, modifié 1 fois.

bruno83
Messages : 72
Enregistré le : lun. 11 mai 2015 13:29

Re: interface Web simple et intuitive avec AJAX

Message par bruno83 » jeu. 14 mai 2015 13:46

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
Modifié en dernier par bruno83 le jeu. 14 mai 2015 15:44, modifié 1 fois.

domi
Administrateur
Messages : 3230
Enregistré le : mer. 17 sept. 2014 18:12
Localisation : Seine et Marne

Re: interface Web simple et intuitive avec AJAX

Message par domi » jeu. 14 mai 2015 15:06

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
Passionné de Raspberry, Arduino, ESP8266, ESP32, et objets connectés :
Spécial débutant, concevez vous-même votre domotique DIY : https://www.youtube.com/c/DomoticDIY
Conception d'une station météo DIY, et envoi des infos à votre Domotique.

bruno83
Messages : 72
Enregistré le : lun. 11 mai 2015 13:29

Re: interface Web simple et intuitive avec AJAX

Message par bruno83 » jeu. 14 mai 2015 15:52

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

domi
Administrateur
Messages : 3230
Enregistré le : mer. 17 sept. 2014 18:12
Localisation : Seine et Marne

Re: interface Web simple et intuitive avec AJAX

Message par domi » jeu. 14 mai 2015 20:29

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
Passionné de Raspberry, Arduino, ESP8266, ESP32, et objets connectés :
Spécial débutant, concevez vous-même votre domotique DIY : https://www.youtube.com/c/DomoticDIY
Conception d'une station météo DIY, et envoi des infos à votre Domotique.

bruno83
Messages : 72
Enregistré le : lun. 11 mai 2015 13:29

Re: interface Web simple et intuitive avec AJAX

Message par bruno83 » sam. 16 mai 2015 20:07

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
Fichiers joints
modification.zip
(2.81 Kio) Téléchargé 426 fois

Avatar du membre
vague nerd
Modérateur
Messages : 1473
Enregistré le : mar. 14 oct. 2014 11:42
Localisation : France !

Re: interface Web simple et intuitive avec AJAX

Message par vague nerd » mar. 19 mai 2015 13:46

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
Cordialement,

Vague Nerd

bruno83
Messages : 72
Enregistré le : lun. 11 mai 2015 13:29

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

Message par bruno83 » mer. 20 mai 2015 19:29

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
Fichiers joints
Web.zip
(747.42 Kio) Téléchargé 549 fois

Avatar du membre
vague nerd
Modérateur
Messages : 1473
Enregistré le : mar. 14 oct. 2014 11:42
Localisation : France !

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

Message par vague nerd » jeu. 21 mai 2015 16:09

Merci encore !
Cordialement,

Vague Nerd

domi
Administrateur
Messages : 3230
Enregistré le : mer. 17 sept. 2014 18:12
Localisation : Seine et Marne

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

Message par domi » jeu. 21 mai 2015 18:34

Merci pour la communauté.
Passionné de Raspberry, Arduino, ESP8266, ESP32, et objets connectés :
Spécial débutant, concevez vous-même votre domotique DIY : https://www.youtube.com/c/DomoticDIY
Conception d'une station météo DIY, et envoi des infos à votre Domotique.

Répondre

Retourner vers « Des interfaces pour le Raspberry Pi »