Quizmaster avec mBlock et Arduino : Différence entre versions

Ligne 2 : Ligne 2 :
 
|Main_Picture=Quizmaster_avec_mBlock_et_Arduino_jeuxfini.jpg
 
|Main_Picture=Quizmaster_avec_mBlock_et_Arduino_jeuxfini.jpg
 
|Licences=Attribution (CC BY)
 
|Licences=Attribution (CC BY)
|Description=Le but est de créer un quiz sur l’ordinateur avec une boîtier qui permet de donner les réponses par les boutons-poussoirs. Grace à ce projet, nous découvrons la programmation avec mBlock et l’électronique avec Arduino. Jouez bien !
+
|Description=<translate>Le but est de créer un quiz sur l’ordinateur avec une boîtier qui permet de donner les réponses par les boutons-poussoirs. Grace à ce projet, nous découvrons la programmation avec mBlock et l’électronique avec Arduino. Jouez bien !</translate>
 
|Area=Electronics, Play and Hobbies
 
|Area=Electronics, Play and Hobbies
 
|Type=Creation
 
|Type=Creation
Ligne 16 : Ligne 16 :
 
}}
 
}}
 
{{ {{tntn|Introduction}}
 
{{ {{tntn|Introduction}}
|Introduction=Le projet [http://www.fablabmobile.brussels/# Fablab Mobile Brussels] présente le stage Programmation-Fablab été 2018 avec [http://lascientotheque.be/ La Scièntothèque]. Le stage a été conçu pour l'age de 8 à 14 ans et une durée de 5 jours de suite. On a pris le quiz de Baris pour vous montrer l'exemple. Trouvez-le sous ce lien https://rushfiles.one/client/publiclink.aspx?id=NRliYG3xjM
+
|Introduction=<translate>Le projet [http://www.fablabmobile.brussels/# Fablab Mobile Brussels] présente le stage Programmation-Fablab été 2018 avec [http://lascientotheque.be/ La Scièntothèque]. Le stage a été conçu pour l'age de 8 à 14 ans et une durée de 5 jours de suite. On a pris le quiz de Baris pour vous montrer l'exemple. Trouvez-le sous ce lien https://rushfiles.one/client/publiclink.aspx?id=NRliYG3xjM
  
Complétez d’abord le tutoriel [[Quiz avec mBlock]] pour créer votre quiz en mBlock.
+
Complétez d’abord le tutoriel [[Quiz avec mBlock]] pour créer votre quiz en mBlock.</translate>
 
}}
 
}}
 
{{ {{tntn|Materials}}
 
{{ {{tntn|Materials}}
Ligne 27 : Ligne 27 :
 
|Step_Picture_04=Quizmaster_avec_mBlock_et_Arduino_ferasouder.jpg
 
|Step_Picture_04=Quizmaster_avec_mBlock_et_Arduino_ferasouder.jpg
 
|Step_Picture_05=Quizmaster_avec_mBlock_et_Arduino_pistoletacolle.jpg
 
|Step_Picture_05=Quizmaster_avec_mBlock_et_Arduino_pistoletacolle.jpg
|Material=* Un microcontrôleur Arduino (ou autre)
+
|Material=<translate>* Un microcontrôleur Arduino (ou autre)
 
* Des bouton-poussoirs avec LED
 
* Des bouton-poussoirs avec LED
 
* Des câbles monobrin, câbles jumper male-female
 
* Des câbles monobrin, câbles jumper male-female
* Du bois MDF 3mm
+
* Du bois MDF 3mm</translate>
|Tools=* Un ordinateur avec logiciel mBlock 3.0 http://www.mblock.cc/software/mblock/mblock3/
+
|Tools=<translate>* Un ordinateur avec logiciel mBlock 3.0 http://www.mblock.cc/software/mblock/mblock3/
 
* Le logiciel InkScape https://inkscape.org/en/
 
* Le logiciel InkScape https://inkscape.org/en/
 
* Un fer à souder
 
* Un fer à souder
 
* Un pistolet à colle
 
* Un pistolet à colle
* Un accès à une découpe laser (dans un fablab)
+
* Un accès à une découpe laser (dans un fablab)</translate>
 
|Prerequisites={{ {{tntn|Prerequisites}}
 
|Prerequisites={{ {{tntn|Prerequisites}}
 
|Prerequisites=Quiz avec mBlock
 
|Prerequisites=Quiz avec mBlock
Ligne 46 : Ligne 46 :
 
{{ {{tntn|Separator}}}}
 
{{ {{tntn|Separator}}}}
 
{{ {{tntn|Tuto Step}}
 
{{ {{tntn|Tuto Step}}
|Step_Title=Faire son quiz dans mBlock
+
|Step_Title=<translate>Faire son quiz dans mBlock</translate>
|Step_Content=On commence par faire un quiz dans le logiciel mBlock. mBlock est basé sur la langue de programmation Scratch combiné avec des instructions du microcontrôleur Arduino.
+
|Step_Content=<translate>On commence par faire un quiz dans le logiciel mBlock. mBlock est basé sur la langue de programmation Scratch combiné avec des instructions du microcontrôleur Arduino.
  
 
On va découvrir Scratch par le tuto en ligne. Suivez les cartes pour inventer une histoire.
 
On va découvrir Scratch par le tuto en ligne. Suivez les cartes pour inventer une histoire.
  
https://scratch.mit.edu/projects/236856767/#editor
+
https://scratch.mit.edu/projects/236856767/#editor</translate>
 
|Step_Picture_00=Quizmaster_avec_mBlock_et_Arduino_mblock.png
 
|Step_Picture_00=Quizmaster_avec_mBlock_et_Arduino_mblock.png
 
|Step_Picture_01=Quizmaster_avec_mBlock_et_Arduino_quizquestions.PNG
 
|Step_Picture_01=Quizmaster_avec_mBlock_et_Arduino_quizquestions.PNG
Ligne 57 : Ligne 57 :
 
}}
 
}}
 
{{ {{tntn|Tuto Step}}
 
{{ {{tntn|Tuto Step}}
|Step_Title=Tester le quiz
+
|Step_Title=<translate>Tester le quiz</translate>
|Step_Content=Avant de poursuivre, on teste notre quiz.  
+
|Step_Content=<translate>Avant de poursuivre, on teste notre quiz.  
  
 
Faites jouer votre quiz par une ami.e. Cliquez sur le le drapeau vert et jouez votre quiz !
 
Faites jouer votre quiz par une ami.e. Cliquez sur le le drapeau vert et jouez votre quiz !
  
BONUS : Testez le quiz de Baris en ligne https://scratch.mit.edu/projects/237245873/
+
BONUS : Testez le quiz de Baris en ligne https://scratch.mit.edu/projects/237245873/</translate>
 
|Step_Picture_00=Quizmaster_avec_mBlock_et_Arduino_quizquestion1.PNG
 
|Step_Picture_00=Quizmaster_avec_mBlock_et_Arduino_quizquestion1.PNG
 
}}
 
}}
 
{{ {{tntn|Tuto Step}}
 
{{ {{tntn|Tuto Step}}
|Step_Title=Souder les bouton-poussoirs
+
|Step_Title=<translate>Souder les bouton-poussoirs</translate>
|Step_Content=On veux que les réponses au quiz sont données par des bouton-poussoirs A, B, C et pas seulement sur l'ordinateur. Le but c'est que quand le contacteur est actionné, la lumière LED s’allume.
+
|Step_Content=<translate>On veux que les réponses au quiz sont données par des bouton-poussoirs A, B, C et pas seulement sur l'ordinateur. Le but c'est que quand le contacteur est actionné, la lumière LED s’allume.
  
 
On va monter et souder les bouton-poussoirs avec le fer à souder. Soudez les fils mono-brin rouge, noire et blanc/vert/bleu comme dans la photo.
 
On va monter et souder les bouton-poussoirs avec le fer à souder. Soudez les fils mono-brin rouge, noire et blanc/vert/bleu comme dans la photo.
Ligne 76 : Ligne 76 :
 
# '''Ne pas toucher la partie métallique !!!! (C’est très chaud)'''
 
# '''Ne pas toucher la partie métallique !!!! (C’est très chaud)'''
 
# '''Remettre le fer à souder dans son support'''
 
# '''Remettre le fer à souder dans son support'''
# '''Éteindre quand on a fini'''
+
# '''Éteindre quand on a fini'''</translate>
 
|Step_Picture_00=Quizmaster_avec_mBlock_et_Arduino_schema_simple.png
 
|Step_Picture_00=Quizmaster_avec_mBlock_et_Arduino_schema_simple.png
 
|Step_Picture_01=Quizmaster_avec_mBlock_et_Arduino_schema_concept.PNG
 
|Step_Picture_01=Quizmaster_avec_mBlock_et_Arduino_schema_concept.PNG
Ligne 85 : Ligne 85 :
 
}}
 
}}
 
{{ {{tntn|Tuto Step}}
 
{{ {{tntn|Tuto Step}}
|Step_Title=Tester le bouton-poussoir avec l'Arduino
+
|Step_Title=<translate>Tester le bouton-poussoir avec l'Arduino</translate>
|Step_Content=Avant tout, testons notre bouton-poussoir. On va brancher le bouton-poussoir au microcontrôleur Arduino et puis on va connecter l'Arduino à l'ordinateur.
+
|Step_Content=<translate>Avant tout, testons notre bouton-poussoir. On va brancher le bouton-poussoir au microcontrôleur Arduino et puis on va connecter l'Arduino à l'ordinateur.
  
 
Connectez le bouton-poussoir à l’Arduino. Le fil rouge est pour alimenter la lumière et pour donner un signal à l'Arduino. Le fil noire est pour donner un retour au courant. Le fil blanc/vert/bleue est pour donner un signal à l'Arduino.
 
Connectez le bouton-poussoir à l’Arduino. Le fil rouge est pour alimenter la lumière et pour donner un signal à l'Arduino. Le fil noire est pour donner un retour au courant. Le fil blanc/vert/bleue est pour donner un signal à l'Arduino.
Ligne 96 : Ligne 96 :
 
Connectez l'Arduino sur le port USB de l’ordinateur.  
 
Connectez l'Arduino sur le port USB de l’ordinateur.  
  
Testez les boutons. Quand on pousse le bouton-poussoir la lumière doit s'allumer.
+
Testez les boutons. Quand on pousse le bouton-poussoir la lumière doit s'allumer.</translate>
 
|Step_Picture_00=Quizmaster_avec_mBlock_et_Arduino_sch_ma.png
 
|Step_Picture_00=Quizmaster_avec_mBlock_et_Arduino_sch_ma.png
 
|Step_Picture_01=Quizmaster_avec_mBlock_et_Arduino_uno.jpg
 
|Step_Picture_01=Quizmaster_avec_mBlock_et_Arduino_uno.jpg
Ligne 102 : Ligne 102 :
 
}}
 
}}
 
{{ {{tntn|Tuto Step}}
 
{{ {{tntn|Tuto Step}}
|Step_Title=Connecter à l'ordinateur par mBlock
+
|Step_Title=<translate>Connecter à l'ordinateur par mBlock</translate>
|Step_Content=Connectez dans mBlock.
+
|Step_Content=<translate>Connectez dans mBlock.
 
*Allez dans le menu connecter > par port série. Sélectionne le COM disponible
 
*Allez dans le menu connecter > par port série. Sélectionne le COM disponible
 
*Allez dans le menu choix de la carte, sélectionnez l’''Arduino UNO''
 
*Allez dans le menu choix de la carte, sélectionnez l’''Arduino UNO''
 
*Allez dans le menu connecter > téléverser le microprogramme de communication
 
*Allez dans le menu connecter > téléverser le microprogramme de communication
Utilisez un petit programme pour tester les boutons. Dans pilotage, allez chercher l'instruction ''<nowiki/>'mettre l'état logique de la broche ... à haut/bas'''. Si on clique le drapeau vert, la lumière du bouton A doit s'allumer. Répétez pour le bouton B et C.
+
Utilisez un petit programme pour tester les boutons. Dans pilotage, allez chercher l'instruction ''<nowiki/>'mettre l'état logique de la broche ... à haut/bas'''. Si on clique le drapeau vert, la lumière du bouton A doit s'allumer. Répétez pour le bouton B et C.</translate>
 
|Step_Picture_00=Quizmaster_avec_mBlock_et_Arduino_testboutonAsimple.png
 
|Step_Picture_00=Quizmaster_avec_mBlock_et_Arduino_testboutonAsimple.png
 
|Step_Picture_01=Quizmaster_avec_mBlock_et_Arduino_mblockconnect1.png
 
|Step_Picture_01=Quizmaster_avec_mBlock_et_Arduino_mblockconnect1.png
Ligne 114 : Ligne 114 :
 
}}
 
}}
 
{{ {{tntn|Tuto Step}}
 
{{ {{tntn|Tuto Step}}
|Step_Title=Faire les plans du boîtier
+
|Step_Title=<translate>Faire les plans du boîtier</translate>
|Step_Content=On va faire une boîtier pour les boutons-poussoirs. On va utiliser un logiciel en ligne pour nous faire des plans pour la machine découpe laser.  
+
|Step_Content=<translate>On va faire une boîtier pour les boutons-poussoirs. On va utiliser un logiciel en ligne pour nous faire des plans pour la machine découpe laser.  
  
 
http://www.makercase.com/ ou téléchargez le plan joint.
 
http://www.makercase.com/ ou téléchargez le plan joint.
Ligne 132 : Ligne 132 :
 
* Ajoutez des petits trous pour mettre les encoches.
 
* Ajoutez des petits trous pour mettre les encoches.
 
** Mesurez bien les encoches. Ajoutez des cercles pour les encoches dans les plans. Positionnez-les bien autour des grand trous à l'aide de la position en x et y.
 
** Mesurez bien les encoches. Ajoutez des cercles pour les encoches dans les plans. Positionnez-les bien autour des grand trous à l'aide de la position en x et y.
* Faites un trous pour la sortie du micro contrôleur Arduino.
+
* Faites un trous pour la sortie du micro contrôleur Arduino.</translate>
 
|Step_Picture_00=Quizmaster_avec_mBlock_et_Arduino_Quiz_plansbox1.svg
 
|Step_Picture_00=Quizmaster_avec_mBlock_et_Arduino_Quiz_plansbox1.svg
 
|Step_Picture_01=Quizmaster_avec_mBlock_et_Arduino_Makercase2.PNG
 
|Step_Picture_01=Quizmaster_avec_mBlock_et_Arduino_Makercase2.PNG
Ligne 139 : Ligne 139 :
 
}}
 
}}
 
{{ {{tntn|Tuto Step}}
 
{{ {{tntn|Tuto Step}}
|Step_Title=Faire le boîtier au découpeuse laser
+
|Step_Title=<translate>Faire le boîtier au découpeuse laser</translate>
|Step_Content=On veut découper le boiter avec la machine découpeuse laser dans un fablab.  
+
|Step_Content=<translate>On veut découper le boiter avec la machine découpeuse laser dans un fablab.  
  
 
Préparez le fichier des plans pour le découpeuse laser. '''Suivez toujours les consignes de sécurité du fablab pour les machines !'''
 
Préparez le fichier des plans pour le découpeuse laser. '''Suivez toujours les consignes de sécurité du fablab pour les machines !'''
Ligne 146 : Ligne 146 :
 
* Ajustez la focale de la lentille par rapport au 3mm du bois utilisé.
 
* Ajustez la focale de la lentille par rapport au 3mm du bois utilisé.
 
* Mettez les paramètres de la découpe pour découper du bois MDF 3mm.
 
* Mettez les paramètres de la découpe pour découper du bois MDF 3mm.
* Faites découper votre boîte par la machine.'''Faites attention aux fumées !'''
+
* Faites découper votre boîte par la machine.'''Faites attention aux fumées !'''</translate>
 
|Step_Picture_00=Quizmaster_avec_mBlock_et_Arduino_calibration_optique_fiche_entretien_d_but.jpg
 
|Step_Picture_00=Quizmaster_avec_mBlock_et_Arduino_calibration_optique_fiche_entretien_d_but.jpg
 
}}
 
}}
 
{{ {{tntn|Tuto Step}}
 
{{ {{tntn|Tuto Step}}
|Step_Title=Assembler le boîter
+
|Step_Title=<translate>Assembler le boîter</translate>
|Step_Content=On va mettre les boutons-poussoirs dans la boîte. Puis on va les souder l'un à l'autre pour pouvoir les brancher dans l'Arduino.
+
|Step_Content=<translate>On va mettre les boutons-poussoirs dans la boîte. Puis on va les souder l'un à l'autre pour pouvoir les brancher dans l'Arduino.
 
* Dévissez les boutons-poussoirs, mettez-les dans les trous et revisser la bague et les autres composants.
 
* Dévissez les boutons-poussoirs, mettez-les dans les trous et revisser la bague et les autres composants.
 
* Soudez le fil rouge du bouton C sur le bouton B, soudez le fil rouge du bouton B sur le bouton A.  
 
* Soudez le fil rouge du bouton C sur le bouton B, soudez le fil rouge du bouton B sur le bouton A.  
Ligne 169 : Ligne 169 :
 
* Collez les parois de la boîte un par un avec le pistolet à colle.
 
* Collez les parois de la boîte un par un avec le pistolet à colle.
 
* Collez l'Arduino à un des parois.
 
* Collez l'Arduino à un des parois.
* Laissez le dernier parois ouvert pour avoir accès aux contactes.
+
* Laissez le dernier parois ouvert pour avoir accès aux contactes.</translate>
 
|Step_Picture_00=Quizmaster_avec_mBlock_et_Arduino_troisboutonssoude.jpg
 
|Step_Picture_00=Quizmaster_avec_mBlock_et_Arduino_troisboutonssoude.jpg
 
|Step_Picture_01=Quizmaster_avec_mBlock_et_Arduino_sch_ma.png
 
|Step_Picture_01=Quizmaster_avec_mBlock_et_Arduino_sch_ma.png
Ligne 178 : Ligne 178 :
 
}}
 
}}
 
{{ {{tntn|Tuto Step}}
 
{{ {{tntn|Tuto Step}}
|Step_Title=Coder les boutons en mBlock
+
|Step_Title=<translate>Coder les boutons en mBlock</translate>
|Step_Content=Vous avez codé [[Quiz avec mBlock|votre quiz]], maintenant nous allons mettre les bouton-poussoirs dans le code. Quand on presse un bouton-poussoir, le microcontrôleur va donner un message via l'ordinateur à mBlock. Si on touche le bouton A sur la broche 2, mBlock reçois l'''état logique de la broche 2'' est vraie.  
+
|Step_Content=<translate>Vous avez codé [[Quiz avec mBlock|votre quiz]], maintenant nous allons mettre les bouton-poussoirs dans le code. Quand on presse un bouton-poussoir, le microcontrôleur va donner un message via l'ordinateur à mBlock. Si on touche le bouton A sur la broche 2, mBlock reçois l'''état logique de la broche 2'' est vraie.  
 
* Allez dans l'arrière-plan et changez les block capteur par les block pilotage ''l'état de la broche ..''. Mettez le broches 2, 3 et 4.  
 
* Allez dans l'arrière-plan et changez les block capteur par les block pilotage ''l'état de la broche ..''. Mettez le broches 2, 3 et 4.  
 
On va initialiser le jeux en mettant tous les lumières éteint.
 
On va initialiser le jeux en mettant tous les lumières éteint.
Ligne 185 : Ligne 185 :
 
Remarquez que nous avons donné des noms au broches A pour 2, B pour 3, C pour 4. Alors on peut plus facilement voir quel bouton est pressé.
 
Remarquez que nous avons donné des noms au broches A pour 2, B pour 3, C pour 4. Alors on peut plus facilement voir quel bouton est pressé.
  
Répétez pour les boutons-poussoirs B et C.
+
Répétez pour les boutons-poussoirs B et C.</translate>
 
|Step_Picture_00=Quizmaster_avec_mBlock_et_Arduino_Quizmaster3.PNG
 
|Step_Picture_00=Quizmaster_avec_mBlock_et_Arduino_Quizmaster3.PNG
 
|Step_Picture_01=Quizmaster_avec_mBlock_et_Arduino_Quizmaster1.PNG
 
|Step_Picture_01=Quizmaster_avec_mBlock_et_Arduino_Quizmaster1.PNG
 
}}
 
}}
 
{{ {{tntn|Tuto Step}}
 
{{ {{tntn|Tuto Step}}
|Step_Title=Connaitre la réponse correcte
+
|Step_Title=<translate>Connaitre la réponse correcte</translate>
|Step_Content=On va faire clignoter la lumière du bouton-poussoir pour donner la réponse correcte.  
+
|Step_Content=<translate>On va faire clignoter la lumière du bouton-poussoir pour donner la réponse correcte.  
  
 
Mettez trois fois allumé - éteint avant de basculer sur l'arrière-plan suivant.  
 
Mettez trois fois allumé - éteint avant de basculer sur l'arrière-plan suivant.  
Ligne 200 : Ligne 200 :
 
Remarques que la virgule est un point comme en Anglais.
 
Remarques que la virgule est un point comme en Anglais.
  
Répétez pour les boutons-poussoirs B et C.
+
Répétez pour les boutons-poussoirs B et C.</translate>
 
|Step_Picture_00=Quizmaster_avec_mBlock_et_Arduino_Quizmaster4.PNG
 
|Step_Picture_00=Quizmaster_avec_mBlock_et_Arduino_Quizmaster4.PNG
 
|Step_Picture_01=Quizmaster_avec_mBlock_et_Arduino_Quizmaster5.PNG
 
|Step_Picture_01=Quizmaster_avec_mBlock_et_Arduino_Quizmaster5.PNG
 
}}
 
}}
 
{{ {{tntn|Tuto Step}}
 
{{ {{tntn|Tuto Step}}
|Step_Title=La finale
+
|Step_Title=<translate>La finale</translate>
|Step_Content=On va jouez votre quiz ! N'oubliez pas les étapes suivantes :
+
|Step_Content=<translate>On va jouez votre quiz ! N'oubliez pas les étapes suivantes :
 
# Téléchargez le logiciel mBlock 3.0 <nowiki>http://www.mblock.cc/software/mblock/mblock3/</nowiki> et installez-le sur ton ordinateur
 
# Téléchargez le logiciel mBlock 3.0 <nowiki>http://www.mblock.cc/software/mblock/mblock3/</nowiki> et installez-le sur ton ordinateur
 
# Ouvrez votre quiz avec le programma mBlock
 
# Ouvrez votre quiz avec le programma mBlock
Ligne 214 : Ligne 214 :
 
# Allez dans le menu choix de la carte, sélectionnez l’Arduino UNO
 
# Allez dans le menu choix de la carte, sélectionnez l’Arduino UNO
 
# Allez dans le menu connecter > téléverser le microprogramme de communication
 
# Allez dans le menu connecter > téléverser le microprogramme de communication
# Cliquez sur le le drapeau vert et jouez votre quiz !
+
# Cliquez sur le le drapeau vert et jouez votre quiz !</translate>
 
|Step_Picture_00=Quizmaster_avec_mBlock_et_Arduino_jeuxfini2.jpg
 
|Step_Picture_00=Quizmaster_avec_mBlock_et_Arduino_jeuxfini2.jpg
 
}}
 
}}
 
{{ {{tntn|Tuto Step}}
 
{{ {{tntn|Tuto Step}}
|Step_Title=Bonus 1
+
|Step_Title=<translate>Bonus 1</translate>
|Step_Content=Décorez votre boîtier avec la gravure laser dans notre tuto <u>Dessin sur papier vers un dessin vectoriel en Inkscape pour la découper avec un machine laser</u>
+
|Step_Content=<translate>Décorez votre boîtier avec la gravure laser dans notre tuto <u>Dessin sur papier vers un dessin vectoriel en Inkscape pour la découper avec un machine laser</u></translate>
 
|Step_Picture_00=Quizmaster_avec_mBlock_et_Arduino_20180713_133116.jpg
 
|Step_Picture_00=Quizmaster_avec_mBlock_et_Arduino_20180713_133116.jpg
 
}}
 
}}
 
{{ {{tntn|Tuto Step}}
 
{{ {{tntn|Tuto Step}}
|Step_Title=Bonus 2
+
|Step_Title=<translate>Bonus 2</translate>
|Step_Content=Pour un prochain défis, suivez notre tuto pour le <u>Simon says game</u> !
+
|Step_Content=<translate>Pour un prochain défis, suivez notre tuto pour le <u>Simon says game</u> !</translate>
 
|Step_Picture_00=Quizmaster_avec_mBlock_et_Arduino_Simongame.PNG
 
|Step_Picture_00=Quizmaster_avec_mBlock_et_Arduino_Simongame.PNG
 
}}
 
}}
 
{{ {{tntn|Notes}}
 
{{ {{tntn|Notes}}
|Notes=Photos de  
+
|Notes=<translate>Photos de  
  
 
- bois mdf
 
- bois mdf
Ligne 236 : Ligne 236 :
 
- la machine laser
 
- la machine laser
  
- une boîte décoré
+
- une boîte décoré</translate>
 
}}
 
}}
 
{{ {{tntn|Tuto Status}}
 
{{ {{tntn|Tuto Status}}
|Complete=Draft
+
|Complete=Published
 
}}
 
}}

Version du 25 juillet 2018 à 18:49

Auteur avatarMilena Sonneveld | Dernière modification 9/12/2019 par Clementflipo

Quizmaster avec mBlock et Arduino jeuxfini.jpg
Le but est de créer un quiz sur l’ordinateur avec une boîtier qui permet de donner les réponses par les boutons-poussoirs. Grace à ce projet, nous découvrons la programmation avec mBlock et l’électronique avec Arduino. Jouez bien !

Introduction

Le projet Fablab Mobile Brussels présente le stage Programmation-Fablab été 2018 avec La Scièntothèque. Le stage a été conçu pour l'age de 8 à 14 ans et une durée de 5 jours de suite. On a pris le quiz de Baris pour vous montrer l'exemple. Trouvez-le sous ce lien https://rushfiles.one/client/publiclink.aspx?id=NRliYG3xjM

Complétez d’abord le tutoriel Quiz avec mBlock pour créer votre quiz en mBlock.

Matériaux

  • Un microcontrôleur Arduino (ou autre)
  • Des bouton-poussoirs avec LED
  • Des câbles monobrin, câbles jumper male-female
  • Du bois MDF 3mm

Outils

Étape 1 - Faire son quiz dans mBlock

On commence par faire un quiz dans le logiciel mBlock. mBlock est basé sur la langue de programmation Scratch combiné avec des instructions du microcontrôleur Arduino.

On va découvrir Scratch par le tuto en ligne. Suivez les cartes pour inventer une histoire.

https://scratch.mit.edu/projects/236856767/#editor


Étape 2 - Tester le quiz

Avant de poursuivre, on teste notre quiz.

Faites jouer votre quiz par une ami.e. Cliquez sur le le drapeau vert et jouez votre quiz !

BONUS : Testez le quiz de Baris en ligne https://scratch.mit.edu/projects/237245873/




Étape 3 - Souder les bouton-poussoirs

On veux que les réponses au quiz sont données par des bouton-poussoirs A, B, C et pas seulement sur l'ordinateur. Le but c'est que quand le contacteur est actionné, la lumière LED s’allume.

On va monter et souder les bouton-poussoirs avec le fer à souder. Soudez les fils mono-brin rouge, noire et blanc/vert/bleu comme dans la photo.

Suivez le guide pour la soudure http://mightyohm.com/soldercomic

Règles de sécurité

  1. Ne pas toucher la partie métallique !!!! (C’est très chaud)
  2. Remettre le fer à souder dans son support
  3. Éteindre quand on a fini

Étape 4 - Tester le bouton-poussoir avec l'Arduino

Avant tout, testons notre bouton-poussoir. On va brancher le bouton-poussoir au microcontrôleur Arduino et puis on va connecter l'Arduino à l'ordinateur.

Connectez le bouton-poussoir à l’Arduino. Le fil rouge est pour alimenter la lumière et pour donner un signal à l'Arduino. Le fil noire est pour donner un retour au courant. Le fil blanc/vert/bleue est pour donner un signal à l'Arduino.

  • Fil rouge au 5V
  • Fil noir au GND
  • Fil blanc du bouton A au 2 DIGITAL (le 1 DIGITAL à une autre fonction),
  • Fil blanc du bouton B au 3 DIGITAL
  • Fil blanc du bouton C au 4 DIGITAL

Connectez l'Arduino sur le port USB de l’ordinateur.

Testez les boutons. Quand on pousse le bouton-poussoir la lumière doit s'allumer.


Étape 5 - Connecter à l'ordinateur par mBlock

Connectez dans mBlock.

  • Allez dans le menu connecter > par port série. Sélectionne le COM disponible
  • Allez dans le menu choix de la carte, sélectionnez l’Arduino UNO
  • Allez dans le menu connecter > téléverser le microprogramme de communication

Utilisez un petit programme pour tester les boutons. Dans pilotage, allez chercher l'instruction 'mettre l'état logique de la broche ... à haut/bas'. Si on clique le drapeau vert, la lumière du bouton A doit s'allumer. Répétez pour le bouton B et C.


Étape 6 - Faire les plans du boîtier

On va faire une boîtier pour les boutons-poussoirs. On va utiliser un logiciel en ligne pour nous faire des plans pour la machine découpe laser.

http://www.makercase.com/ ou téléchargez le plan joint.

Choisissez les dimensions pour pouvoir mettre 3 bouton-poussoirs et le microcontrôleur. N'oubliez pas de prendre un peu de marge !

  • Mesurez la logeur de la boîte. Mettez les trois bouton-poussoirs comme tu les veux et mettrez ceci au Box Width.
  • Mesurez la largeur du microcontrôleur et mettez ceci au Box Height.

On va visser les boutons-poussoirs dans le haut de la boîte. Prévoyez les trous pour le faire. Faites-vous aider par un grand ! Trouvez le fichier pour les dimensions en haut de la page.

  • Mesurez bien le diamètre les boutons. Faites trois trous pour mettre les boutons sur une distance égale. Cliquez à chaque fois sur Add.
    • Une à la moité de Box Width et la moité de Box Depth,
    • Une à la moité du diamètre + une marge et la moité de Box Depth,
    • Une à Box Width - la moité du diamètre - une marge et la moité de Box Depth.
  • Ajustez le Box Depth pour le microcontrôleur

On va continuer avec les trous dans le logiciel Inkscape.

  • Téléchargez les plans et ouvrez-les dans le logiciel Inkscape.
  • Ajoutez des petits trous pour mettre les encoches.
    • Mesurez bien les encoches. Ajoutez des cercles pour les encoches dans les plans. Positionnez-les bien autour des grand trous à l'aide de la position en x et y.
  • Faites un trous pour la sortie du micro contrôleur Arduino.


Étape 7 - Faire le boîtier au découpeuse laser

On veut découper le boiter avec la machine découpeuse laser dans un fablab.

Préparez le fichier des plans pour le découpeuse laser. Suivez toujours les consignes de sécurité du fablab pour les machines !

  • Mettez la machine en marche.
  • Ajustez la focale de la lentille par rapport au 3mm du bois utilisé.
  • Mettez les paramètres de la découpe pour découper du bois MDF 3mm.
  • Faites découper votre boîte par la machine.Faites attention aux fumées !




Étape 8 - Assembler le boîter

On va mettre les boutons-poussoirs dans la boîte. Puis on va les souder l'un à l'autre pour pouvoir les brancher dans l'Arduino.

  • Dévissez les boutons-poussoirs, mettez-les dans les trous et revisser la bague et les autres composants.
  • Soudez le fil rouge du bouton C sur le bouton B, soudez le fil rouge du bouton B sur le bouton A.
  • Soudez le fil noire du bouton C sur le bouton B, soudez le fil noire du bouton B sur le bouton A. Il restera le fil rouge du bouton B.

On va brancher les boutons-poussoirs au microcontrôleur Arduino et on va coller la boîte.

  • Il restera le fil rouge du bouton A, mettez-le à un câble jumper female-male rouge.
  • Il restera le fil noire du bouton A, mettez-le à un câble jumper female-male noire
  • Mettez chaque fil blanc des boutons à un câble jumper female-male.
  • Branchez les boutons-poussoirs dans l'Arduino.
    • Mettez le fil rouge dans 5V
    • Mettez le fil noir dans GND
    • Le fil blanc du bouton A au 2 DIGITAL (le 1 DIGITAL à une autre fonction),
    • Fil blanc du bouton B au 3 DIGITAL
    • Fil blanc du bouton C au 4 DIGITAL

On va coller le boîtier. Attention, le pistolet à colle peut te brûler ou abîmer la table. Reposes-le toujours sur un bout de papier sur la table.

  • Collez les parois de la boîte un par un avec le pistolet à colle.
  • Collez l'Arduino à un des parois.
  • Laissez le dernier parois ouvert pour avoir accès aux contactes.

Étape 9 - Coder les boutons en mBlock

Vous avez codé votre quiz, maintenant nous allons mettre les bouton-poussoirs dans le code. Quand on presse un bouton-poussoir, le microcontrôleur va donner un message via l'ordinateur à mBlock. Si on touche le bouton A sur la broche 2, mBlock reçois l'état logique de la broche 2 est vraie.

  • Allez dans l'arrière-plan et changez les block capteur par les block pilotage l'état de la broche ... Mettez le broches 2, 3 et 4.

On va initialiser le jeux en mettant tous les lumières éteint.

  • Quand le drapeau vert est cliqué, mettez l'état de la broche 2, 3 et 4 à bas.

Remarquez que nous avons donné des noms au broches A pour 2, B pour 3, C pour 4. Alors on peut plus facilement voir quel bouton est pressé.

Répétez pour les boutons-poussoirs B et C.



Étape 10 - Connaitre la réponse correcte

On va faire clignoter la lumière du bouton-poussoir pour donner la réponse correcte.

Mettez trois fois allumé - éteint avant de basculer sur l'arrière-plan suivant.

  • Ajoutez un contrôle de répéter 3 fois. Tous ce qui est mis dans le bec sera répété 3 fois.
  • Mettre l'état logique de la broche A à haut, attendre 0.3 secondes
  • Mettre l'état logique de la broche A à bas, attendre 0.3 secondes.
  • Glissez les block avant de basculer sur l'arrière-plan suivant.

Remarques que la virgule est un point comme en Anglais.

Répétez pour les boutons-poussoirs B et C.



Étape 11 - La finale

On va jouez votre quiz ! N'oubliez pas les étapes suivantes :

  1. Téléchargez le logiciel mBlock 3.0 http://www.mblock.cc/software/mblock/mblock3/ et installez-le sur ton ordinateur
  2. Ouvrez votre quiz avec le programma mBlock
  3. Vérifiez dans votre boîtier que le fil de la bouton A soit dans le microcontrôleur Arduino broche DIGITAL 2, le bouton B dans la broche 3 et le bouton C dan la broche 4
  4. Connectez l'Arduino (le boîtier) sur le port USB de l’ordinateur
  5. Allez dans le menu connecter > par port série. Sélectionne le COM disponible
  6. Allez dans le menu choix de la carte, sélectionnez l’Arduino UNO
  7. Allez dans le menu connecter > téléverser le microprogramme de communication
  8. Cliquez sur le le drapeau vert et jouez votre quiz !




Étape 12 - Bonus 1

Décorez votre boîtier avec la gravure laser dans notre tuto Dessin sur papier vers un dessin vectoriel en Inkscape pour la découper avec un machine laser




Étape 13 - Bonus 2

Pour un prochain défis, suivez notre tuto pour le Simon says game !




Notes et références

Photos de

- bois mdf

- la boîte coupé

- la machine laser

- une boîte décoré

Commentaires

Published