Quiz avec mBlock : Différence entre versions
(update property name)
 
(11 révisions intermédiaires par 3 utilisateurs non affichées)
Ligne 1 : Ligne 1 :
−
{{ {{tntn|Tuto Details}}
+
{{Tuto Details
 +
|SourceLanguage=none
 +
|Language=nl
 +
|IsTranslation=0
 
|Main_Picture=Quiz_avec_mBlock_Quiz0.PNG
 
|Main_Picture=Quiz_avec_mBlock_Quiz0.PNG
 
|Licences=Attribution (CC BY)
 
|Licences=Attribution (CC BY)
−
|Description=Dans ce projet nous découvrons la programmation avec Scratch. À la fin du projet vous avez un quiz fait à l’ordinateur. Jouez bien !
+
|Description=<translate><!--T:1--> Développer un mini-jeu avec Scratch.</translate>
 
|Area=Play and Hobbies
 
|Area=Play and Hobbies
 
|Type=Creation
 
|Type=Creation
Ligne 12 : Ligne 15 :
 
|Tags=programming, mBlock, Scratch, quiz
 
|Tags=programming, mBlock, Scratch, quiz
 
|SourceLanguage=none
 
|SourceLanguage=none
−
|Language=nl
+
|Language=fr
 
|IsTranslation=0
 
|IsTranslation=0
 
}}
 
}}
−
{{ {{tntn|Introduction}}
+
{{Introduction
−
|Introduction=Le projet [http://www.fablabmobile.brussels/# Fablab Mobile Brussels] présente le stage Programmation-Fablab été 2018. Le stage a été conçu pour l'age de 8 à 12 ans et une durée de 5 jours de suite. On a pris le quiz de Baris pour vous montrer l'exemple. Jouez le quiz de Baris en ligne https://scratch.mit.edu/projects/237245873/
+
|Introduction=<translate><!--T:2-->
 +
Dans ce projet nous découvrons la programmation avec Scratch. À la fin du projet vous posséderez un quiz sur vos ordinateurs. Amusez-vous bien !
  
−
Suivez ensuite le tutoriel [[Quizmaster avec mBlock et Arduino]] pour fabriquer un boîtier pour répondre aux questions.
+
<!--T:29-->
 +
Le projet [http://www.fablabmobile.brussels/# Fablab Mobile Brussels] présente le stage Programmation-Fablab été 2018 à [http://lascientotheque.be/ La Scièntothèque]. Le stage a été conçu pour les jeunes de 8 à 14 ans et il dure 5 jours. Vous pouvez essayer le quiz de Baris, qui porte sur les avions, en ligne pour vous montrer un exemple [https://scratch.mit.edu/projects/237245873/ scratch.mit.edu/projects/237245873/]
 +
 
 +
<!--T:3-->
 +
Suivez ensuite le tutoriel [[Quizmaster avec mBlock et Arduino]] pour fabriquer un boîtier pour répondre aux questions.</translate>
 
}}
 
}}
−
{{ {{tntn|Materials}}
+
{{Materials
−
|Step_Picture_00=Quiz_avec_mBlock_mblock.png
+
|Material=<translate><!--T:4--> * Des images digitales sur le sujet du quiz</translate>
−
|Material=Des images digitales sur le sujet du quiz
+
|Tools=<translate><!--T:5--> * Un ordinateur avec le logiciel mBlock 3.0 [http://www.mblock.cc/software/mblock/mblock3/ mblock.cc/software/mblock/mblock3]</translate>
−
|Tools=Un ordinateur avec logiciel mBlock 3.0 http://www.mblock.cc/software/mblock/mblock3/
 
 
}}
 
}}
−
{{ {{tntn|Separator}}}}
+
{{Separator}}
−
{{ {{tntn|Tuto Step}}
+
{{Tuto Step
−
|Step_Title=Étape 1 : Découvrir mBlock / Scratch
+
|Step_Title=<translate><!--T:6--> Découvrir mBlock / Scratch</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><!--T:7-->
 +
Commencez par coder 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.
+
<!--T:8-->
 +
Le tutoriel en ligne permet de prendre en main Scratch. Suivre les instructions sur les cartes pour inventer une histoire.
  
−
https://scratch.mit.edu/projects/236856767/#editor
+
<!--T:9-->
 +
[https://scratch.mit.edu/projects/236856767/#editor scratch.mit.edu/projects/236856767/#editor]</translate>
 
|Step_Picture_00=Quiz_avec_mBlock_mBlock1.PNG
 
|Step_Picture_00=Quiz_avec_mBlock_mBlock1.PNG
−
|Step_Picture_01=Quiz_avec_mBlock_mblocklogo.jpg
+
|Step_Picture_01=Quiz_avec_mBlock_mblock.png
 
|Step_Picture_02=Quiz_avec_mBlock_mBlock2.PNG
 
|Step_Picture_02=Quiz_avec_mBlock_mBlock2.PNG
 
}}
 
}}
−
{{ {{tntn|Tuto Step}}
+
{{Tuto Step
−
|Step_Title=Étape 2 : Question - réponse
+
|Step_Title=<translate><!--T:10--> Question - réponse</translate>
−
|Step_Content=On va faire un quiz en question multiple A, B, C. Pour cela nous allons faire deux lutins, un pour poser les questions et un pour dire les réponses.  
+
|Step_Content=<translate><!--T:11-->
 +
Faire un quiz à choix multiples A, B, C. Pour cela nous allons utiliser deux lutins, un pour poser les questions et un pour annoncer les réponses.  
  
−
Faites les deux lutins.
+
<!--T:12-->
−
* Faites un nouveau objet et faites lui dire la première question.
+
Ajoutez les deux lutins.
−
* Faites un nouveau objet et faites lui dire les réponses multiples A, B C. Ajoutez une seconde d'attente avant de donner les réponses.
+
* Ajoutez un nouvel objet et faites lui dire la première question.
−
Ajoutez un arrière plan.
+
* Ajoutez à nouveau un nouvel objet et faites lui dire les réponses multiples A, B C. N'oubliez pas de lui faire attendre une seconde avant de donner les réponses.
 +
Ajoutez un arrière plan.</translate>
 
|Step_Picture_00=Quiz_avec_mBlock_Quiz3.PNG
 
|Step_Picture_00=Quiz_avec_mBlock_Quiz3.PNG
 
|Step_Picture_01=Quiz_avec_mBlock_Quiz1.PNG
 
|Step_Picture_01=Quiz_avec_mBlock_Quiz1.PNG
Ligne 50 : Ligne 62 :
 
|Step_Picture_03=Quiz_avec_mBlock_Quiz4.PNG
 
|Step_Picture_03=Quiz_avec_mBlock_Quiz4.PNG
 
}}
 
}}
−
{{ {{tntn|Tuto Step}}
+
{{Tuto Step
−
|Step_Title=Étape 3 : Le joueur donne une réponse
+
|Step_Title=<translate><!--T:13--> Le joueur donne une réponse</translate>
−
|Step_Content=On va spécifier quel réponse est la bonne. Quand le joueur donne la bonne réponse, on joue un son.  
+
|Step_Content=<translate><!--T:14-->
 +
Spécifier quelle réponse est la bonne. Quand le joueur donne la bonne réponse, on fait jouer un son.  
  
−
Envoyez le message de quel réponse est la bonne.
+
<!--T:15-->
 +
Envoyez le message spécifiant quelle réponse est la bonne.
 
* Ajoutez au deuxième lutin l'évènement ''envoyer à tous le message ‘la réponse a est la bonne’''.
 
* Ajoutez au deuxième lutin l'évènement ''envoyer à tous le message ‘la réponse a est la bonne’''.
 
* Dans l’arrière-plan ajoutez l'évènement ''quand je reçois le message.''
 
* Dans l’arrière-plan ajoutez l'évènement ''quand je reçois le message.''
−
Maintenant on va jouez un son quand le joueur touche un touche du clavier.
+
Maintenant faites jouer un son quand le joueur touche une touche du clavier.
 
* Jouez un son quand on reçoit le message.
 
* Jouez un son quand on reçoit le message.
 
* Jouez le son seulement quand la touche a est pressée. Ajoutez le contrôle ''attendre jusqu’à ...''. Glissez dedans le capteur ''touche a est pressée ?'' Remarquez que si on presse la touche b ou c le programme continue à attendre.  
 
* Jouez le son seulement quand la touche a est pressée. Ajoutez le contrôle ''attendre jusqu’à ...''. Glissez dedans le capteur ''touche a est pressée ?'' Remarquez que si on presse la touche b ou c le programme continue à attendre.  
−
* Jouez le sonsi la touche a, b ou c est pressé. Après on va réagir selon la touche pressée.
+
* Jouez le son si la touche a, b ou c est pressé.</translate>
 
|Step_Picture_00=Quiz_avec_mBlock_Quiz9b.PNG
 
|Step_Picture_00=Quiz_avec_mBlock_Quiz9b.PNG
 
|Step_Picture_01=Quiz_avec_mBlock_Quiz9cefg.PNG
 
|Step_Picture_01=Quiz_avec_mBlock_Quiz9cefg.PNG
Ligne 68 : Ligne 82 :
 
|Step_Picture_05=Quiz_avec_mBlock_Quiz9d.PNG
 
|Step_Picture_05=Quiz_avec_mBlock_Quiz9d.PNG
 
}}
 
}}
−
{{ {{tntn|Tuto Step}}
+
{{Tuto Step
−
|Step_Title=Étape 3 : Réagir sur la bonne réponse
+
|Step_Title=<translate><!--T:16--> Réagir sur la bonne réponse</translate>
−
|Step_Content=On veut seulement que le son joue quand le joueur donne la bonne réponse.  
+
|Step_Content=<translate><!--T:17-->
−
* Remplacez jouer un son par une condition : si la touche a est pressée, alors jouer un son.  
+
On veut seulement que le son retentisse quand le joueur donne la bonne réponse.  
−
'''Une condition est une façon pour le programme de décider quoi faire. C'est comme dire "Faites cela seulement si ceci", ou bien "Tu peux avoir ton dessert si tu finis ton assiette".'''
+
* Remplacez jouer un son par une condition : si la touche a est pressée, alors jouer un son.
 +
{{Info|Une condition est une façon pour le programme de décider quoi faire. C'est comme dire "Faites cela seulement si ceci", ou bien "Tu peux avoir ton dessert si tu finis ton assiette".}}
  
−
On peut passer au prochaine question.  
+
<!--T:18-->
−
* Ajoutez basculer sur l'arrière-plan suivant.
+
On peut passer à la prochaine question.  
 +
* Ajoutez basculer sur l'arrière-plan suivant.</translate>
 
|Step_Picture_00=Quiz_avec_mBlock_Quiz9h.PNG
 
|Step_Picture_00=Quiz_avec_mBlock_Quiz9h.PNG
 
|Step_Picture_01=Quiz_avec_mBlock_Quiz10.PNG
 
|Step_Picture_01=Quiz_avec_mBlock_Quiz10.PNG
 
}}
 
}}
−
{{ {{tntn|Tuto Step}}
+
{{Tuto Step
−
|Step_Title=Étape 4 : Ajouter le score
+
|Step_Title=<translate><!--T:19--> Ajouter le score</translate>
−
|Step_Content=On veux suivre le bonne réponses du joueur avec un score.  
+
|Step_Content=<translate><!--T:20-->
−
* Créez un variable SCORE. Ajoutez après jouer un son ''ajouter à SCORE 1''.
+
Suivre le nombre de bonnes réponses que le joueur donne avec un score.  
−
'''Un variable est une façon de travailler avec des chiffres qui changent. C'est comme une enveloppe qui contient le numéro. Si on ouvre l'enveloppe SCORE, on peut lire le numéro actuel du score.'''
+
* Créez une variable SCORE. Ajoutez après "jouer un son" <nowiki>''ajouter à SCORE 1''</nowiki>.  
 +
{{Info|Une variable est une façon de travailler avec des chiffres qui changent. C'est comme une enveloppe qui contient le numéro. Si on ouvre l'enveloppe SCORE, on peut lire le numéro actuel du score.}}</translate>
 
|Step_Picture_00=Quiz_avec_mBlock_Quiz11b.PNG
 
|Step_Picture_00=Quiz_avec_mBlock_Quiz11b.PNG
 
|Step_Picture_01=Quiz_avec_mBlock_Quiz11.PNG
 
|Step_Picture_01=Quiz_avec_mBlock_Quiz11.PNG
 
}}
 
}}
−
{{ {{tntn|Tuto Step}}
+
{{Tuto Step
−
|Step_Title=Étape 5 : Répéter pour une nouvelle question
+
|Step_Title=<translate><!--T:21--> Répéter pour une nouvelle question</translate>
−
|Step_Content=On va ajouter des nouvelles questions. Pour chaque nouveau question on va ajouter un arrière-plan.
+
|Step_Content=<translate><!--T:22-->
−
* Créez un nouveau arrière-plan.
+
Ajouter des nouvelles questions, et à chaque nouvelle question un arrière-plan.
−
* Ajoutez au premier lutin l'évènement ''quand l'arrière-plan bascule sur ...'' et ajoutez ''dire la question.''
+
* Créez un nouvel arrière-plan.
−
* Ajoutez au deuxième lutin l'évènement ''quand l'arrière-plan bascule sur ...'' et ajoutez ''dire les réponses multiples.'' Ajoutez aussi ''envoyer à tous'' avec le message ''la réponse b est la bonne.''
+
* Ajoutez au premier lutin l'évènement ''quand l'arrière-plan bascule sur...'' et ajoutez ''dire la question.''
−
* Ajoutez dans l'arrière plan l'évènement ''quand je reçois le message la réponse b est la bonne''. Dupliquez les instructions de la réponse a, changez juste dans la condition la touche a par b.
+
* Ajoutez au deuxième lutin l'évènement ''quand l'arrière-plan bascule sur...'' et ajoutez ''dire les réponses multiples.'' Ajoutez aussi ''envoyer à tous'' avec le message ''la réponse b est la bonne.''
 +
* Ajoutez dans l'arrière plan l'évènement ''quand je reçois le message la réponse b est la bonne''. Dupliquez les instructions de la réponse a, changez juste dans la condition la touche a par b.</translate>
 
|Step_Picture_00=Quiz_avec_mBlock_Quiz13.PNG
 
|Step_Picture_00=Quiz_avec_mBlock_Quiz13.PNG
 
|Step_Picture_01=Quiz_avec_mBlock_Quiz3.PNG
 
|Step_Picture_01=Quiz_avec_mBlock_Quiz3.PNG
Ligne 100 : Ligne 118 :
 
|Step_Picture_04=Quiz_avec_mBlock_Quiz12c.PNG
 
|Step_Picture_04=Quiz_avec_mBlock_Quiz12c.PNG
 
}}
 
}}
−
{{ {{tntn|Tuto Step}}
+
{{Tuto Step
−
|Step_Title=Étape 6 : Initialiser le jeux
+
|Step_Title=<translate><!--T:23--> Initialiser le jeu</translate>
−
|Step_Content=Quand on commence le jeux il faut recommencer à zéro.
+
|Step_Content=<translate><!--T:24-->
−
* Dans l'arrière-plan ajoutez quand le drapeau vert est cliqué de basculer sur l'arrière-plan de la première question.
+
Quand on commence le jeu il faut recommencer à zéro.
−
* Ajoutez
+
* Dans l'arrière-plan, ajoutez, quand le drapeau vert est cliqué, basculer sur l'arrière-plan de la première question.
 +
* Ajoutez "mettre le score à zéro".</translate>
 
|Step_Picture_00=Quiz_avec_mBlock_Quiz13b.PNG
 
|Step_Picture_00=Quiz_avec_mBlock_Quiz13b.PNG
 
}}
 
}}
−
{{ {{tntn|Tuto Step}}
+
{{Tuto Step
−
|Step_Title=Bonus : Montrer le score
+
|Step_Title=<translate><!--T:25--> Bonus 1</translate>
−
|Step_Content=Ajoutez un arrière-plan pour la fin du quiz.
+
|Step_Content=<translate><!--T:26-->
−
* Faites dire à un des lutins le score.
+
Faire afficher le score à la fin du quiz.
 +
* Ajoutez un arrière-plan pour la fin du quiz.  
 +
* Faites dire le score à un des lutins.</translate>
 
|Step_Picture_00=Quiz_avec_mBlock_Quiz14.PNG
 
|Step_Picture_00=Quiz_avec_mBlock_Quiz14.PNG
 
}}
 
}}
−
{{ {{tntn|Notes}}
+
{{Tuto Step
−
|Notes=
+
|Step_Title=<translate><!--T:27--> Bonus 2</translate>
 +
|Step_Content=<translate><!--T:28--> Dans le prochain tuto nous fabriquerons un boîtier qui peut commander le quiz. Allez voir sur [[Quizmaster avec mBlock et Arduino]] !</translate>
 +
|Step_Picture_00=Quiz_avec_mBlock_boiteouvert.jpg
 +
}}
 +
{{Notes
 +
|Notes=<translate><!--T:30-->
 +
'''Voir aussi'''
 +
* Le tutoriel [[Quizmaster avec mBlock et Arduino]]</translate>
 
}}
 
}}
−
{{ {{tntn|Tuto Status}}
+
{{Tuto Status
−
|Complete=Draft
+
|Complete=Published
 
}}
 
}}

Version actuelle datée du 9 décembre 2019 à 11:53

Développer un mini-jeu avec Scratch.

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

Quiz avec mBlock Quiz0.PNG
Difficulté
Moyen
Durée
5 jour(s)
Catégories
Jeux & Loisirs
Coût
0 EUR (€)
Développer un mini-jeu avec Scratch.
Difficulté
Moyen
Durée
5 jour(s)
Catégories
Jeux & Loisirs
Coût
0 EUR (€)
Autres langues :
Nederlands
Licence : Attribution (CC BY)

Introduction

Dans ce projet nous découvrons la programmation avec Scratch. À la fin du projet vous posséderez un quiz sur vos ordinateurs. Amusez-vous bien !

Le projet Fablab Mobile Brussels présente le stage Programmation-Fablab été 2018 à La Scièntothèque. Le stage a été conçu pour les jeunes de 8 à 14 ans et il dure 5 jours. Vous pouvez essayer le quiz de Baris, qui porte sur les avions, en ligne pour vous montrer un exemple scratch.mit.edu/projects/237245873/

Suivez ensuite le tutoriel Quizmaster avec mBlock et Arduino pour fabriquer un boîtier pour répondre aux questions.

Matériaux

  • Des images digitales sur le sujet du quiz

Outils

Étape 1 - Découvrir mBlock / Scratch

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

Le tutoriel en ligne permet de prendre en main Scratch. Suivre les instructions sur les cartes pour inventer une histoire.

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

Quiz avec mBlock mBlock1.PNG
Quiz avec mBlock mblock.png
Quiz avec mBlock mBlock2.PNG


Étape 2 - Question - réponse

Faire un quiz à choix multiples A, B, C. Pour cela nous allons utiliser deux lutins, un pour poser les questions et un pour annoncer les réponses.

Ajoutez les deux lutins.

  • Ajoutez un nouvel objet et faites lui dire la première question.
  • Ajoutez à nouveau un nouvel objet et faites lui dire les réponses multiples A, B C. N'oubliez pas de lui faire attendre une seconde avant de donner les réponses.

Ajoutez un arrière plan.

Quiz avec mBlock Quiz3.PNG
Quiz avec mBlock Quiz1.PNG
Quiz avec mBlock Quiz2.PNG
Quiz avec mBlock Quiz4.PNG


Étape 3 - Le joueur donne une réponse

Spécifier quelle réponse est la bonne. Quand le joueur donne la bonne réponse, on fait jouer un son.

Envoyez le message spécifiant quelle réponse est la bonne.

  • Ajoutez au deuxième lutin l'évènement envoyer à tous le message ‘la réponse a est la bonne’.
  • Dans l’arrière-plan ajoutez l'évènement quand je reçois le message.

Maintenant faites jouer un son quand le joueur touche une touche du clavier.

  • Jouez un son quand on reçoit le message.
  • Jouez le son seulement quand la touche a est pressée. Ajoutez le contrôle attendre jusqu’à .... Glissez dedans le capteur touche a est pressée ? Remarquez que si on presse la touche b ou c le programme continue à attendre.
  • Jouez le son si la touche a, b ou c est pressé.
Quiz avec mBlock Quiz9b.PNG
Quiz avec mBlock Quiz9cefg.PNG
Quiz avec mBlock Quiz5.PNG
Quiz avec mBlock Quiz6.PNG
Quiz avec mBlock Quiz9a.PNG
Quiz avec mBlock Quiz9d.PNG

Étape 4 - Réagir sur la bonne réponse

On veut seulement que le son retentisse quand le joueur donne la bonne réponse.

  • Remplacez jouer un son par une condition : si la touche a est pressée, alors jouer un son.
Une condition est une façon pour le programme de décider quoi faire. C'est comme dire "Faites cela seulement si ceci", ou bien "Tu peux avoir ton dessert si tu finis ton assiette".

On peut passer à la prochaine question.

  • Ajoutez basculer sur l'arrière-plan suivant.
Quiz avec mBlock Quiz9h.PNG
Quiz avec mBlock Quiz10.PNG



Étape 5 - Ajouter le score

Suivre le nombre de bonnes réponses que le joueur donne avec un score.

  • Créez une variable SCORE. Ajoutez après "jouer un son" ''ajouter à SCORE 1''.
Une variable est une façon de travailler avec des chiffres qui changent. C'est comme une enveloppe qui contient le numéro. Si on ouvre l'enveloppe SCORE, on peut lire le numéro actuel du score.
Quiz avec mBlock Quiz11b.PNG
Quiz avec mBlock Quiz11.PNG



Étape 6 - Répéter pour une nouvelle question

Ajouter des nouvelles questions, et à chaque nouvelle question un arrière-plan.

  • Créez un nouvel arrière-plan.
  • Ajoutez au premier lutin l'évènement quand l'arrière-plan bascule sur... et ajoutez dire la question.
  • Ajoutez au deuxième lutin l'évènement quand l'arrière-plan bascule sur... et ajoutez dire les réponses multiples. Ajoutez aussi envoyer à tous avec le message la réponse b est la bonne.
  • Ajoutez dans l'arrière plan l'évènement quand je reçois le message la réponse b est la bonne. Dupliquez les instructions de la réponse a, changez juste dans la condition la touche a par b.
Quiz avec mBlock Quiz13.PNG
Quiz avec mBlock Quiz3.PNG
Quiz avec mBlock Quiz12.PNG
Quiz avec mBlock Quiz12b.PNG
Quiz avec mBlock Quiz12c.PNG

Étape 7 - Initialiser le jeu

Quand on commence le jeu il faut recommencer à zéro.

  • Dans l'arrière-plan, ajoutez, quand le drapeau vert est cliqué, basculer sur l'arrière-plan de la première question.
  • Ajoutez "mettre le score à zéro".
Quiz avec mBlock Quiz13b.PNG




Étape 8 - Bonus 1

Faire afficher le score à la fin du quiz.

  • Ajoutez un arrière-plan pour la fin du quiz.
  • Faites dire le score à un des lutins.
Quiz avec mBlock Quiz14.PNG




Étape 9 - Bonus 2

Dans le prochain tuto nous fabriquerons un boîtier qui peut commander le quiz. Allez voir sur Quizmaster avec mBlock et Arduino !

Quiz avec mBlock boiteouvert.jpg




Notes et références

Voir aussi

Commentaires

Published

Récupérée de « https://wikifab.org/w/index.php?title=Quiz_avec_mBlock&oldid=72343 »
© 2017 - 2024 Dokit, SAS.