View  Edit  Attributes  History  Attach  Print  Search

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.

1.00€