Voir la source de Créer un compte chez AdafruitIO pour envoyer des données dans le web

{{Tuto Details
|Main_Picture=Cr_er_un_compte_chez_AdafruitIO_pour_envoyer_des_donn_es_dans_le_web_Adafruit-IO-Logo.png
|Licences=Attribution (CC-BY)
|Description=AdafruitIO est un serveur IOT mis à disposition par Adafruit, célèbre entreprise qui vend du matériel électronique et pionnière dans Arduino.
|Disciplines scientifiques=Arduino, Computing, Physics
|Difficulty=Easy
|Duration=15
|Duration-type=minute(s)
|Tags=IOT, esp8266, esp32, Wemos D1 mini, LOLIN D1 MINI
}}
{{Introduction
|Introduction=Dans ce tutoriel pas à pas vous allez pouvoir créer votre compte Adafruit et paramétrer votre espace pour pouvoir recevoir des données et les afficher.
}}
{{Materials
|ItemList={{ItemList
|Item=Ordinateur
}}
}}
{{Tuto Step
|Step_Title=Première connexion et création de votre compte
|Step_Content=Rendez vous sur le site d'AdafruitIO et créez vos identifiants :

https://io.adafruit.com/


Cliquez sur "Get start for free" pour créer votre compte, puis grand classique remplissez le formulaire pour créer votre compte
|Step_Picture_00=Cr_er_un_compte_chez_AdafruitIO_pour_envoyer_des_donn_es_dans_le_web_Capture_d_cran_du_2020-09-04_16-00-07.png
|Step_Picture_01=Cr_er_un_compte_chez_AdafruitIO_pour_envoyer_des_donn_es_dans_le_web_Capture_d_cran_du_2020-09-04_16-01-22.png
}}
{{Tuto Step
|Step_Title=Créer son premier tableau de bord (Dashboard)
|Step_Content=Une fois connecté au site :

* Cliquez en haut sur l'onglet IO
* Ensuite sur '''"Action"''' puis sur '''"Create a new dashboard"'''
* Renseignez les champs demandés puis cliquez sur '''"Create"'''

Si tout se passe bien, vous verrez apparaître dans la liste votre nouveau tableau de bord (dashboard) . Le tableau de bord sera la page où vous pourrez insérer des graphiques, manomètres etc.
|Step_Picture_00=Cr_er_un_compte_chez_AdafruitIO_pour_envoyer_des_donn_es_dans_le_web_Capture_d_cran_du_2020-09-04_16-04-29.png
|Step_Picture_01=Cr_er_un_compte_chez_AdafruitIO_pour_envoyer_des_donn_es_dans_le_web_Capture_d_cran_du_2020-09-04_16-04-44.png
|Step_Picture_02=Cr_er_un_compte_chez_AdafruitIO_pour_envoyer_des_donn_es_dans_le_web_Capture_d_cran_du_2020-09-04_16-05-56.png
|Step_Picture_03=Cr_er_un_compte_chez_AdafruitIO_pour_envoyer_des_donn_es_dans_le_web_Capture_d_cran_du_2020-09-04_16-11-10.png
}}
{{Tuto Step
|Step_Title=Créer un flux de données (Feed)
|Step_Content=Accédez à la configuration des flux de données  (Feeds) en cliquant sur l'onglet '''"Feeds"''' puis '''"View all"'''.

Dans l'onglet '''"Action"''', cliquez sur '''"Create a new feed"''', renseignez les champs puis '''"Create"'''.


Vous verrez apparaître dans la liste vos flux de données, pour l'exemple nous avons créé le flux de donnée '''Temperature''' et '''Humidite'''.
|Step_Picture_00=Cr_er_un_compte_chez_AdafruitIO_pour_envoyer_des_donn_es_dans_le_web_Capture_d_cran_du_2020-09-04_16-14-21.png
|Step_Picture_01=Cr_er_un_compte_chez_AdafruitIO_pour_envoyer_des_donn_es_dans_le_web_Capture_d_cran_du_2020-09-04_16-14-50.png
|Step_Picture_02=Cr_er_un_compte_chez_AdafruitIO_pour_envoyer_des_donn_es_dans_le_web_Capture_d_cran_du_2020-09-04_16-15-37.png
|Step_Picture_03=Cr_er_un_compte_chez_AdafruitIO_pour_envoyer_des_donn_es_dans_le_web_Capture_d_cran_du_2020-09-04_16-16-16.png
}}
{{Tuto Step
|Step_Title=Ajoutez des objets à votre tableau de bord
|Step_Content=Rendez vous dans votre tableau de bord (Dashboard),

* Cliquez sur le petit plus pour ajouter un Objet à votre tableau de bord
* Choisissez '''"Gauge"''' pour commencer, (il existe pas mal d'objets pour représenter les données)
* Là on vous demande de relier votre objet gauge à un flux de donnée (Feed) ici je connecte le manomètre au flux temperature
* Renseignez la configuration de votre manomètre, puis '''"Create Block"'''

Si tout se passe bien vous pourrez voir votre block manomètre sur votre tableau de bord
|Step_Picture_00=Cr_er_un_compte_chez_AdafruitIO_pour_envoyer_des_donn_es_dans_le_web_Capture_d_cran_du_2020-09-04_16-21-06.png
|Step_Picture_01=Cr_er_un_compte_chez_AdafruitIO_pour_envoyer_des_donn_es_dans_le_web_Capture_d_cran_du_2020-09-04_16-21-24.png
|Step_Picture_02=Cr_er_un_compte_chez_AdafruitIO_pour_envoyer_des_donn_es_dans_le_web_Capture_d_cran_du_2020-09-04_16-21-44.png
|Step_Picture_03=Cr_er_un_compte_chez_AdafruitIO_pour_envoyer_des_donn_es_dans_le_web_Capture_d_cran_du_2020-09-04_16-22-14.png
|Step_Picture_04=Cr_er_un_compte_chez_AdafruitIO_pour_envoyer_des_donn_es_dans_le_web_Capture_d_cran_du_2020-09-04_16-23-11.png
|Step_Picture_05=Cr_er_un_compte_chez_AdafruitIO_pour_envoyer_des_donn_es_dans_le_web_Capture_d_cran_du_2020-09-04_16-24-59.png
}}
{{Tuto Step
|Step_Title=Les options du tableau de bord
|Step_Content=* La roue dentée sert à éditer la disposition des différents objets (blocks) dans votre tableau de bord (dashboard).
* Le petit + sert à ajouter des objets (blocks)
* La poubelle à supprimer des objets
* la clef sert à récupérer la clef nous permettant d'envoyer les flux de données de notre Wemos à AdafruitIO sur notre compte
* Le cadenas sert à rendre public notre tableau de bord
|Step_Picture_00=Cr_er_un_compte_chez_AdafruitIO_pour_envoyer_des_donn_es_dans_le_web_Capture_d_cran_du_2020-09-04_16-24-46.png
}}
{{Tuto Step
|Step_Title=Récupérer la clef API d'adafruitIO
|Step_Content=Pour pouvoir envoyer des données à adafruit, nous allons devoir utiliser une clef qui permettra au site AdafruitIO de rediriger le flux de données (feed) que le serveur va recevoir vers notre compte et donc les flux que nous avons créé précédement.


Sur votre Tableau de bord, cliquez sur la petite clef et une page devrait s'afficher vous indiquant votre nom d'utilisateur ainsi que votre clef personnelle. ICI :
<br /><syntaxhighlight lang="arduino">
USERNAME  "ratjulien"
IO_KEY       "5cdad14a9d8e4cd2a568af4b1fc2f750"
</syntaxhighlight>



Gardez précieusement ces informations, elles vous serviront plus tard lorsque vous coderez votre premier objet connecté !<br />
|Step_Picture_00=Cr_er_un_compte_chez_AdafruitIO_pour_envoyer_des_donn_es_dans_le_web_Capture_d_cran_du_2020-09-04_16-36-30.png
|Step_Picture_01=Cr_er_un_compte_chez_AdafruitIO_pour_envoyer_des_donn_es_dans_le_web_Capture_d_cran_du_2020-09-04_16-35-27.png
}}
{{Notes}}
{{Tuto Status
|Complete=Published
}}