{"id":6099,"date":"2023-10-10T11:08:01","date_gmt":"2023-10-10T09:08:01","guid":{"rendered":"https:\/\/fablab21.fr\/?page_id=6099"},"modified":"2026-10-19T19:00:49","modified_gmt":"2026-10-19T17:00:49","slug":"capteur-de-temperature-et-humidite-avec-xod","status":"publish","type":"page","link":"https:\/\/www.association-ore.fr\/fr\/tutos\/tutos-arduino\/capteur-de-temperature-et-humidite-avec-xod\/","title":{"rendered":"Capteur de temp\u00e9rature et humidit\u00e9 avec XOD"},"content":{"rendered":"\n<h2 class=\"wp-block-heading\">Le capteur DHT11<\/h2>\n\n\n\n<h3 class=\"wp-block-heading\">Branchements<\/h3>\n\n\n<p>Le DHT11 poss\u00e8de 4 broches :\u00a0<\/p><ol><li><ol><li><ol><li>3V : le +<\/li><li>G14 : les donn\u00e9es<\/li><li>n&rsquo;est pas utilis\u00e9<\/li><li>GND : le &#8211;<\/li><\/ol><\/li><\/ol><\/li><\/ol><p>Nous allons connecter les 3 broches \u00e0 l&rsquo;ESP32 avec des c\u00e2bles et une platine :\u00a0<\/p>\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" src=\"https:\/\/www.association-ore.fr\/fr\/wp-content\/uploads\/2023\/10\/dht11-1.png\" alt=\"\"\/><\/figure>\n\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" src=\"https:\/\/www.association-ore.fr\/fr\/wp-content\/uploads\/2023\/10\/dht11-2-scaled.png\" alt=\"\"\/><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\">Programmation<\/h3>\n\n\n<p>Apr\u00e8s avoir supprim\u00e9 le bloc \u00e0 l&rsquo;\u00e9cran (bouton suppr), commen\u00e7ons par cr\u00e9er un nouveau bloc pour le capteur :<\/p>\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" src=\"https:\/\/www.association-ore.fr\/fr\/wp-content\/uploads\/2023\/10\/1.png\" alt=\"\"\/><\/figure>\n\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" src=\"https:\/\/www.association-ore.fr\/fr\/wp-content\/uploads\/2023\/10\/2.png\" alt=\"\"\/><\/figure>\n\n\n<p>Ensuite, en faisant un double-clic au centre, ajoutons un bloc dht11-hygrometer :<\/p>\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" src=\"https:\/\/www.association-ore.fr\/fr\/wp-content\/uploads\/2023\/10\/3.png\" alt=\"\"\/><\/figure>\n\n\n<p>Ensuite param\u00e9trons le port sur 14, comme vu dans les branchements :<\/p>\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" src=\"https:\/\/www.association-ore.fr\/fr\/wp-content\/uploads\/2023\/10\/4-1.png\" alt=\"\"\/><\/figure>\n\n\n<p>Ajoutons une horloge pour qui servira \u00e0 r\u00e9gler la fr\u00e9quence de mesure du capteur :<\/p>\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" src=\"https:\/\/www.association-ore.fr\/fr\/wp-content\/uploads\/2023\/10\/5.png\" alt=\"\"\/><\/figure>\n\n\n<p>Relions l&rsquo;horloge au dht11 et param\u00e9trons la fr\u00e9quence sur 2 secondes :<\/p>\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" src=\"https:\/\/www.association-ore.fr\/fr\/wp-content\/uploads\/2023\/10\/6-1.png\" alt=\"\"\/><\/figure>\n\n\n<p>Ajoutons des blocs de visualisation (watch) sur la temp\u00e9rature et l&rsquo;humidit\u00e9 :<\/p>\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" src=\"https:\/\/www.association-ore.fr\/fr\/wp-content\/uploads\/2023\/10\/7.png\" alt=\"\"\/><\/figure>\n\n\n<p>Maintenant t\u00e9l\u00e9versons le programme dans l&rsquo;ESP (CTRL + U, ou icone insecte en bas \u00e0 droite).<\/p><p>Dans le menu, choisir DOIT ESP32 DEVKIT V1, et cocher la case Debug after upload :<\/p>\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" src=\"https:\/\/www.association-ore.fr\/fr\/wp-content\/uploads\/2023\/10\/image_2023-10-16_094753835.png\" alt=\"\"\/><\/figure>\n\n\n<p>Nous pouvons d\u00e9sormais voir la temp\u00e9rature et l&rsquo;humidit\u00e9 en temps r\u00e9el :<\/p>\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" src=\"https:\/\/www.association-ore.fr\/fr\/wp-content\/uploads\/2023\/10\/9.png\" alt=\"\"\/><\/figure>\n\n\n<p>Nous remarquerons que la valeur de l&rsquo;humidit\u00e9 est entre 0 et 1, nous pr\u00e9f\u00e8rerons une valeur en pourcent.<\/p><p>Pour cela nous utiliserons le bloc map, en mettant les valeur 0,1 et 0,100 :<\/p>\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" src=\"https:\/\/www.association-ore.fr\/fr\/wp-content\/uploads\/2023\/10\/10.png\" alt=\"\"\/><\/figure>\n\n\n<p>Apr\u00e8s un nouveau t\u00e9l\u00e9versement, la valeur est bien en pourcentage maintenant :<\/p>\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" src=\"https:\/\/www.association-ore.fr\/fr\/wp-content\/uploads\/2023\/10\/11.png\" alt=\"\"\/><\/figure>\n\n\n<p>Nous allons maintenant enlever la virgule des valeurs pour ne garder que des nombres entiers.<\/p><p>Pour ce faire nous utiliserons le bloc format-number, avec la valeur 0 pour le nombre de chiffres apr\u00e8s la virgule :<\/p>\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" src=\"https:\/\/www.association-ore.fr\/fr\/wp-content\/uploads\/2023\/10\/12.png\" alt=\"\"\/><\/figure>\n\n\n<p>Apr\u00e8s un nouveau t\u00e9l\u00e9versement, nous avons bien le r\u00e9sultat d\u00e9sir\u00e9 :<\/p>\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" src=\"https:\/\/www.association-ore.fr\/fr\/wp-content\/uploads\/2023\/10\/13.png\" alt=\"\"\/><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\">L&#039;\u00e9cran LCD<\/h2>\n\n\n\n<h3 class=\"wp-block-heading\">Branchements<\/h3>\n\n\n<p>L&rsquo;\u00e9cran LCD poss\u00e8de 4 broches :<\/p><ol><li><ol><li><ol><li>GND -&gt; GND (le +)<\/li><li>VCC -&gt; VU (le -)<\/li><li>SDA -&gt; D21 (les donn\u00e9es)<\/li><li>SCL -&gt; D22 (les donn\u00e9es)<\/li><\/ol><\/li><\/ol><\/li><\/ol>\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" src=\"https:\/\/www.association-ore.fr\/fr\/wp-content\/uploads\/2023\/10\/lcd-1.png\" alt=\"\"\/><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\">Programmation<\/h3>\n\n\n<p>Commen\u00e7ons par cr\u00e9er un bloc pour l&rsquo;\u00e9cran (CTRL +N) :<\/p>\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" src=\"https:\/\/www.association-ore.fr\/fr\/wp-content\/uploads\/2023\/10\/14.png\" alt=\"\"\/><\/figure>\n\n\n<p>Puis ajoutons le bloc text-lcd-i2c-16&#215;2 :<\/p>\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" src=\"https:\/\/www.association-ore.fr\/fr\/wp-content\/uploads\/2023\/10\/15.png\" alt=\"\"\/><\/figure>\n\n\n<p>Ensuite ajoutons deux blocs de texte (tweak-string-16), que nous relierons aux deux lignes de l&rsquo;\u00e9cran :<\/p>\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" src=\"https:\/\/www.association-ore.fr\/fr\/wp-content\/uploads\/2023\/10\/16.png\" alt=\"\"\/><\/figure>\n\n\n<p>Enfin, t\u00e9l\u00e9versons le programme sur l&rsquo;ESP, en oubliant pas de cocher la case Debug after upload.<\/p><p>Nous pouvons maintenant changer le texte en direct sur l&rsquo;\u00e9cran :<\/p>\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" src=\"https:\/\/www.association-ore.fr\/fr\/wp-content\/uploads\/2023\/10\/17.png\" alt=\"\"\/><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\">Capteur et \u00e9cran<\/h2>\n\n\n\n<h3 class=\"wp-block-heading\">Branchements<\/h3>\n\n\n<p>Nous allons reprendre les branchements du DHT11 et de l&rsquo;\u00e9cran LCD, et les brancher en m\u00eame temps \u00e0 l&rsquo;ESP32 :<\/p>\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" src=\"https:\/\/www.association-ore.fr\/fr\/wp-content\/uploads\/2023\/10\/lcd-dht-1.png\" alt=\"\"\/><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\">Programmation<\/h3>\n\n\n<p>Rendons-nous dans l&rsquo;onglet capteur :<\/p>\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" src=\"https:\/\/www.association-ore.fr\/fr\/wp-content\/uploads\/2023\/10\/18.png\" alt=\"\"\/><\/figure>\n\n\n<p>Rempla\u00e7ons les blocs watch par des sorties output-string :<\/p>\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" src=\"https:\/\/www.association-ore.fr\/fr\/wp-content\/uploads\/2023\/10\/19.png\" alt=\"\"\/><\/figure>\n\n\n<p>Et renommons-les Temperature et Humidite :<\/p>\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" src=\"https:\/\/www.association-ore.fr\/fr\/wp-content\/uploads\/2023\/10\/10-1.png\" alt=\"\"\/><\/figure>\n\n\n<p>Allons maintenant dans l&rsquo;onglet ecran :<\/p>\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" src=\"https:\/\/www.association-ore.fr\/fr\/wp-content\/uploads\/2023\/10\/21.png\" alt=\"\"\/><\/figure>\n\n\n<p>Et rempla\u00e7ons les blocs textes par des entr\u00e9es input-string :<\/p>\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" src=\"https:\/\/www.association-ore.fr\/fr\/wp-content\/uploads\/2023\/10\/22.png\" alt=\"\"\/><\/figure>\n\n\n<p>Puis renommons-les Temperature et Humidite :<\/p>\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" src=\"https:\/\/www.association-ore.fr\/fr\/wp-content\/uploads\/2023\/10\/23.png\" alt=\"\"\/><\/figure>\n\n\n<p>Ensuite allons dans l&rsquo;onglet main :<\/p>\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" src=\"https:\/\/www.association-ore.fr\/fr\/wp-content\/uploads\/2023\/10\/24.png\" alt=\"\"\/><\/figure>\n\n\n<p>Et ajoutons les blocs capteur et ecran :<\/p>\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" src=\"https:\/\/www.association-ore.fr\/fr\/wp-content\/uploads\/2023\/10\/25.png\" alt=\"\"\/><\/figure>\n\n\n<p>Puis relions-les :<\/p>\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" src=\"https:\/\/www.association-ore.fr\/fr\/wp-content\/uploads\/2023\/10\/26.png\" alt=\"\"\/><\/figure>\n\n\n<p>Apr\u00e8s t\u00e9l\u00e9versement, nous avons la temp\u00e9rature et l&rsquo;humidit\u00e9 en temps r\u00e9el sur l&rsquo;\u00e9cran.<\/p><p>Nous allons maintenant mettre en forme les valeurs sur l&rsquo;\u00e9cran, commen\u00e7ons par ajouter \u00ab\u00a0Temp\u00e9rature:\u00a0\u00bb\u00a0 avant la valeur et \u00ab\u00a0C\u00a0\u00bb apr\u00e8s \u00e0 l&rsquo;aide du bloc concat :<\/p>\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" src=\"https:\/\/www.association-ore.fr\/fr\/wp-content\/uploads\/2023\/10\/27-1.png\" alt=\"\"\/><\/figure>\n\n\n<p>Et de m\u00eame pour l&rsquo;humidit\u00e9, ajoutons sur l&rsquo;\u00e9cran Humidite et % :<\/p>\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" src=\"https:\/\/www.association-ore.fr\/fr\/wp-content\/uploads\/2023\/10\/28-1.png\" alt=\"\"\/><\/figure>\n\n\n<p>Il ne reste plus qu&rsquo;\u00e0 t\u00e9l\u00e9verser et nous aurons termin\u00e9 !<\/p>","protected":false},"excerpt":{"rendered":"<p>Le capteur DHT11 Branchements Le DHT11 poss\u00e8de 4 broches :\u00a0 3V : le + G14 : les donn\u00e9es n&rsquo;est pas utilis\u00e9 GND : le [&hellip;]<\/p>\n","protected":false},"author":2,"featured_media":0,"parent":6311,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"page-tutoriel","meta":{"footnotes":""},"class_list":["post-6099","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/www.association-ore.fr\/fr\/wp-json\/wp\/v2\/pages\/6099","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.association-ore.fr\/fr\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.association-ore.fr\/fr\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.association-ore.fr\/fr\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/www.association-ore.fr\/fr\/wp-json\/wp\/v2\/comments?post=6099"}],"version-history":[{"count":1,"href":"https:\/\/www.association-ore.fr\/fr\/wp-json\/wp\/v2\/pages\/6099\/revisions"}],"predecessor-version":[{"id":11479,"href":"https:\/\/www.association-ore.fr\/fr\/wp-json\/wp\/v2\/pages\/6099\/revisions\/11479"}],"up":[{"embeddable":true,"href":"https:\/\/www.association-ore.fr\/fr\/wp-json\/wp\/v2\/pages\/6311"}],"wp:attachment":[{"href":"https:\/\/www.association-ore.fr\/fr\/wp-json\/wp\/v2\/media?parent=6099"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}