{"id":4840,"date":"2018-07-06T08:06:19","date_gmt":"2018-07-06T06:06:19","guid":{"rendered":"https:\/\/blog.generationrobots.com\/?p=4840"},"modified":"2023-03-29T10:16:02","modified_gmt":"2023-03-29T08:16:02","slug":"tutoriel-cozmo-pour-le-cycle-4-projet-cozmo-foot-partie-1","status":"publish","type":"post","link":"https:\/\/www.generationrobots.com\/blog\/fr\/tutoriel-cozmo-pour-le-cycle-4-projet-cozmo-foot-partie-1\/","title":{"rendered":"Tutoriel Cozmo pour le cycle 4 : projet Cozmo Foot ! (partie 1)"},"content":{"rendered":"\n<html>\n <body>\n  <p>\n   Dans ce tutoriel p\u00e9dagogique, nous allons vous montrer comment faire vos premiers pas avec l\u2019interface\n   <strong>\n    Code Lab\n   <\/strong>\n   de Anki, qui vous permettra de programmer Cozmo.\n  <\/p>\n  \n  \n  <p>\n   <strong>\n    Au programme : rep\u00e9rage dans un plan (x, y), conditions, fonctions et variables !\n   <\/strong>\n  <\/p>\n  \n  \n  <h2 class=\"wp-block-heading\" id=\"h-activite-cozmo-foot\">\n   Activit\u00e9 COZMO FOOT\n  <\/h2>\n  \n  \n  <ul class=\"wp-block-list\">\n   \n   <li>\n    <strong>\n     <span style=\"color: #00ccff;\">\n      Dur\u00e9e :\n     <\/span>\n    <\/strong>\n    2-3 s\u00e9ances de 2h\n   <\/li>\n   \n   \n   <li>\n    <span style=\"color: #00ccff;\">\n     <strong>\n      Public :\n     <\/strong>\n    <\/span>\n    4\u00e8me\/3\u00e8me\n   <\/li>\n   \n   \n   <li>\n    <span style=\"color: #00ccff;\">\n     <strong>\n      Discipline :\n     <\/strong>\n    <\/span>\n    math\u00e9matiques, technologie, programmation\n   <\/li>\n   \n   \n   <li>\n    <span style=\"color: #00ccff;\">\n     <strong>\n      Th\u00e9matique :\n     <\/strong>\n    <\/span>\n    programmation\n   <\/li>\n   \n   \n   <li>\n    <span style=\"color: #00ccff;\">\n     <strong>\n      Niveau :\n     <\/strong>\n    <\/span>\n    interm\u00e9diaire\n   <\/li>\n   \n   \n   <li>\n    <span style=\"color: #00ccff;\">\n     <strong>\n      Notions utilis\u00e9es :\n     <\/strong>\n    <\/span>\n    rep\u00e9rage dans l&rsquo;espace, rep\u00e9rage d&rsquo;un point ou d&rsquo;une ligne dans un plan (math\u00e9matiques), conditions (programmation), variables (programmation), utilisation de capteurs (robotique, programmation)\n   <\/li>\n   \n  <\/ul>\n  \n  \n  <h2 class=\"wp-block-heading\" id=\"h-presentation-rapide-du-robot-cozmo-et-de-son-application\">\n   Pr\u00e9sentation rapide du robot Cozmo et de son application\n  <\/h2>\n  \n  \n  <p>\n   <strong>\n    Cozmo\n   <\/strong>\n   est un petit robot dot\u00e9 d\u2019une puissante IA, d\u2019un bras \u00e9l\u00e9vateur, d\u2019une t\u00eate tr\u00e8s sympathique qui int\u00e8gre un petit \u00e9cran LED, d\u2019une paire de chenilles motoris\u00e9es tr\u00e8s pr\u00e9cises et de 3 cubes interactifs !\n  <\/p>\n  \n  \n  <figure class=\"wp-block-image aligncenter\">\n   <a href=\"https:\/\/blog.generationrobots.com\/wp-content\/uploads\/2018\/07\/cozmo-robot-educatif-3.jpg\">\n    <img fetchpriority=\"high\" decoding=\"async\" width=\"300\" height=\"300\" alt=\"cozmo-robot-educatif-3\" class=\"wp-image-4857\" src=\"https:\/\/blog.generationrobots.com\/wp-content\/uploads\/2018\/07\/cozmo-robot-educatif-3-300x300.jpg\"\/>\n   <\/a>\n  <\/figure>\n  \n  \n  <p>\n   Quand vous achetez Cozmo, il vous faut ensuite t\u00e9l\u00e9charger l\u2019application Cozmo (gratuite, disponible pour iOS et Android), qui vous permettra d\u2019interagir avec Cozmo, mais aussi de le programmer.\n   <br\/>\n   Dans cette appli Cozmo, vous allez trouver Code Lab : une version de\n   <strong>\n    Scratch Blocks\n   <\/strong>\n   disponible en deux niveaux :\n   <strong>\n    Sandbox\n   <\/strong>\n   (cycle 2, 3, d\u00e9but du cycle 4) et le mode\n   <strong>\n    Constructeur\n   <\/strong>\n   (fin du cycle 4, lyc\u00e9e).\n  <\/p>\n  \n  \n  <h2 class=\"wp-block-heading\" id=\"h-code-lab-le-mode-constructeur\">\n   Code Lab : le mode constructeur\n  <\/h2>\n  \n  \n  <p>\n   Le mode constructeur de Code Lab, qui est l\u2019interface avanc\u00e9e de programmation de Cozmo, permettra \u00e0 vos \u00e9l\u00e8ves de\n   <strong>\n    cr\u00e9er des programmes complexes, de mani\u00e8re tr\u00e8s progressive\n   <\/strong>\n   .\n  <\/p>\n  \n  \n  <p>\n   Quand vous vous trouvez dans Code Lab, vous avez \u00e9galement acc\u00e8s \u00e0 une biblioth\u00e8que de jeux et applications pour Cozmo (PROJETS INCLUS).\n  <\/p>\n  \n  \n  <figure class=\"wp-block-image aligncenter\">\n   <a href=\"https:\/\/blog.generationrobots.com\/wp-content\/uploads\/2018\/07\/IMG_1.jpg\">\n    <img decoding=\"async\" width=\"900\" height=\"331\" alt=\"cozmo code lab mode constructeur modifier un projet\" class=\"wp-image-4854\" src=\"https:\/\/blog.generationrobots.com\/wp-content\/uploads\/2018\/07\/IMG_1.jpg\" srcset=\"https:\/\/www.generationrobots.com\/blog\/wp-content\/uploads\/2018\/07\/IMG_1.jpg 900w, https:\/\/www.generationrobots.com\/blog\/wp-content\/uploads\/2018\/07\/IMG_1-300x110.jpg 300w\" sizes=\"(max-width: 900px) 100vw, 900px\" \/>\n   <\/a>\n  <\/figure>\n  \n  \n  <p>\n   Si vous s\u00e9lectionnez un jeu dans cette collection de projets, vous constatez que vous pouvez soit lancer le jeu, soit voir \u00e0 quoi ressemble le code du jeu (VOIR DETAILS).\n  <\/p>\n  \n  \n  <p>\n   Une mani\u00e8re simple et tr\u00e8s ludique d\u2019apprendre \u00e0 se servir du mode constructeur de Code Lab est de\n   <strong>\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  <ul class=\"wp-block-list\">\n   \n   <li>\n    Partie 1. Trois astuces avant de vous lancer\n   <\/li>\n   \n   \n   <li>\n    <a class=\"catalogue\" href=\"\/blog\/fr\/tutoriel-cozmo-pour-le-cycle-4-projet-cozmo-foot-partie-2\/\" title=\"Tutoriel Cozmo pour le cycle 4 : projet Cozmo Foot ! (partie 2)\">\n     Partie 2. Rep\u00e9rage sur plan, affichage et dialogue\n    <\/a>\n   <\/li>\n   \n   \n   <li>\n    <a class=\"catalogue\" href=\"\/blog\/fr\/tutoriel-cozmo-pour-le-cycle-4-projet-cozmo-foot-partie-3\/\" title=\"Tutoriel Cozmo pour le cycle 4 : projet Cozmo Foot ! (partie 3)\">\n     Partie 3. Conditions, variables et fonctions\n    <\/a>\n   <\/li>\n   \n  <\/ul>\n  \n  \n  <h2 class=\"wp-block-heading\" id=\"h-c-est-parti\">\n   C&rsquo;est parti !\n  <\/h2>\n  \n  \n  <p>\n   S\u00e9lectionnez le projet VOYANT MAGIQUE ! et cliquez sur VOIR DETAILS.\n  <\/p>\n  \n  \n  <figure class=\"wp-block-image aligncenter\">\n   <a href=\"https:\/\/blog.generationrobots.com\/wp-content\/uploads\/2018\/07\/IMG_2.jpg\">\n    <img decoding=\"async\" width=\"900\" height=\"675\" alt=\"cozmo-codelab-projet-voyant-magique\" class=\"wp-image-4853\" src=\"https:\/\/blog.generationrobots.com\/wp-content\/uploads\/2018\/07\/IMG_2.jpg\" srcset=\"https:\/\/www.generationrobots.com\/blog\/wp-content\/uploads\/2018\/07\/IMG_2.jpg 900w, https:\/\/www.generationrobots.com\/blog\/wp-content\/uploads\/2018\/07\/IMG_2-300x225.jpg 300w\" sizes=\"(max-width: 900px) 100vw, 900px\" \/>\n   <\/a>\n  <\/figure>\n  \n  \n  <p>\n   Vous avez maintenant devant vous le code du jeu.\n  <\/p>\n  \n  \n  <figure class=\"wp-block-image aligncenter\">\n   <a href=\"https:\/\/blog.generationrobots.com\/wp-content\/uploads\/2018\/07\/IMG_3.jpg\">\n    <img loading=\"lazy\" decoding=\"async\" width=\"900\" height=\"674\" alt=\"cozmo-codelab-projet-voyant-magique-2\" class=\"wp-image-4852\" src=\"https:\/\/blog.generationrobots.com\/wp-content\/uploads\/2018\/07\/IMG_3.jpg\" srcset=\"https:\/\/www.generationrobots.com\/blog\/wp-content\/uploads\/2018\/07\/IMG_3.jpg 900w, https:\/\/www.generationrobots.com\/blog\/wp-content\/uploads\/2018\/07\/IMG_3-300x225.jpg 300w\" sizes=\"(max-width: 900px) 100vw, 900px\" \/>\n   <\/a>\n  <\/figure>\n  \n  \n  <p>\n   Nous allons partir de ce code (VOYANT MAGIQUE !), qui transforme Cozmo en\n   <strong>\n    \u201cmagic 8 ball\u201d\n   <\/strong>\n   et le modifier petit \u00e0 petit jusqu\u2019\u00e0 obtenir un nouveau programme, o\u00f9\n   <strong>\n    Cozmo aura le r\u00f4le de pronostiqueur de la coupe du monde\n   <\/strong>\n   !\n  <\/p>\n  \n  \n  <figure class=\"wp-block-image aligncenter\">\n   <a href=\"https:\/\/blog.generationrobots.com\/wp-content\/uploads\/2018\/07\/IMG_4.jpg\">\n    <img loading=\"lazy\" decoding=\"async\" width=\"558\" height=\"250\" alt=\"cozmo-codelab-projet-voyant-magique-magic-8ball\" class=\"wp-image-4851\" src=\"https:\/\/blog.generationrobots.com\/wp-content\/uploads\/2018\/07\/IMG_4.jpg\" srcset=\"https:\/\/www.generationrobots.com\/blog\/wp-content\/uploads\/2018\/07\/IMG_4.jpg 558w, https:\/\/www.generationrobots.com\/blog\/wp-content\/uploads\/2018\/07\/IMG_4-300x134.jpg 300w\" sizes=\"(max-width: 558px) 100vw, 558px\" \/>\n   <\/a>\n  <\/figure>\n  \n  \n  <p>\n   Comme vous le voyez, chaque bloc de couleur contient une instruction, qu\u2019il est possible de modifier ou de combiner avec d\u2019autres pour cr\u00e9er un programme.\n  <\/p>\n  \n  \n  <h3 class=\"wp-block-heading\" id=\"h-1-trois-astuces-avant-de-vous-lancer\">\n   1. Trois astuces avant de vous lancer\n  <\/h3>\n  \n  \n  <p class=\"has-text-align-left\">\n   Commen\u00e7ons notre tutoriel&#8230; Avant toute chose, d\u00e9marrez le projet VOYANT MAGIQUE ! et testez le en posant des questions \u00e0 Cozmo. Puis, sur votre tablette, cliquez sur VOIR DETAILS.\n  <\/p>\n  \n  \n  <figure class=\"wp-block-image aligncenter\">\n   <a href=\"https:\/\/blog.generationrobots.com\/wp-content\/uploads\/2018\/07\/template-halo-blanc-commentaires.jpg\">\n    <img loading=\"lazy\" decoding=\"async\" width=\"1335\" height=\"921\" alt=\"template-halo-blanc-commentaires\" class=\"wp-image-4858\" src=\"https:\/\/blog.generationrobots.com\/wp-content\/uploads\/2018\/07\/template-halo-blanc-commentaires.jpg\" srcset=\"https:\/\/www.generationrobots.com\/blog\/wp-content\/uploads\/2018\/07\/template-halo-blanc-commentaires.jpg 1335w, https:\/\/www.generationrobots.com\/blog\/wp-content\/uploads\/2018\/07\/template-halo-blanc-commentaires-300x207.jpg 300w, https:\/\/www.generationrobots.com\/blog\/wp-content\/uploads\/2018\/07\/template-halo-blanc-commentaires-1024x706.jpg 1024w\" sizes=\"(max-width: 1335px) 100vw, 1335px\" \/>\n   <\/a>\n  <\/figure>\n  \n  \n  <p class=\"has-text-align-left\">\n   <strong>\n    Astuce 1.\n   <\/strong>\n   Tout d\u2019abord, regardez les blocs oranges situ\u00e9s en haut de l\u2019interface (par exemple, le bloc\n   <em>\n    \u201cAffiche une r\u00e9ponse le visage de Cozmo\u201d\n   <\/em>\n   . Ces blocs sont l\u00e0 pour\n   <strong>\n    d\u00e9crire les portions de code qui se trouvent au-dessous.\n   <\/strong>\n  <\/p>\n  \n  \n  <p>\n   Ils sont l\u2019\n   <strong>\n    \u00e9quivalent des commentaires en programmation textuelle\n   <\/strong>\n   . Lorsque l\u2019on programme, il est conseill\u00e9 de bien commenter son code. Les commentaires (ci-dessous en vert) permettent de facilement comprendre le code (tr\u00e8s utile si plusieurs d\u00e9veloppeurs travaillent sur le m\u00eame code) et de pouvoir le modifier rapidement.\n  <\/p>\n  \n  \n  <figure class=\"wp-block-image aligncenter\">\n   <a href=\"https:\/\/blog.generationrobots.com\/wp-content\/uploads\/2018\/07\/IMG_6.jpg\">\n    <img loading=\"lazy\" decoding=\"async\" width=\"300\" height=\"245\" alt=\"cozmo-codelab-commentaires\" class=\"wp-image-4849\" src=\"https:\/\/blog.generationrobots.com\/wp-content\/uploads\/2018\/07\/IMG_6-300x245.jpg\" srcset=\"https:\/\/www.generationrobots.com\/blog\/wp-content\/uploads\/2018\/07\/IMG_6-300x245.jpg 300w, https:\/\/www.generationrobots.com\/blog\/wp-content\/uploads\/2018\/07\/IMG_6.jpg 640w\" sizes=\"(max-width: 300px) 100vw, 300px\" \/>\n   <\/a>\n  <\/figure>\n  \n  \n  <p>\n   <strong>\n    Astuce 2.\n   <\/strong>\n   Une autre bonne pratique est d\u2019\n   <strong>\n    enregistrer d\u00e8s maintenant ce projet en tant que \u201cremix\u201d\n   <\/strong>\n   de VOYANT MAGIQUE ! Il vous suffit de cliquer sur l\u2019ic\u00f4ne\n   <em>\n    \u00ab\u00a0Effectue un remix pour enregistrer !\u00a0\u00bb\n   <\/em>\n   situ\u00e9e en haut \u00e0 droite de l\u2019\u00e9cran. Toutes vos modifications seront d\u00e9sormais sauvegard\u00e9es automatiquement dans votre nouveau remix, que vous pourrez renommer.\n  <\/p>\n  \n  \n  <p>\n   <strong>\n    Astuce 3.\n   <\/strong>\n   Enfin, derni\u00e8re astuce,\n   <strong>\n    pour supprimer un bloc\n   <\/strong>\n   ou un ensemble de blocs, faites-le glisser en dehors de l\u2019\u00e9cran, sur la gauche (du c\u00f4t\u00e9 o\u00f9 se trouve votre biblioth\u00e8que).\n  <\/p>\n  \n  \n  <ul class=\"wp-block-list\">\n   \n   <li>\n    <a class=\"catalogue\" href=\"\/blog\/fr\/tutoriel-cozmo-pour-le-cycle-4-projet-cozmo-foot-partie-2\/\" title=\"Tutoriel Cozmo pour le cycle 4 : projet Cozmo Foot ! (partie 2)\">\n     Consultez la deuxi\u00e8me partie de ce tutoriel\n    <\/a>\n   <\/li>\n   \n   \n   <li>\n    <a class=\"catalogue\" href=\"\/blog\/fr\/tutoriel-cozmo-pour-le-cycle-4-projet-cozmo-foot-partie-3\/\" title=\"Tutoriel Cozmo pour le cycle 4 : projet Cozmo Foot ! (partie 3)\">\n     Consultez la troisi\u00e8me partie de ce tutoriel\n    <\/a>\n   <\/li>\n   \n  <\/ul>\n  \n  \n  <p>\n  <\/p>\n  \n <\/body>\n<\/html>","protected":false},"excerpt":{"rendered":"<p>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 Pr\u00e9sentation rapide du robot Cozmo et de son application Cozmo est un petit[&#8230;]<br \/> <a class=\"button\" href=\"https:\/\/www.generationrobots.com\/blog\/fr\/tutoriel-cozmo-pour-le-cycle-4-projet-cozmo-foot-partie-1\/\" style=\"float:right;\">Read this article &gt;&gt;<\/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-4840","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\/4840","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=4840"}],"version-history":[{"count":38,"href":"https:\/\/www.generationrobots.com\/blog\/wp-json\/wp\/v2\/posts\/4840\/revisions"}],"predecessor-version":[{"id":12311,"href":"https:\/\/www.generationrobots.com\/blog\/wp-json\/wp\/v2\/posts\/4840\/revisions\/12311"}],"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=4840"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.generationrobots.com\/blog\/wp-json\/wp\/v2\/categories?post=4840"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.generationrobots.com\/blog\/wp-json\/wp\/v2\/tags?post=4840"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}