![\"seance3\"](\"https:\/\/iww.inria.fr\/codcodcoding\/files\/2014\/09\/seance3.png\")
<\/a>Il y avait 4 enfants de plus \u00e0 cette s\u00e9ance qu’\u00e0 la premi\u00e8re. Nous avons donc accueilli Gaspard, Sofiane, Thibault et Timoth\u00e9 (certains \u00e9taient d\u00e9j\u00e0 l\u00e0 lors de la s\u00e9ance pr\u00e9c\u00e9dente pour laquelle je n’\u00e9tais pas disponible). Bienvenue \u00e0 eux !<\/p>\nNous avons \u00e9galement accueilli 3 nouveaux adultes : une journaliste France 3, un cam\u00e9raman et un preneur de son. Ils semblent avoir appr\u00e9ci\u00e9 cette s\u00e9ance, et nous feront part de leurs commentaires lors d’un journal t\u00e9l\u00e9vis\u00e9 r\u00e9gional d’ici quelques semaines. Les enfants n’ont pas \u00e9t\u00e9 g\u00ean\u00e9s par leur pr\u00e9sence. Apr\u00e8s les quelques minutes d’interrogation, ils ont r\u00e9ussi \u00e0 totalement les oublier, pour se faire aspirer par leurs propres cr\u00e9ations.<\/p>\n
Nous avions organis\u00e9 la s\u00e9ance de cette fa\u00e7on :<\/p>\n
- \n
- Discussion avec les enfants (15 minutes)<\/li>\n
- 10 blocs (30 minutes)<\/li>\n
- \u00c0 propos de moi (60 minutes)<\/li>\n
- Restitution (15 minutes)<\/li>\n<\/ul>\n
Retours<\/h2>\n
La premi\u00e8re activit\u00e9 reprenait le principe du \u00ab 15 blocs \u00bb de la semaine pass\u00e9e, mais avec seulement 10 blocs (avec le th\u00e8me \u00ab Monde marin \u00bb impos\u00e9 pour leur donner de l’inspiration). Globalement, tous les enfants s’en sont sortis et ont r\u00e9ussi \u00e0 cr\u00e9er un projet en utilisant \u00e0 peu pr\u00e8s tous les blocs mis \u00e0 disposition et sans en utiliser d’autres. Ils ont pu faire des projets parfois aussi complexes que lors de la premi\u00e8re s\u00e9ance, mais avec beaucoup moins de code. Attention, certains tentent de tricher en ajoutant les blocs \u00e0 leur code sans les utiliser (sans les relier au reste du code) ;).<\/p>\n
La seconde activit\u00e9 imposait de cr\u00e9er une application interactive qui parle d’eux-m\u00eame. Il s’agissait simplement de trouver des images ou des fonds qui sont en rapport avec ce qu’ils aiment, leurs activit\u00e9s ou ceux qui comptent pour eux, et d\u00e9clencher une action pour en savoir plus lorsqu’on clique dessus. La consigne a \u00e9t\u00e9 compliqu\u00e9e \u00e0 respecter pour beaucoup, qui souhaitaient cr\u00e9er sans contraintes. Toutefois, pour ceux qui sont habitu\u00e9s \u00e0 l’angoisse de la page blanche, cette activit\u00e9 a permis de leur donner un peu d’inspiration.<\/p>\n
Projets des enfants<\/h3>\n
Avec deux projets par enfant et une dizaine d’enfants \u00e0 cette s\u00e9ance, je ne pourrai pas continuer \u00e0 analyser chacun des projets. Je vous propose donc d’en d\u00e9couvrir trois \u00e0 chaque fois, qui ont quelque chose de particuli\u00e8rement int\u00e9ressant.<\/p>\n
L’aquarium (Gaspard)<\/h4>\n
Le projet \u00ab 10 blocs \u00bb est disponible ici<\/a>.<\/p>\n
Il suffit de cliquer sur le poisson pour d\u00e9clencher l’animation. Il commence par nous dire bonjour, puis avance jusqu’au bord droit de la sc\u00e8ne… pour r\u00e9appara\u00eetre sur le bord gauche et poursuivre son chemin. Chaque fois qu’il arrive au milieu, il marque une pause et un bruit de bulles retentit, comme si l’animal respirait. Il ne redit pas bonjour \u00e0 chaque passage.<\/p>\n
\u00c7a n’a l’air de rien, mais voici un programme complet, propre et coh\u00e9rent. Nous avons une initialisation (il dit bonjour) et une boucle \u00e9v\u00e9nementielle (il avance jusqu’au centre, il bulle tranquillement, il continue) et la sc\u00e8ne est torique. Ce dernier aspect est parfaitement g\u00e9r\u00e9 puisque le poisson se cache quand il arrive tout \u00e0 droite, se d\u00e9place instantan\u00e9ment jusqu’au bord gauche, et r\u00e9appara\u00eet avant de repartir. Bravo Gaspard pour cette pr\u00e9cision !<\/p>\n
Interview (Vincent)<\/h4>\n
Le projet \u00ab \u00c0 propos de moi \u00bb est disponible ici<\/a>.<\/p>\n
Dans un tout autre style, voici un projet un peu chaotique, mais avec plein de choses int\u00e9ressantes. Lorsqu’on clique sur le drapeau, on commence par entendre Vincent chanter joyeusement trolololo<\/a>, avec un partenaire non-identifi\u00e9. Nous avons deux personnages, dont l’un semble interviewer l’autre. Si on clique sur celui de droite, on comprend qu’il s’agit de Vincent et on en apprend un peu plus sur lui. Il finit sa pr\u00e9sentation en demandant au personnage de gauche de se pr\u00e9senter. Si on clique dessus, il s’ex\u00e9cute : il s’agit de Thibault (qui chantait donc probablement aussi tout \u00e0 l’heure) ! Durant tout ce temps, le fond alterne entre chambre et rue\u2026<\/p>\n
On peut commencer par remarquer qu’il s’agit du premier projet qui s’amuse d’un m\u00e8me Internet<\/a>. Faire des r\u00e9f\u00e9rences \u00e0 la \u00ab culture Internet \u00bb est commun chez les d\u00e9veloppeurs, bien qu’elles soient en g\u00e9n\u00e9ral un tantinet plus subtiles. Ensuite, m\u00eame si le projet n’est pas coh\u00e9rent dans son ensemble, il s’agit d’une collaboration spontan\u00e9e. Je n’avais m\u00eame pas vu que Thibault avait contribu\u00e9 \u00e0 l’oeuvre de Vincent. On peut finir en notant qu’un easter egg<\/a> a \u00e9t\u00e9 pr\u00e9vu, puisqu’une photo de notre cam\u00e9raman du jour appara\u00eet d\u00e8s lors qu’on appuie sur la touche \u00ab a \u00bb (avec la touche \u00ab z \u00bb pour le cacher). R\u00e9f\u00e9rences humoristiques, collaboration et fonctionnalit\u00e9s cach\u00e9es : \u00e7a va vraiment devenir tr\u00e8s int\u00e9ressant d\u00e8s lors que Vincent commencera \u00e0 mieux cadrer ses projets… on va travailler l\u00e0-dessus :).<\/p>\n
La chambre interactive (Samuel)<\/h4>\n
Le projet \u00ab \u00c0 propos de moi \u00bb est disponible ici<\/a>.<\/p>\n
Nous sommes dans la chambre de Samuel. Au premier abord, nous ne voyons que ce dernier, qui s’est d\u00e9guis\u00e9 en chat, qui est debout sur le lit, et qui se pr\u00e9sente quand on clique dessus. Mais Samuel a cach\u00e9 des fonctionnalit\u00e9s secr\u00e8tes dans la sc\u00e8ne. Deux boutons sur la radio permettent de d\u00e9clencher deux musiques diff\u00e9rentes. Et lorsqu’on clique sur l’ordinateur qui est pos\u00e9 au sol, on a l’impression que toute la sc\u00e8ne se transforme en \u00e9cran, pour nous montrer ce qui est affich\u00e9 dessus : Samuel aime les jeux vid\u00e9o. Au bout de quelques secondes, retour dans la chambre.<\/p>\n
Cette derni\u00e8re action est extr\u00eamement int\u00e9ressante. Samuel a \u00e9t\u00e9 le premier \u00e0 exp\u00e9rimenter la notion de messages. Pour que tous les lutins se cachent durant quelques secondes, il leur a tous expliqu\u00e9 que s’il recevaient un message \u00ab cacher \u00bb, ils devaient dispara\u00eetre. \u00c0 l’inverse, le message \u00ab montrer \u00bb leur demande de tous r\u00e9appara\u00eetre. Lorsqu’on clique sur l’ordinateur, il envoie donc \u00ab cacher \u00bb \u00e0 tous les lutins, et il change l’arri\u00e8re-plan pour afficher son message. Au bout de quelques secondes, il envoie le message \u00ab montrer \u00bb et revient sur l’arri\u00e8re-plan d’origine : nous sommes de nouveau dans la chambre. C’est un bel exemple de programmation \u00e9v\u00e9nementielle.<\/p>\n
De fa\u00e7on g\u00e9n\u00e9rale, on peut noter que les lutins ont \u00e9t\u00e9 utilis\u00e9s pour augmenter la sc\u00e8ne, plut\u00f4t que simplement cohabiter dedans. La radio est initialement un objet dessin\u00e9 sur l’arri\u00e8re-plan, mais deux lutins en forme de boutons viennent la rendre fonctionnelle. Le bateau est \u00e9galement un lutin, qui est pos\u00e9 de fa\u00e7on coh\u00e9rente sur la commode dessin\u00e9e en fond. Gaspard a eu la m\u00eame id\u00e9e pour son projet<\/a>. Ce genre de sc\u00e8ne avec plein de possibilit\u00e9s d’interactions cach\u00e9es, parfois inutiles mais souvent amusantes, rappelle les jeux point-and-click<\/em><\/a>, dans lesquels on tente de cliquer sur tout et n’importe quoi pour d\u00e9clencher une action. Cette id\u00e9e m\u00e9riterait d’\u00eatre creus\u00e9e lors des prochaines s\u00e9ances, pour cr\u00e9er des sc\u00e8nes encore plus riches en fonctionnalit\u00e9s ! Une collaboration Samuel \/ Gaspard en vue ?<\/p>","protected":false},"excerpt":{"rendered":"
Retour synth\u00e9tique sur la s\u00e9ance 2 Comme indiqu\u00e9 \u00e0 la fin du premier billet, je n’\u00e9tais pas pr\u00e9sent pour la s\u00e9ance 2 de CodCodCoding. Martin m’a remplac\u00e9, et n’a pas eu le temps de r\u00e9diger un billet sur le blog. En guise de premi\u00e8re activit\u00e9, les enfants ont d\u00e9marr\u00e9 leur s\u00e9ance en programmant le \u00ab … <\/p>\n