Rechercher dans les propriétés de la page

Cette page fournit une interface de navigation pour trouver toutes les valeurs d’une propriété et une page donnée. D’autres interfaces de recherche disponibles incluent la recherche de propriété et le constructeur de requête « ask ».

Liste de résultats

• Avant de commencer à coder nous allons cré … Avant de commencer à coder nous allons créer l'interface, </br></br>Glissez déposez de la '''zone de gauche vers l'ecran''' les composants suivants :</br></br>*2 Labels (zones de texte</br>*un Cercle (circle)</br></br>Nommez maintenant les composants de l'écran en cliquant sur ceux-ci</br></br>Le fait de nommer les composants rend plus facile la programmation par la suite.</br></br><br/>cile la programmation par la suite. <br/>  +
• Cliquez maintenant sur le bouton RUN en bas à droite  +
• Dans cette étape vous allez importer un no … Dans cette étape vous allez importer un nouveau bloc vous permettant d'utiliser le capteur dans UIFLOW.</br></br>Il vous faudra préalablement télécharger le bloc [https://cloud.debrouillonet.org/s/kMpbaZc9jjHxEFP projetCO2.m5b]</br></br>Rendez-vous en bas du menu de bloc et cliquez sur '''CUSTOM''' puis sur '''OPEN *.m5b file'''</br></br>Une fenetre s'ouvre, choisissez le fichier téléchargé [https://cloud.debrouillonet.org/s/kMpbaZc9jjHxEFP projetCO2.m5b]</br></br>Une nouvelle section "projet CO2 apparait en bas et vous permet ainsi d'utiliser le capteuret vous permet ainsi d'utiliser le capteur  +
• Dans cette étape, nous allons simplement a … Dans cette étape, nous allons simplement afficher la mesure.</br></br><br/></br></br># Ajoutez le '''bloc loop''' (tout ce qui est à l'interieur du bloc loop va être executé indéfiniment) et collez le sous '''init capteur CO2'''.</br># Dans '''Custom>ProjetCO2''' et glissez déposez le bloc '''Lire''' '''CO2'''. et collez le dans le '''bloc loop'''.</br># Dans '''UI>Label''' glissez déposez le '''bloc Label show'''.</br># Dans '''Custom>ProjetCO2''' et glissez déposez le bloc CO2 et insérez le dans le bloc '''Label show''' à la place de '''Hello M5'''</br># Enfin dans '''timer''' ajoutez '''Wait 1s'''</br></br><br/>''' # Enfin dans '''timer''' ajoutez '''Wait 1s''' <br/>  +
• Lorsque vous branchez le M5StickC sur votr … 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'''.</br></br>Si ce n'est pas le cas rendez-vous sur cette page pour flasher le M5StickC [[Flasher_M5StickC_pour_l'utiliser_avec_UIFLOW]]</br></br><br/>[Flasher_M5StickC_pour_l'utiliser_avec_UIFLOW]] <br/>  +
• Nous allons commencer par dire au microcon … Nous allons commencer par dire au microcontrolleur sur quelles broches est connecté le capteur.</br></br>Rendez-vous en bas dans '''Custom>ProjetCO2''' et glissez déposez le bloc '''init capteur CO2'''. et collez le sous le '''bloc setup'''</br></br>Selon le cablage, si vous utilisez le connecteur Grove (connecteur blanc) renseignez les broches RX et TX</br></br>*RX --> 32</br>*TX --> 33</br></br>Sinon adaptez les numéros de broche !TX --> 33 Sinon adaptez les numéros de broche !  +
• 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  +
• Rendez-vous sur le site [https://flow.m5stack.com/ 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<br/>  +
• Voici le code permettant le changement de couleur du cercle en fonction de la concentration de CO2 dans la pièce Le programme est [https://cloud.debrouillonet.org/s/rxJWyDz2jNiwTEy téléchargeable ICI]  +
• Ça y est ! votre interface est réalisée, v … Ça y est ! votre interface est réalisée, vous pouvez dès maintenant tester en vrai sur votre M5Stick.</br></br></br>Pour tester, assurez vous que le M5Stick et votre ordinateur soit bien connecté au réseau, que le M5Stick affiche bien "cloud" et la clef API.</br></br></br>Cliquez maintenant sur le bouton RUN en bas à droite</br></br>Un message apparait en haut à droite '''"Connecting M5"''' puis si tout se passe bien le message se transforme en '''"Execute code successfully"'''.</br></br>Si le message '''"upload code failed, maybe your device is offline check it and retry"''' votre M5Stick ou votre ordinateur ne sont pas connecté au réseau.</br></br>Vérifiez tout ça ou reflashez votre M5STICK en suivant la procédure [[Flasher M5StickC pour l'utiliser avec UIFLOW]]tickC pour l'utiliser avec UIFLOW]]  +