Modifier Tutorial : Créer une Interface Web pour ESP32

Vous ne pouvez pas modifier cette page, pour les raisons suivantes :

Oups ! Vous n'avez pas la permission de modifier ce tutoriel car vous n'êtes pas connecté. Pour modifier ce tutoriel, créez un compte ou connectez-vous.
Oups, vous n’avez pas la permission de modifier les « Page ».

Outils et matériel

Expériences pré-requises

Fichiers

Listez ici les pièces, outils et matériaux utilisés dans le tutoriel

Étapes

Étape 1

Découper les pièces en bois dont vous aurez besoin, cela simplifiera la suite !

Nous utiliserons 2 morceaux de cagette qui forment les angles comme piliers, découpés à 16 cm avec deux encoches à 12.5 cm de hauteur, on percera un trou sur un petit coté du triangle, à 2 cm du bas de 3 mm de largeur et quelques millimètres de profondeur.

Puis 4 autres de 7 cm.

Un morceau de planche taillé pour rentrer dans les encoches des piliers.

4 planche de la cagette, 25 cm x 7 cm.

2 planches de 2 cm x 15 cm pour servir d'appui aux piliers.

2 cubes 3cm x 4 cm x1.5 cm, avec un trou pouvant accueillir les roulements à billes.

Étape 2

Découper les pièces en bois dont vous aurez besoin, cela simplifiera la suite !

Nous utiliserons 2 morceaux de cagette qui forment les angles comme piliers, découpés à 16 cm avec deux encoches à 12.5 cm de hauteur, on percera un trou sur un petit coté du triangle, à 2 cm du bas de 3 mm de largeur et quelques millimètres de profondeur.

Puis 4 autres de 7 cm.

Un morceau de planche taillé pour rentrer dans les encoches des piliers.

4 planche de la cagette, 25 cm x 7 cm.

2 planches de 2 cm x 15 cm pour servir d'appui aux piliers.

2 cubes 3cm x 4 cm x1.5 cm, avec un trou pouvant accueillir les roulements à billes.

Pour frankencoder cette bibliothèque, toujours la même technique :

Ouvrez un exemple et repérez les lignes suivantes :

#L'importation des bibliothèques (avant le setup) Pour un ESP32<syntaxhighlight lang="arduino" line="1" start="1">
//import de la bibliothèque
#include <ESPDash.h>
//import des bibliothèques dépendantes
#include <AsyncTCP.h>
#include <ESPAsyncWebServer.h>
</syntaxhighlight>Pour un Wemos ou un ESP8266 :<syntaxhighlight lang="arduino" line="1" start="1">
//import de la bibliothèque
#include <ESPDash.h>
//import des bibliothèques dépendantes
#include <ESP8266WiFi.h>
#include <ESPAsyncTCP.h>
#include <ESPAsyncWebServer.h>
</syntaxhighlight>Intégrez la bibliothèque :    ESPAsyncTCP       https://github.com/me-no-dev/ESPAsyncTCP/archive/master.zip            ESPAsyncWebserver         https://github.com/me-no-dev/ESPAsyncWebServer/archive/master.zip<br />
#La création de ou des objets (avant le setup)<syntaxhighlight lang="arduino" line="1" start="8">
/* Création des objets */
//création de l'objet serveur
AsyncWebServer server(80);

//Création de l'objet Dashboard (tableau d'affichage)
ESPDash dashboard(&server);

// Initialisation et création des Objets Card
Card temperature(&dashboard, TEMPERATURE_CARD, "Temperature", "°C");
Card humidity(&dashboard, HUMIDITY_CARD, "Humidity", "%");

</syntaxhighlight>
#L'initialisation et le démarrage de l'objet (dans le setup) <br /><syntaxhighlight lang="arduino" line="1" start="12">
void setup() {
//demarrage du serveur
server.begin();
}
</syntaxhighlight>
#L'utilisation de l'objet (dans le loop)<syntaxhighlight lang="arduino" line="1" start="21">
void loop() {
  //Utilisation des objets

/* Ajout des valeurs dans les cartes d'affichage */
  temperature.update(42);
  humidity.update(12);

/* Mise a jour du panneau d'affichage) */
  dashboard.sendUpdates();
  delay(3000);
}
</syntaxhighlight><br />'''Une fois compilée, rien ne se passe, c'est normal, il va falloir connecter notre ESP au réseau ! et donc frankencoder avec le code minimal de connexion au réseau !'''

Étape 3

Découper les pièces en bois dont vous aurez besoin, cela simplifiera la suite !

Nous utiliserons 2 morceaux de cagette qui forment les angles comme piliers, découpés à 16 cm avec deux encoches à 12.5 cm de hauteur, on percera un trou sur un petit coté du triangle, à 2 cm du bas de 3 mm de largeur et quelques millimètres de profondeur.

Puis 4 autres de 7 cm.

Un morceau de planche taillé pour rentrer dans les encoches des piliers.

4 planche de la cagette, 25 cm x 7 cm.

2 planches de 2 cm x 15 cm pour servir d'appui aux piliers.

2 cubes 3cm x 4 cm x1.5 cm, avec un trou pouvant accueillir les roulements à billes.

Étape 4

Découper les pièces en bois dont vous aurez besoin, cela simplifiera la suite !

Nous utiliserons 2 morceaux de cagette qui forment les angles comme piliers, découpés à 16 cm avec deux encoches à 12.5 cm de hauteur, on percera un trou sur un petit coté du triangle, à 2 cm du bas de 3 mm de largeur et quelques millimètres de profondeur.

Puis 4 autres de 7 cm.

Un morceau de planche taillé pour rentrer dans les encoches des piliers.

4 planche de la cagette, 25 cm x 7 cm.

2 planches de 2 cm x 15 cm pour servir d'appui aux piliers.

2 cubes 3cm x 4 cm x1.5 cm, avec un trou pouvant accueillir les roulements à billes.

Comment ça marche ?

Observations : que voit-on ?

Mise en garde : qu'est-ce qui pourrait faire rater l'expérience ?

Explications

Plus d'explications

Découper les pièces en bois dont vous aurez besoin, cela simplifiera la suite !

Nous utiliserons 2 morceaux de cagette qui forment les angles comme piliers, découpés à 16 cm avec deux encoches à 12.5 cm de hauteur, on percera un trou sur un petit coté du triangle, à 2 cm du bas de 3 mm de largeur et quelques millimètres de profondeur.

Puis 4 autres de 7 cm.

Un morceau de planche taillé pour rentrer dans les encoches des piliers.

4 planche de la cagette, 25 cm x 7 cm.

2 planches de 2 cm x 15 cm pour servir d'appui aux piliers.

2 cubes 3cm x 4 cm x1.5 cm, avec un trou pouvant accueillir les roulements à billes.

Application : dans la vie de tous les jours

Vous aimerez aussi

Éléments pédagogiques

Objectifs pédagogiques Listez ce à quoi peut servir cette expérience : comprendre tel phénomène, tel concepts, etc...

Pistes pour animer l'expérience Idée d'animation, de mise en scène.

Sources et ressources Lien vers des sites web ressources : wikipédia, CNRS, Wikipédia,... éventuellement une bibliographie (ex les bouquins petits débrouillards).

Modifier Tutorial : Créer une Interface Web pour ESP32

Listez ici les expériences pré-requises :

Étapes

Comment ça marche ?

Observations : que voit-on ?

Mise en garde : qu'est-ce qui pourrait faire rater l'expérience ?

Explications

Plus d'explications

Application : dans la vie de tous les jours

Vous aimerez aussi

Éléments pédagogiques

Objectifs pédagogiques Listez ce à quoi peut servir cette expérience : comprendre tel phénomène, tel concepts, etc...

Pistes pour animer l'expérience Idée d'animation, de mise en scène.

Sources et ressources Lien vers des sites web ressources : wikipédia, CNRS, Wikipédia,... éventuellement une bibliographie (ex les bouquins petits débrouillards).

QR code pour votre plateforme Dokit

QR code pour la Webapp Dokit