Archive

Posts Tagged ‘ajax’

Equiper un bar d’un bandeau LED

Notre bar est situé dans un coin du salon et il est vrai que le soir venu, l’intérieur du bar est vraiment sombre. J’ai décidé d’équiper ce bar d’un bandeau de LED WS2812B.

Le cahier des charges sera le suivant :

  • Le pilotage s’effectuera à partir d’un  téléphone / tablette ou d’un PC via le WiFi.
  • Le contrôleur sera un ESP8266 à savoir un Wemos D1 mini.
  • Ce contrôleur jouera le rôle de serveur Web.
  • La configuration WiFi devra être possible via une page Web.
  • On pourra sélectionner un choix de couleurs à afficher ou des animations.
  • On en profitera également pour y ajouter un capteur de température.
  • La programmation s’effectuera à partir de l’IDE Arduino et une mise à jour du code via OTA devra être possible.

Voilà pour le cahier des charges; passons à l’interface humaine.

En se connectant via le WiFi au serveur Web, nous aurons la page d’acceuil suivante correspondant au fichier index.h :

Lire la suite…

Publicités
Catégories :NodeMCU Étiquettes : , , , ,

Créer des pages WEB dynamiques avec AJAX

Le but de cet article est d’expliqué l’utilisation d’AJAX (Asynchrone Javascript and XML) qui va permettre de créer des pages dynamiques sans avoir besoin de recharger la page complètetement à chaque mise à jour.

AJAX va permettre de transférer des données au format XML (eXtensible Markup Language de Microsoft) ou JSON (JavaScript Object Notation) entre votre programme tournant sur votre contrôleur préféré à base d’ESP8266 (NodeMCU Lolin ou Wemos D1 mini par exemple) et le client qui accède à votre page WEB.

L’exemple mis en oeuvre va consister à affcher une page WEB avec 2 boutons ON et OFF.
Le contenu du programme est le suivant :

Lire la suite…

Catégories :NodeMCU Étiquettes : , ,