{"id":434,"date":"2018-09-14T14:50:07","date_gmt":"2018-09-14T12:50:07","guid":{"rendered":"http:\/\/lascienceenpassant.com\/?p=434"},"modified":"2020-04-10T12:13:08","modified_gmt":"2020-04-10T10:13:08","slug":"la-mediation-scientifique-par-le-pixel-art","status":"publish","type":"post","link":"https:\/\/blog.lascienceenpassant.com\/index.php\/2018\/09\/14\/la-mediation-scientifique-par-le-pixel-art\/","title":{"rendered":"L’initiation \u00e0 la programmation informatique par le Pixel Art"},"content":{"rendered":"

Le Pixel Art, un bon outil de m\u00e9diation scientifique ?<\/span><\/h1>\n

 <\/p>\n

\"Arbalet,<\/p>\n

Il y a plusieurs mois, je vous avais parl\u00e9 d’une association,<\/strong> Arbalet Living Lab<\/strong><\/span><\/a>, qui promeut la diffusion des sciences \u00e0 travers la programmation num\u00e9rique et le Pixel Art.<\/strong> Vous vous en souvenez ? Non, alors je vous conseille de relire l’article consacr\u00e9,<\/strong> que vous pouvez retrouver \u00e0 ce lien<\/a><\/span> !<\/strong><\/p>\n

Le Pixel Art,<\/strong> gr\u00e2ce \u00e0 son c\u00f4t\u00e9 ludique et design,<\/strong> est une mani\u00e8re pertinente d’initier les publics \u00e0 la programmation informatique.<\/strong> Cette derni\u00e8re est souvent m\u00e9connue, voire mal vue.<\/strong> Elle peut faire peur, et donc faire fuir les publics.<\/strong> Pourtant, aujourd’hui l’informatique est partout.<\/strong> Rares sont les foyers o\u00f9 il n’y a pas au moins un ordinateur, une tablette ou un smartphone. Dans le milieu professionnel, des connaissances en informatique<\/strong> sont \u00e9galement de plus en plus demand\u00e9es. Alors, certes, il n’est pas n\u00e9cessaire d’\u00eatre un expert, mais il vaut mieux avoir un minimum de savoirs,<\/strong> ne serait-ce que pour ne pas paniquer ou se sentir \u00ab\u00a0b\u00eate\u00a0\u00bb lorsque quelqu’un parlera informatique ou programmation.<\/strong><\/p>\n

Dans cette optique, l’association Arbalet,<\/strong> dont je fais partie, propose r\u00e9guli\u00e8rement des ateliers<\/strong> pour faire d\u00e9couvrir la programmation \u00e0 tout type de public.<\/strong> C’\u00e9tait le cas vendredi 7 septembre dernier…<\/p>\n

\u00c9tait-ce un bon moyen pour diffuser les sciences ?<\/em><\/span><\/strong><\/p>\n

 <\/p>\n

Programmation num\u00e9rique sur une fa\u00e7ade avec le Pixel Art
\n<\/span><\/h2>\n

L’atelier avait lieu sur le campus de l\u2019Universit\u00e9 de Bordeaux \u00e0 Talence. Pourquoi \u00e0 cet endroit ? Parce que la fa\u00e7ade de ce b\u00e2timent a \u00e9t\u00e9 personnalis\u00e9e \u00e0 l’aide de LEDs<\/em>.<\/strong> Elles permettent d’\u00e9clairer chacun des carreaux de la fa\u00e7ade, \u00e0 la mani\u00e8re de pixels.<\/strong> C’est donc un terrain d’exp\u00e9rimentation tr\u00e8s int\u00e9ressant et original<\/strong> pour apprendre (ou pour se perfectionner<\/em>).<\/p>\n

L’association a mis \u00e0 disposition plusieurs ordinateurs en libre-service branch\u00e9s sur un wifi interne \u00e0 l’universit\u00e9. Mais, les participant.e.s pouvaient aussi ramener leur machine s’ils\/elles le d\u00e9siraient.<\/p>\n

L’apprentissage de la programmation passe par le langage \u00ab\u00a0Snap!<\/a>\u00ab\u00a0<\/span>.<\/strong> Un langage de programmation graphique parfait pour l’apprentissage et l’initiation aupr\u00e8s d’enfants et de d\u00e9butant.e.s.<\/strong><\/p>\n

\"Arbalet,<\/p>\n

 <\/p>\n

Snap! : un langage de programmation adapt\u00e9 aux d\u00e9butant.e.s<\/span><\/h3>\n

L’utilisation de ce langage est facilit\u00e9e par la manipulation de \u00ab\u00a0bloc-instructions\u00a0\u00bb<\/strong> (sous les blocs, on retrouvera en fait du Javascript<\/em>). En cela, il se rapproche beaucoup de Blockly<\/a><\/strong><\/span> ou de Scratch<\/strong><\/span><\/a>. Le logiciel, en acc\u00e8s libre,<\/strong> est disponible en plusieurs langues et notamment en fran\u00e7ais.<\/strong> Il existe une version simplifi\u00e9e,<\/strong> qui sera plut\u00f4t destin\u00e9e aux d\u00e9butant.e.s,<\/strong> mais aussi une version \u00e9tendue,<\/strong> qui permettra aussi aux confirm\u00e9s de s’amuser et de se perfectionner !<\/strong><\/p>\n

\"Arbalet,<\/p>\n

Les fonctions et les instructions,<\/strong> qui, normalement doivent \u00eatre \u00e9crites et cr\u00e9\u00e9es par l’informaticien.ne, sont disponibles sous la forme de blocs de couleur.<\/strong> On construit donc des scripts (des programmes<\/em>) en imbriquant les blocs les uns dans les autres<\/strong> ou en les associant \u00e0 la mani\u00e8re \u00ab\u00a0d’aimants\u00a0\u00bb. Ce langage de programmation graphique pour d\u00e9butant.e.s transforme les blocs visuels en langage informatique<\/strong> plus conventionnel dans le milieu des d\u00e9veloppeurs, comme Javascript. Il existe diff\u00e9rentes cat\u00e9gories de blocs qui se classent par couleur :<\/span><\/p>\n