Voir la source de Envoyer et afficher des données sur DBLOCADATA

{{Tuto Details
|Main_Picture=Envoyer_et_afficher_des_donn_es_sur_DBLOCADATA_Capture_d_cran_du_2023-03-30_14-25-09.png
|Licences=Attribution (CC-BY)
|Description=Découvre comment envoyer et afficher des données sur la plateforme DBLOCADATA.
|Disciplines scientifiques=Arduino, Computing
|Difficulty=Easy
|Duration=15
|Duration-type=minute(s)
}}
{{Introduction
|Introduction=Dans cette séance, tu vas apprendre à envoyer les données que capte ton microcontrôleur.

Pour cela, nous allons utiliser ce programme : 

<nowiki>https://dblocadata.debrouillonet.org/~test/BIPES/ui/?idw=29</nowiki>

Il génère de fausses données que nous allons ensuite envoyer.
}}
{{Materials
|ItemList={{ItemList
|Item=ESP32
}}
}}
{{Tuto Step
|Step_Title=Se connecter à Internet
|Step_Content=Pour envoyer les données, le microcontrôleur doit être connecté à Internet.


Pour cela, utilise le bloc Connexion au réseau wifi. Mets le tout au début de ton programme.

<br />{{Info|Ici, nous mettons le bloc de connexion dans le même fichier que le reste de programme. Il est aussi possible de mettre ce bloc dans le fichier boot.py pour que le microcontrôleur se connecte au démarrage.}}<br />
}}
{{Tuto Step
|Step_Title=Envoyer des données
|Step_Content=L'envoi de donné se fait avec le protocole MQTT.

Le protocole est simple et ne nécessite que peu d'informations pour fonctionner : 

*Un identifiant de session (déjà renseigné pour toi dans le bloc)
*Un sujet : le nom de la donnée que tu envoies (ex: température dans le salon)
*La donnée à envoyer


Pour commencer, démarre ta session MQTT. Place le bloc EasyMQTT Démarrer après ta connexion à Internet.


Maintenant que la session est démarré, tu peux envoyer des données avec le bloc EasyMQTT publier les données 


Place ce bloc dans la boucle pour envoyer des données périodiquement.

<br />{{Warning|Ne change pas ton identifiant de session, il est directement lié à ton compte DBLOCADATA.}}<br />
}}
{{Tuto Step
|Step_Title=Afficher les données
|Step_Content=Dans un premier, il faut vérifier que les données arrivent bien sur notre site. Pour cela, va dans la barre de navigation, section EasyMQTT.

Normalement, tu devrais voir les données sur un graphique. Si ce n'est pas le cas, vérifie que : 

<br />

* Ton programme est bien en cours d'exécution 😜
* Le microcontrôleur est bien connecté à Internet.
* Tu as bien mis des données à envoyer dans ton bloc.


Si tu vois les données, alors tu peux passer à la partie suivante.

<br />
}}
{{Tuto Step
|Step_Title=Freeboard
|Step_Content=Freeboard est l'interface qui te permet de visualiser les données avec différents styles de graphique.


Dans la barre de navigation, va dans l'onglet Freeboard.


Tu vas devoir ajouter une source de donnée. Appuie sur le bouton Ajouter en dessous du texte Sources de données.

<br />

* Le type : BIPES EasyMQTT
* Le nom : à toi de choisir un nom qui correspond
* Le topic : ici, mets le nom que tu as donné à ton sujet dans le bloc de publication.

Tu vas ensuite ajouter un graphique pour voir la donnée.


Clic sur Ajouter un panneau, puis, dans le panneau qui est apparu, appuie sur le bouton ➕.


Choisis le type Gauge (je te laisse découvrir les autres 😉)


Dans value choisis, clic sur ➕Source de donnée et ensuite : 

Nom de ton '''''sujet --> result --> 0 --> data''''' 


Et voilà, tu sais maintenant comment envoyer des données et les afficher, bravo ! 🏆
}}
{{Notes}}
{{Tuto Status
|Complete=Draft
}}