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

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 RGraph est un excellent moyen de créer des applications web interactives et riches en fonctionnalités. Dans cet article, nous allons examiner comment ces technologies peuvent être utilisées pour créer des réseaux, des serveurs et des courbes RGraph. Nous verrons également comment ces technologies peuvent être combinées pour créer des applications web plus complexes et plus riches en fonctionnalités.

Atelier Arduino : Créer un serveur HTML+Javascript avec Arduino et afficher des données reçues « en temps réel » par requêtes AJAX sous forme de courbes et de widgets dans des canvas à l’aide d’une librairie javascript dédiée.
Niveau : Avancé | Durée travail : 2H30 | Difficulté : | Prix : 1€ | Taille : 58 pages |

Description :
L’objectif ici est d’apprendre à afficher les données reçues par requêtes Ajax en temps réel à l’aide d’une librairie javascript permettant des affichages graphiques élaborés, d’apprendre à afficher simultanément une courbe et un widget graphique pour afficher des données reçues par requêtes Ajax… afin d’être en mesure de créer un serveur Arduino réalisant un affichage graphique évoluées 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 : Utilisation d’une librairie Javascript de dessin de widgets analogiques | Vue d’ensemble des graphiques et éléments analogiques disponibles avec la librairie Javascript utilisée | 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 graphique à l’aide d’une librairie Javascript en « temps réel » les données en provenance du serveur obtenues par requête Ajax envoyée par le navigateur client. | Rappel : HTML : Présentation de l’objet canvas | Javascript : Rappel : Les fonctions essentielles de l’objet canvas | Objet Canvas : système de coordonnées | Serveur Arduino : Afficher sous forme graphique à l’aide d’une librairie Javascript et sous forme de courbe en « temps réel » les données en provenance du serveur obtenues par requête Ajax envoyée par le navigateur client.