(11 révisions intermédiaires par 2 utilisateurs non affichées) | |||
Ligne 37 : | Ligne 37 : | ||
|Prerequisites=Configurez le réseau Wifi sur un ESP | |Prerequisites=Configurez le réseau Wifi sur un ESP | ||
}} | }} | ||
− | | | + | |ExternalAttachmentsLinks={{ExternalAttachmentsLinks |
+ | |ExternalAttachmentsLinks=https://cloud.debrouillonet.org/s/w6F3L2CpXDX4dxZ | ||
+ | }} | ||
}} | }} | ||
{{Tuto Step | {{Tuto Step | ||
Ligne 57 : | Ligne 59 : | ||
{{Tuto Step | {{Tuto Step | ||
|Step_Title=Chargement du code Arduino sur le D1 mini | |Step_Title=Chargement du code Arduino sur le D1 mini | ||
− | |Step_Content=On suppose ici que le logiciel Arduino est déjà installé, ainsi que la bibliothèque de gestion du D1 mini (voir pré-requis). | + | |Step_Content=On suppose ici que le logiciel Arduino est déjà installé, ainsi que la bibliothèque de gestion du D1 mini (voir pré-requis). |
− | # | + | #Téléchargez le fichier '''A_D1_WiFi.zip''' (Cf. rubrique "Fichiers ci-dessus"), puis en extraire le répertoire '''A_D1_WiFi''', qui contient tous les modules Arduino (*.ino") - Cf image n° 1. |
− | + | #Double-cliquez sur le fichier '''A_D1_WiFi.ino''', ce qui lancera le logiciel Arduino, sous lequel vous aurez 6 onglets correspondant aux 6 fichiers - Cf. image n° 2. | |
− | #Double-cliquez sur le fichier A_D1_WiFi.ino, ce qui lancera le logiciel Arduino, sous lequel vous aurez 6 onglets correspondant aux 6 fichiers | + | #Connectez le D1 mini au port USB de votre ordinateur. |
− | #Connectez le D1 mini au port USB de votre ordinateur. | + | #Dans le menu "Outil", positionnez le bon type de carte, et le bon port - Cf. image n°3. Si cette carte n'est pas définie, ou que le port est grisé, revérifier la configuration Arduino grâce au prérequis [[Utiliser le D1 mini avec Arduino]]. |
− | #Dans le menu "Outil", positionnez le bon type de carte, et le bon port | + | #Cliquez sur l'icône de téléversement - Cf.. image n° 4, et patientez. Si le téléversement se termine bien - Cf. image n°5, bravo ! Si un message d'erreur indique que le port n'est pas le bon, il faut le modifier dans l'onglet outil et relancer cette étape.<br /> |
− | #Cliquez sur l'icône de téléversement | ||
|Step_Picture_00=Commander_un_D1_mini_avec_une_interface_web_Arduino-fichiers.png | |Step_Picture_00=Commander_un_D1_mini_avec_une_interface_web_Arduino-fichiers.png | ||
|Step_Picture_01=Commander_un_D1_mini_avec_une_interface_web_Arduino-onglets.png | |Step_Picture_01=Commander_un_D1_mini_avec_une_interface_web_Arduino-onglets.png | ||
Ligne 77 : | Ligne 78 : | ||
<br /> | <br /> | ||
− | # Cherchez "'''DebrouilloBot_0000'''" dans la liste des points d'accès Wi-Fi, et connectez-vous sur ce point d'accès (Cf. image n° 1). Il n'y a pas de mot de passe. Il y aura peut-être un message indiquant qu'Internet n'est pas disponible, c'est normal, ne pas en tenir compte. | + | #Cherchez "'''DebrouilloBot_0000'''" dans la liste des points d'accès Wi-Fi, et connectez-vous sur ce point d'accès (Cf. image n° 1). Il n'y a pas de mot de passe. Il y aura peut-être un message indiquant qu'Internet n'est pas disponible, c'est normal, ne pas en tenir compte. |
− | # Sur votre navigateur préféré, tapez "'''192.168.4.22'''", si tout se passe bien vous aurez l’interface de commande du D1 mini (Cf. image n° 2) | + | #Sur votre navigateur préféré, tapez "'''192.168.4.22'''", si tout se passe bien vous aurez l’interface de commande du D1 mini (Cf. image n° 2) |
− | # C'est tout bon, vous pouvez activer les leds, de façon individuelle ou combinée, activer le servomoteur soit avec les touches rouges, soit en activant la commande via le potentiomètre. | + | #C'est tout bon, vous pouvez activer les leds, de façon individuelle ou combinée, activer le servomoteur soit avec les touches rouges, soit en activant la commande via le potentiomètre. |
|Step_Picture_00=Commander_un_D1_mini_avec_une_interface_web_Mobile-WiFi.png | |Step_Picture_00=Commander_un_D1_mini_avec_une_interface_web_Mobile-WiFi.png | ||
|Step_Picture_01=Commander_un_D1_mini_avec_une_interface_web_Interface_web.png | |Step_Picture_01=Commander_un_D1_mini_avec_une_interface_web_Interface_web.png | ||
Ligne 102 : | Ligne 103 : | ||
{{Notes}} | {{Notes}} | ||
{{Tuto Status | {{Tuto Status | ||
− | |Complete= | + | |Complete=Published |
}} | }} |
Auteur Philippe Blusseau | Dernière modification 22/11/2022 par Philby
D1 mini, web, html/css Commander_un_D1_mini_avec_une_interface_web_D1mini-image-01.png
Quelques précisions sur les pré-réquis à ce tutoriel :
Le schéma de montage, également indiqué dans le code Arduino, est défini dans la première image. Nous recommandons d'utiliser une "breadboard", pour fixer le D1 mini et gérer l'ensemble des connexions. Nous avons utilisé ici celle livrée dans le kit d'initiation Arduino (Starter kit Arduino®). Les leds, les résistances, et le potentiomètre, proviennent d'ailleurs du même kit.
Le montage des 5 leds (sur les pins D0 à D4) ne pose pas de problème particulier, attention cependant à respecter la polarité +/-, et ne pas oublier de mettre les résistances afin de limiter le courant électrique.
Concernant le servo moteur, il faut l'alimenter via le pin GND, bien sûr, et la sortie 5V du D1 mini (celui-ci a également une sortie 3,3v, insuffisante pour le servomoteur). La commande du servomoteur sera connectée quant à elle, sur le pin D7 du D1 mini.
Et enfin,le potentiomètre aura ses deux connexions externes connectées d'une part sur GND, d'autre part sur le pin 3,3V (important, car c'est la tension maximale qui sera alors disponible sur la connexion centrale du potentiomètre, et qui sera acceptée par le pin A0 du D1 mini ; au-delà le D1 mini risque de souffrir).
On suppose ici que le logiciel Arduino est déjà installé, ainsi que la bibliothèque de gestion du D1 mini (voir pré-requis).
Le navigateur (ou "browser") peut être celui d'un téléphone mobile, d'une tablette, ou d'un ordinateur. Les images donnent ici l'exemple d'un téléphone mobile, sous android.
Le code Arduino est commenté, et devrait permettre de comprendre le fonctionnement des différents éléments, et de procéder à des modifications.
Pour simplifier la compréhension (et il est d'ailleurs recommandé de faire de même pour vos propres programmes un tant soit peu complexes), on a utilisé plusieurs onglets pour séparer les différentes fonctionnalités :
Dernière modification 22/11/2022 par user:Philby.
Published
Vous avez entré un nom de page invalide, avec un ou plusieurs caractères suivants :
< > @ ~ : * € £ ` + = / \ | [ ] { } ; ? #