Voir la source de Quizmaster avec mBlock et Arduino

{{ {{tntn|Tuto Details}}
|SourceLanguage=none
|Language=nl
|IsTranslation=0
|Main_Picture=Quizmaster_avec_mBlock_et_Arduino_Quizmaster_avec_mBlock_et_Arduino_jeuxfini_PP.png
|Licences=Attribution (CC BY)
|Description=<translate><!--T:1--> Développer un mini-jeu sur Scratch relié à un boîtier de réponse Arduino.</translate>
|Area=Electronics, Play and Hobbies
|Type=Creation
|Difficulty=Medium
|Duration=5
|Duration-type=day(s)
|Cost=10
|Currency=EUR (€)
|Tags=mBlock, Arduino, lasercutting, Laser, Scratch, Programmation
|SourceLanguage=none
|Language=fr
|IsTranslation=0
}}
{{ {{tntn|Introduction}}
|Introduction=<translate><!--T:2-->
Le but est de créer un quiz sur l’ordinateur ainsi qu'un boîtier qui permet de donner les réponses à l'aide de boutons-poussoirs. Grâce à ce projet, nous découvrons la programmation avec mBlock et l’électronique avec Arduino. Amusez-vous bien !

<!--T:73-->
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 les jeunes de 8 à 14 ans et pour une durée de 5 jours. Le quiz de Baris est là pour vous montrer l'exemple. Vous pouvez le trouver à [https://rushfiles.one/client/publiclink.aspx?id=NRliYG3xjM rushfiles.one/client/publiclink.aspx?id=NRliYG3xjM].

<!--T:3-->
Complétez d’abord le tutoriel [[Quiz avec mBlock]] pour créer votre quiz en mBlock.</translate>
}}
{{ {{tntn|Materials}}
|Step_Picture_00=Quizmaster_avec_mBlock_et_Arduino_uno.jpg
|Step_Picture_01=Quizmaster_avec_mBlock_et_Arduino_bouton.jpg
|Step_Picture_02=Quizmaster_avec_mBlock_et_Arduino_fils.jpg
|Step_Picture_03=Quizmaster_avec_mBlock_et_Arduino_mblock.png
|Step_Picture_04=Quizmaster_avec_mBlock_et_Arduino_ferasouder.jpg
|Step_Picture_05=Quizmaster_avec_mBlock_et_Arduino_pistoletacolle.jpg
|Material=<translate><!--T:4-->
* Un microcontrôleur Arduino (ou autre)
* Des bouton-poussoirs avec LED
* Des câbles monobrin, câbles jumper male-female
* Du bois MDF de 3mm d'épaisseur</translate>
|Tools=<translate><!--T:5-->
* Un ordinateur avec le logiciel mBlock 3.0 [http://www.mblock.cc/software/mblock/mblock3/ mblock.cc/software/mblock/mblock3]
* Le logiciel InkScape [https://inkscape.org/en/ inkscape.org]
* Un fer à souder
* Un pistolet à colle
* Un accès à une découpeuse laser (dans un fablab)</translate>
|Prerequisites={{ {{tntn|Prerequisites}}
|Prerequisites=Quiz avec mBlock
}}{{ {{tntn|Prerequisites}}
|Prerequisites=Le crayon laser
}}
|Tuto_Attachments={{ {{tntn|Tuto Attachments}}
|Attachment=Quizmaster avec mBlock et Arduino Quiz plansbox1.svg
}}
|ExternalAttachmentsLinks={{ {{tntn|ExternalAttachmentsLinks}}}}
}}
{{ {{tntn|Separator}}}}
{{ {{tntn|Tuto Step}}
|Step_Title=<translate><!--T:6--> Programmer le quiz avec mBlock</translate>
|Step_Content=<translate><!--T:7-->
Commencez 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.

<!--T:54-->
On va découvrir Scratch par le tuto en ligne. Suivez les instructions sur les cartes pour inventer une histoire.

<!--T:55-->
[https://scratch.mit.edu/projects/236856767/#editor scratch.mit.edu/projects/236856767/#editor]</translate>
|Step_Picture_00=Quizmaster_avec_mBlock_et_Arduino_mblock.png
|Step_Picture_01=Quizmaster_avec_mBlock_et_Arduino_quizquestions.PNG
|Step_Picture_02=Quizmaster_avec_mBlock_et_Arduino_quizreponses.PNG
}}
{{ {{tntn|Tuto Step}}
|Step_Title=<translate><!--T:10--> Tester le quiz</translate>
|Step_Content=<translate><!--T:11-->
Avant de poursuivre, on teste notre quiz. 

<!--T:56-->
Faites essayer votre quiz à un(e) ami(e). Cliquez sur le le drapeau vert et lancez votre quiz !

<!--T:57-->
BONUS : Essayez le quiz de Baris en ligne [https://scratch.mit.edu/projects/237245873/ scratch.mit.edu/projects/237245873/]</translate>
|Step_Picture_00=Quizmaster_avec_mBlock_et_Arduino_quizquestion1.PNG
}}
{{ {{tntn|Tuto Step}}
|Step_Title=<translate><!--T:14--> Souder les bouton-poussoirs</translate>
|Step_Content=<translate><!--T:15-->
On veut que les réponses au quiz soient 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.

<!--T:58-->
Montez et soude les bouton-poussoirs avec le fer à souder. Soudez les fils mono-brin rouge, noire et blanc/vert/bleu comme dans la photo.

<!--T:59-->
Suivez le guide pour la soudure [http://mightyohm.com/soldercomic mightyohm.com/soldercomic]

<!--T:74-->
{{Warning|Règles de sécurité :
* Ne pas toucher la partie métallique ! (très chaud)
* Remettre le fer à souder dans son support
* Éteindre quand on a fini}}</translate>
|Step_Picture_00=Quizmaster_avec_mBlock_et_Arduino_schema_simple.png
|Step_Picture_01=Quizmaster_avec_mBlock_et_Arduino_schema_concept.PNG
|Step_Picture_02=Quizmaster_avec_mBlock_et_Arduino_boutonpoussoir.jpg
|Step_Picture_03=Quizmaster_avec_mBlock_et_Arduino_bouton.jpg
|Step_Picture_04=Quizmaster_avec_mBlock_et_Arduino_bouton2.jpg
|Step_Picture_05=Quizmaster_avec_mBlock_et_Arduino_ferasouder.jpg
}}
{{ {{tntn|Tuto Step}}
|Step_Title=<translate><!--T:19--> Tester le bouton-poussoir avec l'Arduino</translate>
|Step_Content=<translate><!--T:20-->
Avant tout, testons notre bouton-poussoir. Branchez le bouton-poussoir au microcontrôleur Arduino et puis connectez l'Arduino à l'ordinateur.

<!--T:61-->
Connectez le bouton-poussoir à l’Arduino. Le fil rouge sert à alimenter la lumière et pour donner un signal à l'Arduino. Le fil noir a pour fonction de donner un retour au courant. Le fil blanc/vert/bleue envoie 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. 

<!--T:62-->
Testez les boutons. Quand on appuie sur le bouton-poussoir la lumière doit s'allumer.</translate>
|Step_Picture_00=Quizmaster_avec_mBlock_et_Arduino_sch_ma.png
|Step_Picture_01=Quizmaster_avec_mBlock_et_Arduino_uno.jpg
|Step_Picture_02=Quizmaster_avec_mBlock_et_Arduino_unoalordi.jpg
}}
{{ {{tntn|Tuto Step}}
|Step_Title=<translate><!--T:23--> Connecter à l'ordinateur par mBlock</translate>
|Step_Content=<translate><!--T:24-->
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 sur le drapeau vert, la lumière du bouton A doit s'allumer. Réessayez pour les boutons B et C.</translate>
|Step_Picture_00=Quizmaster_avec_mBlock_et_Arduino_testboutonAsimple.png
|Step_Picture_01=Quizmaster_avec_mBlock_et_Arduino_mblockconnect1.png
|Step_Picture_02=Quizmaster_avec_mBlock_et_Arduino_mblockconnect2.png
|Step_Picture_03=Quizmaster_avec_mBlock_et_Arduino_mblockconnect3.png
}}
{{ {{tntn|Tuto Step}}
|Step_Title=<translate><!--T:25--> Faire les plans du boîtier</translate>
|Step_Content=<translate><!--T:26-->
Faire un boîtier pour les boutons-poussoirs. Utilisez un logiciel en ligne comme [http://www.makercase.com/ Makercase.com] pour faire des plans pour la machine découpe laser ou tééchargez notre fichier joint : 

<!--T:63-->
Fichier : [[:Fichier:Quizmaster avec mBlock et Arduino Quiz plansbox1.svg|Quizmaster avec mBlock et Arduino Quiz plansbox1.svg]]

<!--T:64-->
Choisissez les dimensions pour pouvoir mettre 3 bouton-poussoirs et le microcontrôleur. N'oubliez pas de prendre un peu de marge !
* Mesurez la longueur de la boîte. Mettez les trois bouton-poussoirs comme vous le souhaiter et mettre ceci au ''Box Width.''
* Mesurez la largeur du microcontrôleur et mettez ceci au ''Box Height''.
Vissez 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 des 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
Continuez avec les trous dans le logiciel [https://inkscape.org/en/ 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 trou pour la sortie du micro contrôleur Arduino.</translate>
|Step_Picture_00=Quizmaster_avec_mBlock_et_Arduino_Quiz_plansbox1.svg
|Step_Picture_01=Quizmaster_avec_mBlock_et_Arduino_Makercase2.PNG
|Step_Picture_02=Quizmaster_avec_mBlock_et_Arduino_Makercase3.PNG
|Step_Picture_03=Quizmaster_avec_mBlock_et_Arduino_Inkscape.PNG
|Step_Picture_04=Quizmaster_avec_mBlock_et_Arduino_mdf.jpg
}}
{{ {{tntn|Tuto Step}}
|Step_Title=<translate><!--T:29--> Découper le boîtier à la laser</translate>
|Step_Content=<translate><!--T:30-->
On veut découper le boiter avec la machine découpeuse laser dans un fablab. 

<!--T:65-->
Préparez le fichier des plans pour la 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.
{{Warning|Attention aux fumées !}}</translate>
|Step_Picture_00=Quizmaster_avec_mBlock_et_Arduino_DSC07594.JPG
|Step_Picture_01=Quizmaster_avec_mBlock_et_Arduino_DSC07593.JPG
|Step_Picture_02=Quizmaster_avec_mBlock_et_Arduino_DSC07595.JPG
|Step_Picture_03=Quizmaster_avec_mBlock_et_Arduino_calibration_optique_fiche_entretien_d_but.jpg
}}
{{ {{tntn|Tuto Step}}
|Step_Title=<translate><!--T:32--> Assembler le boîter</translate>
|Step_Content=<translate><!--T:33-->
Mettre les boutons-poussoirs dans la boîte, puis 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.

<!--T:66-->
Brancher les boutons-poussoirs au microcontrôleur Arduino et 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
Coller le boîtier. 
* Collez les parois de la boîte une par une avec le pistolet à colle. 
* Collez l'Arduino à l'une des parois.
* Laissez la dernière parois ouvertes pour avoir accès aux contacts.
{{Warning|Attention, le pistolet à colle peut brûler ou abîmer la table. Toujours le reposer sur un bout de papier sur la table.}}</translate>
|Step_Picture_00=Quizmaster_avec_mBlock_et_Arduino_troisboutonssoude.jpg
|Step_Picture_01=Quizmaster_avec_mBlock_et_Arduino_sch_ma.png
|Step_Picture_02=Quizmaster_avec_mBlock_et_Arduino_troisboutonssoudeuno.jpg
|Step_Picture_03=Quizmaster_avec_mBlock_et_Arduino_pistolet1.jpg
|Step_Picture_04=Quizmaster_avec_mBlock_et_Arduino_pistolet2.jpg
|Step_Picture_05=Quizmaster_avec_mBlock_et_Arduino_boiteouvert.jpg
}}
{{ {{tntn|Tuto Step}}
|Step_Title=<translate><!--T:35--> Coder les boutons en mBlock</translate>
|Step_Content=<translate><!--T:36-->
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 les broches 2, 3 et 4. 
Initialisez le jeu en spécifiant que toutes les lumières doivent être éteintes.
* ''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é.

<!--T:67-->
Répétez pour les boutons-poussoirs B et C.</translate>
|Step_Picture_00=Quizmaster_avec_mBlock_et_Arduino_Quizmaster3.PNG
|Step_Picture_01=Quizmaster_avec_mBlock_et_Arduino_Quizmaster1.PNG
}}
{{ {{tntn|Tuto Step}}
|Step_Title=<translate><!--T:38--> Reconnaitre la réponse correcte</translate>
|Step_Content=<translate><!--T:39-->
Faire clignoter la lumière du bouton-poussoir pour donner la réponse correcte. 

<!--T:68-->
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.

<!--T:69-->
Répétez pour les boutons-poussoirs B et C.</translate>
|Step_Picture_00=Quizmaster_avec_mBlock_et_Arduino_Quizmaster4.PNG
|Step_Picture_01=Quizmaster_avec_mBlock_et_Arduino_Quizmaster5.PNG
}}
{{ {{tntn|Tuto Step}}
|Step_Title=<translate><!--T:42--> Résultat final</translate>
|Step_Content=<translate><!--T:53-->
Essayez votre quiz ! N'oubliez pas les étapes suivantes :
#Téléchargez le logiciel mBlock 3.0 [http://www.mblock.cc/software/mblock/mblock3/ www.mblock.cc/software/mblock/mblock3/] et installez-le sur ton ordinateur
#Ouvrez votre quiz avec le programma mBlock
#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
#Connectez l'Arduino (le boîtier) sur le port USB de l’ordinateur
#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
#Cliquez sur le le drapeau vert et jouez votre quiz !</translate>
|Step_Picture_00=Quizmaster_avec_mBlock_et_Arduino_jeuxfini2.jpg
}}
{{ {{tntn|Tuto Step}}
|Step_Title=<translate><!--T:44--> Bonus 1</translate>
|Step_Content=<translate><!--T:45--> Décorez votre boîtier avec notre tuto [[Le crayon laser]].</translate>
|Step_Picture_00=Quizmaster_avec_mBlock_et_Arduino_IMG_20180821_104155_8256_.jpg
|Step_Picture_01=Quizmaster_avec_mBlock_et_Arduino_dragon_recropped.png
}}
{{ {{tntn|Tuto Step}}
|Step_Title=<translate><!--T:46--> Bonus 2</translate>
|Step_Content=<translate><!--T:47--> Pour un prochain défi, suivez notre tuto pour le <u>[[Simon game with mBlock and Arduino|Simon says game]]</u> !</translate>
|Step_Picture_00=Quizmaster_avec_mBlock_et_Arduino_Simongame.PNG
}}
{{ {{tntn|Notes}}
|Notes=<translate><!--T:48-->
'''Voir aussi'''
* [[Le crayon laser]]
* [[Quiz avec mBlock]]
* [[Simon game with mBlock and Arduino]]</translate>
}}
{{ {{tntn|Tuto Status}}
|Complete=Published
}}