Un capteur de CO2 avec UIFLOW et M5STICK : Différence entre versions

Ligne 63 : Ligne 63 :
 
{{Tuto Step
 
{{Tuto Step
 
|Step_Title=Conception de l'interface
 
|Step_Title=Conception de l'interface
|Step_Content=Avant de commencer à coder nous allons créer l'interface,
+
|Step_Content=Avant de commencer à coder nous allons créer l'interface,  
  
 
<br />
 
<br />
|Step_Picture_00=Un_capteur_de_CO2_avec_UIFLOW_et_M5STICK_glisse_uiflow.gif
+
|Step_Picture_00=Un_capteur_de_CO2_avec_UIFLOW_et_M5STICK_S_lection_033.png
|Step_Picture_01=Un_capteur_de_CO2_avec_UIFLOW_et_M5STICK_S_lection_032.png
+
|Step_Picture_01=Un_capteur_de_CO2_avec_UIFLOW_et_M5STICK_glisse_uiflow.gif
 
}}
 
}}
 
{{Notes}}
 
{{Notes}}

Version du 27 janvier 2022 à 14:51

Auteur avatarjul | Dernière modification 25/02/2022 par Julienrat

Un capteur de CO2 avec UIFLOW et M5STICK co2.png
Fabriquez un capteur de CO2 avec UIFLOW en quelques clics !
Difficulté
Facile
Durée
30 minute(s)
Disciplines scientifiques
Arduino, Electricité, Science de la vie
<languages />
Licence : Attribution (CC-BY)

Introduction

Dans cette expérience vous allez réaliser un indicateur de CO2 avec un M5STICK, le Capteur Sensair S8 et le logiciel UIFLOW

Étape 1 - Un peu de soudure

Pour pouvoir connecter simplement votre capteur de CO2 au M5Stick nous vous recommandons de souder un connecteur Grove, il est aussi possible de connecter le capteur sur les fiches femelles du M5STICK


Étape 2 - Branchez Le M5stick C sur votre ordinateur

Lorsque vous branchez le M5StickC sur votre ordinateur, celui-ci devrait indiquer qu'il est connecté au Cloud et affiche une API KEY ici 3C413F51.

Si ce n'est pas le cas rendez-vous sur cette page pour flasher le M5StickC Flasher_M5StickC_pour_l'utiliser_avec_UIFLOW





Étape 3 - Lancez UIFLOW !

Rendez-vous sur le site UIFLOW

A l'ouverture du site ce dernier affiche une fenetre, entrez votre API KEY, la langue, puis choisissez votre modèle de M5STICK


Cliquez en bas à gauche si la fenêtre se s'affiche pas



Étape 4 - Importez le bloc Capteur de CO2

Dans cette étape vous allez importer un nouveau bloc vous permettant d'utiliser le capteur dans UIFLOW.

Il vous faudra préalablement télécharger le bloc projetCO2.m5b

Rendez-vous en bas du menu de bloc et cliquez sur CUSTOM puis sur OPEN *.m5b file

Une fenetre s'ouvre, choisissez le fichier téléchargé projetCO2.m5b

Une nouvelle section "projet CO2 apparait en bas et vous permet ainsi d'utiliser le capteur



Étape 5 - Conception de l'interface

Avant de commencer à coder nous allons créer l'interface,





Dernière modification 25/02/2022 par user:Julienrat.

Commentaires

Draft