{"id":52375,"date":"2025-01-18T22:00:18","date_gmt":"2025-01-19T03:00:18","guid":{"rendered":"https:\/\/cimbcc.org\/test2\/?p=52375"},"modified":"2025-01-20T11:19:10","modified_gmt":"2025-01-20T16:19:10","slug":"scratch-un-langage-de-programmation-pour-les-enfants-et-les-non-informaticiens","status":"publish","type":"post","link":"https:\/\/cimbcc.org\/test2\/scratch-un-langage-de-programmation-pour-les-enfants-et-les-non-informaticiens\/","title":{"rendered":"Scratch, un langage de programmation pour les enfants et les non-informaticiens"},"content":{"rendered":"<figure id=\"attachment_34910\" aria-describedby=\"caption-attachment-34910\" style=\"width: 125px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-34910\" src=\"https:\/\/cimbcc.org\/test2\/wp-content\/uploads\/photo_gagne_michel.jpg\" alt=\"\" width=\"125\" height=\"125\" \/><figcaption id=\"caption-attachment-34910\" class=\"wp-caption-text\"><span style=\"color: #ffffff;\">mmm<\/span>Michel Gagn\u00e9<\/figcaption><\/figure>\n<p style=\"text-align: justify;\">Les chercheurs universitaires font parfois de dr\u00f4les de recherches. Un groupe de professeurs d\u2019informatique du MIT <em>(Massachusetts Institute of Technology)<\/em>, une des universit\u00e9s les plus r\u00e9put\u00e9es au monde, a d\u00e9pens\u00e9 des ann\u00e9es et des millions de dollars pour concevoir une application qui ressemble \u00e0 un jeu vid\u00e9o dans le but d\u2019initier les enfants et les non-informaticiens \u00e0 la programmation. Cette application s\u2019appelle Scratch.<\/p>\n<p style=\"text-align: justify;\">Scratch permet d\u2019\u00e9crire un programme informatique en assemblant des blocs, comme on le fait avec un jeu de Lego.<\/p>\n<p style=\"text-align: justify;\">Dans cet article, je donne quelques informations sur Scratch et je montre comment on peut programmer le vol d\u2019un toucan en assemblant quatre blocs Scratch simples.<\/p>\n<p style=\"text-align: justify;\">Si vous voulez en savoir plus, je vous invite aussi \u00e0 assister \u00e0 une pr\u00e9sentation sur Zoom au sujet de Scratch <strong>vendredi <span style=\"color: #ff0000;\">24\u00a0janvier<\/span> \u00e0 13\u00a0h\u00a015<\/strong>.<\/p>\n<p><!--more--><\/p>\n<h4><strong>Un peu d\u2019information sur Scratch<\/strong><\/h4>\n<p style=\"text-align: justify;\"><a href=\"https:\/\/fr.wikipedia.org\/wiki\/Scratch_(langage)\" target=\"_blank\" rel=\"noopener\">Scratch<\/a> est un <a href=\"https:\/\/fr.wikipedia.org\/wiki\/Langage_de_programmation\" target=\"_blank\" rel=\"noopener\">langage de programmation<\/a> qui permet de cr\u00e9er des jeux vid\u00e9os, des histoires, des dessins, des cartes anim\u00e9es et bien d\u2019autres choses.<\/p>\n<p style=\"text-align: justify;\">Les professeurs du <a href=\"https:\/\/fr.wikipedia.org\/wiki\/Massachusetts_Institute_of_Technology\" target=\"_blank\" rel=\"noopener\">MIT<\/a> qui ont d\u00e9velopp\u00e9 Scratch \u00e9taient tellement fiers de leur produit qu\u2019ils l\u2019ont mis gratuitement \u00e0 la disposition de tous les enfants du monde.<\/p>\n<p style=\"text-align: justify;\">Aujourd\u2019hui, Scratch est offert en 70 langues et on peut le t\u00e9l\u00e9charger ou l\u2019utiliser en ligne. La version en ligne permet m\u00eame d\u2019h\u00e9berger gratuitement ses \u0153uvres sur les serveurs de Scratch et de les partager avec les autres utilisateurs de cette application.<\/p>\n<p style=\"text-align: justify;\">La version en ligne est utilis\u00e9e par plus de 130 millions de personnes qui, en avril 2024, ont atteint la marque du milliardi\u00e8me programme cr\u00e9\u00e9 avec le logiciel.<\/p>\n<p style=\"text-align: justify;\">Scratch est utilis\u00e9 dans les \u00e9coles, les biblioth\u00e8ques, les camps de jour et les clubs de programmation, par des jeunes et des moins jeunes, dans \u00e0 peu pr\u00e8s tous les pays du monde.<\/p>\n<p style=\"text-align: justify;\">J\u2019ai personnellement commenc\u00e9 \u00e0 enseigner la programmation avec Scratch \u00e0 mes petits-enfants, Victor et Magalie, alors qu\u2019ils avaient respectivement 8 et 6 ans. En fait, Victor et Magalie ne pensent pas que je leur enseigne la programmation, ils pensent que nous jouons avec Scratch !<\/p>\n<h4><strong>Voici un exemple d\u2019un programme Scratch<\/strong><\/h4>\n<p style=\"text-align: justify;\">Tout d\u2019abord, je vous invite \u00e0 regarder le petit vid\u00e9o suivant. Par la suite, j\u2019expliquerai comment j\u2019ai programm\u00e9 ce vid\u00e9o avec seulement quatre blocs Scratch.<\/p>\n<div style=\"width: 474px;\" class=\"wp-video\"><video class=\"wp-video-shortcode\" id=\"video-52375-1\" width=\"474\" height=\"267\" preload=\"metadata\" controls=\"controls\"><source type=\"video\/mp4\" src=\"https:\/\/cimbcc.org\/test2\/wp-content\/uploads\/chip_2025_01_scratch_2.mp4?_=1\" \/><a href=\"https:\/\/cimbcc.org\/test2\/wp-content\/uploads\/chip_2025_01_scratch_2.mp4\">https:\/\/cimbcc.org\/test2\/wp-content\/uploads\/chip_2025_01_scratch_2.mp4<\/a><\/video><\/div>\n<p>Vous trouverez ci-dessous les quatre blocs que j\u2019ai utilis\u00e9s pour programmer le vol du toucan ainsi qu\u2019une courte explication de la fonction de chaque bloc.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignleft size-full wp-image-52411\" src=\"https:\/\/cimbcc.org\/test2\/wp-content\/uploads\/chip_2025_01_scratch_3.jpg\" alt=\"\" width=\"234\" height=\"460\" srcset=\"https:\/\/cimbcc.org\/test2\/wp-content\/uploads\/chip_2025_01_scratch_3.jpg 234w, https:\/\/cimbcc.org\/test2\/wp-content\/uploads\/chip_2025_01_scratch_3-153x300.jpg 153w\" sizes=\"auto, (max-width: 234px) 100vw, 234px\" \/><\/p>\n<p style=\"text-align: justify;\">Le bloc <strong>r\u00e9p\u00e9ter 18 fois<\/strong> demande \u00e0 l\u2019ordinateur de r\u00e9p\u00e9ter 18 fois les instructions qui se trouvent entre la partie sup\u00e9rieure et la partie inf\u00e9rieure du bloc. Au besoin, le programmeur peut modifier la valeur de 18.<\/p>\n<p style=\"text-align: justify;\">Le bloc <strong>avancer de 20 pas<\/strong> demande \u00e0 l\u2019ordinateur d\u2019avancer le toucan de 20 pas. Un pas est \u00e9quivalent \u00e0 1 pixel. Au besoin, le programmeur peut modifier la valeur de 20.<\/p>\n<p style=\"text-align: justify;\">Le bloc <strong>costume suivant<\/strong> sert \u00e0 changer l\u2019apparence du toucan. Scratch fournit un certain nombre de personnages d\u00e9j\u00e0 dessin\u00e9s, par exemple, le toucan. Certains de ces personnages ont plusieurs costumes, c\u2019est-\u00e0-dire qu\u2019ils peuvent avoir plusieurs apparences. Par exemple, le toucan peut prendre les apparences suivantes :<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignleft size-full wp-image-52413\" src=\"https:\/\/cimbcc.org\/test2\/wp-content\/uploads\/chip_2025_01_scratch_4.jpg\" alt=\"\" width=\"935\" height=\"313\" srcset=\"https:\/\/cimbcc.org\/test2\/wp-content\/uploads\/chip_2025_01_scratch_4.jpg 935w, https:\/\/cimbcc.org\/test2\/wp-content\/uploads\/chip_2025_01_scratch_4-300x100.jpg 300w, https:\/\/cimbcc.org\/test2\/wp-content\/uploads\/chip_2025_01_scratch_4-768x257.jpg 768w\" sizes=\"auto, (max-width: 935px) 100vw, 935px\" \/><\/p>\n<ul>\n<li style=\"text-align: justify;\">Lorsque le toucan affiche le costume 1, l\u2019instruction <strong>costume suivant<\/strong> remplace le costume 1 par le costume 2.<\/li>\n<li style=\"text-align: justify;\">Lorsque le toucan affiche le costume 2, l\u2019instruction <strong>costume suivant<\/strong> remplace le costume 2 par le costume 3.<\/li>\n<li style=\"text-align: justify;\">Lorsque le toucan affiche le costume 3, l\u2019instruction <strong>costume suivant<\/strong> remplace le costume 3 par le costume 1.<\/li>\n<li style=\"text-align: justify;\">La succession de ces trois costumes simule un battement d\u2019ailes du toucan.<\/li>\n<li style=\"text-align: justify;\">En r\u00e9p\u00e9tant 6 fois la succession de ces 3 costumes, on obtient 6 battements d\u2019ailes, c\u2019est ce que vous avez vu dans le vid\u00e9o.<\/li>\n<li style=\"text-align: justify;\">La succession rapide des images donne l\u2019impression que le toucan vole.<\/li>\n<li style=\"text-align: justify;\">L\u2019instruction <strong>attendre 0.1<\/strong> <strong>seconde<\/strong> demande \u00e0 l\u2019ordinateur d\u2019attendre 0.1 seconde avant d\u2019ex\u00e9cuter l\u2019instruction suivante. Cette attente donne le temps \u00e0 l\u2019image du toucan de s\u2019imprimer sur les r\u00e9tines du spectateur. Sans cette instruction, les battements d\u2019ailes du toucan seraient tellement rapides que nous ne les verrions pas.<\/li>\n<li style=\"text-align: justify;\">Pour\u00a0 faire voler le toucan, il suffit d\u2019assembler les quatre blocs pr\u00e9c\u00e9dents de la fa\u00e7on suivante :<\/li>\n<\/ul>\n<p style=\"text-align: justify;\"><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-52416 aligncenter\" src=\"https:\/\/cimbcc.org\/test2\/wp-content\/uploads\/chip_2025_01_scratch_5-e1737166768841.jpg\" alt=\"\" width=\"196\" height=\"204\" \/><\/p>\n<ul>\n<li style=\"text-align: justify;\">Cet agencement des quatre instructions est suffisant pour produire le vid\u00e9o que vous avez vu pr\u00e9c\u00e9demment.<\/li>\n<\/ul>\n<h4><strong>D\u00e9roulement du programme en d\u00e9tail<\/strong><\/h4>\n<p style=\"text-align: justify;\">Voici ce qui se produit lors de l\u2019ex\u00e9cution du programme.<\/p>\n<p style=\"text-align: justify;\">Au d\u00e9but du programme, le toucan appara\u00eet \u00e0 gauche de l\u2019\u00e9cran avec les ailes repli\u00e9es (costume 1).<\/p>\n<h5 style=\"text-align: justify;\"><em>Premi\u00e8re r\u00e9p\u00e9tition<\/em><\/h5>\n<ul style=\"text-align: justify;\">\n<li><strong>Avancer de 20 pas\u00a0<\/strong>: le toucan dispara\u00eet de l\u2019endroit o\u00f9 il se trouve et r\u00e9appara\u00eet 20 pas en avant. Toutefois, comme un objet ne peut dispara\u00eetre d\u2019un endroit et r\u00e9appara\u00eetre \u00e0 un autre endroit, le cerveau interpr\u00e8te que le toucan s\u2019est d\u00e9plac\u00e9 graduellement du premier endroit au second.<\/li>\n<li><strong>Costume suivant<\/strong>: le costume 1 (ailes repli\u00e9es) dispara\u00eet et le costume 2 (ailes d\u00e9ploy\u00e9es vers le haut) appara\u00eet. Encore une fois, comme les ailes ne peuvent dispara\u00eetre d\u2019une position, puis r\u00e9appara\u00eetre dans une autre position, le cerveau interpr\u00e8te que le toucan a lev\u00e9 graduellement les ailes.<\/li>\n<li><strong>Attendre 0.1<\/strong> <strong>seconde\u00a0<\/strong>: le toucan ne bouge pas durant 0.1 seconde pour que l\u2019\u0153il du spectateur puisse le voir dans sa nouvelle position.<\/li>\n<\/ul>\n<h5 style=\"text-align: justify;\"><em>Deuxi\u00e8me r\u00e9p\u00e9tition<\/em><\/h5>\n<ul>\n<li style=\"text-align: justify;\"><strong>Avancer de 20 pas\u00a0<\/strong>: le toucan dispara\u00eet de l\u2019endroit o\u00f9 il se trouve et r\u00e9appara\u00eet 20 pas en avant. Toutefois, comme un objet ne peut dispara\u00eetre d\u2019un endroit et r\u00e9appara\u00eetre \u00e0 un autre endroit, le cerveau interpr\u00e8te que le toucan s\u2019est d\u00e9plac\u00e9 graduellement du premier endroit au second.<\/li>\n<li style=\"text-align: justify;\"><strong>Costume suivant<\/strong>: le costume 2 (ailes d\u00e9ploy\u00e9es vers le haut) dispara\u00eet et le costume 3 (ailes d\u00e9ploy\u00e9es vers le bas) appara\u00eet. Encore une fois, comme les ailes ne peuvent dispara\u00eetre d\u2019une position, puis r\u00e9appara\u00eetre dans une autre position, le cerveau interpr\u00e8te que le toucan a baiss\u00e9 graduellement les ailes.<\/li>\n<li style=\"text-align: justify;\"><strong>Attendre 0.1<\/strong> <strong>seconde\u00a0<\/strong>: le toucan ne bouge pas durant 0.1 seconde pour que l\u2019\u0153il du spectateur puisse le voir dans sa nouvelle position.<\/li>\n<\/ul>\n<h5 style=\"text-align: justify;\"><em>Troisi\u00e8me r\u00e9p\u00e9tition<\/em><\/h5>\n<ul style=\"text-align: justify;\">\n<li><strong>Avancer de 20 pas\u00a0<\/strong>: le toucan dispara\u00eet de l\u2019endroit o\u00f9 il se trouve et r\u00e9appara\u00eet 20 pas en avant.<\/li>\n<li><strong>Costume suivant<\/strong>: le costume 3 (ailes d\u00e9ploy\u00e9es vers le bas) dispara\u00eet et le costume 1 (ailes repli\u00e9es) appara\u00eet.<\/li>\n<li><strong>Attendre 0.1<\/strong> <strong>seconde\u00a0<\/strong>: le toucan ne bouge pas durant 0.1 seconde pour que l\u2019\u0153il du spectateur puisse le voir dans sa nouvelle position.<\/li>\n<\/ul>\n<p style=\"text-align: justify;\">Les trois r\u00e9p\u00e9titions pr\u00e9c\u00e9dentes simulent un battement d\u2019ailes du toucan.<\/p>\n<p style=\"text-align: justify;\">Par la suite, les trois r\u00e9p\u00e9titions pr\u00e9c\u00e9dentes sont r\u00e9p\u00e9t\u00e9es 5 fois pour simuler 5 autres battements d\u2019ailes.<\/p>\n<h4 style=\"text-align: justify;\"><strong>Un autre exemple de Scratch<\/strong><\/h4>\n<p style=\"text-align: justify;\">Le vid\u00e9o suivant montre un petit chien qui dessine un ch\u00e2teau. Le programme qui g\u00e9n\u00e8re ce vid\u00e9o a \u00e9t\u00e9 \u00e9crit par mon petit-fils Victor alors qu\u2019il avait 8 ans. Le programme contient une quarantaine de blocs.<\/p>\n<div style=\"width: 474px;\" class=\"wp-video\"><video class=\"wp-video-shortcode\" id=\"video-52375-2\" width=\"474\" height=\"267\" preload=\"metadata\" controls=\"controls\"><source type=\"video\/mp4\" src=\"https:\/\/cimbcc.org\/test2\/wp-content\/uploads\/chip_2025_01_scratch_1.mp4?_=2\" \/><a href=\"https:\/\/cimbcc.org\/test2\/wp-content\/uploads\/chip_2025_01_scratch_1.mp4\">https:\/\/cimbcc.org\/test2\/wp-content\/uploads\/chip_2025_01_scratch_1.mp4<\/a><\/video><\/div>\n<p style=\"text-align: justify;\">Les deux vid\u00e9os pr\u00e9c\u00e9dents utilisent un petit nombre de\u00a0 blocs. Tout comme il est possible de r\u00e9aliser des constructions complexes en utilisant un grand nombre de blocs Lego, il est possible de concevoir des programmes et des jeux vid\u00e9os complexes en utilisant un grand nombre de blocs Scratch.<\/p>\n<h4 style=\"text-align: justify;\"><strong>Pour en savoir plus sur Scratch<\/strong><\/h4>\n<p style=\"text-align: justify;\">Si vous voulez en savoir plus sur Scratch, ne manquez pas la s\u00e9ance du <strong>vendredi <span style=\"color: #ff0000;\">24 janvier<\/span> \u00e0 13 h 15<\/strong>\u00a0sur Zoom :<\/p>\n<ul style=\"text-align: justify;\">\n<li>j\u2019y expliquerai la diff\u00e9rence entre un <a href=\"https:\/\/fr.wikipedia.org\/wiki\/Langage_machine\" target=\"_blank\" rel=\"noopener\">langage machine<\/a> et un <a href=\"https:\/\/fr.wikipedia.org\/wiki\/Langage_de_programmation\" target=\"_blank\" rel=\"noopener\">langage de programmation<\/a> ;<\/li>\n<li>je donnerai des informations additionnelles sur Scratch ;<\/li>\n<li>je programmerai devant vous un jeu vid\u00e9o pour illustrer \u00e0 quel point le langage Scratch est facile \u00e0 utiliser (\u00e0 chaque \u00e9tape, j\u2019expliquerai en d\u00e9tail le fonctionnement des blocs que j\u2019utiliserai)\u00a0;<\/li>\n<li>j&rsquo;indiquerai comment vous pouvez obtenir de la documentation et des cours en ligne gratuits sur Scratch pour vous permettre de vous amuser avec Scratch si le c\u0153ur vous en dit (seuls\u2026 ou peut-\u00eatre avec vos petits-enfants).<\/li>\n<\/ul>\n<p style=\"text-align: justify;\">Voici un aper\u00e7u du jeu vid\u00e9o que je programmerai le <span style=\"color: #ff0000;\"><strong>24 janvier<\/strong><\/span>\u00a0:<\/p>\n<ul>\n<li style=\"text-align: justify;\">le joueur doit guider un toucan bless\u00e9 pour lui permettre d\u2019\u00e9chapper \u00e0 un ours qui veut le manger ;<\/li>\n<li style=\"text-align: justify;\">dans un premier temps, je vais programmer une version simple du jeu avec seulement 14 blocs ;<\/li>\n<li style=\"text-align: justify;\">par la suite, je vais ajouter des blocs pour d\u00e9montrer \u00e0 quel point il est facile d\u2019ajouter des am\u00e9liorations qui semblent complexes avec seulement quelques blocs.<\/li>\n<\/ul>\n<p>Michel Gagn\u00e9<\/p>\n<hr \/>\n<h4>Note de l&rsquo;\u00e9diteur<\/h4>\n<p style=\"text-align: justify;\">La programmation utilisant le langage Scratch a d\u00e9j\u00e0 \u00e9t\u00e9 mentionn\u00e9e sur ce blogue par Pierre Delisle dans les deux articles suivants :<\/p>\n<ul>\n<li style=\"text-align: justify;\"><a href=\"https:\/\/cimbcc.org\/test2\/samuser-en-programmant-magnifique-projet-pour-les-9-a-99-ans\" target=\"_blank\" rel=\"noopener\">S\u2019amuser en programmant : magnifique projet pour les 9 \u00e0 99 ans<\/a>, 14 octobre 2020 ;<\/li>\n<li style=\"text-align: justify;\"><a href=\"https:\/\/cimbcc.org\/test2\/jeux-educatifs-virtuels-partages-entre-grands-parents-et-petits-enfants\" target=\"_blank\" rel=\"noopener\">Jeux \u00e9ducatifs virtuels partag\u00e9s entre grands-parents et petits-enfants<\/a>, 2 f\u00e9vrier 2021.<\/li>\n<\/ul>\n<p style=\"text-align: justify;\">R. Gervais<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Les chercheurs universitaires font parfois de dr\u00f4les de recherches. Un groupe de professeurs d\u2019informatique du MIT (Massachusetts Institute of Technology), une des universit\u00e9s les plus r\u00e9put\u00e9es au monde, a d\u00e9pens\u00e9 des ann\u00e9es et des millions de dollars pour concevoir une application qui ressemble \u00e0 un jeu vid\u00e9o dans le but d\u2019initier les enfants et les &hellip; <a href=\"https:\/\/cimbcc.org\/test2\/scratch-un-langage-de-programmation-pour-les-enfants-et-les-non-informaticiens\/\" class=\"more-link\">Continuer la lecture de <span class=\"screen-reader-text\">Scratch, un langage de programmation pour les enfants et les non-informaticiens<\/span>  <span class=\"meta-nav\">&rarr;<\/span><\/a><\/p>\n","protected":false},"author":43,"featured_media":0,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[402],"tags":[371,888,172,2019,1780,1329,1331],"class_list":["post-52375","post","type-post","status-publish","format-standard","hentry","category-activites-du-club","tag-decouverte","tag-enfants","tag-grand-parents","tag-jeu-video","tag-langages-de-programmation","tag-programmation","tag-scratch"],"_links":{"self":[{"href":"https:\/\/cimbcc.org\/test2\/wp-json\/wp\/v2\/posts\/52375","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/cimbcc.org\/test2\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/cimbcc.org\/test2\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/cimbcc.org\/test2\/wp-json\/wp\/v2\/users\/43"}],"replies":[{"embeddable":true,"href":"https:\/\/cimbcc.org\/test2\/wp-json\/wp\/v2\/comments?post=52375"}],"version-history":[{"count":20,"href":"https:\/\/cimbcc.org\/test2\/wp-json\/wp\/v2\/posts\/52375\/revisions"}],"predecessor-version":[{"id":52432,"href":"https:\/\/cimbcc.org\/test2\/wp-json\/wp\/v2\/posts\/52375\/revisions\/52432"}],"wp:attachment":[{"href":"https:\/\/cimbcc.org\/test2\/wp-json\/wp\/v2\/media?parent=52375"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/cimbcc.org\/test2\/wp-json\/wp\/v2\/categories?post=52375"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/cimbcc.org\/test2\/wp-json\/wp\/v2\/tags?post=52375"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}