[RESOLU] interface Web simple et intuitive avec AJAX
Modérateur : Francois
[RESOLU] interface Web simple et intuitive avec AJAX
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/
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.
Re: interface Web simple et intuitive avec AJAX
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
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.
-
- Administrateur
- Messages : 3230
- Enregistré le : mer. 17 sept. 2014 18:12
- Localisation : Seine et Marne
Re: interface Web simple et intuitive avec AJAX
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
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.
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.
Re: interface Web simple et intuitive avec AJAX
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
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
-
- Administrateur
- Messages : 3230
- Enregistré le : mer. 17 sept. 2014 18:12
- Localisation : Seine et Marne
Re: interface Web simple et intuitive avec AJAX
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
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.
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.
Re: interface Web simple et intuitive avec AJAX
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
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é 427 fois
- vague nerd
- Modérateur
- Messages : 1473
- Enregistré le : mar. 14 oct. 2014 11:42
- Localisation : France !
Re: interface Web simple et intuitive avec AJAX
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
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
Vague Nerd
Re: interface Web simple et intuitive avec AJAX [RESOLU]
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
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
- vague nerd
- Modérateur
- Messages : 1473
- Enregistré le : mar. 14 oct. 2014 11:42
- Localisation : France !
-
- Administrateur
- Messages : 3230
- Enregistré le : mer. 17 sept. 2014 18:12
- Localisation : Seine et Marne
Re: [RESOLU] interface Web simple et intuitive avec AJAX
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.
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.