Badge Interactif

Introduction

Tu vas faire un badge interactif, qui réagit à l’humeur de tes amis.

Instructions: Si vous lisez ceci en ligne, appuyez sur le bouton A de la micro:bit ci-dessous pour afficher un sourire, et sur le bouton B pour montrer de la tristesse.

Introduction

Dans ce projet, les enfants apprendront comment utiliser les entrées pour exécuter des séquences d’instructions, en créant un badge interactif. Presser un des boutons de la micro:bit changera l’image qui est affichée.

Ressources

Pour ce projet, l’éditeur PXT devra être utilisé.

Tu peux trouver une version complète du projet ici pxt.microbit.org/#pub:90418-17495-16581-63753, et le fichier compilé .hex peut être téléchargé en cliquant sur le lien ‘Matériaux du projet’ qui contient :

  • microbit-Interactive-Badge.hex

Objectifs d’apprentissage

  • Entrées (lorsque le bouton est pressé);
  • Séquence d’instructions.

Ce projet couvre les éléments suivants du programme Raspberry Pi Digital Making Curriculum :

Défis

  • “Afficher un visage triste” - ajouter un nouvel événement lorsque le bouton est pressé ;
  • “Crée ton propre badge interactif !” - consolidation des connaissances acquises dans ce projet.

Displaying an image

Commençons par afficher une image sur la micro:bit quand elle démarre.

  • Va sur jumpto.cc/pxt-new pour démarrer un nouveau projet dans l’éditeur PXT. Appelle ton nouveau projet ‘Badge interactif’.

  • Tu dois maintenant voir l’éditeur de code. Pour dessiner une image sur ta micro:bit quand elle démarre, place un bloc montrer LEDs dans la zone de code (sur la gauche) à l’intérieur du bloc au démarrage.

  • Pour créer une image à afficher, clique sur les LEDs que tu veux allumer :

  • Ton code s’exécutera automatiquement dans l’émulateur sur la gauche. :

  • Tu peux aussi tester ton code sur la micro:bit elle même ! Pour cela, clique sur ‘Télécharger’ dans le menu à gauche de l’écran.

    Cela va créer et télécharger un fichier .hex que tu pourras exécuter sur ta micro:bit.

  • Utilise un cable USB pour brancher ta micro:bit sur ton ordinateur. Tu devrais voir apparaître ta micro:bit dans le gestionnaire de fichiers, sous la forme d’une clé USB.

  • Si tu utiliser l’uploader micro:bit alors le fichier .hex sera automatiquement copié sur la micro:bit. Demande à un bénévole si tu n’es pas sûr.

Sinon tu devras copier le fichier .hex sur la micro:bit.

Si tu utilises Internet Explorer tu peux sélectionner Enregistrer sous dans le menu qui apparaît au bas de ton navigateur, puis sélectionner le disque micro:bit :

Si tu utilises Google Chrome tu peux cliquer sur la flèche à côté du fichier et choisir ‘Afficher dans le dossier’, puis déplacer le fichier sélectionné sur le disque micro:bit :

  • Une lumière à l’arrière de ta micro:bit va clignoter pendant quelques instants, le tant que le fichier soit copié. Une fois que c’est terminé, ton programme va démarrer. Tu peux cliquer sur le bouton reset à l’arrière de ta micro:bit pour redémarrer le programme.

  • Tu devrais maintenant voir ton image sur la micro:bit.

    Si tu préfères, tu peux enlever le cable USB de ta micro:bit, et la brancher sur des piles.

    Le programme enregistré sur la micro:bit va démarrer.

Tu n’as pas besoin d’un compte pour enregistrer ton programme !

Ton projet sera automatiquement enregistré dans ton navigateur, tu peux cliquer sur Projets pour voir tes projets.

Tu peux aussi cliquer sur Enregistrer pour télécharger ton projet sous la forme d’un fichier .hex qui contient ton programme :

Pour charger ton projet sur un autre ordinateur, clique sur ‘Projets’, puis sur ‘Importer un fichier’ et sélectionne ton fichier .hex.


Affiche un sourire

Montrons maintenant un sourire sur ta micro:bit quand le bouton ‘A’ est pressé.

  • Jusqu’ici, tu as seulement exécuté du code au démarrage de la the micro:bit. Tu peux aussi exécuter du code quand un bouton est pressé.

Place un bloc Lorsque le bouton est pressé et vérifie que le bouton A est sélectionné

Tout le code ajouté à l’intérieur de ce bloc ne s’exécutera que lorsque le bouton ‘A’ de ta micro:bit sera pressé.

  • Place un bloc montrer LEDs à l’intérieur de ton nouvel événement, pour dessiner un visage souriant.

  • Teste ton code dans l’émulateur. Clique sur le bouton ‘A’ et tu devrais voir apparaître un visage souriant sur ta micro:bit :


Défi : Affiche un visage triste

Est-ce que tu peux faire en sorte que ta micro:bit affiche un visage triste quand le bouton ‘B’ est pressé ?

Tu devras utiliser un autre bloc ‘lorsque le bouton est pressé’ et sélectionner ‘B’.


Crée une animation simple

Créons une animation (très) simple pour tes visages souriants et tristes.

  • Ajoute un second bloc montrer LEDs dans ton bloc lorsque le bouton A est pressé, avec un visage neutre.

  • Si tu teste ce code, tu verras que le dessin change rapidement. Pour que le changement soit plus lent, tu devras ajouter un bloc pause entre les 2 images affichées.

Pour choisir combien de millisecondes attendre, clique sur la flèche vers le bas et saisit un nombre. 1000 millisecondes c’est 1 seconde, donc 250 millisecondes c’est un quart de seconde.

  • Tu devras aussi animer ton visage triste. La façon la plus simple d’y arriver est de dupliquer les blocs que tu viens juste de créer. Tu remarqueras que l’éditeur PXT duplique seulement un seul bloc à la fois (et pas plusieurs blocs comme dans Scratch).
  • Tu peux ensuite déplacer ces blocs dans ton bloc lorsque le bouton B est pressé. Voilà à quoi devrait ressembler ton code :

  • Teste ton code, et tu devrais voir un visage souriant ou triste animé quand tu appuies sur le bouton A ou B.


Défi : Crée ton propre badge interactif !

Crée ton propre badge, tu peux utiliser les images ou les animations que tu souhaites !

Prodotto aggiunto al comparatore!