View  Edit  Attributes  History  Attach  Print  Search

Atelier Arduino : Créer un serveur HTML+ Javascript + Ajax avec Arduino et contrôler Arduino graphiquement ou à l'aide de widgets depuis le navigateur client en utilisant des requêtes Ajax.
Niveau : Avancé | Durée travail : 2H30 | Difficulté : | Prix : 2€ | Taille : 77 pages |

Description : L'objectif ici est d'apprendre à utiliser un canvas pour réaliser un simple slider (widget linéaire réglable), d'apprendre à déclencher l'envoi de chaînes vers le serveur par requête Ajax à partir d'un clic souris dans un canvas, d'apprendre à détecter des évènements associés à des widgets graphiques d'une librairie javascript dédiée, d'apprendre à contrôler des dispositifs à l'aide de widgets graphiques par requête Ajax… afin d'être en mesure de créer un serveur Arduino AJAX permettant le contrôle d'Arduino graphiquement et à distance par le réseau à partir du navigateur client en utilisant des requêtes Ajax.

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 : Javascript : le DOM, l'accès aux éléments d'une page HTML et les fonctions de l'objet window | Rappel : Javascript : Associer une fonction à la survenue d'un événement attaché à un élément du DOM | Rappel : HTML : Présentation de l'objet canvas | Rappel : Javascript : Les fonctions essentielles de l'objet canvas | Rappel : Objet Canvas : système de coordonnées | HTML + Javascript : Utiliser un canvas comme un « slider » | Rappel : AJAX : principe et intérêt. | Rappel : Javascript : L'objet XMLHttpRequest et son utilisation | Rappel : Fonction de requête Ajax modifiée pour passer une chaîne texte | Synthèse : Evènement DOM appelant fonction Javascript envoyant requête AJAX vers Arduino | Arduino : Recevoir des chaînes avec paramètres : Installation et présentation de ma librairie Utils | Serveur Arduino : Contrôler un servomoteur par envoi d'une requête Ajax avec paramètre numérique sur un clic souris dans un canvas utilisé en « slider » | 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 | HTML + Javascript : Capturer les événements de widgets graphiques d'une librairie Javascript | Serveur Arduino : Contrôler un servomoteur par envoi d'une requête Ajax avec paramètre numérique sur un clic souris sur un widget graphique obtenu à l'aide d'une librairie Javascript

2.00€