admin/open-school
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Correction fraction

Browse Source
This commit is contained in:
laurentbarontini
2026-05-07 22:23:15 +02:00
parent fd0206415a
commit ac69a8e732
16 changed files with 290 additions and 118 deletions
Download Patch File Download Diff File Expand all files Collapse all files

20
backend/contenus_pedagogiques/cycle_3/mathematiques/cm1/01_nombres_calcul_resolution/01B_fractions/svg/01_lire_ecrire_fraction_simple.svg
View File

@@ -2,12 +2,12 @@
<defs>
<style>
.bg{fill:#f6f5ef}.panel{fill:#fff;stroke:#e2ebe6;stroke-width:2;filter:drop-shadow(0 10px 24px rgba(22,42,45,.10))}.soft{fill:#eef7f4;stroke:#c9dfd8;stroke-width:2}.title{font-family:"Trebuchet MS",Verdana,sans-serif;font-size:58px;font-weight:800;fill:#074f4b}.subtitle{font-family:"Trebuchet MS",Verdana,sans-serif;font-size:26px;font-weight:700;fill:#1e3540}.h2{font-family:"Trebuchet MS",Verdana,sans-serif;font-size:30px;font-weight:800;fill:#074f4b}.body{font-family:"Trebuchet MS",Verdana,sans-serif;font-size:24px;fill:#1d3038}.small{font-family:"Trebuchet MS",Verdana,sans-serif;font-size:19px;fill:#2d4148}.frac{font-family:"Trebuchet MS",Verdana,sans-serif;font-size:96px;font-weight:800;fill:#074f4b}.orange{fill:#e78232}.blue{fill:#1d78b5}.green{fill:#2f9246}.line{stroke:#26383d;stroke-width:4;stroke-linecap:round}
</style>
.fraction-g .num{font-size:38px}.fraction-g .h2{font-size:28px}.fraction-g .body{font-size:22px}.fraction-g line{stroke-width:3}</style>
</defs>
<rect class="bg" width="1600" height="900"/>
<rect x="56" y="42" width="1488" height="816" rx="34" class="panel"/>
<text x="800" y="116" text-anchor="middle" class="title">Lire et écrire une fraction</text>
<text x="800" y="160" text-anchor="middle" class="subtitle">Maths CM1 - Numérateur, dénominateur, unité</text>
<text x="800" y="116" text-anchor="middle" class="title">Lire et écrire une fraction</text>
<text x="800" y="160" text-anchor="middle" class="subtitle">Maths CM1 - Numérateur, dénominateur, unité</text>
<line x1="430" y1="194" x2="1170" y2="194" stroke="#dbe8e3" stroke-width="4"/>
<g transform="translate(110 245)">
<rect width="455" height="300" rx="24" class="soft"/>
@@ -18,15 +18,15 @@
</g>
<g transform="translate(625 245)">
<rect width="360" height="300" rx="24" class="panel"/>
<text x="30" y="58" class="h2">Ce que ça dit</text>
<text x="30" y="58" class="h2">Ce que ça dit</text>
<circle cx="55" cy="112" r="15" class="orange"/><text x="84" y="120" class="body">3 parts prises</text>
<circle cx="55" cy="168" r="15" class="blue"/><text x="84" y="176" class="body">4 parts égales</text>
<g class="math-expression"><g transform="translate(30 235)" class="fraction-g"><text x="16" y="-18" text-anchor="middle" class="body">3</text><line x1="0" y1="3" x2="32" y2="3" stroke="#074f4b" stroke-width="4" stroke-linecap="round"/><text x="16" y="26" text-anchor="middle" class="body">4</text></g><text x="64" y="235" class="body"> se lit :</text></g>
<circle cx="55" cy="168" r="15" class="blue"/><text x="84" y="176" class="body">4 parts égales</text>
<g class="math-expression"><g transform="translate(30 235)" class="fraction-g"><text x="16" y="-18" text-anchor="middle" class="body">3</text><line x1="0" y1="3" x2="32" y2="3" stroke="#074f4b" stroke-width="4" stroke-linecap="round"/><text x="16" y="34" text-anchor="middle" class="body">4</text></g><text x="64" y="235" class="body"> se lit :</text></g>
<text x="30" y="272" class="body">trois quarts</text>
</g>
<g transform="translate(1040 245)">
<rect width="430" height="300" rx="24" class="panel"/>
<text x="30" y="58" class="h2">L'unité partagée</text>
<text x="30" y="58" class="h2">L'unité partagée</text>
<g transform="translate(45 110)">
<rect x="0" y="0" width="320" height="90" rx="14" fill="#f7fbf9" stroke="#26383d" stroke-width="3"/>
<rect x="0" y="0" width="80" height="90" rx="14" class="orange"/>
@@ -34,11 +34,11 @@
<rect x="160" y="0" width="80" height="90" class="orange"/>
<line x1="80" y1="0" x2="80" y2="90" class="line"/><line x1="160" y1="0" x2="160" y2="90" class="line"/><line x1="240" y1="0" x2="240" y2="90" class="line"/>
</g>
<text x="45" y="248" class="small">L'unité est coupée en 4 parts égales.</text>
<text x="45" y="248" class="small">L'unité est coupée en 4 parts égales.</text>
</g>
<g transform="translate(170 615)">
<rect width="1260" height="150" rx="24" class="panel"/>
<text x="36" y="55" class="h2">À retenir</text>
<text x="36" y="100" class="body">Le dénominateur indique le partage. Le numérateur indique les parts prises.</text>
<text x="36" y="55" class="h2">À retenir</text>
<text x="36" y="100" class="body">Le dénominateur indique le partage. Le numérateur indique les parts prises.</text>
</g>
</svg>

18
backend/contenus_pedagogiques/cycle_3/mathematiques/cm1/01_nombres_calcul_resolution/01B_fractions/svg/02_representer_fraction_partage.svg
View File

@@ -1,17 +1,17 @@
<svg xmlns="http://www.w3.org/2000/svg" width="1600" height="900" viewBox="0 0 1600 900">
<defs><style>.bg{fill:#f6f5ef}.panel{fill:#fff;stroke:#e2ebe6;stroke-width:2;filter:drop-shadow(0 10px 24px rgba(22,42,45,.10))}.soft{fill:#eef7f4;stroke:#c9dfd8;stroke-width:2}.title{font-family:"Trebuchet MS",Verdana,sans-serif;font-size:58px;font-weight:800;fill:#074f4b}.subtitle{font-family:"Trebuchet MS",Verdana,sans-serif;font-size:26px;font-weight:700;fill:#1e3540}.h2{font-family:"Trebuchet MS",Verdana,sans-serif;font-size:30px;font-weight:800;fill:#074f4b}.body{font-family:"Trebuchet MS",Verdana,sans-serif;font-size:24px;fill:#1d3038}.small{font-family:"Trebuchet MS",Verdana,sans-serif;font-size:19px;fill:#2d4148}.orange{fill:#e78232}.blue{fill:#1d78b5}.green{fill:#2f9246}.line{stroke:#26383d;stroke-width:4;stroke-linecap:round}</style></defs>
<defs><style>.bg{fill:#f6f5ef}.panel{fill:#fff;stroke:#e2ebe6;stroke-width:2;filter:drop-shadow(0 10px 24px rgba(22,42,45,.10))}.soft{fill:#eef7f4;stroke:#c9dfd8;stroke-width:2}.title{font-family:"Trebuchet MS",Verdana,sans-serif;font-size:58px;font-weight:800;fill:#074f4b}.subtitle{font-family:"Trebuchet MS",Verdana,sans-serif;font-size:26px;font-weight:700;fill:#1e3540}.h2{font-family:"Trebuchet MS",Verdana,sans-serif;font-size:30px;font-weight:800;fill:#074f4b}.body{font-family:"Trebuchet MS",Verdana,sans-serif;font-size:24px;fill:#1d3038}.small{font-family:"Trebuchet MS",Verdana,sans-serif;font-size:19px;fill:#2d4148}.orange{fill:#e78232}.blue{fill:#1d78b5}.green{fill:#2f9246}.line{stroke:#26383d;stroke-width:4;stroke-linecap:round}.fraction-g .num{font-size:38px}.fraction-g .h2{font-size:28px}.fraction-g .body{font-size:22px}.fraction-g line{stroke-width:3}</style></defs>
<rect class="bg" width="1600" height="900"/><rect x="56" y="42" width="1488" height="816" rx="34" class="panel"/>
<text x="800" y="116" text-anchor="middle" class="title">Représenter une fraction</text>
<text x="800" y="160" text-anchor="middle" class="subtitle">Je partage l'unité en parts égales, puis je colorie</text>
<text x="800" y="116" text-anchor="middle" class="title">Représenter une fraction</text>
<text x="800" y="160" text-anchor="middle" class="subtitle">Je partage l'unité en parts égales, puis je colorie</text>
<line x1="430" y1="194" x2="1170" y2="194" stroke="#dbe8e3" stroke-width="4"/>
<g transform="translate(110 245)"><rect width="420" height="330" rx="24" class="panel"/><g class="math-expression"><text x="34" y="58" class="h2">Bande : </text><g transform="translate(159.44 58)" class="fraction-g"><text x="17" y="-24" text-anchor="middle" class="h2">3</text><line x1="0" y1="4" x2="34" y2="4" stroke="#074f4b" stroke-width="4" stroke-linecap="round"/><text x="17" y="34" text-anchor="middle" class="h2">5</text></g></g>
<g transform="translate(110 245)"><rect width="420" height="330" rx="24" class="panel"/><g class="math-expression"><text x="34" y="58" class="h2">Bande : </text><g transform="translate(159.44 58)" class="fraction-g"><text x="17" y="-24" text-anchor="middle" class="h2">3</text><line x1="0" y1="4" x2="34" y2="4" stroke="#074f4b" stroke-width="4" stroke-linecap="round"/><text x="17" y="42" text-anchor="middle" class="h2">5</text></g></g>
<g transform="translate(45 132)"><rect width="320" height="92" rx="12" fill="#f7fbf9" stroke="#26383d" stroke-width="3"/><rect width="64" height="92" rx="12" class="orange"/><rect x="64" width="64" height="92" class="orange"/><rect x="128" width="64" height="92" class="orange"/><line x1="64" y1="0" x2="64" y2="92" class="line"/><line x1="128" y1="0" x2="128" y2="92" class="line"/><line x1="192" y1="0" x2="192" y2="92" class="line"/><line x1="256" y1="0" x2="256" y2="92" class="line"/></g>
<text x="45" y="285" class="small">5 parts égales, 3 parts coloriées</text></g>
<g transform="translate(590 245)"><rect width="420" height="330" rx="24" class="soft"/><g class="math-expression"><text x="34" y="58" class="h2">Disque : </text><g transform="translate(175.12 58)" class="fraction-g"><text x="17" y="-24" text-anchor="middle" class="h2">1</text><line x1="0" y1="4" x2="34" y2="4" stroke="#074f4b" stroke-width="4" stroke-linecap="round"/><text x="17" y="34" text-anchor="middle" class="h2">4</text></g></g>
<text x="45" y="285" class="small">5 parts égales, 3 parts coloriées</text></g>
<g transform="translate(590 245)"><rect width="420" height="330" rx="24" class="soft"/><g class="math-expression"><text x="34" y="58" class="h2">Disque : </text><g transform="translate(175.12 58)" class="fraction-g"><text x="17" y="-24" text-anchor="middle" class="h2">1</text><line x1="0" y1="4" x2="34" y2="4" stroke="#074f4b" stroke-width="4" stroke-linecap="round"/><text x="17" y="42" text-anchor="middle" class="h2">4</text></g></g>
<circle cx="210" cy="178" r="90" fill="#f7fbf9" stroke="#26383d" stroke-width="4"/><path d="M210 178 L210 88 A90 90 0 0 1 300 178 Z" class="blue"/><line x1="210" y1="88" x2="210" y2="268" class="line"/><line x1="120" y1="178" x2="300" y2="178" class="line"/>
<text x="70" y="285" class="small">4 parts égales, 1 part coloriée</text></g>
<g transform="translate(1070 245)"><rect width="420" height="330" rx="24" class="panel"/><g class="math-expression"><text x="34" y="58" class="h2">Collection : </text><g transform="translate(237.84 58)" class="fraction-g"><text x="20" y="-24" text-anchor="middle" class="h2">6</text><line x1="0" y1="4" x2="40" y2="4" stroke="#074f4b" stroke-width="4" stroke-linecap="round"/><text x="20" y="34" text-anchor="middle" class="h2">10</text></g></g>
<text x="70" y="285" class="small">4 parts égales, 1 part coloriée</text></g>
<g transform="translate(1070 245)"><rect width="420" height="330" rx="24" class="panel"/><g class="math-expression"><text x="34" y="58" class="h2">Collection : </text><g transform="translate(237.84 58)" class="fraction-g"><text x="20" y="-24" text-anchor="middle" class="h2">6</text><line x1="0" y1="4" x2="40" y2="4" stroke="#074f4b" stroke-width="4" stroke-linecap="round"/><text x="20" y="42" text-anchor="middle" class="h2">10</text></g></g>
<g transform="translate(70 112)"><circle cx="0" cy="0" r="20" class="green"/><circle cx="55" cy="0" r="20" class="green"/><circle cx="110" cy="0" r="20" class="green"/><circle cx="165" cy="0" r="20" class="green"/><circle cx="220" cy="0" r="20" class="green"/><circle cx="275" cy="0" r="20" class="green"/><circle cx="0" cy="70" r="20" fill="#e8f3ee" stroke="#26383d"/><circle cx="55" cy="70" r="20" fill="#e8f3ee" stroke="#26383d"/><circle cx="110" cy="70" r="20" fill="#e8f3ee" stroke="#26383d"/><circle cx="165" cy="70" r="20" fill="#e8f3ee" stroke="#26383d"/></g>
<text x="58" y="285" class="small">10 objets, 6 sont choisis</text></g>
<g transform="translate(170 645)"><rect width="1260" height="110" rx="24" class="panel"/><text x="36" y="48" class="h2">À retenir</text><text x="36" y="86" class="body">Une fraction n'a de sens que si l'unité et les parts égales sont claires.</text></g>
<g transform="translate(170 645)"><rect width="1260" height="110" rx="24" class="panel"/><text x="36" y="48" class="h2">À retenir</text><text x="36" y="86" class="body">Une fraction n'a de sens que si l'unité et les parts égales sont claires.</text></g>
</svg>

12
backend/contenus_pedagogiques/cycle_3/mathematiques/cm1/01_nombres_calcul_resolution/01B_fractions/svg/03_fraction_sur_demi_droite_graduee.svg
View File

@@ -1,19 +1,19 @@
<svg xmlns="http://www.w3.org/2000/svg" width="1600" height="900" viewBox="0 0 1600 900">
<defs><style>.bg{fill:#f6f5ef}.panel{fill:#fff;stroke:#e2ebe6;stroke-width:2;filter:drop-shadow(0 10px 24px rgba(22,42,45,.10))}.soft{fill:#eef7f4;stroke:#c9dfd8;stroke-width:2}.title{font-family:"Trebuchet MS",Verdana,sans-serif;font-size:58px;font-weight:800;fill:#074f4b}.subtitle{font-family:"Trebuchet MS",Verdana,sans-serif;font-size:26px;font-weight:700;fill:#1e3540}.h2{font-family:"Trebuchet MS",Verdana,sans-serif;font-size:30px;font-weight:800;fill:#074f4b}.body{font-family:"Trebuchet MS",Verdana,sans-serif;font-size:24px;fill:#1d3038}.small{font-family:"Trebuchet MS",Verdana,sans-serif;font-size:19px;fill:#2d4148}.orange{fill:#e78232}.blue{fill:#1d78b5}.green{fill:#2f9246}.line{stroke:#26383d;stroke-width:4;stroke-linecap:round}.tick{stroke:#26383d;stroke-width:3}</style></defs>
<defs><style>.bg{fill:#f6f5ef}.panel{fill:#fff;stroke:#e2ebe6;stroke-width:2;filter:drop-shadow(0 10px 24px rgba(22,42,45,.10))}.soft{fill:#eef7f4;stroke:#c9dfd8;stroke-width:2}.title{font-family:"Trebuchet MS",Verdana,sans-serif;font-size:58px;font-weight:800;fill:#074f4b}.subtitle{font-family:"Trebuchet MS",Verdana,sans-serif;font-size:26px;font-weight:700;fill:#1e3540}.h2{font-family:"Trebuchet MS",Verdana,sans-serif;font-size:30px;font-weight:800;fill:#074f4b}.body{font-family:"Trebuchet MS",Verdana,sans-serif;font-size:24px;fill:#1d3038}.small{font-family:"Trebuchet MS",Verdana,sans-serif;font-size:19px;fill:#2d4148}.orange{fill:#e78232}.blue{fill:#1d78b5}.green{fill:#2f9246}.line{stroke:#26383d;stroke-width:4;stroke-linecap:round}.tick{stroke:#26383d;stroke-width:3}.fraction-g .num{font-size:38px}.fraction-g .h2{font-size:28px}.fraction-g .body{font-size:22px}.fraction-g line{stroke-width:3}</style></defs>
<rect class="bg" width="1600" height="900"/><rect x="56" y="42" width="1488" height="816" rx="34" class="panel"/>
<text x="800" y="116" text-anchor="middle" class="title">Placer une fraction sur une demi-droite</text>
<text x="800" y="160" text-anchor="middle" class="subtitle">Je partage chaque unité selon le dénominateur</text>
<text x="800" y="160" text-anchor="middle" class="subtitle">Je partage chaque unité selon le dénominateur</text>
<line x1="430" y1="194" x2="1170" y2="194" stroke="#dbe8e3" stroke-width="4"/>
<g transform="translate(125 255)"><rect width="1350" height="340" rx="24" class="soft"/><g class="math-expression"><text x="36" y="60" class="h2">Exemple : placer </text><g transform="translate(302.56 60)" class="fraction-g"><text x="17" y="-24" text-anchor="middle" class="h2">5</text><line x1="0" y1="4" x2="34" y2="4" stroke="#074f4b" stroke-width="4" stroke-linecap="round"/><text x="17" y="34" text-anchor="middle" class="h2">4</text></g></g>
<g transform="translate(125 255)"><rect width="1350" height="340" rx="24" class="soft"/><g class="math-expression"><text x="36" y="60" class="h2">Exemple : placer </text><g transform="translate(302.56 60)" class="fraction-g"><text x="17" y="-24" text-anchor="middle" class="h2">5</text><line x1="0" y1="4" x2="34" y2="4" stroke="#074f4b" stroke-width="4" stroke-linecap="round"/><text x="17" y="42" text-anchor="middle" class="h2">4</text></g></g>
<line x1="100" y1="205" x2="1180" y2="205" class="line"/><path d="M1180 205 L1158 194 L1158 216 Z" fill="#26383d"/>
<g transform="translate(130 0)">
<line x1="0" y1="170" x2="0" y2="240" class="tick"/><text x="0" y="275" text-anchor="middle" class="body">0</text>
<line x1="250" y1="170" x2="250" y2="240" class="tick"/><text x="250" y="275" text-anchor="middle" class="body">1</text>
<line x1="500" y1="170" x2="500" y2="240" class="tick"/><text x="500" y="275" text-anchor="middle" class="body">2</text>
<line x1="62.5" y1="184" x2="62.5" y2="226" class="tick"/><line x1="125" y1="184" x2="125" y2="226" class="tick"/><line x1="187.5" y1="184" x2="187.5" y2="226" class="tick"/><line x1="312.5" y1="184" x2="312.5" y2="226" class="tick"/><line x1="375" y1="184" x2="375" y2="226" class="tick"/><line x1="437.5" y1="184" x2="437.5" y2="226" class="tick"/>
<circle cx="312.5" cy="205" r="16" class="orange"/><g class="math-expression"><g transform="translate(295.5 150)" class="fraction-g"><text x="16" y="-18" text-anchor="middle" class="body">5</text><line x1="0" y1="3" x2="32" y2="3" stroke="#074f4b" stroke-width="4" stroke-linecap="round"/><text x="16" y="26" text-anchor="middle" class="body">4</text></g></g>
<circle cx="312.5" cy="205" r="16" class="orange"/><g class="math-expression"><g transform="translate(295.5 150)" class="fraction-g"><text x="16" y="-18" text-anchor="middle" class="body">5</text><line x1="0" y1="3" x2="32" y2="3" stroke="#074f4b" stroke-width="4" stroke-linecap="round"/><text x="16" y="34" text-anchor="middle" class="body">4</text></g></g>
</g>
<text x="820" y="150" class="body">Dénominateur 4 :</text><text x="820" y="190" class="body">chaque unité a 4 parts.</text><g class="math-expression"><g transform="translate(820 245)" class="fraction-g"><text x="16" y="-18" text-anchor="middle" class="body">5</text><line x1="0" y1="3" x2="32" y2="3" stroke="#074f4b" stroke-width="4" stroke-linecap="round"/><text x="16" y="26" text-anchor="middle" class="body">4</text></g><text x="854" y="245" class="body"> est juste après 1.</text></g>
<text x="820" y="150" class="body">Dénominateur 4 :</text><text x="820" y="190" class="body">chaque unité a 4 parts.</text><g class="math-expression"><g transform="translate(820 245)" class="fraction-g"><text x="16" y="-18" text-anchor="middle" class="body">5</text><line x1="0" y1="3" x2="32" y2="3" stroke="#074f4b" stroke-width="4" stroke-linecap="round"/><text x="16" y="34" text-anchor="middle" class="body">4</text></g><text x="854" y="245" class="body"> est juste après 1.</text></g>
</g>
<g transform="translate(170 650)"><rect width="1260" height="110" rx="24" class="panel"/><text x="36" y="48" class="h2">À retenir</text><text x="36" y="86" class="body">L'intervalle de 0 à 1 est l'unité. Je le partage en parts égales.</text></g>
<g transform="translate(170 650)"><rect width="1260" height="110" rx="24" class="panel"/><text x="36" y="48" class="h2">À retenir</text><text x="36" y="86" class="body">L'intervalle de 0 à 1 est l'unité. Je le partage en parts égales.</text></g>
</svg>

106
backend/contenus_pedagogiques/cycle_3/mathematiques/cm1/01_nombres_calcul_resolution/01B_fractions/svg/04_fraction_superieure_a_un.svg
View File

@@ -1,15 +1,101 @@
<svg xmlns="http://www.w3.org/2000/svg" width="1600" height="900" viewBox="0 0 1600 900">
<defs><style>.bg{fill:#f6f5ef}.panel{fill:#fff;stroke:#e2ebe6;stroke-width:2;filter:drop-shadow(0 10px 24px rgba(22,42,45,.10))}.soft{fill:#eef7f4;stroke:#c9dfd8;stroke-width:2}.title{font-family:"Trebuchet MS",Verdana,sans-serif;font-size:58px;font-weight:800;fill:#074f4b}.subtitle{font-family:"Trebuchet MS",Verdana,sans-serif;font-size:26px;font-weight:700;fill:#1e3540}.h2{font-family:"Trebuchet MS",Verdana,sans-serif;font-size:30px;font-weight:800;fill:#074f4b}.body{font-family:"Trebuchet MS",Verdana,sans-serif;font-size:24px;fill:#1d3038}.small{font-family:"Trebuchet MS",Verdana,sans-serif;font-size:19px;fill:#2d4148}.num{font-family:"Trebuchet MS",Verdana,sans-serif;font-size:54px;font-weight:800;fill:#074f4b}.orange{fill:#e78232}.green{fill:#2f9246}.line{stroke:#26383d;stroke-width:4;stroke-linecap:round}</style></defs>
<rect class="bg" width="1600" height="900"/><rect x="56" y="42" width="1488" height="816" rx="34" class="panel"/>
<text x="800" y="116" text-anchor="middle" class="title">Fraction supérieure à 1</text>
<text x="800" y="160" text-anchor="middle" class="subtitle">Quand le numérateur depasse le dénominateur</text>
<defs>
<style>
.bg{fill:#f6f5ef}
.panel{fill:#fff;stroke:#e2ebe6;stroke-width:2;filter:drop-shadow(0 10px 24px rgba(22,42,45,.10))}
.soft{fill:#eef7f4;stroke:#c9dfd8;stroke-width:2}
.title{font-family:"Trebuchet MS",Verdana,sans-serif;font-size:58px;font-weight:800;fill:#074f4b}
.subtitle{font-family:"Trebuchet MS",Verdana,sans-serif;font-size:26px;font-weight:700;fill:#1e3540}
.h2{font-family:"Trebuchet MS",Verdana,sans-serif;font-size:30px;font-weight:800;fill:#074f4b}
.body{font-family:"Trebuchet MS",Verdana,sans-serif;font-size:24px;fill:#1d3038}
.num{font-family:"Trebuchet MS",Verdana,sans-serif;font-size:40px;font-weight:800;fill:#074f4b}
.op{font-family:"Trebuchet MS",Verdana,sans-serif;font-size:44px;font-weight:800;fill:#074f4b}
.orange{fill:#e78232}
.green{fill:#2f9246}
.line{stroke:#26383d;stroke-width:4;stroke-linecap:round}
.frac-line{stroke:#074f4b;stroke-width:4;stroke-linecap:round}
.fraction-g .num{font-size:38px}.fraction-g .h2{font-size:28px}.fraction-g .body{font-size:22px}.fraction-g line{stroke-width:3}</style>
</defs>
<rect class="bg" width="1600" height="900"/>
<rect x="56" y="42" width="1488" height="816" rx="34" class="panel"/>
<text x="800" y="116" text-anchor="middle" class="title">Fraction supérieure à 1</text>
<text x="800" y="160" text-anchor="middle" class="subtitle">Quand le numérateur dépasse le dénominateur</text>
<line x1="430" y1="194" x2="1170" y2="194" stroke="#dbe8e3" stroke-width="4"/>
<g transform="translate(120 245)"><rect width="630" height="360" rx="24" class="soft"/><g class="math-expression"><text x="34" y="60" class="h2">Exemple : </text><g transform="translate(190.8 60)" class="fraction-g"><text x="17" y="-24" text-anchor="middle" class="h2">7</text><line x1="0" y1="4" x2="34" y2="4" stroke="#074f4b" stroke-width="4" stroke-linecap="round"/><text x="17" y="34" text-anchor="middle" class="h2">4</text></g></g>
<g transform="translate(70 130)"><rect width="400" height="80" rx="12" fill="#f7fbf9" stroke="#26383d" stroke-width="3"/><rect width="100" height="80" rx="12" class="green"/><rect x="100" width="100" height="80" class="green"/><rect x="200" width="100" height="80" class="green"/><rect x="300" width="100" height="80" class="green"/><line x1="100" y1="0" x2="100" y2="80" class="line"/><line x1="200" y1="0" x2="200" y2="80" class="line"/><line x1="300" y1="0" x2="300" y2="80" class="line"/></g>
<g transform="translate(70 245)"><rect width="400" height="80" rx="12" fill="#f7fbf9" stroke="#26383d" stroke-width="3"/><rect width="100" height="80" rx="12" class="orange"/><rect x="100" width="100" height="80" class="orange"/><rect x="200" width="100" height="80" class="orange"/><line x1="100" y1="0" x2="100" y2="80" class="line"/><line x1="200" y1="0" x2="200" y2="80" class="line"/><line x1="300" y1="0" x2="300" y2="80" class="line"/></g>
<g transform="translate(120 245)">
<rect width="630" height="360" rx="24" class="soft"/>
<text x="34" y="66" class="h2">Exemple :</text>
<g transform="translate(225 62)">
<text x="18" y="-18" text-anchor="middle" class="h2">7</text>
<line x1="0" y1="4" x2="36" y2="4" class="frac-line"/>
<text x="18" y="34" text-anchor="middle" class="h2">4</text>
</g>
<g transform="translate(70 130)">
<rect width="400" height="80" rx="12" fill="#f7fbf9" stroke="#26383d" stroke-width="3"/>
<rect width="100" height="80" rx="12" class="green"/>
<rect x="100" width="100" height="80" class="green"/>
<rect x="200" width="100" height="80" class="green"/>
<rect x="300" width="100" height="80" class="green"/>
<line x1="100" y1="0" x2="100" y2="80" class="line"/>
<line x1="200" y1="0" x2="200" y2="80" class="line"/>
<line x1="300" y1="0" x2="300" y2="80" class="line"/>
</g>
<g transform="translate(70 245)">
<rect width="400" height="80" rx="12" fill="#f7fbf9" stroke="#26383d" stroke-width="3"/>
<rect width="100" height="80" rx="12" class="orange"/>
<rect x="100" width="100" height="80" class="orange"/>
<rect x="200" width="100" height="80" class="orange"/>
<line x1="100" y1="0" x2="100" y2="80" class="line"/>
<line x1="200" y1="0" x2="200" y2="80" class="line"/>
<line x1="300" y1="0" x2="300" y2="80" class="line"/>
</g>
</g>
<g transform="translate(815 245)"><rect width="635" height="360" rx="24" class="panel"/><text x="36" y="60" class="h2">Je décompose</text>
<g class="math-expression"><g transform="translate(70 145)" class="fraction-g"><text x="18" y="-24" text-anchor="middle" class="num" font-size="42">7</text><line x1="0" y1="4" x2="36" y2="4" stroke="#074f4b" stroke-width="4" stroke-linecap="round"/><text x="18" y="38" text-anchor="middle" class="num" font-size="42">4</text></g><text x="122.44" y="145" class="num"> = </text><g transform="translate(199.72 145)" class="fraction-g"><text x="18" y="-24" text-anchor="middle" class="num" font-size="42">4</text><line x1="0" y1="4" x2="36" y2="4" stroke="#074f4b" stroke-width="4" stroke-linecap="round"/><text x="18" y="38" text-anchor="middle" class="num" font-size="42">4</text></g><text x="252.16" y="145" class="num"> + </text><g transform="translate(329.44 145)" class="fraction-g"><text x="18" y="-24" text-anchor="middle" class="num" font-size="42">3</text><line x1="0" y1="4" x2="36" y2="4" stroke="#074f4b" stroke-width="4" stroke-linecap="round"/><text x="18" y="38" text-anchor="middle" class="num" font-size="42">4</text></g></g><g class="math-expression"><g transform="translate(70 215)" class="fraction-g"><text x="18" y="-24" text-anchor="middle" class="num" font-size="42">7</text><line x1="0" y1="4" x2="36" y2="4" stroke="#074f4b" stroke-width="4" stroke-linecap="round"/><text x="18" y="38" text-anchor="middle" class="num" font-size="42">4</text></g><text x="122.44" y="215" class="num"> = 1 + </text><g transform="translate(302.76 215)" class="fraction-g"><text x="18" y="-24" text-anchor="middle" class="num" font-size="42">3</text><line x1="0" y1="4" x2="36" y2="4" stroke="#074f4b" stroke-width="4" stroke-linecap="round"/><text x="18" y="38" text-anchor="middle" class="num" font-size="42">4</text></g></g><text x="70" y="285" class="body">La première unité est complète.</text><text x="70" y="325" class="body">Il reste encore trois quarts.</text>
<g transform="translate(815 245)">
<rect width="635" height="360" rx="24" class="panel"/>
<text x="36" y="60" class="h2">Je décompose</text>
<g transform="translate(70 125)">
<g>
<text x="18" y="-18" text-anchor="middle" class="num">7</text>
<line x1="0" y1="4" x2="36" y2="4" class="frac-line"/>
<text x="18" y="52" text-anchor="middle" class="num">4</text>
</g>
<text x="70" y="18" class="op">=</text>
<g transform="translate(125 0)">
<text x="18" y="-18" text-anchor="middle" class="num">4</text>
<line x1="0" y1="4" x2="36" y2="4" class="frac-line"/>
<text x="18" y="52" text-anchor="middle" class="num">4</text>
</g>
<text x="195" y="18" class="op">+</text>
<g transform="translate(250 0)">
<text x="18" y="-18" text-anchor="middle" class="num">3</text>
<line x1="0" y1="4" x2="36" y2="4" class="frac-line"/>
<text x="18" y="52" text-anchor="middle" class="num">4</text>
</g>
</g>
<g transform="translate(70 205)">
<g>
<text x="18" y="-18" text-anchor="middle" class="num">7</text>
<line x1="0" y1="4" x2="36" y2="4" class="frac-line"/>
<text x="18" y="52" text-anchor="middle" class="num">4</text>
</g>
<text x="70" y="18" class="op">= 1 +</text>
<g transform="translate(205 0)">
<text x="18" y="-18" text-anchor="middle" class="num">3</text>
<line x1="0" y1="4" x2="36" y2="4" class="frac-line"/>
<text x="18" y="52" text-anchor="middle" class="num">4</text>
</g>
</g>
<text x="70" y="292" class="body">La première unité est complète.</text>
<text x="70" y="328" class="body">Il reste encore trois quarts.</text>
</g>
<g transform="translate(170 660)">
<rect width="1260" height="105" rx="24" class="panel"/>
<text x="36" y="47" class="h2">À retenir</text>
<text x="36" y="84" class="body">Une fraction peut être plus grande que 1 : il faut alors utiliser plusieurs unités.</text>
</g>
<g transform="translate(170 660)"><rect width="1260" height="105" rx="24" class="panel"/><text x="36" y="47" class="h2">À retenir</text><text x="36" y="84" class="body">Une fraction peut etre plus grande que 1 : il faut alors utiliser plusieurs unités.</text></g>
</svg>

14
backend/contenus_pedagogiques/cycle_3/mathematiques/cm1/01_nombres_calcul_resolution/01B_fractions/svg/05_comparer_fractions_simples.svg
View File

@@ -1,16 +1,16 @@
<svg xmlns="http://www.w3.org/2000/svg" width="1600" height="900" viewBox="0 0 1600 900">
<defs><style>.bg{fill:#f6f5ef}.panel{fill:#fff;stroke:#e2ebe6;stroke-width:2;filter:drop-shadow(0 10px 24px rgba(22,42,45,.10))}.soft{fill:#eef7f4;stroke:#c9dfd8;stroke-width:2}.title{font-family:"Trebuchet MS",Verdana,sans-serif;font-size:58px;font-weight:800;fill:#074f4b}.subtitle{font-family:"Trebuchet MS",Verdana,sans-serif;font-size:26px;font-weight:700;fill:#1e3540}.h2{font-family:"Trebuchet MS",Verdana,sans-serif;font-size:30px;font-weight:800;fill:#074f4b}.body{font-family:"Trebuchet MS",Verdana,sans-serif;font-size:24px;fill:#1d3038}.small{font-family:"Trebuchet MS",Verdana,sans-serif;font-size:19px;fill:#2d4148}.num{font-family:"Trebuchet MS",Verdana,sans-serif;font-size:64px;font-weight:800;fill:#074f4b}.orange{fill:#e78232}.blue{fill:#1d78b5}.line{stroke:#26383d;stroke-width:4;stroke-linecap:round}</style></defs>
<defs><style>.bg{fill:#f6f5ef}.panel{fill:#fff;stroke:#e2ebe6;stroke-width:2;filter:drop-shadow(0 10px 24px rgba(22,42,45,.10))}.soft{fill:#eef7f4;stroke:#c9dfd8;stroke-width:2}.title{font-family:"Trebuchet MS",Verdana,sans-serif;font-size:58px;font-weight:800;fill:#074f4b}.subtitle{font-family:"Trebuchet MS",Verdana,sans-serif;font-size:26px;font-weight:700;fill:#1e3540}.h2{font-family:"Trebuchet MS",Verdana,sans-serif;font-size:30px;font-weight:800;fill:#074f4b}.body{font-family:"Trebuchet MS",Verdana,sans-serif;font-size:24px;fill:#1d3038}.small{font-family:"Trebuchet MS",Verdana,sans-serif;font-size:19px;fill:#2d4148}.num{font-family:"Trebuchet MS",Verdana,sans-serif;font-size:64px;font-weight:800;fill:#074f4b}.orange{fill:#e78232}.blue{fill:#1d78b5}.line{stroke:#26383d;stroke-width:4;stroke-linecap:round}.fraction-g .num{font-size:38px}.fraction-g .h2{font-size:28px}.fraction-g .body{font-size:22px}.fraction-g line{stroke-width:3}</style></defs>
<rect class="bg" width="1600" height="900"/><rect x="56" y="42" width="1488" height="816" rx="34" class="panel"/>
<text x="800" y="116" text-anchor="middle" class="title">Comparer des fractions simples</text>
<text x="800" y="160" text-anchor="middle" class="subtitle">Même unité, parts égales, puis je compare</text>
<text x="800" y="160" text-anchor="middle" class="subtitle">Même unité, parts égales, puis je compare</text>
<line x1="430" y1="194" x2="1170" y2="194" stroke="#dbe8e3" stroke-width="4"/>
<g transform="translate(120 245)"><rect width="620" height="360" rx="24" class="soft"/><text x="34" y="60" class="h2">Même dénominateur</text>
<g class="math-expression"><g transform="translate(70 130)" class="fraction-g"><text x="18" y="-24" text-anchor="middle" class="num" font-size="42">3</text><line x1="0" y1="4" x2="36" y2="4" stroke="#074f4b" stroke-width="4" stroke-linecap="round"/><text x="18" y="38" text-anchor="middle" class="num" font-size="42">5</text></g><text x="122.44" y="130" class="num"> &lt; </text><g transform="translate(199.72 130)" class="fraction-g"><text x="18" y="-24" text-anchor="middle" class="num" font-size="42">4</text><line x1="0" y1="4" x2="36" y2="4" stroke="#074f4b" stroke-width="4" stroke-linecap="round"/><text x="18" y="38" text-anchor="middle" class="num" font-size="42">5</text></g></g>
<g transform="translate(120 245)"><rect width="620" height="360" rx="24" class="soft"/><text x="34" y="60" class="h2">Même dénominateur</text>
<g class="math-expression"><g transform="translate(70 130)" class="fraction-g"><text x="18" y="-24" text-anchor="middle" class="num" font-size="42">3</text><line x1="0" y1="4" x2="36" y2="4" stroke="#074f4b" stroke-width="4" stroke-linecap="round"/><text x="18" y="52" text-anchor="middle" class="num">5</text></g><text x="122.44" y="130" class="num"> &lt; </text><g transform="translate(199.72 130)" class="fraction-g"><text x="18" y="-24" text-anchor="middle" class="num" font-size="42">4</text><line x1="0" y1="4" x2="36" y2="4" stroke="#074f4b" stroke-width="4" stroke-linecap="round"/><text x="18" y="52" text-anchor="middle" class="num">5</text></g></g>
<g transform="translate(75 175)"><rect width="430" height="58" rx="10" fill="#f7fbf9" stroke="#26383d" stroke-width="3"/><rect width="86" height="58" rx="10" class="orange"/><rect x="86" width="86" height="58" class="orange"/><rect x="172" width="86" height="58" class="orange"/><line x1="86" y1="0" x2="86" y2="58" class="line"/><line x1="172" y1="0" x2="172" y2="58" class="line"/><line x1="258" y1="0" x2="258" y2="58" class="line"/><line x1="344" y1="0" x2="344" y2="58" class="line"/></g>
<g transform="translate(75 265)"><rect width="430" height="58" rx="10" fill="#f7fbf9" stroke="#26383d" stroke-width="3"/><rect width="86" height="58" rx="10" class="blue"/><rect x="86" width="86" height="58" class="blue"/><rect x="172" width="86" height="58" class="blue"/><rect x="258" width="86" height="58" class="blue"/><line x1="86" y1="0" x2="86" y2="58" class="line"/><line x1="172" y1="0" x2="172" y2="58" class="line"/><line x1="258" y1="0" x2="258" y2="58" class="line"/><line x1="344" y1="0" x2="344" y2="58" class="line"/></g>
</g>
<g transform="translate(815 245)"><rect width="635" height="360" rx="24" class="panel"/><text x="36" y="60" class="h2">Même numérateur</text>
<g class="math-expression"><g transform="translate(70 130)" class="fraction-g"><text x="18" y="-24" text-anchor="middle" class="num" font-size="42">1</text><line x1="0" y1="4" x2="36" y2="4" stroke="#074f4b" stroke-width="4" stroke-linecap="round"/><text x="18" y="38" text-anchor="middle" class="num" font-size="42">2</text></g><text x="122.44" y="130" class="num"> &gt; </text><g transform="translate(199.72 130)" class="fraction-g"><text x="18" y="-24" text-anchor="middle" class="num" font-size="42">1</text><line x1="0" y1="4" x2="36" y2="4" stroke="#074f4b" stroke-width="4" stroke-linecap="round"/><text x="18" y="38" text-anchor="middle" class="num" font-size="42">4</text></g></g><text x="70" y="195" class="body">Quand on partage en plus de parts,</text><text x="70" y="232" class="body">chaque part est plus petite.</text><text x="70" y="300" class="body">Toujours comparer la meme unité.</text>
<g transform="translate(815 245)"><rect width="635" height="360" rx="24" class="panel"/><text x="36" y="60" class="h2">Même numérateur</text>
<g class="math-expression"><g transform="translate(70 130)" class="fraction-g"><text x="18" y="-24" text-anchor="middle" class="num" font-size="42">1</text><line x1="0" y1="4" x2="36" y2="4" stroke="#074f4b" stroke-width="4" stroke-linecap="round"/><text x="18" y="52" text-anchor="middle" class="num">2</text></g><text x="122.44" y="130" class="num"> &gt; </text><g transform="translate(199.72 130)" class="fraction-g"><text x="18" y="-24" text-anchor="middle" class="num" font-size="42">1</text><line x1="0" y1="4" x2="36" y2="4" stroke="#074f4b" stroke-width="4" stroke-linecap="round"/><text x="18" y="52" text-anchor="middle" class="num">4</text></g></g><text x="70" y="195" class="body">Quand on partage en plus de parts,</text><text x="70" y="232" class="body">chaque part est plus petite.</text><text x="70" y="300" class="body">Toujours comparer la même unité.</text>
</g>
<g transform="translate(170 660)"><rect width="1260" height="105" rx="24" class="panel"/><text x="36" y="47" class="h2">À retenir</text><text x="36" y="84" class="body">A dénominateur égal, le plus grand numérateur donne la plus grande fraction.</text></g>
<g transform="translate(170 660)"><rect width="1260" height="105" rx="24" class="panel"/><text x="36" y="47" class="h2">À retenir</text><text x="36" y="84" class="body">À dénominateur égal, le plus grand numérateur donne la plus grande fraction.</text></g>
</svg>

12
backend/contenus_pedagogiques/cycle_3/mathematiques/cm1/01_nombres_calcul_resolution/01B_fractions/svg/06_encadrer_fraction_entre_entiers.svg
View File

@@ -1,13 +1,13 @@
<svg xmlns="http://www.w3.org/2000/svg" width="1600" height="900" viewBox="0 0 1600 900">
<defs><style>.bg{fill:#f6f5ef}.panel{fill:#fff;stroke:#e2ebe6;stroke-width:2;filter:drop-shadow(0 10px 24px rgba(22,42,45,.10))}.soft{fill:#eef7f4;stroke:#c9dfd8;stroke-width:2}.title{font-family:"Trebuchet MS",Verdana,sans-serif;font-size:58px;font-weight:800;fill:#074f4b}.subtitle{font-family:"Trebuchet MS",Verdana,sans-serif;font-size:26px;font-weight:700;fill:#1e3540}.h2{font-family:"Trebuchet MS",Verdana,sans-serif;font-size:30px;font-weight:800;fill:#074f4b}.body{font-family:"Trebuchet MS",Verdana,sans-serif;font-size:24px;fill:#1d3038}.num{font-family:"Trebuchet MS",Verdana,sans-serif;font-size:54px;font-weight:800;fill:#074f4b}.orange{fill:#e78232}.line{stroke:#26383d;stroke-width:4;stroke-linecap:round}.tick{stroke:#26383d;stroke-width:3}</style></defs>
<defs><style>.bg{fill:#f6f5ef}.panel{fill:#fff;stroke:#e2ebe6;stroke-width:2;filter:drop-shadow(0 10px 24px rgba(22,42,45,.10))}.soft{fill:#eef7f4;stroke:#c9dfd8;stroke-width:2}.title{font-family:"Trebuchet MS",Verdana,sans-serif;font-size:58px;font-weight:800;fill:#074f4b}.subtitle{font-family:"Trebuchet MS",Verdana,sans-serif;font-size:26px;font-weight:700;fill:#1e3540}.h2{font-family:"Trebuchet MS",Verdana,sans-serif;font-size:30px;font-weight:800;fill:#074f4b}.body{font-family:"Trebuchet MS",Verdana,sans-serif;font-size:24px;fill:#1d3038}.num{font-family:"Trebuchet MS",Verdana,sans-serif;font-size:54px;font-weight:800;fill:#074f4b}.orange{fill:#e78232}.line{stroke:#26383d;stroke-width:4;stroke-linecap:round}.tick{stroke:#26383d;stroke-width:3}.fraction-g .num{font-size:38px}.fraction-g .h2{font-size:28px}.fraction-g .body{font-size:22px}.fraction-g line{stroke-width:3}</style></defs>
<rect class="bg" width="1600" height="900"/><rect x="56" y="42" width="1488" height="816" rx="34" class="panel"/>
<text x="800" y="116" text-anchor="middle" class="title">Ençadrer une fraction</text>
<text x="800" y="116" text-anchor="middle" class="title">Ençadrer une fraction</text>
<text x="800" y="160" text-anchor="middle" class="subtitle">Je cherche entre quels entiers elle se trouve</text>
<line x1="430" y1="194" x2="1170" y2="194" stroke="#dbe8e3" stroke-width="4"/>
<g transform="translate(125 245)"><rect width="1350" height="360" rx="24" class="soft"/><g class="math-expression"><text x="36" y="60" class="h2">Exemple : </text><g transform="translate(192.8 60)" class="fraction-g"><text x="17" y="-24" text-anchor="middle" class="h2">7</text><line x1="0" y1="4" x2="34" y2="4" stroke="#074f4b" stroke-width="4" stroke-linecap="round"/><text x="17" y="34" text-anchor="middle" class="h2">3</text></g></g>
<g class="math-expression"><g transform="translate(790 125)" class="fraction-g"><text x="18" y="-24" text-anchor="middle" class="num" font-size="42">6</text><line x1="0" y1="4" x2="36" y2="4" stroke="#074f4b" stroke-width="4" stroke-linecap="round"/><text x="18" y="38" text-anchor="middle" class="num" font-size="42">3</text></g><text x="842.44" y="125" class="num"> = 2</text></g><g class="math-expression"><g transform="translate(790 195)" class="fraction-g"><text x="18" y="-24" text-anchor="middle" class="num" font-size="42">9</text><line x1="0" y1="4" x2="36" y2="4" stroke="#074f4b" stroke-width="4" stroke-linecap="round"/><text x="18" y="38" text-anchor="middle" class="num" font-size="42">3</text></g><text x="842.44" y="195" class="num"> = 3</text></g><g class="math-expression"><text x="790" y="270" class="num">2 &lt; </text><g transform="translate(893.04 270)" class="fraction-g"><text x="18" y="-24" text-anchor="middle" class="num" font-size="42">7</text><line x1="0" y1="4" x2="36" y2="4" stroke="#074f4b" stroke-width="4" stroke-linecap="round"/><text x="18" y="38" text-anchor="middle" class="num" font-size="42">3</text></g><text x="945.48" y="270" class="num"> &lt; 3</text></g>
<g transform="translate(125 245)"><rect width="1350" height="360" rx="24" class="soft"/><g class="math-expression"><text x="36" y="60" class="h2">Exemple : </text><g transform="translate(192.8 60)" class="fraction-g"><text x="17" y="-24" text-anchor="middle" class="h2">7</text><line x1="0" y1="4" x2="34" y2="4" stroke="#074f4b" stroke-width="4" stroke-linecap="round"/><text x="17" y="42" text-anchor="middle" class="h2">3</text></g></g>
<g class="math-expression"><g transform="translate(790 125)" class="fraction-g"><text x="18" y="-24" text-anchor="middle" class="num" font-size="42">6</text><line x1="0" y1="4" x2="36" y2="4" stroke="#074f4b" stroke-width="4" stroke-linecap="round"/><text x="18" y="52" text-anchor="middle" class="num">3</text></g><text x="842.44" y="125" class="num"> = 2</text></g><g class="math-expression"><g transform="translate(790 195)" class="fraction-g"><text x="18" y="-24" text-anchor="middle" class="num" font-size="42">9</text><line x1="0" y1="4" x2="36" y2="4" stroke="#074f4b" stroke-width="4" stroke-linecap="round"/><text x="18" y="52" text-anchor="middle" class="num">3</text></g><text x="842.44" y="195" class="num"> = 3</text></g><g class="math-expression"><text x="790" y="270" class="num">2 &lt; </text><g transform="translate(893.04 270)" class="fraction-g"><text x="18" y="-24" text-anchor="middle" class="num" font-size="42">7</text><line x1="0" y1="4" x2="36" y2="4" stroke="#074f4b" stroke-width="4" stroke-linecap="round"/><text x="18" y="52" text-anchor="middle" class="num">3</text></g><text x="945.48" y="270" class="num"> &lt; 3</text></g>
<line x1="100" y1="230" x2="670" y2="230" class="line"/><path d="M670 230 L648 219 L648 241 Z" fill="#26383d"/>
<g transform="translate(120 0)"><line x1="0" y1="195" x2="0" y2="265" class="tick"/><text x="0" y="300" text-anchor="middle" class="body">0</text><line x1="150" y1="195" x2="150" y2="265" class="tick"/><text x="150" y="300" text-anchor="middle" class="body">1</text><line x1="300" y1="195" x2="300" y2="265" class="tick"/><text x="300" y="300" text-anchor="middle" class="body">2</text><line x1="450" y1="195" x2="450" y2="265" class="tick"/><text x="450" y="300" text-anchor="middle" class="body">3</text><line x1="350" y1="210" x2="350" y2="250" class="tick"/><circle cx="350" cy="230" r="15" class="orange"/><g class="math-expression"><g transform="translate(333 175)" class="fraction-g"><text x="16" y="-18" text-anchor="middle" class="body">7</text><line x1="0" y1="3" x2="32" y2="3" stroke="#074f4b" stroke-width="4" stroke-linecap="round"/><text x="16" y="26" text-anchor="middle" class="body">3</text></g></g></g>
<g transform="translate(120 0)"><line x1="0" y1="195" x2="0" y2="265" class="tick"/><text x="0" y="300" text-anchor="middle" class="body">0</text><line x1="150" y1="195" x2="150" y2="265" class="tick"/><text x="150" y="300" text-anchor="middle" class="body">1</text><line x1="300" y1="195" x2="300" y2="265" class="tick"/><text x="300" y="300" text-anchor="middle" class="body">2</text><line x1="450" y1="195" x2="450" y2="265" class="tick"/><text x="450" y="300" text-anchor="middle" class="body">3</text><line x1="350" y1="210" x2="350" y2="250" class="tick"/><circle cx="350" cy="230" r="15" class="orange"/><g class="math-expression"><g transform="translate(333 175)" class="fraction-g"><text x="16" y="-18" text-anchor="middle" class="body">7</text><line x1="0" y1="3" x2="32" y2="3" stroke="#074f4b" stroke-width="4" stroke-linecap="round"/><text x="16" y="34" text-anchor="middle" class="body">3</text></g></g></g>
</g>
<g transform="translate(170 660)"><rect width="1260" height="105" rx="24" class="panel"/><text x="36" y="47" class="h2">À retenir</text><text x="36" y="84" class="body">Je compare la fraction aux fractions qui valent les entiers voisins.</text></g>
<g transform="translate(170 660)"><rect width="1260" height="105" rx="24" class="panel"/><text x="36" y="47" class="h2">À retenir</text><text x="36" y="84" class="body">Je compare la fraction aux fractions qui valent les entiers voisins.</text></g>
</svg>

10
backend/contenus_pedagogiques/cycle_3/mathematiques/cm1/01_nombres_calcul_resolution/01B_fractions/svg/07_additionner_soustraire_fractions_simples.svg
View File

@@ -1,12 +1,12 @@
<svg xmlns="http://www.w3.org/2000/svg" width="1600" height="900" viewBox="0 0 1600 900">
<defs><style>.bg{fill:#f6f5ef}.panel{fill:#fff;stroke:#e2ebe6;stroke-width:2;filter:drop-shadow(0 10px 24px rgba(22,42,45,.10))}.soft{fill:#eef7f4;stroke:#c9dfd8;stroke-width:2}.title{font-family:"Trebuchet MS",Verdana,sans-serif;font-size:58px;font-weight:800;fill:#074f4b}.subtitle{font-family:"Trebuchet MS",Verdana,sans-serif;font-size:26px;font-weight:700;fill:#1e3540}.h2{font-family:"Trebuchet MS",Verdana,sans-serif;font-size:30px;font-weight:800;fill:#074f4b}.body{font-family:"Trebuchet MS",Verdana,sans-serif;font-size:24px;fill:#1d3038}.num{font-family:"Trebuchet MS",Verdana,sans-serif;font-size:58px;font-weight:800;fill:#074f4b}.orange{fill:#e78232}.blue{fill:#1d78b5}.green{fill:#2f9246}.line{stroke:#26383d;stroke-width:4;stroke-linecap:round}</style></defs>
<defs><style>.bg{fill:#f6f5ef}.panel{fill:#fff;stroke:#e2ebe6;stroke-width:2;filter:drop-shadow(0 10px 24px rgba(22,42,45,.10))}.soft{fill:#eef7f4;stroke:#c9dfd8;stroke-width:2}.title{font-family:"Trebuchet MS",Verdana,sans-serif;font-size:58px;font-weight:800;fill:#074f4b}.subtitle{font-family:"Trebuchet MS",Verdana,sans-serif;font-size:26px;font-weight:700;fill:#1e3540}.h2{font-family:"Trebuchet MS",Verdana,sans-serif;font-size:30px;font-weight:800;fill:#074f4b}.body{font-family:"Trebuchet MS",Verdana,sans-serif;font-size:24px;fill:#1d3038}.num{font-family:"Trebuchet MS",Verdana,sans-serif;font-size:58px;font-weight:800;fill:#074f4b}.orange{fill:#e78232}.blue{fill:#1d78b5}.green{fill:#2f9246}.line{stroke:#26383d;stroke-width:4;stroke-linecap:round}.fraction-g .num{font-size:38px}.fraction-g .h2{font-size:28px}.fraction-g .body{font-size:22px}.fraction-g line{stroke-width:3}</style></defs>
<rect class="bg" width="1600" height="900"/><rect x="56" y="42" width="1488" height="816" rx="34" class="panel"/>
<text x="800" y="116" text-anchor="middle" class="title">Additionner des fractions simples</text>
<text x="800" y="160" text-anchor="middle" class="subtitle">Si les dénominateurs sont les mêmes, les parts ont la meme taille</text>
<text x="800" y="160" text-anchor="middle" class="subtitle">Si les dénominateurs sont les mêmes, les parts ont la même taille</text>
<line x1="430" y1="194" x2="1170" y2="194" stroke="#dbe8e3" stroke-width="4"/>
<g transform="translate(120 245)"><rect width="640" height="360" rx="24" class="soft"/><text x="34" y="60" class="h2">Exemple</text><g class="math-expression"><g transform="translate(80 130)" class="fraction-g"><text x="18" y="-24" text-anchor="middle" class="num" font-size="42">2</text><line x1="0" y1="4" x2="36" y2="4" stroke="#074f4b" stroke-width="4" stroke-linecap="round"/><text x="18" y="38" text-anchor="middle" class="num" font-size="42">7</text></g><text x="132.44" y="130" class="num"> + </text><g transform="translate(209.72 130)" class="fraction-g"><text x="18" y="-24" text-anchor="middle" class="num" font-size="42">3</text><line x1="0" y1="4" x2="36" y2="4" stroke="#074f4b" stroke-width="4" stroke-linecap="round"/><text x="18" y="38" text-anchor="middle" class="num" font-size="42">7</text></g><text x="262.16" y="130" class="num"> = </text><g transform="translate(339.44 130)" class="fraction-g"><text x="18" y="-24" text-anchor="middle" class="num" font-size="42">5</text><line x1="0" y1="4" x2="36" y2="4" stroke="#074f4b" stroke-width="4" stroke-linecap="round"/><text x="18" y="38" text-anchor="middle" class="num" font-size="42">7</text></g></g>
<g transform="translate(120 245)"><rect width="640" height="360" rx="24" class="soft"/><text x="34" y="60" class="h2">Exemple</text><g class="math-expression"><g transform="translate(80 130)" class="fraction-g"><text x="18" y="-24" text-anchor="middle" class="num" font-size="42">2</text><line x1="0" y1="4" x2="36" y2="4" stroke="#074f4b" stroke-width="4" stroke-linecap="round"/><text x="18" y="52" text-anchor="middle" class="num">7</text></g><text x="132.44" y="130" class="num"> + </text><g transform="translate(209.72 130)" class="fraction-g"><text x="18" y="-24" text-anchor="middle" class="num" font-size="42">3</text><line x1="0" y1="4" x2="36" y2="4" stroke="#074f4b" stroke-width="4" stroke-linecap="round"/><text x="18" y="52" text-anchor="middle" class="num">7</text></g><text x="262.16" y="130" class="num"> = </text><g transform="translate(339.44 130)" class="fraction-g"><text x="18" y="-24" text-anchor="middle" class="num" font-size="42">5</text><line x1="0" y1="4" x2="36" y2="4" stroke="#074f4b" stroke-width="4" stroke-linecap="round"/><text x="18" y="52" text-anchor="middle" class="num">7</text></g></g>
<g transform="translate(70 210)"><rect width="490" height="70" rx="10" fill="#f7fbf9" stroke="#26383d" stroke-width="3"/><rect width="70" height="70" rx="10" class="orange"/><rect x="70" width="70" height="70" class="orange"/><rect x="140" width="70" height="70" class="blue"/><rect x="210" width="70" height="70" class="blue"/><rect x="280" width="70" height="70" class="blue"/><line x1="70" y1="0" x2="70" y2="70" class="line"/><line x1="140" y1="0" x2="140" y2="70" class="line"/><line x1="210" y1="0" x2="210" y2="70" class="line"/><line x1="280" y1="0" x2="280" y2="70" class="line"/><line x1="350" y1="0" x2="350" y2="70" class="line"/><line x1="420" y1="0" x2="420" y2="70" class="line"/></g>
</g>
<g transform="translate(825 245)"><rect width="625" height="360" rx="24" class="panel"/><text x="36" y="60" class="h2">La règle</text><text x="65" y="135" class="body">Je garde le dénominateur.</text><text x="65" y="180" class="body">J'ajoute ou je retire</text><text x="65" y="218" class="body">seulement les numérateurs.</text><g class="math-expression"><g transform="translate(65 290)" class="fraction-g"><text x="18" y="-24" text-anchor="middle" class="num" font-size="42">6</text><line x1="0" y1="4" x2="36" y2="4" stroke="#074f4b" stroke-width="4" stroke-linecap="round"/><text x="18" y="38" text-anchor="middle" class="num" font-size="42">8</text></g><text x="117.44" y="290" class="num"> - </text><g transform="translate(194.72 290)" class="fraction-g"><text x="18" y="-24" text-anchor="middle" class="num" font-size="42">2</text><line x1="0" y1="4" x2="36" y2="4" stroke="#074f4b" stroke-width="4" stroke-linecap="round"/><text x="18" y="38" text-anchor="middle" class="num" font-size="42">8</text></g><text x="247.16" y="290" class="num"> = </text><g transform="translate(324.44 290)" class="fraction-g"><text x="18" y="-24" text-anchor="middle" class="num" font-size="42">4</text><line x1="0" y1="4" x2="36" y2="4" stroke="#074f4b" stroke-width="4" stroke-linecap="round"/><text x="18" y="38" text-anchor="middle" class="num" font-size="42">8</text></g></g></g>
<g transform="translate(170 660)"><rect width="1260" height="105" rx="24" class="panel"/><text x="36" y="47" class="h2">À retenir</text><text x="36" y="84" class="body">Avant de çalculer, je vérifie que les dénominateurs sont identiques.</text></g>
<g transform="translate(825 245)"><rect width="625" height="360" rx="24" class="panel"/><text x="36" y="60" class="h2">La règle</text><text x="65" y="135" class="body">Je garde le dénominateur.</text><text x="65" y="180" class="body">J'ajoute ou je retire</text><text x="65" y="218" class="body">seulement les numérateurs.</text><g class="math-expression"><g transform="translate(65 290)" class="fraction-g"><text x="18" y="-24" text-anchor="middle" class="num" font-size="42">6</text><line x1="0" y1="4" x2="36" y2="4" stroke="#074f4b" stroke-width="4" stroke-linecap="round"/><text x="18" y="52" text-anchor="middle" class="num">8</text></g><text x="117.44" y="290" class="num"> - </text><g transform="translate(194.72 290)" class="fraction-g"><text x="18" y="-24" text-anchor="middle" class="num" font-size="42">2</text><line x1="0" y1="4" x2="36" y2="4" stroke="#074f4b" stroke-width="4" stroke-linecap="round"/><text x="18" y="52" text-anchor="middle" class="num">8</text></g><text x="247.16" y="290" class="num"> = </text><g transform="translate(324.44 290)" class="fraction-g"><text x="18" y="-24" text-anchor="middle" class="num" font-size="42">4</text><line x1="0" y1="4" x2="36" y2="4" stroke="#074f4b" stroke-width="4" stroke-linecap="round"/><text x="18" y="52" text-anchor="middle" class="num">8</text></g></g></g>
<g transform="translate(170 660)"><rect width="1260" height="105" rx="24" class="panel"/><text x="36" y="47" class="h2">À retenir</text><text x="36" y="84" class="body">Avant de calculer, je vérifie que les dénominateurs sont identiques.</text></g>
</svg>

12
backend/contenus_pedagogiques/cycle_3/mathematiques/cm1/01_nombres_calcul_resolution/01B_fractions/svg/08_fraction_d_une_quantite.svg
View File

@@ -1,13 +1,13 @@
<svg xmlns="http://www.w3.org/2000/svg" width="1600" height="900" viewBox="0 0 1600 900">
<defs><style>.bg{fill:#f6f5ef}.panel{fill:#fff;stroke:#e2ebe6;stroke-width:2;filter:drop-shadow(0 10px 24px rgba(22,42,45,.10))}.soft{fill:#eef7f4;stroke:#c9dfd8;stroke-width:2}.title{font-family:"Trebuchet MS",Verdana,sans-serif;font-size:58px;font-weight:800;fill:#074f4b}.subtitle{font-family:"Trebuchet MS",Verdana,sans-serif;font-size:26px;font-weight:700;fill:#1e3540}.h2{font-family:"Trebuchet MS",Verdana,sans-serif;font-size:30px;font-weight:800;fill:#074f4b}.body{font-family:"Trebuchet MS",Verdana,sans-serif;font-size:24px;fill:#1d3038}.num{font-family:"Trebuchet MS",Verdana,sans-serif;font-size:58px;font-weight:800;fill:#074f4b}.small{font-family:"Trebuchet MS",Verdana,sans-serif;font-size:19px;fill:#2d4148}.orange{fill:#e78232}.green{fill:#2f9246}.line{stroke:#26383d;stroke-width:4;stroke-linecap:round}</style></defs>
<defs><style>.bg{fill:#f6f5ef}.panel{fill:#fff;stroke:#e2ebe6;stroke-width:2;filter:drop-shadow(0 10px 24px rgba(22,42,45,.10))}.soft{fill:#eef7f4;stroke:#c9dfd8;stroke-width:2}.title{font-family:"Trebuchet MS",Verdana,sans-serif;font-size:58px;font-weight:800;fill:#074f4b}.subtitle{font-family:"Trebuchet MS",Verdana,sans-serif;font-size:26px;font-weight:700;fill:#1e3540}.h2{font-family:"Trebuchet MS",Verdana,sans-serif;font-size:30px;font-weight:800;fill:#074f4b}.body{font-family:"Trebuchet MS",Verdana,sans-serif;font-size:24px;fill:#1d3038}.num{font-family:"Trebuchet MS",Verdana,sans-serif;font-size:58px;font-weight:800;fill:#074f4b}.small{font-family:"Trebuchet MS",Verdana,sans-serif;font-size:19px;fill:#2d4148}.orange{fill:#e78232}.green{fill:#2f9246}.line{stroke:#26383d;stroke-width:4;stroke-linecap:round}.fraction-g .num{font-size:38px}.fraction-g .h2{font-size:28px}.fraction-g .body{font-size:22px}.fraction-g line{stroke-width:3}</style></defs>
<rect class="bg" width="1600" height="900"/><rect x="56" y="42" width="1488" height="816" rx="34" class="panel"/>
<text x="800" y="116" text-anchor="middle" class="title">Trouver une fraction d'une quantité</text>
<text x="800" y="160" text-anchor="middle" class="subtitle">Je partage, puis je prends les parts demandées</text>
<text x="800" y="116" text-anchor="middle" class="title">Trouver une fraction d'une quantité</text>
<text x="800" y="160" text-anchor="middle" class="subtitle">Je partage, puis je prends les parts demandées</text>
<line x1="430" y1="194" x2="1170" y2="194" stroke="#dbe8e3" stroke-width="4"/>
<g transform="translate(120 245)"><rect width="640" height="360" rx="24" class="soft"/><g class="math-expression"><text x="34" y="60" class="h2">Exemple : </text><g transform="translate(190.8 60)" class="fraction-g"><text x="17" y="-24" text-anchor="middle" class="h2">3</text><line x1="0" y1="4" x2="34" y2="4" stroke="#074f4b" stroke-width="4" stroke-linecap="round"/><text x="17" y="34" text-anchor="middle" class="h2">4</text></g><text x="224.8" y="60" class="h2"> de 20</text></g>
<g transform="translate(120 245)"><rect width="640" height="360" rx="24" class="soft"/><g class="math-expression"><text x="34" y="60" class="h2">Exemple : </text><g transform="translate(190.8 60)" class="fraction-g"><text x="17" y="-24" text-anchor="middle" class="h2">3</text><line x1="0" y1="4" x2="34" y2="4" stroke="#074f4b" stroke-width="4" stroke-linecap="round"/><text x="17" y="42" text-anchor="middle" class="h2">4</text></g><text x="224.8" y="60" class="h2"> de 20</text></g>
<g transform="translate(80 125)"><rect width="440" height="90" rx="12" fill="#f7fbf9" stroke="#26383d" stroke-width="3"/><rect width="110" height="90" rx="12" class="orange"/><rect x="110" width="110" height="90" class="orange"/><rect x="220" width="110" height="90" class="orange"/><line x1="110" y1="0" x2="110" y2="90" class="line"/><line x1="220" y1="0" x2="220" y2="90" class="line"/><line x1="330" y1="0" x2="330" y2="90" class="line"/></g>
<text x="80" y="270" class="body">20 partage en 4 parts : chaque part vaut 5.</text><text x="80" y="315" class="body">Je prends 3 parts : 15.</text>
</g>
<g transform="translate(825 245)"><rect width="625" height="360" rx="24" class="panel"/><text x="36" y="60" class="h2">La méthode</text><text x="70" y="130" class="num">20 ÷ 4 = 5</text><text x="70" y="205" class="num">5 x 3 = 15</text><text x="70" y="285" class="body">Le dénominateur partage.</text><text x="70" y="323" class="body">Le numérateur dit combien prendre.</text></g>
<g transform="translate(170 660)"><rect width="1260" height="105" rx="24" class="panel"/><text x="36" y="47" class="h2">À retenir</text><g class="math-expression"><text x="36" y="84" class="body">Pour trouver </text><g transform="translate(210.72 84)" class="fraction-g"><text x="16" y="-18" text-anchor="middle" class="body">3</text><line x1="0" y1="3" x2="32" y2="3" stroke="#074f4b" stroke-width="4" stroke-linecap="round"/><text x="16" y="26" text-anchor="middle" class="body">4</text></g><text x="244.72" y="84" class="body"> d&#x27;une quantité : je divise par 4, puis je multiplie par 3.</text></g></g>
<g transform="translate(825 245)"><rect width="625" height="360" rx="24" class="panel"/><text x="36" y="60" class="h2">La méthode</text><text x="70" y="130" class="num">20 ÷ 4 = 5</text><text x="70" y="205" class="num">5 x 3 = 15</text><text x="70" y="285" class="body">Le dénominateur partage.</text><text x="70" y="323" class="body">Le numérateur dit combien prendre.</text></g>
<g transform="translate(170 660)"><rect width="1260" height="105" rx="24" class="panel"/><text x="36" y="47" class="h2">À retenir</text><g class="math-expression"><text x="36" y="84" class="body">Pour trouver </text><g transform="translate(210.72 84)" class="fraction-g"><text x="16" y="-18" text-anchor="middle" class="body">3</text><line x1="0" y1="3" x2="32" y2="3" stroke="#074f4b" stroke-width="4" stroke-linecap="round"/><text x="16" y="34" text-anchor="middle" class="body">4</text></g><text x="244.72" y="84" class="body"> d&#x27;une quantité : je divise par 4, puis je multiplie par 3.</text></g></g>
</svg>