Skip to main content

Micro:bit - Capteur infrarouge (HC-SR04)

Logo_POPcafe_Capsule.png

Interfacer un écran LCD Grove sur Micro:bit et y afficher des données

1665047059162.jpg

Wifi.png

Durée 

10min

Age 

Dès 8 ans

Nombre de participants

De 1 à 10

Matériel

  • Un ordinateur + Connexion internet
  • Une carte micro:bit
  • Un shield (Bitmaker)
  • Un écran LCD avec connexion Grove

Smiley clin d'oeil.pngIntro et Enjeux pédagogiques

L'atelier vise à être autonome dans la mise en place d'un dispositif affichant un message sur un écran LCD connecté à une carte micro:bit via la plateforme de programmation en ligne de Vittascience. Cette dernière est très similaire à celle de Scratch et permet ainsi la création d'un programme sans coder, juste en imbriquant des modules dans une suite logique d'actions à mener.

Fusée.pngL'atelier 

Déroulé :

  1. Connecter la carte micro:bit au shield BitMaker

    1665044936919.jpg

    1665044936908.jpg


  2. Connecter le câble grove sur l'écran LCD d'une part et sur le port I2C du shield de l'autre.

    1665044936897.jpg

    1665044936885.jpg


  3. Aller sur l'interface de programmation du site Vittascience. Choisir la carte BBC Micro:bit.
  4. L'interface propose plusieurs espaces.
    1. A gauche, un menu déroulant avec plusieurs catégories (Affichage, entrées, Communications etc.)
    2. A sa droite, un espace central dans lequel nous glisser/déposer les éléments sur menu de gauche. L'interface peut rappeler celle de Scratch
    3. A droite, une fenêtre de programmation qui traduit en direct en langage python ce que le programme doit faire.
    4. A droite de cette fenêtre, un petit icône de flèche permet d'ouvrir une nouvelle fenêtre simulant la carte micro:bit et les capteurs qui y seront branchés.

      image.png

    5. En bas, une fenêtre de moniteur série permettra d'y afficher des données, valeurs, textes transmis sur le port.
    6. En haut, il est possible (après création d'un compte gratuit) d'enregistrer, ouvrir des projets, de télécharger le programme etc.
  5. A gauche cliquer sur le bouton "Variables" puis sur "créer une variable". Appeler celle-ci "T", pour Température. La variable "T" est alors créée.

    image.png

  6. Glisser/ déposer le bloc "affecter à T la valeur 0". Ce bloc permet de donner une valeur à la variable précédemment créée. Pour le moment, la variable "T" va donc valoir "0".

    image.png

  7. Dans la catégorie "Capteurs", trouver le bloc "Température" et le déposer dans le bloc "Affecter à T...". Ainsi, la variable "T" reçoit indéfiniment la valeur du capteur de température (natif sur la carte micro:bit).

    image.png

    image.png

  8. Dans la catégorie "Affichage", trouver la sous-catégorie "Ecran LCD"  et glisser/déposer le bloc "[LCD] Afficher le texte". Ainsi, l'écran LCD va afficher indéfiniment le texte " ". L'écran LCD comporte 2 lignes de 16 caractères. Il est donc possible de définir l'écriture la ligne 0 ou la ligne 1 et à quelle position (entre 0 et 15 pour les 16 caractères).

    image.png

    image.png


  9. Dans le champ " ", écrire "Température: ". L'interface de droite simule alors la carte micro:bit ainsi que l'écran LCD et ce qu'il affiche. Elle met aussi en avant le capteur de température du micro:bit.

    image.png

    image.png


  10. Ajouter un nouveau bloc [LCD] Afficher texte en dessous du précédent. changer la ligne en "1".

    image.png

  11. Dans la catégorie "Texte", trouver le bloc "Créer le texte + - " et le glisser déposer dans le bloc LCD. e bloc permet d'ajouter plusieurs données les unes après les autres

    image.png

    image.png

  12. Dans la catégorie "Variables", glisser/ déposer "T" dans la première bulle du bloc texte.

    image.png

    image.png


  13. Dans la catégorie "texte", glisser/ déposer le bloc texte " " dans la seconde bulle. Y insérer le texte " °C". Ainsi, la variable la valeur du capteur de température, stockée dans la variable "T" est affichée sur la seconde ligne de l'écran LCD, suivi du texte " °C".

    image.png

    image.png


  14. Dans l'interface de droite, bouger la valeur du capteur température. La valeur sur l'écran LCD se met alors à jour automatiquement.

    image.png


  15. En haut, au centre, cliquer sur le bouton "Télécharger .hex". Le programme va alors se télécharger sur l'ordinateur. Brancher la carte micro:bit à l'ordinateur via le câble fourni. Coller le fichier dans la carte.



    image.png

    1665047059192.jpg

  16. Déconnecter le micro:bit de l'ordinateur et connecter le shield à l'ordinateur (ou une source d'alimentation externe). Le dispositif se met en route et affiche la température de la pièce en direct.

    1665047059182.jpg


  17. Amélioration: Les caractères spéciaux ne sont pas toujours bien interprétés. Retravailler le texte pour supprimer les accents, changer le logo " ° " en "degrés" afin d'avoir un dispositif propre.

    1665047059172.jpg


    1665047059162.jpg

  18. Ouverture: Rajouter des blocs "si..." dans la catégorie "Logique" afin de changer l'affichage dans certaines conditions. Par exemple, lors de l'appuie sur la touche "A", l'affichage de la température se fait en Fahrenheit et en Kelvin lorsque la touche B est pressée. Cela permettra de voir la différence de valeur d'une même température qu'elle soit en C, K ou F.
    Ex: 20 °C = 68 °F = 295.15 °K



Smiley Exalté.pngSmiley Contrarié.png

LES +

LES -

Rapide

Facile

Pas de code

Basique

Nécessite un boitier afin de faire un dispositif propre