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

Les technologies modernes offrent aux développeurs et aux ingénieurs des possibilités infinies pour créer des systèmes innovants et complexes. Dans cet article, nous allons explorer comment les technologies réseau, serveur, JavaScript, Ajax et Arduino peuvent être utilisées ensemble pour créer des systèmes de contrôle avancés. Nous verrons comment ces technologies peuvent être combinées pour créer des systèmes de contrôle puissants et flexibles qui peuvent être utilisés pour contrôler des appareils et des systèmes. Nous verrons également comment ces technologies peuvent être utilisées pour créer des applications Web interactives et des systèmes de contrôle à distance.

Atelier Arduino : Créer un serveur HTML+ Javascript + Ajax avec Arduino et contrôler Arduino depuis le navigateur client en utilisant des requêtes Ajax.
Niveau : Avancé | Durée travail : 2H30 | Difficulté : | Prix : 1 | Taille : 60 pages |

Description :
L’objectif ici est d’apprendre à associer un code Javascript à un élément HTML lors de la capture d’un événement provoqué par utilisateur,d’apprendre à utiliser la technologie AJAX pour déclencher l’envoi de chaînes vers le serveur à partir du navigateur client, d’apprendre à contrôler des broches Arduino à partir navigateur client, d’apprendre à contrôler des dispositifs en envoyant des chaines avec paramètres numériques à partir du navigateur client afin d’être en mesure de créer un serveur Arduino AJAX permettant le contrôle d’Arduino à distance par le réseau à partir du navigateur client en utilisant des requêtes Ajax.

Contenu : 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 : le DOM, l’accès aux éléments d’une page HTML et les fonctions de l’objet window | Javascript : Associer une fonction à la survenue d’un événement attaché à un élément du DOM | HTML + Javascript : associer un événement utilisateur à l’exécution d’un code Javascript | Rappel : AJAX : principe et intérêt. | Javascript : L’objet XMLHttpRequest et son utilisation | Javascript : Code type de gestion d’une requête par XMLHttpRequest | Petit retour sur la chaîne d’url passée en paramètre lors d’une requête avec l’objet XMLHttpRequest | 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 | Serveur Arduino :Allumer/éteindre une LED par envoi d’une requête Ajax par clic sur un bouton | 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