Quiz avec mBlock : Différence entre versions

Ligne 2 : Ligne 2 :
 
|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>Dans ce projet nous découvrons la programmation avec Scratch. À la fin du projet vous avez un quiz fait à l’ordinateur. Jouez bien !</translate>
 
|Area=Play and Hobbies
 
|Area=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. 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 sur les avions pour vous montrer l'exemple. Jouez le quiz de Baris en ligne https://scratch.mit.edu/projects/237245873/
+
|Introduction=<translate>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 l'age de 8 à 14 ans et une durée de 5 jours de suite. Jouez le quiz de Baris sur le avions en ligne pour montrer l'exemple https://scratch.mit.edu/projects/237245873/
  
Suivez ensuite le tutoriel [[Quizmaster avec mBlock et Arduino]] pour fabriquer un boîtier pour répondre aux questions.
+
Suivez ensuite le tutoriel [[Quizmaster avec mBlock et Arduino]] pour fabriquer un boîtier pour répondre aux questions.</translate>
 
}}
 
}}
 
{{ {{tntn|Materials}}
 
{{ {{tntn|Materials}}
 
|Step_Picture_00=Quiz_avec_mBlock_mblock.png
 
|Step_Picture_00=Quiz_avec_mBlock_mblock.png
|Material=Des images digitales sur le sujet du quiz
+
|Material=<translate>Des images digitales sur le sujet du quiz</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/</translate>
 
}}
 
}}
 
{{ {{tntn|Separator}}}}
 
{{ {{tntn|Separator}}}}
 
{{ {{tntn|Tuto Step}}
 
{{ {{tntn|Tuto Step}}
|Step_Title=Découvrir mBlock / Scratch
+
|Step_Title=<translate>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>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=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_mblocklogo.jpg
Ligne 38 : Ligne 38 :
 
}}
 
}}
 
{{ {{tntn|Tuto Step}}
 
{{ {{tntn|Tuto Step}}
|Step_Title=Question - réponse
+
|Step_Title=<translate>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>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.  
  
 
Faites les deux lutins.
 
Faites les deux lutins.
 
* Faites un nouveau objet et faites lui dire la première question.
 
* Faites un nouveau objet et faites lui dire la première question.
 
* 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.
 
* 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 arrière plan.
+
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 51 : Ligne 51 :
 
}}
 
}}
 
{{ {{tntn|Tuto Step}}
 
{{ {{tntn|Tuto Step}}
|Step_Title=Le joueur donne une réponse
+
|Step_Title=<translate>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>On va spécifier quel réponse est la bonne. Quand le joueur donne la bonne réponse, on joue un son.  
  
 
Envoyez le message de quel réponse est la bonne.
 
Envoyez le message de quel réponse est la bonne.
Ligne 60 : Ligne 60 :
 
* 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 sonsi la touche a, b ou c est pressé. Après on va réagir selon la touche pressée.</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 69 : Ligne 69 :
 
}}
 
}}
 
{{ {{tntn|Tuto Step}}
 
{{ {{tntn|Tuto Step}}
|Step_Title=Réagir sur la bonne réponse
+
|Step_Title=<translate>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>On veut seulement que le son joue 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.  
 
* 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".'''
 
'''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.  
 
On peut passer au prochaine question.  
* Ajoutez basculer sur l'arrière-plan suivant.
+
* 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}}
 
{{ {{tntn|Tuto Step}}
|Step_Title=Ajouter le score
+
|Step_Title=<translate>Ajouter le score</translate>
|Step_Content=On veux suivre le bonne réponses du joueur avec un score.  
+
|Step_Content=<translate>On veux suivre le bonne réponses du joueur avec un score.  
 
* Créez un variable SCORE. Ajoutez après jouer un son ''ajouter à SCORE 1''.
 
* Créez un variable SCORE. Ajoutez après jouer un son ''ajouter à SCORE 1''.
'''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.'''
+
'''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.'''</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}}
 
{{ {{tntn|Tuto Step}}
|Step_Title=Répéter pour une nouvelle question
+
|Step_Title=<translate>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>On va ajouter des nouvelles questions. Pour chaque nouveau question on va ajouter un arrière-plan.
 
* Créez un nouveau arrière-plan.
 
* Créez un nouveau arrière-plan.
 
* Ajoutez au premier lutin l'évènement ''quand l'arrière-plan bascule sur ...'' et ajoutez ''dire la question.''
 
* 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 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.
+
* 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 101 : Ligne 101 :
 
}}
 
}}
 
{{ {{tntn|Tuto Step}}
 
{{ {{tntn|Tuto Step}}
|Step_Title=Initialiser le jeux
+
|Step_Title=<translate>Initialiser le jeux</translate>
|Step_Content=Quand on commence le jeux il faut recommencer à zéro.
+
|Step_Content=<translate>Quand on commence le jeux il faut recommencer à zéro.
 
* Dans l'arrière-plan ajoutez quand le drapeau vert est cliqué de basculer sur l'arrière-plan de la première question.
 
* Dans l'arrière-plan ajoutez quand le drapeau vert est cliqué de basculer sur l'arrière-plan de la première question.
* Ajoutez de mettre le score à zéro.
+
* Ajoutez de 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}}
 
{{ {{tntn|Tuto Step}}
|Step_Title=Bonus 1
+
|Step_Title=<translate>Bonus 1</translate>
|Step_Content=On va montrer le score à la fin du quiz.
+
|Step_Content=<translate>On va montrer le score à la fin du quiz.
 
* Ajoutez un arrière-plan pour la fin du quiz.  
 
* Ajoutez un arrière-plan pour la fin du quiz.  
* Faites dire à un des lutins le score.
+
* Faites dire à un des lutins le score.</translate>
 
|Step_Picture_00=Quiz_avec_mBlock_Quiz14.PNG
 
|Step_Picture_00=Quiz_avec_mBlock_Quiz14.PNG
 
}}
 
}}
 
{{ {{tntn|Tuto Step}}
 
{{ {{tntn|Tuto Step}}
|Step_Title=Bonus 2
+
|Step_Title=<translate>Bonus 2</translate>
|Step_Content=Dans la prochaine tuto nous faisons une boîtier qui peut commander le quiz. Allez voir sur [[Quizmaster avec mBlock et Arduino]] !
+
|Step_Content=<translate>Dans la prochaine tuto nous faisons une boîtier qui peut commander le quiz. Allez voir sur [[Quizmaster avec mBlock et Arduino]] !</translate>
 
|Step_Picture_00=Quiz_avec_mBlock_boiteouvert.jpg
 
|Step_Picture_00=Quiz_avec_mBlock_boiteouvert.jpg
 
}}
 
}}
 
{{ {{tntn|Notes}}
 
{{ {{tntn|Notes}}
|Notes=
+
|Notes=<translate></translate>
 
}}
 
}}
 
{{ {{tntn|Tuto Status}}
 
{{ {{tntn|Tuto Status}}
|Complete=Draft
+
|Complete=Published
 
}}
 
}}

Version du 25 juillet 2018 à 16:09

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

Quiz avec mBlock Quiz0.PNG
Dans ce projet nous découvrons la programmation avec Scratch. À la fin du projet vous avez un quiz fait à l’ordinateur. Jouez bien !

Introduction

Le projet Fablab Mobile Brussels présente le stage Programmation-Fablab été 2018 à 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. Jouez le quiz de Baris sur le avions en ligne pour montrer l'exemple https://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

Un ordinateur avec logiciel mBlock 3.0 http://www.mblock.cc/software/mblock/mblock3/

Étape 1 - Découvrir mBlock / Scratch

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 - Question - réponse

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.

Faites les deux lutins.

  • Faites un nouveau objet et faites lui dire la première question.
  • 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 arrière plan.


Étape 3 - Le joueur donne une réponse

On va spécifier quel réponse est la bonne. Quand le joueur donne la bonne réponse, on joue un son.

Envoyez le message de quel 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 on va jouez un son quand le joueur touche un 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 sonsi la touche a, b ou c est pressé. Après on va réagir selon la touche pressée.

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

On veut seulement que le son joue 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 au prochaine question.

  • Ajoutez basculer sur l'arrière-plan suivant.



Étape 5 - Ajouter le score

On veux suivre le bonne réponses du joueur avec un score.

  • Créez un variable SCORE. Ajoutez après jouer un son ajouter à SCORE 1.

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.



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

On va ajouter des nouvelles questions. Pour chaque nouveau question on va ajouter un arrière-plan.

  • Créez un nouveau 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.

Étape 7 - Initialiser le jeux

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

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




Étape 8 - Bonus 1

On va montrer le score à la fin du quiz.

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




Étape 9 - Bonus 2

Dans la prochaine tuto nous faisons une boîtier qui peut commander le quiz. Allez voir sur Quizmaster avec mBlock et Arduino !




Commentaires

Published