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

Les technologies web modernes offrent aux développeurs une variété de possibilités pour créer des applications riches et interactives. Les réseaux, les serveurs, le JavaScript, les données et le canvas sont des outils puissants qui permettent aux développeurs de créer des applications web modernes. Dans cet article, nous allons examiner comment ces technologies peuvent être utilisées pour créer des applications web modernes. Nous allons également discuter des avantages et des inconvénients de chaque technologie et des meilleures pratiques pour les utiliser.

Atelier Arduino : Créer un serveur HTML+Javascript avec Arduino et afficher des données sous forme graphique dans un canvas dans le navigateur client.
Niveau : Avancé | Durée travail : 1H30 | Difficulté : | Prix : 1 | Taille : 31 pages |

Description :
L’objectif ici est d’apprendre à dessiner un simple « vu-mètre » dans un canva, d’afficher des données numériques sous forme graphique dans un canvas, de mettre en place une interface graphique analogique simple côté navigateur client 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 | Rappel : 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 : dessiner une interface « vu-mètre » dans un canvas | Serveur Arduino : Envoyer une page HTML + Javascript et afficher des valeurs numériques sous forme graphique dans un canvas dans le navigateur client