Place le nombre sur la droite graduée : une animation du CP au CM2

📏

Nouvelle animation · Du CP au CM2 · Mathématiques · Réalisée avec l’IA

Place le nombre sur la droite graduéeDu CP au CM2, un même geste : trouver ce que vaut une graduation, puis compter à partir d’un repère

CP · CE1 · CE2 · CM1 · CM2 · Nombres entiers, fractions et nombres décimaux · Dès la période 1

Une droite, des graduations, un nombre à placer. Ou l’inverse : une flèche posée sur la droite, et une question — quel nombre montre-t-elle ? Cette animation fait travailler, du CP au CM2, une compétence que les élèves retrouvent chaque année avec des nombres plus grands, puis avec des fractions et des nombres décimaux : placer un nombre et repérer un point sur une droite graduée.

Elle s’ouvre dans le navigateur, sans compte et sans installation, sur ordinateur, sur TNI ou sur tablette. Rien n’est enregistré ni envoyé. Vous pouvez l’essayer directement ci-dessous : choisissez un niveau.

L’animation dans la page. Pour l’ouvrir en grand :

Ouvrir l’animation « Place le nombre sur la droite graduée »

Comment ça marche

  • On choisit un niveau — CP, CE1, CE2, CM1 ou CM2.
  • On choisit ses droites — chaque niveau propose plusieurs familles de droites, présentées sous forme de cartes à cocher, avec un exemple pour chacune (« De 0 à 20 · ex. 12, 16, 19 »). On garde celles qui correspondent à ce qu’on travaille.
  • Dix questions courtes — sept fois « Place le nombre » : l’élève touche la droite pour poser un repère, l’ajuste avec les flèches ◀ ▶ (ou les flèches du clavier), puis valide. Trois fois « Quel nombre est marqué par la flèche ? » : l’élève écrit le nombre ; sur tablette, un clavier de chiffres s’affiche.
  • Toutes les graduations ne sont pas numérotées — selon les droites, un nombre est écrit sous chaque graduation, ou seulement toutes les 2, 5 ou 10 graduations, et la droite ne commence pas toujours à zéro. Pour répondre, il faut donc d’abord trouver ce que vaut une graduation.
  • Deux essais, et une aide qui porte sur la méthode — après une erreur, l’animation ne donne pas la réponse : elle rappelle la démarche (« Regarde : chaque graduation vaut 1. Compte les graduations après 44. Essaie encore. »). Après un deuxième essai manqué, elle montre la bonne réponse et explique comment on la trouve (« La flèche montre 48. Chaque graduation vaut 1 : 4 graduations après 44. »).
  • On voit où on en est — les numéros des dix questions, en haut de l’écran, changent de couleur selon la réussite ; on peut revenir à une question avec « Précédent » et « Suivant ».
  • Un bilan qui encourage — à la fin, l’animation compte les nombres placés du premier coup. On peut rejouer avec de nouveaux nombres, changer de droites ou changer de niveau.

Ce que propose chaque niveau

  • CP — de 0 à 10, de 0 à 20, une dizaine (34 entre 30 et 40), de 0 à 100, et un départ au hasard (50 entre 47 et 57). Toujours de 1 en 1.
  • CE1 — de 1 en 1 jusqu’à 100 puis après 100 (346 entre 340 et 350), de 10 en 10 jusqu’à 100 et jusqu’à 1 000, de 100 en 100, et un départ au hasard.
  • CE2 — de 1 en 1 dans les milliers (3 457 entre 3 450 et 3 460), de 10 en 10, de 100 en 100, de 1 000 en 1 000, un nombre au milieu de deux graduations (2 450), et les fractions jusqu’à 1 (1/2, 3/4, 2/5), décochées au départ : on les ajoute à partir de la période 3.
  • CM1 — de 100 000 en 100 000, des morceaux de grands nombres, les dixièmes (5,8) et les centièmes (2,35), les fractions (5/4, 7/3), les fractions décimales (13/10, 45/100), un entier et une fraction (1 + 3/4), et le milieu de deux graduations.
  • CM2 — les grands nombres (45 300 000), les centièmes et les millièmes (2,354), les fractions (11/4), les fractions décimales (135/1 000), les écritures mélangées (45/100 entre 0,4 et 0,5), un entier et une fraction, et le milieu de deux graduations.

Les enjeux pédagogiques

Un nombre, c’est aussi une position. Sur une droite graduée, un nombre n’est plus une quantité d’objets : c’est un point, à une certaine distance de l’origine. Le programme du CP demande déjà de faire ce lien, en s’appuyant sur la règle graduée utilisée pour mesurer des longueurs. C’est ce même lien qui permettra, au cycle 3, de comprendre qu’une fraction ou un nombre décimal est un nombre comme un autre, avec sa place sur la droite.

D’abord trouver ce que vaut une graduation. On peut se tromper en comptant les traits sans regarder ce qu’ils valent, ou en comptant le trait de départ. L’animation oblige à commencer par la bonne question : de combien avance-t-on d’une graduation à la suivante ? Comme toutes les graduations ne sont pas numérotées, l’élève doit le déduire de deux nombres écrits. Et chaque aide le ramène à cette étape : « chaque graduation vaut… ».

Compter à partir d’un repère qui n’est pas zéro. Avec les droites « une dizaine » ou « départ au hasard », on part de 30, de 44 ou de 237. L’élève ne peut plus réciter la suite depuis zéro : il doit s’appuyer sur un nombre connu et compter les graduations après lui, ou avant lui.

Placer et repérer : les deux sens. Placer un nombre donné et lire le nombre que montre une flèche ne sont pas la même tâche. Les programmes demandent les deux, du CP au CM2 : l’animation alterne les deux types de questions dans chaque série.

Une même démarche, du CP au CM2. On passe de 1 en 1 à 10 en 10, puis à 100 en 100, à 1 000 en 1 000, aux grands nombres ; puis aux fractions, aux dixièmes, aux centièmes, aux millièmes. Le geste reste le même, seuls les nombres changent. Une équipe peut donc s’appuyer sur un outil commun d’un niveau à l’autre, et un élève qui a besoin de revenir à un niveau précédent le fait sans changer d’outil.

Pourquoi ça aide à apprendre

  • Une question à la fois. Une seule droite à l’écran, une seule consigne, dix questions courtes : l’attention de l’élève reste sur la droite.
  • Un retour immédiat, qui porte sur la méthode. L’aide ne dit pas seulement « faux » : elle rappelle la valeur d’une graduation et le repère à partir duquel compter. L’élève corrige sa démarche, pas seulement sa réponse.
  • Un deuxième essai. Chercher à nouveau, avec l’aide en tête, fait davantage apprendre que lire tout de suite la correction. La réponse n’arrive qu’après le deuxième essai, avec son explication.
  • Revenir souvent, peu de temps. Une série dure quelques minutes et les nombres changent à chaque partie : on peut y revenir plusieurs fois par semaine, en rituel, plutôt qu’une seule longue séance.
  • Un bilan qui valorise. Le score compte les réussites du premier coup, sans afficher les erreurs : l’élève voit ce qu’il sait faire et peut chercher à faire mieux à la partie suivante.
  • Pour les élèves allophones. On enseigne d’abord les mots de la droite — la graduation, le repère, la flèche, « après », « avant », « entre » — et la phrase « chaque graduation vaut… », que l’on fait répéter. Les messages de l’animation reprennent toujours les mêmes tournures.

En classe : quelques idées

1. Au tableau, avant de toucher la droite. On projette une question. Avant de cliquer, la classe répond sur l’ardoise, puis un élève explique à voix haute : « Une graduation vaut 10. Je pars de 30 et je compte 4 graduations : 70. » On valide ensuite dans l’animation.

2. Dire la méthode, toujours de la même façon. On affiche au tableau les trois étapes : je trouve ce que vaut une graduation ; je choisis un nombre repère ; je compte les graduations après (ou avant). Les messages de l’animation suivent le même ordre.

3. Avec la règle graduée. Au CP et au CE1, on alterne avec une vraie règle : mesurer une bande, puis placer le même nombre sur la droite de l’écran. La règle est une droite graduée que les élèves connaissent déjà.

4. En groupe de besoin. On ne coche qu’une ou deux familles de droites, celles qui posent problème : « départ au hasard » au CP, « de 10 en 10 jusqu’à 1 000 » au CE1, « au milieu de deux graduations » au CE2, les fractions ou les dixièmes au cycle 3.

5. En autonomie, sur tablette. Une série de dix questions, puis l’élève note son bilan sur son cahier. Il rejoue la même série en fin de semaine et compare.

Dans le cahier multimédia de l’ENT

L’animation s’ouvre directement sur les droites choisies si l’on ajoute le niveau et les numéros des cartes à la fin de l’adresse. L’écran « Choisis tes droites » donne la ligne à copier : par exemple ?niveau=cp&droites=1,2,3,4,5. Les cartes sont numérotées dans l’ordre où elles apparaissent à l’écran. On peut ainsi préparer, dans une page du cahier, une série de droites précise pour un groupe d’élèves.

Ce que disent les programmes

CP — « Savoir placer des nombres sur une demi-droite graduée de un en un. »

CE1 — l’élève sait placer un nombre, ou trouver le nombre qui correspond à un point, sur une demi-droite graduée « de un en un, ou de dix en dix, ou de cent en cent ».

CE2 — la même chose sur une portion de demi-droite graduée, jusqu’à « de mille en mille » ; à partir de la période 3, les fractions sont placées sur une bande-unité graduée.

CM1 — « Savoir placer une fraction ou la somme d’un nombre entier et d’une fraction inférieure à un sur une demi-droite graduée » ; les nombres décimaux vont jusqu’aux centièmes.

CM2 — placer et repérer sur une demi-droite graduée les entiers, les fractions et les nombres décimaux ; l’étude des nombres décimaux s’étend aux millièmes.

Sources : programme de mathématiques du cycle 2, arrêté du 22 octobre 2024, Bulletin officiel n° 41 du 31 octobre 2024 (texte en PDF), en application depuis la rentrée 2025 ; programme de mathématiques du cycle 3, arrêté du 10 avril 2025, Bulletin officiel n° 16 du 17 avril 2025 (texte en PDF), en application depuis la rentrée 2025 au CM1 et depuis la rentrée 2026 au CM2.

Pour aller plus loin

Cette animation fait partie des applications du LabIALIB, publiées sur la Forge des communs numériques éducatifs. Elle se complète bien avec l’animation « Construire les nombres de 0 à 100 », qui montre comment les nombres se construisent en dizaines et en unités.

Ouvrir l’animation

Construire les nombres de 0 à 100 : une animation pour le CP

10

Nouvelle animation · Cycle 2 · Mathématiques · Réalisée avec l’IA

Construire les nombres de 0 à 100Dix cubes s’emboitent, une barre part chez les dizaines : la numération se voit se faire

CP · Nombres entiers jusqu’à cent · Toute l’année — aussi en grande section (jusqu’à 10, puis 20) et en rappel au CE1

Un compteur en haut, des cubes en dessous. On ajoute un cube, puis un autre… et au dixième, les cubes s’emboitent en une barre qui part dans la zone des dizaines, pendant que le compteur passe de 9 à 10. Cette animation montre, au tableau comme sur tablette, ce que les élèves de CP doivent comprendre : dix unités, c’est une dizaine.

Elle s’ouvre dans le navigateur, sans compte et sans installation, sur ordinateur, sur TNI ou sur tablette. Vous pouvez l’essayer directement ci-dessous.

L’animation dans la page. Pour l’ouvrir en grand, avec la partie réservée à l’enseignant :

Ouvrir l’animation « Construire les nombres de 0 à 100 »

Ce que l’on voit à l’écran

Tout est pensé pour qu’un élève de CP n’ait qu’une chose à regarder à la fois.

  • Un compteur à trois cases — C pour la centaine, D pour les dizaines, U pour les unités, chacune avec sa couleur. Le chiffre tourne quand on ajoute ou quand on retire.
  • Le nombre écrit en lettres, juste sous le compteur, avec des traits d’union entre tous les mots (orthographe rectifiée : « quarante-sept », « soixante-et-onze »).
  • Une voix qui lit chaque nombre à voix haute. On peut la couper.
  • Trois zones de matériel — les cubes isolés dans la zone des unités, les barres de dix cubes dans celle des dizaines, la plaque de cent dans celle de la centaine. Les cubes et les barres sont grands, pour être vus du fond de la classe.

Les fonctionnalités

  • −10 · −1 · +1 · +10 — ajouter ou retirer une unité ou une dizaine. Les boutons s’éteignent quand on passerait sous zéro ou au-dessus de cent.
  • Un nombre : « ajouter » ou « retirer » — on tape un nombre (37, par exemple) : les cubes arrivent un à un, puis les barres, et une ligne « reste à ajouter » descend jusqu’à zéro. Si l’on demande de retirer plus qu’il n’y a, l’animation le dit et ne fait rien.
  • Défilement — l’animation avance ou recule toute seule, de 1 en 1, de 2 en 2 ou de 10 en 10, à vitesse lente, normale ou rapide. « Stop » arrête n’importe où.
  • Aller à — affiche directement un nombre : le compteur, les lettres et le matériel se placent.
  • Son et plein écran — le son se coupe pour une dictée de nombres ; le plein écran sert au TNI.
  • Intégrer — donne le code à coller dans une page du cahier multimédia de l’ENT. L’animation s’y affiche seule et démarre au nombre affiché au moment où l’on copie le code.
  • Une partie pour l’enseignant, sous l’animation — l’objectif d’apprentissage, les extraits du programme et dix exemples d’activités de quelques minutes.

Les enjeux pédagogiques

Comprendre la base dix et la place des chiffres. Au CP, le programme aborde dès la période 1 l’aspect décimal (on groupe par dix) et l’aspect positionnel (la valeur d’un chiffre dépend de sa place dans le nombre). À l’écran, le chiffre des dizaines compte les barres, celui des unités compte les cubes isolés. Pourquoi 23 et 32 ne sont pas le même nombre se voit tout de suite.

Relier les différentes représentations d’un même nombre. Le programme demande d’associer le matériel (trois barres et cinq cubes), l’écriture en chiffres (35), le nom à l’oral, les unités de numération (trois dizaines et cinq unités) et l’écriture en lettres. L’animation montre tout cela en même temps : le nombre construit, écrit en chiffres, dit à voix haute et écrit en lettres. L’élève passe de l’un à l’autre sans changer de support.

Voir la dizaine se former… et se casser. Deux moments comptent plus que tous les autres : passer de 9 à 10, de 29 à 30 (dix cubes deviennent une barre), et reculer de 30 à 29 (une barre se casse en dix cubes). Ce sont les bases de la soustraction par cassage de dizaines, travaillée dès la période 3, et de la retenue de l’addition posée, introduite en période 4 ou 5.

Compter dans la suite des nombres. Le défilement fait compter de 1 en 1, de 2 en 2 et de 10 en 10 à partir de n’importe quel nombre, et à rebours : ce sont des exemples de réussite du programme. Le champ des nombres s’élargit avec l’année : jusqu’à cinquante-neuf au plus tard en période 2, jusqu’à cent au plus tard en période 3.

Aller du concret à l’abstrait, sans remplacer les vrais cubes. Le programme fait passer les élèves de la manipulation d’objets à la représentation imagée, puis aux écritures mathématiques. Il rappelle aussi qu’une manipulation réussie ne prouve pas qu’on a compris : il faut faire dire ce qu’on fait. L’animation est cette étape imagée, entre les cubes sur la table et le nombre écrit. Elle se travaille avec le matériel à côté de l’écran, et avec la parole : « trois dizaines et quatre unités, cela fait trente-quatre ».

Pourquoi ça aide à apprendre

  • Une seule chose à regarder. De gros cubes, trois zones, une vitesse lente : la tête de l’élève n’est pas encombrée, il suit le cube qui arrive et le chiffre qui tourne.
  • Prévoir avant de voir. « Si j’ajoute un cube à 29, que va-t-il se passer ? » L’élève cherche la réponse dans sa tête et l’écrit, puis l’animation la montre. Chercher avant de voir fixe la règle bien mieux que regarder.
  • Tous répondent, et la correction est immédiate. Chaque question se règle sur l’ardoise ; le compteur et les cubes donnent la réponse juste après, sans attendre.
  • Je montre, on fait ensemble, tu fais seul. L’enseignant fait tourner l’animation au tableau et met des mots sur ce qu’on voit ; puis la classe répond ; puis les élèves manipulent eux-mêmes, sur tablette ou avec les vrais cubes.
  • Pour les élèves allophones. On enseigne d’abord les mots du compteur — unités, dizaines, centaine — et la phrase « dix unités, c’est une dizaine », que l’on fait répéter. La voix donne le nom de chaque nombre : l’élève l’entend, le voit écrit et le voit construit.

En classe : six idées pour commencer

1. Le rituel du comptage (5 min, au tableau). Son coupé, vitesse lente, « avancer » : toute la classe compte avec le compteur. « Stop » au hasard : qui lit ce nombre ? Combien de barres ? Combien de cubes tout seuls ? On varie : de 2 en 2 à partir de 7, de 10 en 10 à partir de 4, à rebours à partir de 30.

2. Que va-t-il se passer ? « Aller à » 9. Les élèves écrivent sur l’ardoise le nombre qui vient après, puis on clique +1 et on regarde la barre se former. On recommence avec 19, 29, 59, puis 99.

3. Construis le nombre. Compteur à zéro, l’enseignant dicte « 4 dizaines et 7 unités » ; un élève construit avec +10 et +1, la classe lit 47. Plus difficile : « 3 dizaines et 12 unités », pour voir la dizaine se former toute seule.

4. Dictée de nombres. Son coupé, l’enseignant dit un nombre, les élèves l’écrivent en chiffres ; « Aller à » donne la correction. Les nombres pièges : 11, 12, 16, 70, 71, 80, 81, 90.

5. Casser une dizaine. « Aller à » 30 et −1 : il n’y a pas de cube tout seul, une barre se casse en dix cubes. Puis 52 − 7 avec « Un nombre » et « retirer » : il n’y a que 2 cubes, une barre se casse, il reste 45.

6. L’addition en cubes, puis posée (périodes 4 et 5). « Aller à » 45, puis ajouter 37 : les cubes arrivent un à un, une barre se forme au dixième, puis trois barres arrivent. On pose ensuite 45 + 37 en colonnes et on montre d’où vient la retenue.

Dix activités détaillées, avec leur durée et leur déroulé, se trouvent dans la partie enseignant, sous l’animation.

Dans le cahier multimédia de l’ENT

Le bouton « intégrer » donne un code à coller dans une page du cahier multimédia. L’animation s’affiche seule, sans la partie enseignant, et démarre au nombre affiché au moment de la copie. On peut ainsi préparer une page par nombre de départ, avec une consigne courte à côté : en autonomie en classe, en groupe de besoin ou à la maison.

Ce que dit le programme du CP

« Les connaissances et les savoir-faire attendus concernent les nombres entiers jusqu’à cent. »

Le matériel recommandé toute l’année comprend des « cubes emboitables permettant de former des barres sécables de dix cubes ».

« Des soustractions par manipulation et cassage de dizaines sont effectuées dès la période 3. »

« À la fin du CP, l’élève maitrise l’écriture en lettres des nombres jusqu’à cinquante. »

Source : programme de mathématiques du cycle 2, arrêté du 22 octobre 2024, Bulletin officiel n° 41 du 31 octobre 2024, annexe 4 (texte du programme en PDF), en application depuis la rentrée 2025. Pour des séquences de classe : le livret d’accompagnement de mathématiques du CP sur Éduscol.

Pour aller plus loin

La même animation existe pour des nombres plus grands, avec la même logique : les nombres de 0 à 1000 (les nombres du CE1) et les nombres de 0 à 10 000 (les nombres du CE2).

Ces animations font partie des applications du LabIALIB, publiées sur la Forge des communs numériques éducatifs.

Ouvrir l’animation