Différences entre les pages « Fichier:La Porte de Demain Capture d cran 2021-05-02 163328.png » et « Afficheur météo »

(La_Porte_de_Demain_Capture_d_cran_2021-05-02_163328)
 
 
Ligne 1 : Ligne 1 :
−
La_Porte_de_Demain_Capture_d_cran_2021-05-02_163328
+
{{Tuto Details
 +
|Licences=Attribution (CC-BY)
 +
|Description=Création d'un afficheur des données météorologiques de votre localité provenant de l'API OpenWeather.
 +
|Disciplines scientifiques=Arduino, Computing, Life Sciences
 +
|Difficulty=Easy
 +
|Duration=1
 +
|Duration-type=hour(s)
 +
}}
 +
{{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
 +
}}
 +
{{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
 +
// 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
 +
|Complete=Draft
 +
}}

Version du 3 mars 2022 à 19:22

Création d'un afficheur des données météorologiques de votre localité provenant de l'API OpenWeather.

Auteur avatarbloupy | Dernière modification 3/03/2022 par Bloup

Pas encore d'image

Difficulté
Facile
Durée
1 heure(s)
Disciplines scientifiques
Arduino, Informatique, Science de la vie
Création d'un afficheur des données météorologiques de votre localité provenant de l'API OpenWeather.
Difficulté
Facile
Durée
1 heure(s)
Disciplines scientifiques
Arduino, Informatique, Science de la vie
<languages />
Licence : Attribution (CC-BY)

Introduction

Un autre projet avec un ESP8266 qui joue avec la météo : Petit_parapluie_connecté
D1 mini
Item-D1 mini WemosD1mini.jpg
C'est un cousin de l'Arduino, avec du wifi !

Étape 1 - Installation de l'ESP8266

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 :


Plus de détails ici : Utiliser_le_D1_mini_avec_Arduino

Importer de nouvelles cartes dans l interface Arduino Capture d cran du 2020-09-04 12-00-32.png
Importer de nouvelles cartes dans l interface Arduino Capture d cran du 2020-09-04 12-01-00.png
Importer de nouvelles cartes dans l interface Arduino Capture d cran du 2020-09-04 12-01-20.png
Importer de nouvelles cartes dans l interface Arduino Capture d cran du 2020-09-04 12-07-34.png
Importer de nouvelles cartes dans l interface Arduino Capture d cran du 2020-09-04 12-08-33.png

Étape 2 - Import bibliothèque

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.

Importez des biblioth ques de programme dans l interface Arduino Capture d cran du 2020-09-04 10-58-27.png
Afficheur m t o Capture d e cran 2022-03-03 a 17.28.52.png
Afficheur m t o Capture d e cran 2022-03-03 a 17.30.55.png
Afficheur m t o Capture d e cran 2022-03-03 a 17.31.12.png
Afficheur m t o Capture d e cran 2022-03-03 a 17.31.26.png

Étape 3 - Branchement de l'écran à l'ESP8266

Étape 4 - Récupérer les données météo du site OpenWeatherMap

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)

Afficheur m t o Capture d e cran 2022-03-03 a 17.42.15.png
Afficheur m t o Capture d e cran 2022-03-03 a 17.55.27.png



Étape 5 - Modification dans le code pour chez-vous

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.
  • 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/XXXXXXXXX
  • ligne 46 : Renseigner le lieu en toute lettre.
  • Téléverser le programme et voilà, c'est fait

27 // Setup
28 String WIFI_SSID = "LENOMDURESEAU";
29 String WIFI_PASS = "CLÉDURÉSEAU";
30 #define WIFI_HOSTNAME "ThingPulse-weather-station-color"
31 
32 const int UPDATE_INTERVAL_SECS = 10 * 60; // Update every 10 minutes
33 const int SLEEP_INTERVAL_SECS = 0;        // Going to sleep after idle times, set 0 for insomnia
34 
35 
36 // OpenWeatherMap Settings
37 // Sign up here to get an API key: https://docs.thingpulse.com/how-tos/openweathermap-key/
38 String OPEN_WEATHER_MAP_API_KEY = "CLEAPI";
39 /*
40 Go to https://openweathermap.org/find?q= and search for a location. Go through the
41 result set and select the entry closest to the actual location you want to display 
42 data for. It'll be a URL like https://openweathermap.org/city/2657896. The number
43 at the end is what you assign to the constant below.
44  */
45 String OPEN_WEATHER_MAP_LOCATION_ID = "3031582";
46 String DISPLAYED_LOCATION_NAME = "Bordeaux";

Afficheur m t o Capture d e cran 2022-03-03 a 18.10.09.png





Dernière modification 3/03/2022 par user:Bloup.

Commentaires

Draft

Historique du fichier

Cliquer sur une date et heure pour voir le fichier tel qu'il était à ce moment-là.

Date et heureVignetteDimensionsUtilisateurCommentaire
actuel2 mai 2021 à 16:33Vignette pour la version du 2 mai 2021 à 16:33673 × 636 (185 Kio)NawelMalk (discussion | contributions)La_Porte_de_Demain_Capture_d_cran_2021-05-02_163328
  • Vous ne pouvez pas remplacer ce fichier.

La page suivante utilise ce fichier :

Métadonnées

Ce fichier contient des informations supplémentaires, probablement ajoutées par l'appareil photo numérique ou le numériseur utilisé pour le créer. Si le fichier a été modifié depuis son état original, certains détails peuvent ne pas refléter entièrement l'image modifiée.
Récupérée de « https://www.wikidebrouillard.org/w/index.php?title=Fichier:La_Porte_de_Demain_Capture_d_cran_2021-05-02_163328.png&oldid=13515 »
© 2017 - 2024 Dokit, SAS.