Documentation du Codage Enchanté

Produite et diffusée par l'association PragmaTICE, Le Codage Enchanté est une application Web multiplateforme, gratuite, compatible avec tous les navigateurs récents, sans publicité ni compte à créer, destinée à l'école primaire (maternelle et élémentaire).

Composée de 5 modules paramétrables pour différencier les apprentissages, elle permet de coder ou décoder des déplacements sur quadrillage, afin de construire ses propres parcours scénarisés à l'aide des pictogrammes fournis, de créer des albums multimédia (consultables à la manière de Narramus), de dessiner, tout en s'initiant à l'algorithmie.

Dans chaque module, une aide est consultable en cliquant sur le bouton .

Module 1 : Cod'Trésor

Décoder des déplacements, en mode relatif ou absolu, pour découvrir un trésor caché dans un quadrillage.

Le décodage peut s'opérer dans différentes situations, sur des grilles de dimensions variables :

• Mode entraînement : exécuter chaque instruction du programme en cliquant sur les cases de la grille (et sur les flèches de directions en déplacement relatif)
• Mode programme : exécuter le programme dans sa tête, et ne cliquer que sur la case de la dernière instruction
• Mode spectateur : déplacements absolus
• Mode conducteur : déplacements relatifs

Module 2 : Cod'Aventure

Coder des déplacements sur un quadrillage, en mode relatif ou absolu, avec la possibilité de créer ses propres scénarios.

En un minimum d'instructions, le joueur doit déplacer un lutin sur un quadrillage d'un point de départ à un point d'arrivée. Le parcours peut comprendre des étapes à valider (avec une carte action) et des obstacles à éviter. L'ordre de validation des étapes n'a pas d'importance. En revanche, l'arrivée (la dernière étape) doit être validée en dernier.

Le joueur déplace le lutin en cliquant sur une flèche de direction, et valide une étape en positionnant le lutin dessus puis en cliquant sur le bouton "Action" .

• En mode entraînement, les instructions sont exécutées immédiatement.
• En mode programme, elles sont enregistrées dans un programme, puis exécutées au lancement de celui-ci.

Les instructions diffèrent en fonction du mode de déplacement sélectionné :

• Déplacement absolu (spectateur) : aller vers le haut, aller vers la droite, aller vers le bas, aller vers la gauche
• Déplacement relatif (conducteur) : avancer, pivoter à droite, reculer, pivoter à gauche

Des options permettent de varier les situations : repères autour de la grille, flèches colorées, trace du déplacement, répétitions, affichage d'une fenêtre lors de la réussite d'une étape, bruitage, fond de la grille.

La mission est accomplie dès lors que le lutin valide la dernière étape après avoir validé toutes les précédentes. Toutefois, moins le code comprend d'instructions, plus il est optimisé. Ainsi, optimiser le code constitue un défi à relever, source de motivation pour le joueur. Pour réussir le défi, le joueur doit terminer le parcours sans dépasser un nombre de déplacements qui dépend du mode choisi et de l'option répétition. Ce nombre est précisé sur le bouton d'accès au parcours et dans le pavé des flèche de direction.

À l'aide des pictogrammes fournis, il est possible de créer ses propres parcours via le bouton Éditer un parcours, de les enregistrer sur l'ordinateur, et de les exporter pour les importer sur un autre poste.

Module 3 : Cod'Album

Coder des déplacements sur un quadrillage, en mode relatif ou absolu, avec la possibilité de créer ses propres scénarios et de construire une histoire intégrant des textes, des images et des sons.

Cod'Album est une variante de Cod'Aventure, dans laquelle chaque étape validée ouvre une page d'une histoire, présentée sous forme de diaporama multimédia, dont l'originalité est de pouvoir montrer/cacher les images, les textes, des pictogrammes de situation, afin de raconter un album à la manière de Narramus.

Via le bouton Lire les albums, sans passer par le parcours à coder, il est directement possible :

• de lire les albums dans leur diaporama,
• de consulter le lexique,
• de faire des activités interactives (montrer /cacher ou ordonner les pages ou les étapes),
• d'écouter l'album avec un lecteur audio pour écouter sa version intégrale,
• d'imprimer les matériaux de l'album dans différentes tailles.

Une page imprimable affiche tous les albums avec leur QR code. On y accède en terminant l'URL par codalbum.html?qrcode ou en cliquant sur l'icône  présente sur la page d'accueil du module Cod'Album.

L'accès direct à un album est également possible en ajoutant le nom du dossier de l'album en paramètre de l'URL (par exemple codalbum.html?Z_poussins, Z_poussins étant le nom du dossier de l'album Mes poussins).

Types de récits adaptés à Cod'Album

Dès l'école maternelle, la classe peut produire des récits en randonnée au cours desquels le lutin rencontre de nouveaux personnages à chaque étape.

D'autres récits peuvent être produits à partir de mots imposés...

Module 4 : Cod'TNI

Générer puis déplacer des objets et des cartes-instructions dans un espace où se trouvent un quadrillage et une zone dédiée au programme.

Cod'TNI permet de déplacer librement des cartes comme on le ferait sur un tableau classique avec des aimants. Contrairement aux trois autres modules, aucune validation dynamique n'est opérée, mais la taille des objets et la dimension de la grille sont modifiables.

C'est une sorte de tableau virtuel d'entraînement au déplacement sur quadrillage qui dispose des mêmes cartes que les autres modules.

Module 5 : Cod'Dessin

Coder des déplacements en mode absolu pour dessiner sur un quadrillage.

Trois types de cartes sont disponibles pour dessiner :

• des cartes de déplacement, avec ou sans répétition,
• des cartes de couleur, ou de levée du pinceau,
• des cartes tampons.

Récits avec mots imposés

À l'école élémentaire, la contrainte d'écriture pourrait par exemple être d'utiliser pour chaque paragraphe un des mots des étapes de Cod'Album. Le bouton ci-dessous permet de générer aléatoirement des mots imposés pour imprimer une trame de récit. Pour différer l'impression sur papier, sélectionner l'imprimante "Enregistrer en PDF" :

Définir des mots imposés

Quelques ressources complémentaires :

Vignettes et cartes-instructions à imprimer

Pour construire les parcours de Cod'Aventure ou Cod'Album, on positionne des cartes de lutins, d'étapes et d'obstacles sur la grille. Afin de faciliter leur sélection, il peut être intéressant de les visualiser, voire de les imprimer.

Afficher les vignettes des cartes-objets

Toutes les classes ne sont pas dotées d'un tableau interactif ! En complément (ou à défaut si l'équipement n'est pas suffisant) des activités numériques, il est recommandé de permettre aux élèves de manipuler des images non virtuelles, que ce soit pour coder, décoder, ou mettre en oeuvre des situations de langage. Le bouton ci-dessous permet de sélectionner et d'imprimer dans différentes tailles les cartes de son choix.

Sélectionner des cartes à imprimer

Dans le module Cod'Album, les pages (textes et images) et les cartes d'une histoire peuvent être imprimées.

1. Sur la page d'accueil de Cod'Album, cliquer sur le bouton Lire les albums.
2. Cliquer sur l'icône de l'album souhaité.
3. Sélectionner les ressources à imprimer...

Enregistrement des productions

Les parcours et dessins enregistrés sont stockés dans un espace (web storage) propre au navigateur utilisé. Ils peuvent être supprimés via les boutons de la boîte à outils ou en vidant les données du navigateur.

Il est possible d'intégrer les parcours de Cod'Aventure ou de Cod'Album aux onglets de leur page d'accueil :

1. Cliquer sur le bouton Éditer un parcours.
2. Créer ou ouvrir un parcours, puis l'enregistrer.
3. Ouvrir la boîte à outils et cliquer sur le bouton Générer les données du parcours.
4. Cliquer sur le bouton Copier dans le presse-papier.
5. Dans un éditeur de texte (Notepad++ par exemple), ouvrir le fichier "parcours_codalbum.js" ou "parcours_codaventure.js" situé dans le dossier [app\js] de l'application.
6. Placer le curseur sous la dernière ligne écrite, et coller le contenu du presse-papier.
7. Dans tAlbum[X] ou tAventure[X], remplacer [X] par le nombre entier qui suit celui de la ligne précédente.
8. Enregistrer et quitter l'éditeur de texte.
9. Actualiser la page (F5) pour visualiser les modifications.

Diffusion et partage des productions

Les parcours et albums produits avec l'application sont diffusés sous licence Creative Commons  : Attribution + Pas d’Utilisation Commerciale + Partage dans les mêmes conditions. Le titulaire des droits autorise l’exploitation de l’oeuvre originale à des fins non commerciales, ainsi que la création d’oeuvres dérivées, à condition qu’elles soient distribuées sous une licence identique à celle qui régit l’oeuvre originale.

L'application originale est hébergée sur le site de l'association PragmaTICE. Il est possible de la mettre en ligne sur son espace Web personnel ou d'école, via un logiciel de transfert FTP tel que FileZilla.

• Accéder à ses pages personnelles via son fournisseur d'accès (Orange, Free, Sfr, ...)
• Opter pour un autre hébergement (OVH par exemple)

Le référent numérique de votre secteur peut vous aider à opérer cette manipulation technique, ou mieux encore, il peut publier les parcours et albums dans un espace Web destiné à mutualiser toutes les productions des classes de sa circonscription...

Crédits