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.
Bonjour Anthony, merci pour ton retour ! L'aurais-je publié par erreur, ou possèdes-tu des super pouvoirs permettant de lire les brouillons ? :-). A vrai dire, je pensais t'envoyer un mail car j'ai eu des soucis pour téléverser les fichiers. Je ne sais pas si c'est parce qu'il y en plus de 4 (je crois que c'est le 5-ième qui posait souci). On ne peut pas téléverser de '.zip' non plus, je pensais me tourner vers l'option "Ajoutez un lien vers le site ...", mais je ne savais pas si on pouvait utiliser Nextcloud pour ça.... A ton avis, quelle est la meilleure méthode ?
Salut Philippe, le pb d'upload venait du fait qu'il y a du code HTML dans les fichiers (ce qui est normal !). C'était interprété comme un risque et refusé au téléversement. Nous venons de lever cette restriction. A bientôt,
Merci Antony ! mais en fait ce n'étaient plus tout à fait les mêmes noms de fichiers. Les bons noms sont ceux indiqués dans la première image de l'étape 2, et que je t'avais envoyé dans mon mail "Wikidebrouillards / erreur téléversement + hackathon Rudi" du 08/11. J'ai réussi à en téléverser 5 sur 6, mais le "B_Serveur_Web.ino" ne passe pas :-( ... c'est effectivement celui qui contient du code HTML, donc je suppose que la restriction que vous avez levée ne concernait qu'un fichier en particulier ?
--> Te serait-il possible de réinsérer ce fichier "B_Serveur_Web.ino" en 2ème position ?
--> Et si possible de supprimer du Wiki (Galerie médias), les fichiers devenus inutiles (tout ce qui est "Commander_un_D1_mini_avec_une_interface_web_xxx.ino, où xxx n'est pas un fichier utilisé dans ma page, ainsi que tous les fichiers "Essai_t_l_versements_des_bons_fichiers_xxx.ino" ? (j'avais initialisé, mais pas sauvegardé, une nouvelle page Wiki pour tester).
Merci par avance !
Draft
Vous avez entré un nom de page invalide, avec un ou plusieurs caractères suivants :
< > @ ~ : * € £ ` + = / \ | [ ] { } ; ? #
Salut Philippe, merci pour ce tuto, j'ai hâte de l'essayer ! As-tu prévu de joindre le programme ? A bientôt,