{"id":4887,"date":"2018-07-09T14:49:38","date_gmt":"2018-07-09T12:49:38","guid":{"rendered":"https:\/\/blog.generationrobots.com\/?p=4887"},"modified":"2023-03-29T10:16:18","modified_gmt":"2023-03-29T08:16:18","slug":"tutoriel-cozmo-pour-le-cycle-4-projet-cozmo-foot-partie-3","status":"publish","type":"post","link":"https:\/\/www.generationrobots.com\/blog\/fr\/tutoriel-cozmo-pour-le-cycle-4-projet-cozmo-foot-partie-3\/","title":{"rendered":"Tutoriel Cozmo pour le cycle 4 : projet Cozmo Foot ! (partie 3)"},"content":{"rendered":"\n\n \n

\n Dans ce tutoriel p\u00e9dagogique, nous allons vous montrer comment faire vos premiers pas avec l\u2019interface\n \n Code Lab\n <\/strong>\n de Anki, qui vous permettra de programmer Cozmo.\n <\/p>\n \n \n

\n \n Au programme : rep\u00e9rage dans un plan (x, y), conditions, fonctions et variables !\n <\/strong>\n <\/p>\n \n \n

\n Activit\u00e9 COZMO FOOT\n <\/h2>\n \n \n
\n \n
\n \n \n Dur\u00e9e :\n <\/span>\n <\/strong>\n 2-3 s\u00e9ances de 2h\n <\/li>\n \n \n
\n \n \n Public :\n <\/strong>\n <\/span>\n 4\u00e8me\/3\u00e8me\n <\/li>\n \n \n
\n \n \n Discipline :\n <\/strong>\n <\/span>\n math\u00e9matiques, technologie, programmation\n <\/li>\n \n \n
\n \n \n Th\u00e9matique :\n <\/strong>\n <\/span>\n programmation\n <\/li>\n \n \n
\n \n \n Niveau :\n <\/strong>\n <\/span>\n interm\u00e9diaire\n <\/li>\n \n \n
\n \n \n Notions utilis\u00e9es :\n <\/strong>\n <\/span>\n rep\u00e9rage dans l’espace, rep\u00e9rage d’un point ou d’une ligne dans un plan (math\u00e9matiques), conditions (programmation), variables (programmation), utilisation de capteurs (robotique, programmation)\n <\/li>\n \n <\/ul>\n \n \n
\n Une mani\u00e8re simple et tr\u00e8s ludique d\u2019apprendre \u00e0 se servir du mode constructeur de Code Lab est de\n \n partir d\u2019un jeu d\u00e9j\u00e0 existant et de le modifier\n <\/strong>\n . C\u2019est ce que nous allons vous apprendre dans ce premier tutoriel, d\u00e9coup\u00e9 en 3 parties :\n <\/p>\n \n \n
\n \n
\n \n Partie 1. Trois astuces avant de vous lancer\n <\/a>\n <\/li>\n \n \n
\n \n Partie 2. Rep\u00e9rage sur plan, affichage et dialogue\n <\/a>\n <\/li>\n \n \n
\n Partie 3. Conditions, variables et fonctions\n <\/li>\n \n <\/ul>\n \n \n
\n PARTIE 3\n <\/h2>\n \n \n
\n 4. Modification de l\u2019\u00e9v\u00e9nement d\u00e9clencheur\n <\/h3>\n \n \n
\n Dans cette partie, nous allons faire un peu de\n \n programmation \u00e9v\u00e9nementielle\n <\/strong>\n en abordant les\n \n conditions (\u2018si\u2019… \u2018alors\u2019…)\n <\/strong>\n !\n <\/p>\n \n \n
\n Pour rappel, l\u2019action sous condition (\u2018si\u2019… \u2018alors\u2019…), est l\u2019un des piliers de la programmation, il est tr\u00e8s important de bien comprendre ce concept qui peut \u00eatre r\u00e9sum\u00e9 ainsi :\n <\/p>\n \n \n
\n \n \n \n
\n \n SI (proposition-\u00e0-v\u00e9rifier est vraie ou fausse) ALORS :\n <\/em>\n \n \n …\n <\/em>\n \n \n on fait \u00e7a\n <\/em>\n \n \n …\n <\/em>\n \n \n SINON\n <\/em>\n \n \n …\n <\/em>\n \n \n on fait \u00e7a\n <\/em>\n \n \n …\n <\/em>\n \n \n FINI\n <\/em>\n <\/td>\n <\/tr>\n <\/tbody>\n <\/table>\n <\/figure>\n \n \n
\n Pour l\u2019instant, l\u2019\u00e9v\u00e9nement qui d\u00e9clenche la r\u00e9ponse de Cozmo est :\n \n \n \u201csi l\u2019inclinaison de Cozmo est sup\u00e9rieure \u00e0 15\u00b0 ou inf\u00e9rieure \u00e0 -15\u00b0\u201d\n <\/strong>\n <\/em>\n .Nous souhaitons changer cela. Notre nouvel \u00e9v\u00e9nement d\u00e9clencheur sera\n \n \n \u201csi l\u2019utilisateur touche le cube 1\u201d\n <\/strong>\n <\/em>\n , alors Cozmo d\u00e9clenche l\u2019animation r\u00e9ponse.\n <\/p>\n \n \n
\n Supprimez les blocs op\u00e9rateurs\/capteurs\n \n \u201cInclinaison de Cozmo \u00b0\u201d\n <\/em>\n mais conservez le bloc\n \n \u201cattendre jusqu\u2019\u00e0 < >\u201d\n <\/em>\n .\n <\/p>\n \n \n
\n Dans la cat\u00e9gorie\n \n \u201cOp\u00e9rateurs\u201d\n <\/em>\n , choisissez le bloc\n \n \u00ab\u00a0( [X] = [Y] )\u00a0\u00bb\n <\/em>\n . Ce bloc est notre condition :\n <\/p>\n \n \n
\n \n
\n [X] sera remplac\u00e9 par le bloc capteur\n \n \u201cle cube [#] a-t-il \u00e9t\u00e9 touch\u00e9\u00a0\u00bb\n <\/em>\n <\/li>\n \n \n
\n [Y] sera remplac\u00e9 par le texte\n \n \u201cTrue\u201d\n <\/em>\n <\/li>\n \n <\/ul>\n \n \n
\n \n $\"tuto-cozmo-bloc-condition\"$ \n <\/a>\n <\/figure>\n \n \n
\n \n Ce bloc se traduit par \u2018si\u2019 le cube 1 est touch\u00e9, \u2018alors\u2019\u2026\n <\/strong>\n <\/p>\n \n \n
\n \n Note :\n <\/span>\n le cube 1 ressemble \u00e0 un trombone, le cube 2 ressemble \u00e0 une lampe ou \u00e0 un c\u0153ur et le cube 3 ressemble \u00e0 un b\u00e9b\u00e9 dans son si\u00e8ge.\n <\/p>\n \n \n
\n 5. Peaufinage des interactions homme-machine\n <\/h3>\n \n \n
\n Pour finir la partie \u201cCozmo veut qu\u2019on lui pose une question\u201d, il reste deux choses \u00e0 faire :\n <\/p>\n \n \n
\n \n 1. D\u00e9placer l\u2019avant dernier bloc d\u2019instruction\n \n \u201cd\u00e9placer la t\u00eate \u00e0 [45]\u00b0 \u00e0 [150] \u00b0\/s\u00a0\u00bb\n <\/em>\n <\/strong>\n en deuxi\u00e8me position, sous le bloc\n \n \u201cquand message1 est re\u00e7u – h\u00e9rit\u00e9\u201d\n <\/em>\n . De cette mani\u00e8re, Cozmo commencera son interaction avec l\u2019utilisateur en le regardant dans les yeux !\n <\/p>\n \n \n
\n \n 2. Enfin, cr\u00e9er le cube de cristal de Cozmo ! (qui lui permet de pr\u00e9dire les r\u00e9sultats)\n <\/strong>\n \n C\u2019est tr\u00e8s facile, il vous suffit d\u2019aller dans la cat\u00e9gorie\n \n \u201cActions\u201d\n <\/em>\n et de s\u00e9lectionner le bloc\n \n \u201csur le cube [#], mettre [tous les voyants\/le voyant #] en [couleur]\u201d\n <\/em>\n .\n \n Choisissez le cube 1 (d\u00e9j\u00e0 s\u00e9lectionn\u00e9 dans\u00a0notre bloc \u201ccondition\u201d (attendre jusqu’\u00e0 – le cube 1 a-t-il \u00e9t\u00e9 touch\u00e9 = True). Pour la couleur, vous \u00eates libre ! Notre choix s\u2019est port\u00e9 sur le bleu clair, qui pourrait rappeler la teinte du verre d\u2019une boule de cristal\u2026\n <\/p>\n \n \n
\n \n $\"cozmo$ \n <\/a>\n <\/figure>\n \n \n
\n 6. Modification des variables pour l\u2019animation COZMO FOOT et nouveau format de conditions\n <\/h3>\n \n \n
\n Comme les conditions, les variables sont des \u00e9l\u00e9ments essentiels \u00e0 tout programme.\n \n Une variable est un emplacement virtuel qui va servir \u00e0 stocker des informations qui seront utilis\u00e9es plus tard.\n <\/strong>\n <\/p>\n \n \n
\n Dans le projet VOYANT MAGIQUE !, la variable\n \n \u201cFortune\u201d\n <\/em>\n a \u00e9t\u00e9 cr\u00e9\u00e9e. Elle correspond aux\n \n diff\u00e9rentes pr\u00e9dictions qui seront tir\u00e9es al\u00e9atoirement.\n <\/strong>\n En fonction du chiffre qui sortira (pour l’instant, de 1 \u00e0 10), Cozmo \u00e9nonce une pr\u00e9diction au hasard.\n <\/p>\n \n \n
\n Le bloc\n \n \u201cnombre al\u00e9atoire entre [X] et [Y]\u201d\n <\/em>\n permet de\n \n renvoyer un nombre pris au hasard\n <\/strong>\n entre [X] et [Y]. Dans le projet VOYANT MAGIQUE !, X = 1 et Y = 10.\n <\/p>\n \n \n
\n Pour COZMO FOOT nous n\u2019aurons besoin que de trois pr\u00e9dictions, nous changeons donc nos valeurs pour X = 1 et Y = 3.\n <\/p>\n \n \n
\n \n JNous changeons \u00e9galement le texte de ces pr\u00e9dictions.\n <\/strong>\n <\/p>\n \n \n
\n \n
\n \n Texte 1 :\n <\/span>\n \u201cOui, tu peux compter l\u00e0-dessus !\u201d\n <\/li>\n \n \n
\n \n Texte 2 :\n <\/span>\n \u201cHmmm\u2026 J\u2019ai de s\u00e9rieux doutes.\u201d\n <\/li>\n \n \n
\n \n Texte 3 :\n <\/span>\n \u201cHaha, \u00e7a n\u2019arrivera jamais !\u201d\n <\/li>\n \n <\/ul>\n \n \n
\n L\u00e0 aussi, vous pouvez tout \u00e0 fait entrer les textes de votre choix.\n <\/p>\n \n \n
\n \n Nous venons de cr\u00e9er l\u2019animation suivante :\n <\/span>\n <\/p>\n \n \n
\n \n Cozmo choisit un chiffre au hasard, compris entre 1 et 3. A chaque chiffre est associ\u00e9e une action diff\u00e9rente (affichage d\u2019un texte).\n <\/strong>\n <\/p>\n \n \n
\n Pour lancer telle ou telle action, nous faisons de nouveau appel aux conditions, cette fois avec le bloc\n \n \u201csi (condition) alors [A]\u201d\n <\/em>\n .\n <\/p>\n \n \n
\n 7. Les fonctions : ajout d\u2019une fonction suppl\u00e9mentaire\n <\/h3>\n \n \n
\n Qu\u2019est-ce qu\u2019une fonction ? C’est un ensemble d\u2019instructions, un petit bout de code, qui sera regroup\u00e9 sous une fonction. Si on pr\u00e9voit d’\n \n utiliser un bout de code plusieurs fois\n <\/strong>\n dans\u00a0un programme, on le range dans une fonction. Chaque fois que nous aurons besoin de d’ajouter ce bout de code dans notre programme,\n \n \u00ab\u00a0nous appellerons\u00a0\u00bb la fonction \u00e0 la place\n <\/strong>\n . Ainsi, nous n’aurons pas besoin de retaper notre bout de code.\n <\/p>\n \n \n
\n \n La fonction pr\u00e9sente\u00a0deux gros avantages :\n <\/span>\n <\/p>\n \n \n
\n \n
\n Nous n’avons\n \n pas besoin de retaper notre bout de code\n <\/strong>\n plusieurs fois\n <\/li>\n \n \n
\n \n Notre code sera plus\u00a0facile \u00e0 lire\n <\/strong>\n (une fonction qui tient sur une ligne peut remplacer un bout de code de plusieurs dizaines de lignes)\n <\/li>\n \n <\/ul>\n \n \n
\n Dans Code Lab, pour cr\u00e9er une fonction, il suffit de placer le bloc d’instruction\n \n \u00ab\u00a0quand [message] est re\u00e7u\u00a0\u00bb\n <\/em>\n au d\u00e9but de la suite d’instructions que nous souhaitons r\u00e9utiliser.\n <\/p>\n \n \n
\n A chaque fois que nous souhaitons\u00a0\u00ab\u00a0appeler\u00a0\u00bb cette fonction dans notre programme, il nous suffit simplement de placer le bloc\n \n \u00ab\u00a0diffuser [message]\u00a0\u00bb\n <\/em>\n .\n <\/p>\n \n \n
\n \n Exemple :\n <\/span>\n <\/p>\n \n \n
\n Cr\u00e9ation de la fonction :\n \n \u00ab\u00a0quand [dialogue1] est re\u00e7u\u00a0\u00bb\n <\/em>\n <\/p>\n \n \n
\n A chaque fois que vous souhaitez\u00a0\u00ab\u00a0appeler\u00a0\u00bb cette fonction dans votre programme, il vous suffit simplement de placer le bloc\n \n \u00ab\u00a0diffuser [dialogue1]\u00a0\u00bb\n <\/em>\n .\n <\/p>\n \n \n
\n Nous allons maintenant cr\u00e9er une fonction pour le code qui g\u00e9rera les nouvelles questions de l’utilisateur (car nous ne voulons pas que Cozmo r\u00e9p\u00e8te les instructions de COZMO FOOT !\u00a0\u00e0 chaque fois, il dira juste \u00ab\u00a0Veux-tu un autre pronostic ?\u00a0\u00bb).\n <\/p>\n \n \n
\n \n
\n Commencez par\n \n nommer ce nouveau bout de code en ajoutant un commentaire\n <\/strong>\n (dans Code Lab,\u00a0cela se passe dans\n \n \u00ab\u00a0Donn\u00e9es\u00a0\u00bb > \u00ab\u00a0Cr\u00e9er une nouvelle variable\u00a0\u00bb\n <\/em>\n ). Ici, nous nous servons du bloc\n \n \u00ab\u00a0Variable\u00a0\u00bb\n <\/em>\n comme d’une ligne de texte descriptive. Appelez ce nouveau bout de code \u00ab\u00a0Pose une nouvelle question \u00e0 Cozmo\u00a0\u00bb.\n <\/li>\n \n \n
\n Vous allez maintenant\n \n \u00e9crire le m\u00eame code que pour la partie \u00ab\u00a0Cozmo veut qu’on lui pose une question\u00a0\u00bb\n <\/strong>\n (qui est la fonction \u00ab\u00a0message1\u00a0\u00bb) \u00e0 quelques diff\u00e9rences pr\u00e8s :\n \n
\n \n
\n Nommez votre fonction \u00ab\u00a0message5\u00a0\u00bb (\n \n quand [message5] est re\u00e7u\n <\/em>\n )\n <\/li>\n \n \n
\n Apr\u00e8s \u00ab\u00a0afficher sur le visage de Cozmo\u00a0\u00bb, le code n’est plus le m\u00eame que pour la fonction \u00ab\u00a0message1\u00a0\u00bb. Il vous faut remplacer les trois blocs\n \n \u00ab\u00a0Dire\u00a0\u00bb\n <\/em>\n ,\n \n \u00ab\u00a0Lire l’animation\u00a0\u00bb\n <\/em>\n et\n \n \u00ab\u00a0Dire\u00a0\u00bb\n <\/em>\n par un seul bloc\n \n \u00ab\u00a0Dire [Veux-tu conna\u00eetre un autre pronostic ?]\u00a0\u00bb.\n <\/em>\n <\/li>\n \n \n
\n Le dernier bloc doit \u00eatre\n \n \u00ab\u00a0diffuser [message2]\u00a0\u00bb\n <\/em>\n car une fois notre animation achev\u00e9e, le programme doit lancer la fonction \u00ab\u00a0message2\u00a0\u00bb, qui est le choix al\u00e9atoire d’une pr\u00e9diction.\n <\/li>\n \n <\/ol>\n \n <\/li>\n \n <\/ol>\n \n \n
\n \n Note :\n <\/span>\n dans cet exemple, la fonction \u00ab\u00a0message5\u00a0\u00bb n’est utilis\u00e9e qu’une seule fois, mais nous pourrions tout \u00e0 fait imaginer que ce soit plusieurs fois, c’est tout l\u2019int\u00e9r\u00eat d’une fonction !\n <\/p>\n \n \n
\n \n Attention\n <\/strong>\n , vous avez peut-\u00eatre remarqu\u00e9 que les fonctions d\u00e9j\u00e0 pr\u00e9sentes dans le projet VOYANT MAGIQUE ! portent la mention\n \n \u00ab\u00a0– h\u00e9rit\u00e9\u00a0\u00bb\n <\/em>\n , mais que cette mention est absente des blocs de fonction que vous avez ajout\u00e9s. Cela est d\u00fb au fait que le projet VOYANT MAGIQUE !\u00a0a \u00e9t\u00e9 cr\u00e9\u00e9 avec la\n \n version pr\u00e9c\u00e9dente de Code Lab\n <\/strong>\n .\n <\/p>\n \n \n
\n Dans cette version pr\u00e9c\u00e9dente, les messages ne pouvaient porter que les noms \u00ab\u00a0message1\u00a0\u00bb, \u00ab\u00a0message2\u00a0\u00bb, etc. Ces noms \u00e9taient s\u00e9lectionn\u00e9s dans une liste d\u00e9roulante. Une mise \u00e0 jour a \u00e9t\u00e9 faite, qui permet d\u00e9sormais de nommer les fonctions comme on le souhaite. Par contre, les nouvelles fonctions et les anciennes fonctions ne peuvent pas \u00eatre utilis\u00e9es conjointement dans un m\u00eame bout de code, il y a une incompatibilit\u00e9 de version.\n <\/p>\n \n \n
\n Pour \u00e9viter cela, il suffit juste de remplacer les blocs\n \n \u00ab\u00a0– h\u00e9rit\u00e9s\u00a0\u00bb\n <\/em>\n par de nouveaux blocs de fonction. Pour plus de facilit\u00e9, nous vous montrons\n \n ci-dessous\n <\/strong>\n , quels sont les blocs \u00e0 remplacer (et par quoi les remplacer).\n <\/p>\n \n \n
\n \n $\"code-lab-cozmo-fonctions-heritees\"$ \n <\/a>\n <\/figure>\n \n \n
\n Il ne vous reste plus qu’\u00e0 remplacer le premier commentaire \u00ab\u00a0Cozmo veut qu’on lui pose une question\u00a0\u00bb par \u00ab\u00a0Cozmo veut qu’on lui pose une premi\u00e8re question\u00a0\u00bb !\n <\/p>\n \n \n
\n Vous venez de finir votre premier tutoriel pour Code Lab.\u00a0Il vous a permis de d\u00e9couvrir les\n \n fondamentaux de la programmation\n <\/strong>\n (conditions, variables, fonctions) et de comprendre comment les utiliser dans Code Lab.\n \n A pr\u00e9sent, vous en savez suffisamment pour cr\u00e9er votre propre jeu ou activit\u00e9 !\n <\/strong>\n <\/p>\n \n \n
\n \n \n \n Consultez la premi\u00e8re partie de ce tutoriel\n <\/a>\n <\/li>\n \n \n
\n \n Consultez la deuxi\u00e8me partie de ce tutoriel\n <\/a>\n <\/li>\n \n <\/ul>\n \n <\/body>\n<\/html>","protected":false},"excerpt":{"rendered":"
Dans ce tutoriel p\u00e9dagogique, nous allons vous montrer comment faire vos premiers pas avec l\u2019interface Code Lab de Anki, qui vous permettra de programmer Cozmo. Au programme : rep\u00e9rage dans un plan (x, y), conditions, fonctions et variables ! Activit\u00e9 COZMO FOOT Une mani\u00e8re simple et tr\u00e8s ludique d\u2019apprendre \u00e0 se servir du mode constructeur[…]
Read this article >><\/a><\/p>\n","protected":false},"author":188,"featured_media":4913,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[1128],"tags":[],"class_list":["post-4887","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-education"],"_links":{"self":[{"href":"https:\/\/www.generationrobots.com\/blog\/wp-json\/wp\/v2\/posts\/4887","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.generationrobots.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.generationrobots.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.generationrobots.com\/blog\/wp-json\/wp\/v2\/users\/188"}],"replies":[{"embeddable":true,"href":"https:\/\/www.generationrobots.com\/blog\/wp-json\/wp\/v2\/comments?post=4887"}],"version-history":[{"count":7,"href":"https:\/\/www.generationrobots.com\/blog\/wp-json\/wp\/v2\/posts\/4887\/revisions"}],"predecessor-version":[{"id":12283,"href":"https:\/\/www.generationrobots.com\/blog\/wp-json\/wp\/v2\/posts\/4887\/revisions\/12283"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.generationrobots.com\/blog\/wp-json\/wp\/v2\/media\/4913"}],"wp:attachment":[{"href":"https:\/\/www.generationrobots.com\/blog\/wp-json\/wp\/v2\/media?parent=4887"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.generationrobots.com\/blog\/wp-json\/wp\/v2\/categories?post=4887"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.generationrobots.com\/blog\/wp-json\/wp\/v2\/tags?post=4887"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}