http://web.archive.org/web/20210804223007/https://www.mon-club-elec.fr/pmwiki_mon_club_elec/pmwiki.php?n=MAIN.ATELIERSReseauServeurJavascriptAjaxAfficherCourbe

Les technologies web modernes sont en constante évolution et offrent aux développeurs des possibilités infinies. L’utilisation de JavaScript, d’Ajax et de serveurs pour afficher des courbes est un exemple de ces possibilités. Dans cet article, nous allons examiner en détail comment les développeurs peuvent utiliser ces technologies pour afficher des courbes sur leurs sites web. Nous allons également examiner les avantages et les inconvénients de cette méthode et discuter des meilleures pratiques à suivre pour obtenir les meilleurs résultats.

Atelier Arduino : Créer un serveur HTML+ Javascript + Ajax avec Arduino et afficher des données sous forme de courbe en « temps-réel » dans un canvas en utilisant des requêtes Ajax.
Niveau : Avancé | Durée travail : 2H30 | Difficulté : | Prix : 1€ | Taille : 38 pages |

Description :
Dans un premier tuto consacré à Ajax et la réception de chaîne en temps réel dans le navigateur client, vous avez pu apprendre à répéter un code à intervalle régulier en javascript, utiliser la technologie AJAX pour réaliser des requêtes vers le serveur à partir du navigateur client. Dans la continuité de cette première approche d’Ajax, l’objectif ici est d’apprendre à dessiner une courbe dans un canvas en Javascript,d’apprendre à dessiner une courbe temps-réel à partir des réponses du serveur au requêtes AJAX… afin d’être en mesure de créer un serveur Arduino AJAX réalisant un affichage graphique sous forme de courbe « temps réel » dans le navigateur client

Contenu : La structure du réseau que nous allons réaliser | Monter le réseau utilisant le shield Ethernet Arduino sur un réseau avec « box » existant | Mémo : Syntaxe de base du langage Javascript | Rappel : Ecrire un script Javascript intégré dans une page HTML | Rappel : HTML : Présentation de l’objet canvas | Javascript : Rappel : Les fonctions essentielles de l’objet canvas | Objet Canvas : système de coordonnées | HTML + Javascript : Afficher une courbe en « temps-réel » dans un canvas | Rappel : AJAX : principe et intérêt. | Rappel : Javascript : L’objet XMLHttpRequest et son utilisation | Rappel : Javascript : Code type de gestion d’une requête par XMLHttpRequest | Serveur Arduino : Afficher sous forme de courbe « temps réel » les données en provenance du serveur obtenues par requête Ajax envoyée par le navigateur client.