|
|
Ligne 1 : |
Ligne 1 : |
− | {{Tuto Details | + | {{Item |
− | |Licences=Attribution (CC-BY) | + | |Main_Picture=Item-Planisph_re_Hoelzelnaturalearth.png |
− | |Description=Création d'un afficheur des données météorologiques de votre localité provenant de l'API OpenWeather. | + | |Description=Un planisphère est une représentation plane de la surface du globe terrestre. La sphère étant une surface courbe, les formes et les tailles des continents, mers, pays, etc ne pourront pas être préservés. |
− | |Disciplines scientifiques=Arduino, Computing, Life Sciences
| + | |Categories=Outils |
− | |Difficulty=Easy
| + | |Cost=0 |
− | |Duration=1
| + | |Currency=EUR (€) |
− | |Duration-type=hour(s)
| + | |ItemLongDescription=Pour d'information sur l'article wikipédia dédié : |
− | }}
| |
− | {{Introduction
| |
− | |Introduction=Un autre projet avec un ESP8266 qui joue avec la météo : [[Petit_parapluie_connecté]]
| |
− | }}
| |
− | {{Materials
| |
− | |ItemList={{ItemList
| |
− | |Item=D1 mini
| |
− | }}{{ItemList}}
| |
− | }}
| |
− | {{Tuto Step
| |
− | |Step_Title=Installation de l'ESP8266
| |
− | |Step_Content=Bien entendu, il faut avoir installé Arduino
| |
− | | |
− | [[Installer l'environnement Arduino sur votre système]]
| |
− | | |
− | | |
− | '''Importer de nouvelles cartes dans l'interface Arduino'''
| |
− | | |
− | | |
− | '''1-Ajout d'un catalogue de cartes dans l'interface de développement Arduino'''
| |
− | | |
− | [[Importer de nouvelles cartes dans l'interface Arduino]]
| |
− | | |
− | | |
− | Dans le champ '''"URL de gestionnaire de cartes supplémentaires"'''copiez-collez l'URL suivante : http://arduino.esp8266.com/stable/package_esp8266com_index.json
| |
− | | |
− | | |
− | '''2-Ajout de la carte'''
| |
− | | |
− | -> Outils -> Type de carte -> Gestionnaire de carte -> Rechercher et installer '''ESP8266 by ESP8266 community'''
| |
− | | |
− | | |
− | '''3-Installer les pilotes'''
| |
− | | |
− | Pour Windows et Mac, il est nécéssaire d'installer des pilotes. /!\ la connexion d'un Wemos D1 mini sur mac cause un "Kernel Panic" et fait planter le mac. Il faut installer des pilotes dédiés qu'on trouve ici :
| |
− | | |
− | *[https://docs.wemos.cc/en/latest/ch340_driver.html Téléchargez les pilotes CH340 USB to UART].
| |
− | | |
− | | |
− | Plus de détails ici : [[Utiliser_le_D1_mini_avec_Arduino]]
| |
− | |Step_Picture_00=Importer_de_nouvelles_cartes_dans_l_interface_Arduino_Capture_d_cran_du_2020-09-04_12-00-32.png
| |
− | |Step_Picture_01=Importer_de_nouvelles_cartes_dans_l_interface_Arduino_Capture_d_cran_du_2020-09-04_12-01-00.png
| |
− | |Step_Picture_02=Importer_de_nouvelles_cartes_dans_l_interface_Arduino_Capture_d_cran_du_2020-09-04_12-01-20.png
| |
− | |Step_Picture_03=Importer_de_nouvelles_cartes_dans_l_interface_Arduino_Capture_d_cran_du_2020-09-04_12-07-34.png
| |
− | |Step_Picture_04=Importer_de_nouvelles_cartes_dans_l_interface_Arduino_Capture_d_cran_du_2020-09-04_12-08-33.png
| |
− | }}
| |
− | {{Tuto Step
| |
− | |Step_Title=Import bibliothèque
| |
− | |Step_Content=Pour notre projet, nous aurons besoin d'ajouter les bibliothèques suivantes via l'interface Arduino :
| |
− | | |
− | | |
− | -> Mini Grafx (by Daniel Eichborn)
| |
− | | |
− | -> ESP8266 (by Weather Station)
| |
− | | |
− | -> Json Streaming Parser
| |
− | | |
− | -> ThingPulse XPT2046 Touch
| |
− | | |
− | | |
− | [[Importer des bibliothèques dans l'interface Arduino]]
| |
− | | |
− | Vous pouvez installer que les bibliothèques ci-dessus.
| |
− | |Step_Picture_00=Importez_des_biblioth_ques_de_programme_dans_l_interface_Arduino_Capture_d_cran_du_2020-09-04_10-58-27.png | |
− | |Step_Picture_01=Afficheur_m_t_o_Capture_d_e_cran_2022-03-03_a_17.28.52.png | |
− | |Step_Picture_02=Afficheur_m_t_o_Capture_d_e_cran_2022-03-03_a_17.30.55.png
| |
− | |Step_Picture_03=Afficheur_m_t_o_Capture_d_e_cran_2022-03-03_a_17.31.12.png
| |
− | |Step_Picture_04=Afficheur_m_t_o_Capture_d_e_cran_2022-03-03_a_17.31.26.png
| |
− | }}
| |
− | {{Tuto Step
| |
− | |Step_Title=Branchement de l'écran à l'ESP8266
| |
− | |Step_Content=La référence de l'écran : '''''2.4″ ILI9341 Color Display TFT with Touch Interface (320×200 Pixels)''''' | |
− | | |
− | <br />
| |
− | }}
| |
− | {{Tuto Step
| |
− | |Step_Title=Récupérer les données météo du site OpenWeatherMap | |
− | |Step_Content=Openweather est un service en ligne permettant d'avoir des prévisions météo accessibles seulement si vous avez une clé d'accès à l'API (une clé d'API)
| |
− | | |
− | Tout d'abord, rendez-vous sur le site https://openweathermap.org/ pour vous créer un compte.
| |
− | | |
− | Cliquez ensuite sur l'onglet API keys, donnez un nom à votre clé et généré là.
| |
− | | |
− | Copiez cette clé et collez là dans le code de votre projet. (Voir étape 5 ci-dessous)
| |
− | |Step_Picture_00=Afficheur_m_t_o_Capture_d_e_cran_2022-03-03_a_17.42.15.png
| |
− | |Step_Picture_01=Afficheur_m_t_o_Capture_d_e_cran_2022-03-03_a_17.55.27.png
| |
− | }}
| |
− | {{Tuto Step
| |
− | |Step_Title=Modification dans le code pour chez-vous
| |
− | |Step_Content=Lorsque vous ouvrez le programme "NOMDUPROGRAMME" que vous venez de téléchargez, plusieurs onglets doivent apparaitre.
| |
− | | |
− | L'un d'eux porte le nom "'''''settings.h'''''"
| |
− | | |
− | Parcourir ce fichier et modifier :
| |
− | | |
− | *'''''ligne 28 :''''' Le nom du réseau wifi local (Ce qu'on appelle le SSID)
| |
− | *'''''ligne 29 :''''' Le mot de passe du réseau wifi local.
| |
− | *'''''ligne 38 :''''' Votre clé API généré à l'étape 4.
| |
− | *<nowiki/>'''''ligne 45 :''''' Trouvez les identifiants de la ville souhaitée en tapant celle-ci dans le système de recherche proposé '''''Search city''''' puis entrer. Retrouvez le numéro identifiant dans la barre d'adresse web https://openweathermap.org/city/<nowiki/>XXXXXXXXX
| |
− | *'''''ligne 46 :''''' Renseigner le lieu en toute lettre.
| |
− | *Téléverser le programme et voilà, c'est fait
| |
− | | |
− | <br /><syntaxhighlight lang="c++" line="1" start="27">
| |
− | // Setup
| |
− | String WIFI_SSID = "LENOMDURESEAU";
| |
− | String WIFI_PASS = "CLÉDURÉSEAU";
| |
− | #define WIFI_HOSTNAME "ThingPulse-weather-station-color"
| |
− | | |
− | const int UPDATE_INTERVAL_SECS = 10 * 60; // Update every 10 minutes
| |
− | const int SLEEP_INTERVAL_SECS = 0; // Going to sleep after idle times, set 0 for insomnia
| |
| | | |
| | | |
− | // OpenWeatherMap Settings
| + | https://fr.wikipedia.org/wiki/Planisph%C3%A8re |
− | // Sign up here to get an API key: https://docs.thingpulse.com/how-tos/openweathermap-key/
| |
− | String OPEN_WEATHER_MAP_API_KEY = "CLEAPI";
| |
− | /*
| |
− | Go to https://openweathermap.org/find?q= and search for a location. Go through the
| |
− | result set and select the entry closest to the actual location you want to display
| |
− | data for. It'll be a URL like https://openweathermap.org/city/2657896. The number
| |
− | at the end is what you assign to the constant below.
| |
− | */
| |
− | String OPEN_WEATHER_MAP_LOCATION_ID = "3031582";
| |
− | String DISPLAYED_LOCATION_NAME = "Bordeaux";
| |
− | </syntaxhighlight><br />
| |
− | |Step_Picture_00=Afficheur_m_t_o_Capture_d_e_cran_2022-03-03_a_18.10.09.png
| |
| }} | | }} |
− | {{Notes}}
| |
| {{Tuto Status | | {{Tuto Status |
− | |Complete=Draft | + | |Complete=Published |
| }} | | }} |