Enseigner avec le numérique

La frise chronologique comme “carnet de bord” pour un projet au long cours

Nathalie Weibel, Samuel Challe — 2025-06-19T06:44:27Z

En dehors d'une utilisation « classique », consistant à organiser des notions disciplinaires/culturelles dans leur ordre chronologique, de nombreux usages de la frise chronologique de l'ENT sont possibles :

la communication d'un planning créé par l'enseignant à destination des élèves, des parents, des collègues (ex : Progression sur l'année , Calendrier Parcoursup, préparation d'un séjour/d'une sortie pédagogique, calendrier des évaluations, CCF, etc.)
la présentation des étapes d'un tutoriel
le partage entre élèves des étapes de travail sur un projet en groupe
la réalisation d'un carnet de bord lors d'un travail au long cours, avec partage possible avec un ou plusieurs enseignants.

Exemple d'usages pour « Préparer le Grand Oral »

Dans ce contexte, la frise est un carnet de bord de l'élève, qui peut être partagé avec les enseignants de spécialité.

L'élève crée une frise, la partage avec l'enseignant et crée un événement à chaque fois qu'il travaille sur son grand oral ou sur un exercice destiné à préparer indirectement le grand oral.

La frise permet de :

noter toutes formes de sources (articles, podcast, vidéo), et d'idées au fur et à mesure de la préparation
retrouver les traces des précédents temps consacrés à la préparation
visualiser les périodes plus ou moins actives et l'évolution des contenus : progression, retours en arrière, etc.
déposer des ébauches de sujets, plans, contenus, que l'enseignant peut consulter et critiquer
déposer des enregistrements audio pour auto-évaluation ou évaluation par les pairs avec une grille

Exemple d'usages pour « un projet ou un chef d'œuvre »

Dans ce contexte, la frise permet d'avoir une traçabilité des activités d'un élève ou d'un groupe d'élèves, partagée avec les enseignants de la spécialité.

L'enseignant peut créer une frise, la partager avec les élèves en charge du projet.
Chaque élève crée un événement à chaque fois qu'il travaille sur la partie du projet dont il a la responsabilité.

La frise permet de :

centraliser des ressources (devis, documentations, vidéos techniques),
mutualiser les ressources dans un groupe d'élèves et son enseignant,
visualiser l'évolution du projet : progression, orientation et choix technique du projet,
déposer des photos, documentations, des enregistrements audio ou vidéos de l'avancée du projet.
de regrouper toutes les actions menées sur un projet pour aider la préparation de l'oral de fin d'année.

exemple d'utilisation pour un projet avec des élèves de BAC PRO

exemple d'utilisation de la frise

Parcours d'apprentissage de la programmation

Nathalie Weibel — 2023-11-18T13:05:01Z

Plusieurs sites gratuits proposent des parcours d'apprentissage de la programmation (blocs ou python). Voici une sélection utilisable avec des élèves du cycle 3 au lycée.

France IOI

Le site « historique »

Le site France IOI propose depuis plus de 10 ans un parcours dans différents langages (Java, C++, Python). Celui-ci est toujours accessible et reste une référence. Il propose un parcours lycée mais couvre également des concepts avancés (arbres, graphes, ...) à réserver aux élèves les plus avancés. Une interface propose aux enseignants de suivre la progression de leurs élèves.

France IOI

Mais l'équipe de France IOI a également construit ou contribué à construire des parcours interactifs plus visuels, programmables en blocs ou en python, pour permettre un accès à des élèves du cycle 4, et pour certaines activités, à partir du cycle 3. L'aspect visuel repose le plus souvent sur le déplacement d'un objet (robot, véhicule, grue, ...) dans un décor, ou sur la reproduction de motifs graphiques à l'aide d'instructions de dessin.

Algoréa Serious Game

Ce parcours d'apprentissage de la programmation présente plus de 30 défis, répartis dans huit sections. Les langages utilisés pour ce parcours sont Scratch et Python. Chaque section comporte une activité de bilan des apprentissages réalisés dans les défis. Les différentes sections portent sur les séquences d'instructions, les boucles, les conditions, les variables, etc.

Le parcours est particulièrement adapté pour le cycle 4 en Scratch ou le début du lycée en python. L'enseignant peut se créer un compte et suivre l'activité de ses élèves en administrant un « groupe ». Les élèves se créent des comptes sans communiquer de données personnelles et rejoignent le groupe de l'enseignant par l'intermédiaire d'un code.

Chaque défi est décliné en 4 versions de difficulté croissante (de une à quatre étoiles), allant du tutoriel ou renforcement d'un pré-requis à une situation plus complexe dans laquelle la notion visée doit être mobilisée, parfois de manière astucieuse, en passant par des cas plus simples, où la notion visée est isolée.

Ces 4 versions permettent une différenciation de l'activité. Toute la classe peut travailler sur le même défi : chaque élève travaille sur la version adaptée à ses compétences et passe à la version suivante lorsqu'il a réussi.

Algorea serious game Peindre le motif - niveau 2

Les concours

France IOI organise trois concours, avec des objectifs différents et destinés à des publics variés. Ces trois concours sont gratuits. Ils partagent la même interface d'épreuves, et des accès aux anciennes épreuves sont proposés en guise d'entraînement.

Le concours Castor
Le concours Castor vise à faire découvrir aux jeunes l'informatique et les sciences du numérique.
Il couvre divers aspects de l'informatique : information et représentation, pensée algorithmique, utilisation des applications, structures de données, jeux de logique, informatique et société.
Le concours dure 45 minutes et comporte environ 10 questions interactives, chacune déclinée en 4 versions de difficulté croissante.
Le concours ne requiert aucune connaissance préalable en informatique ; il est ouvert du CM1 à la terminale, et s'adapte au niveau des élèves.
Les élèves participent seuls ou par binômes, en salle informatique, sous la supervision d'un enseignant.

castor informatique 2018 Perles colorées

Le concours Algoréa
Le concours Algoréa s'appuie sur des connaissances préalables des élèves en programmation, en Scratch, Blockly ou Python. L'entrainement à partir des sujets des années précédentes constitue une base intéressante de situations pour progresser.
Les trois premiers tours de qualification et la demi-finale sont ouverts à tous les publics, et sont à passer en classe ou à la maison. Les meilleurs de chaque niveau scolaire (du CM1 à la 1re) auront la possibilité de se qualifier pour la demi-finale, puis le stage final, et d'y remporter de nombreux lots.
Les trois tours de qualification, organisés tous les deux mois à partir de janvier, proposent chacun plusieurs catégories, correspondant à des niveaux croissants. Le but lors de chaque épreuve de 45 minutes est d'obtenir un score suffisant pour passer à la catégorie suivante.
Les catégories blanche, jaune et orange seront ouvertes aux individuels et binômes pour permettre à un maximum d'élèves de participer dans les établissements disposant de peu de postes informatiques. Pour les autres catégories des trois premiers tours, la demi-finale et la finale, la participation est individuelle uniquement.

Algoréa Scratch

Le concours Alkindi
Le concours Alkindi est une compétition de cryptographie ouverte aux classes de 4e, 3e et 2de. Il est organisé par les associations Animath et France-ioi.
Le concours comporte deux premiers tours accessibles sans sélection. Il s'agit d'épreuves de 45 minutes sur ordinateur ou tablette, auxquelles on peut participer seul ou en binôme, sous la surveillance d'un enseignant, et constituées d'une série de problèmes interactifs pour découvrir divers aspects de la cryptanalyse.
Une phase de préparation permet ensuite de se qualifier au troisième tour, à l'issue duquel les 20 meilleures équipes accèdent à la finale.

Règles - Alkindi 2019

Autres parcours de programmation

Le site Futureengineer propose le jeu Citizen Code Python, réalisé en partenariat par France IOI, Tralalère et Amazon. Il présente des « saisons » constituées d' « épisodes », chacun comportant trois types d'activités : découverte, validation et challenge. Les programmes à réaliser peuvent être en Blockly ou Python, et ont le plus souvent pour but de piloter un objet mobile comme une grue ou un robot. Des fiches à destination des enseignants sont disponibles pour utiliser les exercices avec une classe et affecter tout ou partie des exercices à une classe ou à certains élèves.

Citizen Code Python

Le site futurecoder est une plateforme libre et open-source permettant à de grands débutants de découvrir Python par eux-mêmes. La création de compte demande de fournir une adresse mail, mais le parcours est de grande qualité. Des outils open source de débogage sont disponibles et des aides variées sont proposées.

Apps Education : CodiMD

Nathalie Weibel — 2023-09-01T09:04:00Z

CodiMD est un éditeur de texte qui permet de créer des documents en ligne, en mode collaboratif.

Qu'est-ce que CodiMD ?

CodiMD est un éditeur collaboratif synchrone. Le document produit peut contenir du texte mis en forme, des liens, des images, des vidéos, des graphiques, des formules mathématiques ou encore du code informatique. Les paramètres de mise en page par défaut rendent le document particulièrement lisible.

Le document produit est une page web qui peut être partagée en lecture ou en écriture par un lien, et peut être exportée en différents formats.

Exemples d'usages

Communiquer pour consultation une page Web à des élèves ou collègues par l'intermédiaire d'un lien (déposé sur l'ENT, Moodle, etc.). La page Web peut être modifiée par l'enseignant à tout moment, sans changement du lien transmis.
Exemples : un corrigé d'un exercice de baccalauréat en NSI une page de présentation de la spécialité NSI
Mettre à disposition de collègues ou d'élèves un pad collaboratif permettant plus de possibilités de mise en forme qu'un Etherpad (tel que celui que l'on trouve sur l'ENT). Il est possible d'annuler des modifications grâce à l'historique du document.
Exemple : une série d'exercices à corriger/valider collectivement par les élèves
Mettre à disposition des élèves un espace de création et de publication de page Web : l'enseignant crée la page vierge et transmet le lien aux élèves qui créent le contenu, sous la modération de l'enseignant. Une fois les pages Web finalisées, l'enseignant restreint l'accès à la lecture seule et les pages peuvent ensuite être partagées avec les autres élèves.

Accéder à CodiMD

CodiMD est l'une des applications disponibles sur le portail.apps.education.fr/. Elle apparaît sous le nom Pad avancé - CodiMD.

icône CodiMD

Ouvrir l'application puis cliquer sur + Nouvelle note.

Créer un document

L'interface de création de document est double : une partie pour éditer le document et une partie pour visualiser le document HTML produit.

Le document édité est au format Markdown, c'est un langage de balisage léger, simple, facile à lire et à manipuler.
De plus, un formatage simple peut être obtenu à l'aide de la barre d'outils de l'interface, sans aucune connaissance de la syntaxe Markdown.

On peut afficher l'éditeur seul ou le document produit seul en utilisant le sélecteur de vues :

Structurer le document

Titres

Il y a 6 niveaux de titres disponibles, le niveau 1 correspondant au titre du document, le niveau 2 aux titres des parties, etc. Pour définir un titre :

[barre d'outils] utiliser le bouton H ; cliquer plusieurs fois pour obtenir les différents niveaux de sous-titres ;
[syntaxe Markdown] saisir un ou plusieurs # devant le texte du titre : le nombre de # définit le niveau du titre.

L'enregistrement est automatique et le fichier apparaît dans l'historique sur la page d'accueil de CodiMD sous le nom du titre de niveau 1 du document.

Voir en ligne un exemple illustrant les niveaux de titres

En mode visualisation (), on dispose à droite d'un menu de navigation dans le document, s'appuyant par défaut sur les titres de niveaux 1 et 2.

Listes et cases à cocher

On peut générer des listes à puces, des listes numérotées et des listes descriptives :

[barre d'outils] les listes à puces et listes numérotées disposent d'un bouton dédié :
[syntaxe Markdown] faire précéder les items d'un numéro suivi d'un point (1., 2. etc.) pour une liste numérotée ou de l'un des symboles *, +, - pour une liste non numérotée.
Pour une liste descriptive, chaque entrée doit débuter par un titre et chaque description commence par un double point.

Voir en ligne un exemple illustrant les types de listes et les cases à cocher

Tableaux

Pour générer des tableaux :

[barre d'outils] cliquer sur le bouton dédié (Table) pour faire apparaître un tableau de 3 colonnes, modifiable ;
[syntaxe Markdown] saisir le nom des colonnes et les encadrer par des | puis taper sur Entrée.

Voir en ligne un exemple illustrant les tableaux

Images

Pour insérer une image :

Il est possible de réaliser un copier/coller d'une image ou d'importer un fichier image à l'aide du bouton (au-dessus de la barre d'outils).
[barre d'outils] Le bouton permet d'afficher ![](https://) qui reste à compléter par l'adresse de l'image, ce qui permet d'afficher une image hébergée sur un autre site web ou cloud, sans l'importer sur les serveurs de CodiMD.
[syntaxe Markdown] Pour insérer une image en ligne, saisir ![](url de l'image).
Pour préciser la largeur et/ou la hauteur de l'image, insérer après l'url =Lx ou =xH ou =LxH en remplaçant L et/ou H par leur valeur.

Voir en ligne un exemple illustrant les images

Cadres

Pour générer des cadres colorés, saisir::: puis sélectionner le type de cadre parmi ceux qui sont proposés : spoiler, danger, warning, info, success.

Le contenu situé après la déclaration du cadre et avant les symboles de fin::: est présenté dans un cadre coloré dont la couleur dépend du type choisi.

Voir en ligne un exemple illustrant les cadres

Mettre en forme le document

Mise en forme des caractères

Pour mettre en forme des caractères :

[barre d'outils] Les boutons B, I, S permettent de mettre un texte en gras, en italique ou de le barrer ;
[syntaxe Markdown] on encadre le texte d'un symbole simple ou double :
- * : italique
- ** : gras
- ~~ : ~~barré~~
- ++ : souligné
- ^^ : ^exposant
- ~ : _indice
- == : surligné

Voir en ligne un exemple illustrant les mises en forme de caractères

Lien

Pour créer un lien :

[barre d'outils] Le bouton permet de créer des liens ;
[syntaxe Markdown] Saisir entre crochets le texte du lien suivi, entre parenthèses, de l'adresse du lien : [texte du lien](url du lien)

Voir en ligne un exemple illustrant les liens

Note de bas de page

Pour créer une note de bas de page :

[syntaxe Markdown] support[^référence].
Puis insérer dans le texte : [^référence] : texte de la note.
Les notes sont numérotées, quelles que soient les références choisies.

Voir en ligne un exemple illustrant les notes de bas de page

Formule

Pour insérer une formule :

[syntaxe Markdown] Saisir entre deux $ la formule LaTeX pour un affichage en ligne et entre deux $$ pour un affichage en bloc, centré (mode display)

Voir en ligne un exemple illustrant les formules LaTeX

Code

[syntaxe Markdown] Pour écrire du code en ligne, saisir entre ` (accent grave ou backtick) le texte de type code.
Pour écrire un bloc de code, saisir 3 accents graves puis le nom du langage pour ouvrir le bloc, et à nouveau 3 accents graves pour le fermer.

Voir en ligne un exemple illustrant le code

Graphe

L'un des langages reconnus dans les blocs de code est graphviz. En saisissant le code d'un graphe dans un bloc de code dans l'éditeur, le rendu est un graphe.

Voir en ligne un exemple illustrant les graphes avec graphviz

Partager le document

Droits de contribution

Un clic sur EDITABLE (réglage par défaut) permet de déterminer les contributeurs du document.
Le cas le plus restrictif est Private (le document n'est accessible pour personne d'autre que son propriétaire, même pas en lecture).

editable

Pour permettre à des collègues (connectés à apps.education.fr) de contribuer, choisir Editable.
Pour permettre à des élèves de contribuer, choisir Freely.
Pour permettre seulement la consultation, choisir Locked.

Publication

Après avoir déterminé les droits de contribution, cliquer sur Publier :

Recopier l'url de la barre d'adresse du nouvel onglet ouvert dans le navigateur, et partager cette adresse avec les contributeurs/lecteurs.
S'ils en ont le droit, ils peuvent modifier le document, même de manière synchrone.
Sinon, ils peuvent seulement le consulter.

Le lien de publication est unique et il est possible de modifier à tout moment le statut du document. On peut par exemple figer une version élaborée collectivement par des élèves en passant le statut de Freely à Locked ou empêcher l'accès à un document, même après avoir diffusé le lien de partage en passant le statut à Private .

Aller plus loin avec CodiMD

Sauvegarder ses fichiers

Les fichiers que l'on a créés, ceux auxquels on a contribué, et ceux que l'on a consultés, apparaissent par défaut dans l'historique. Pour les supprimer de son historique, il suffit de cliquer sur la croix de l'icône du fichier.
En cliquant sur son nom d'utilisateur (en haut à droite) depuis la page d'accueil, le menu déroulant propose d'Exporter les données utilisateur. Cette action télécharge un dossier contenant tous les fichiers dont l'utilisateur est l'auteur, au format .md.
Les fichiers auxquels on a contribué, ou que l'on a consultés, ne sont pas téléchargés, à moins d'en avoir fait une copie personnelle.
Inversement, les fichiers supprimés de son historique, mais dont l'utilisateur est l'auteur, apparaissent toujours dans le dossier téléchargé.

Métadonnées du document

Le document produit est une page web, pourvue de métadonnées. On peut spécifier certaines métadonnées depuis l'éditeur, comme les mots-clés ou le titre du document. Le format de ces métadonnées est YAML. Ces informations n'apparaissent pas dans la vue html.

Mots-clés

Les mots-clés sont affichés sur l'onglet Historique de CodiMD et un outil de recherche de tags permet de filtrer les mots-clés. En l'absence de dossier, cette option s'avère vite indispensable pour retrouver ses fichiers.

Pour associer des mots-clés au document, saisir en tout début de document :

--- tags: motclé1, motclé2, motclé3 ---

Titre

On peut associer au fichier un autre titre que le titre de niveau 1 contenu dans le document. Pour cela on attribue une valeur à la métadonnée title.

--- title: Titre du fichier ---

Voir en ligne une documentation concernant les métadonnées

Insérer un contenu HTML

On peut insérer directement dans l'éditeur de CodiMD des balises HTML, ce qui permet de nombreux usages.
Un exemple simple est l'insertion de balises pour intégrer à la page Web un contenu externe : vidéo, exercice, etc.

Mais bien d'autres personnalisations sont possibles, en paramétrant le style du document.

Cédric Eyssette, enseignant de philosophie, propose un codiMD présentant de nombreux modèles personnels, tous réalisés dans CodiMD et modifiables : flashcards , dialogue type SMS, timeline, murs d'images, etc.

Voir en ligne les modèles CodiMD proposés par Cédric Eyssette