new design repo
@@ -606,6 +606,8 @@ def start_session(
|
||||
"Avancement affiché: début de leçon\n"
|
||||
"Règle: commence directement sur cette card. Ne fais pas de reprise de la dernière séance.\n"
|
||||
)
|
||||
if assigned_lesson.get("lesson_context"):
|
||||
lesson_context += f"\nLecon complete de reference:\n{assigned_lesson['lesson_context'].strip()}\n"
|
||||
if first_section and first_section.get("context"):
|
||||
lesson_context += f"\nTexte pédagogique de la card courante:\n{first_section['context'].strip()}"
|
||||
adaptive_context = format_adaptive_kit_context(assigned_lesson)
|
||||
@@ -665,6 +667,8 @@ def chat(
|
||||
f"Avancement affiché: {payload.step_percent if payload.step_percent is not None else 'non précisé'}%\n"
|
||||
"Règle: réponds uniquement à propos de cette card et vérifie la compréhension de l'élève.\n"
|
||||
)
|
||||
if current_lesson and current_lesson.get("lesson_context"):
|
||||
lesson_context += f"\nLecon complete de reference:\n{current_lesson['lesson_context'].strip()}\n"
|
||||
if payload.section_context:
|
||||
lesson_context += f"\nTexte pédagogique de la card courante:\n{payload.section_context.strip()}"
|
||||
adaptive_context = format_adaptive_kit_context(current_lesson)
|
||||
|
||||
@@ -85,8 +85,12 @@ def build_section_url(relative_path: str, section_index: int) -> str:
|
||||
|
||||
|
||||
def find_section_context_path(svg_path: Path, asset_number: int, section_number: int) -> Path | None:
|
||||
fiche_slug = svg_path.parent.name if svg_path.name == "fiche.svg" else svg_path.stem
|
||||
lesson_dir = svg_path.parents[2] if svg_path.name == "fiche.svg" else svg_path.parent.parent
|
||||
canonical_context_dir = lesson_dir / "cards" / fiche_slug
|
||||
context_dir = svg_path.parent.parent / "card_contexts" / svg_path.stem
|
||||
candidates = [
|
||||
canonical_context_dir / f"card_{section_number:02d}.md",
|
||||
context_dir / f"Fiche{asset_number}Card{section_number}.md",
|
||||
context_dir / f"fiche_{asset_number:02d}_card_{section_number:02d}.md",
|
||||
context_dir / f"card_{section_number:02d}.md",
|
||||
@@ -94,6 +98,13 @@ def find_section_context_path(svg_path: Path, asset_number: int, section_number:
|
||||
return next((candidate for candidate in candidates if candidate.exists()), None)
|
||||
|
||||
|
||||
def find_section_svg_path(svg_path: Path, section_number: int) -> Path | None:
|
||||
fiche_slug = svg_path.parent.name if svg_path.name == "fiche.svg" else svg_path.stem
|
||||
lesson_dir = svg_path.parents[2] if svg_path.name == "fiche.svg" else svg_path.parent.parent
|
||||
candidate = lesson_dir / "cards" / fiche_slug / f"card_{section_number:02d}.svg"
|
||||
return candidate if candidate.exists() else None
|
||||
|
||||
|
||||
def svg_attr(attrs: str, name: str, default: float | None = None) -> float | None:
|
||||
match = re.search(rf'\b{name}="(?P<value>[-\d.]+)"', attrs)
|
||||
if match:
|
||||
@@ -126,11 +137,14 @@ def extract_svg_sections(svg_path: Path, asset_number: int | None = None) -> lis
|
||||
margin = 28
|
||||
section_number = len(sections) + 1
|
||||
context_path = find_section_context_path(svg_path, asset_number or 1, section_number)
|
||||
section_svg_path = find_section_svg_path(svg_path, section_number)
|
||||
section_relative = section_svg_path.relative_to(CONTENT_ROOT).as_posix() if section_svg_path else ""
|
||||
sections.append(
|
||||
{
|
||||
"index": len(sections),
|
||||
"title": title,
|
||||
"context_key": f"Fiche{asset_number or 1}Card{section_number}",
|
||||
"path": section_relative,
|
||||
"context": context_path.read_text(encoding="utf-8", errors="ignore").strip()
|
||||
if context_path
|
||||
else "",
|
||||
@@ -188,23 +202,43 @@ def render_svg_section(path: Path, section_index: int) -> str:
|
||||
return text
|
||||
|
||||
|
||||
def discover_lesson_dirs() -> list[Path]:
|
||||
lesson_dirs: set[Path] = set()
|
||||
for svg_dir in CONTENT_ROOT.glob("cycle_*/*/*/**/svg"):
|
||||
if svg_dir.is_dir() and "kit_adaptatif" not in svg_dir.relative_to(CONTENT_ROOT).parts:
|
||||
lesson_dirs.add(svg_dir.parent)
|
||||
for fiches_dir in CONTENT_ROOT.glob("cycle_*/*/*/**/fiches"):
|
||||
if fiches_dir.is_dir() and list(fiches_dir.glob("*/fiche.svg")):
|
||||
lesson_dirs.add(fiches_dir.parent)
|
||||
return sorted(lesson_dirs)
|
||||
|
||||
|
||||
def lesson_fiche_svg_paths(lesson_dir: Path) -> list[Path]:
|
||||
canonical = sorted((lesson_dir / "fiches").glob("*/fiche.svg"))
|
||||
if canonical:
|
||||
return canonical
|
||||
return sorted((lesson_dir / "svg").glob("*.svg"))
|
||||
|
||||
|
||||
def fiche_markdown_for_svg(svg_path: Path) -> Path | None:
|
||||
if svg_path.name == "fiche.svg":
|
||||
candidate = svg_path.with_name("fiche.md")
|
||||
return candidate if candidate.exists() else None
|
||||
candidate = svg_path.parent.parent / f"{svg_path.stem}.md"
|
||||
return candidate if candidate.exists() else None
|
||||
|
||||
|
||||
@lru_cache(maxsize=1)
|
||||
def list_lessons() -> list[dict]:
|
||||
lessons: list[dict] = []
|
||||
if not CONTENT_ROOT.exists():
|
||||
return lessons
|
||||
|
||||
for svg_dir in sorted(CONTENT_ROOT.glob("cycle_*/*/*/**/svg")):
|
||||
if not svg_dir.is_dir():
|
||||
continue
|
||||
if "kit_adaptatif" in svg_dir.relative_to(CONTENT_ROOT).parts:
|
||||
continue
|
||||
|
||||
svg_files = sorted(svg_dir.glob("*.svg"))
|
||||
for lesson_dir in discover_lesson_dirs():
|
||||
svg_files = lesson_fiche_svg_paths(lesson_dir)
|
||||
if not svg_files:
|
||||
continue
|
||||
|
||||
lesson_dir = svg_dir.parent
|
||||
relative_lesson = lesson_dir.relative_to(CONTENT_ROOT).as_posix()
|
||||
parts = relative_lesson.split("/")
|
||||
if len(parts) < 4:
|
||||
@@ -228,16 +262,21 @@ def list_lessons() -> list[dict]:
|
||||
for asset_index, svg_path in enumerate(svg_files, start=1):
|
||||
relative_path = svg_path.relative_to(CONTENT_ROOT).as_posix()
|
||||
sections = extract_svg_sections(svg_path, asset_index)
|
||||
fiche_md = fiche_markdown_for_svg(svg_path)
|
||||
fiche_slug = svg_path.parent.name if svg_path.name == "fiche.svg" else svg_path.stem
|
||||
assets.append(
|
||||
{
|
||||
"name": svg_path.stem,
|
||||
"title": title_from_slug(svg_path.stem),
|
||||
"name": fiche_slug,
|
||||
"title": title_from_slug(fiche_slug),
|
||||
"path": relative_path,
|
||||
"url": build_asset_url(relative_path),
|
||||
"content": read_review_text(fiche_md) if fiche_md else "",
|
||||
"sections": [
|
||||
{
|
||||
**section,
|
||||
"url": build_section_url(relative_path, section["index"]),
|
||||
"url": build_asset_url(section["path"])
|
||||
if section.get("path")
|
||||
else build_section_url(relative_path, section["index"]),
|
||||
}
|
||||
for section in sections
|
||||
],
|
||||
@@ -253,6 +292,7 @@ def list_lessons() -> list[dict]:
|
||||
"cycle": cycle,
|
||||
"asset_count": len(assets),
|
||||
"assets": assets,
|
||||
"lesson_context": read_review_text(lesson_dir / "lecon.md") if (lesson_dir / "lecon.md").exists() else "",
|
||||
"adaptive_kit": collect_adaptive_kit(lesson_dir),
|
||||
}
|
||||
)
|
||||
@@ -366,17 +406,28 @@ def apply_program_review_updates() -> dict:
|
||||
|
||||
def collect_lesson_status(lesson: dict) -> dict:
|
||||
lesson_dir = CONTENT_ROOT / lesson["id"]
|
||||
kit_dir = lesson_dir / "kit_adaptatif"
|
||||
legacy_kit_dir = lesson_dir / "kit_adaptatif"
|
||||
fiche_md = list((lesson_dir / "fiches").glob("*/fiche.md"))
|
||||
fiche_svg = list((lesson_dir / "fiches").glob("*/fiche.svg"))
|
||||
card_md = list((lesson_dir / "cards").glob("*/*.md"))
|
||||
card_svg = list((lesson_dir / "cards").glob("*/*.svg"))
|
||||
tests_dir = lesson_dir / "tests"
|
||||
parcours_dir = lesson_dir / "exercices" / "parcours_adaptes"
|
||||
return {
|
||||
"micro_fiches": len([path for path in lesson_dir.glob("*.md") if path.name.startswith(tuple("0123456789"))]),
|
||||
"lesson_svg": len(lesson.get("assets") or []),
|
||||
"cards": sum(len(asset.get("sections") or []) for asset in lesson.get("assets") or []),
|
||||
"contexts": len(list((lesson_dir / "card_contexts").rglob("Fiche*Card*.md"))),
|
||||
"lesson_md": 1 if (lesson_dir / "lecon.md").exists() else 0,
|
||||
"micro_fiches": len(fiche_md) or len([path for path in lesson_dir.glob("*.md") if path.name.startswith(tuple("0123456789"))]),
|
||||
"lesson_svg": len(fiche_svg) or len(lesson.get("assets") or []),
|
||||
"cards": len(card_svg) or sum(len(asset.get("sections") or []) for asset in lesson.get("assets") or []),
|
||||
"contexts": len(card_md) or len(list((lesson_dir / "card_contexts").rglob("Fiche*Card*.md"))),
|
||||
"text_exercises": len(list((lesson_dir / "exercices").rglob("exercices.md"))),
|
||||
"exercise_svg": len(list((lesson_dir / "exercices_svg").glob("*.svg"))),
|
||||
"adaptive_tests": len([path for path in (kit_dir / "test_diagnostic").glob("*.md") if path.name != "README.md"]) if kit_dir.exists() else 0,
|
||||
"adaptive_profiles": len([path for path in (kit_dir / "parcours_profils").glob("*.md") if path.name != "README.md"]) if kit_dir.exists() else 0,
|
||||
"adaptive_svg": len(list((kit_dir / "svg").glob("*.svg"))) if kit_dir.exists() else 0,
|
||||
"exercise_svg": len(list((lesson_dir / "exercices").rglob("exercices.svg"))) or len(list((lesson_dir / "exercices_svg").glob("*.svg"))),
|
||||
"tests": len([path for path in tests_dir.glob("*.md") if path.name != "README.md"])
|
||||
if tests_dir.exists()
|
||||
else len([path for path in (legacy_kit_dir / "test_diagnostic").glob("*.md") if path.name != "README.md"]) if legacy_kit_dir.exists() else 0,
|
||||
"test_svg": len(list(tests_dir.glob("*.svg"))) if tests_dir.exists() else len(list((legacy_kit_dir / "svg").glob("*.svg"))) if legacy_kit_dir.exists() else 0,
|
||||
"adaptive_profiles": len([path for path in parcours_dir.glob("*.md") if path.name != "README.md"])
|
||||
if parcours_dir.exists()
|
||||
else len([path for path in (legacy_kit_dir / "parcours_profils").glob("*.md") if path.name != "README.md"]) if legacy_kit_dir.exists() else 0,
|
||||
"validations": sorted(path.stem for path in lesson_dir.glob("VALIDATION_PHASE_*.md")),
|
||||
}
|
||||
|
||||
@@ -397,12 +448,13 @@ def read_review_text(path: Path, max_chars: int = 6000) -> str:
|
||||
|
||||
|
||||
def collect_adaptive_kit(lesson_dir: Path) -> dict | None:
|
||||
kit_dir = lesson_dir / "kit_adaptatif"
|
||||
if not kit_dir.exists():
|
||||
tests_dir = lesson_dir / "tests"
|
||||
parcours_dir = lesson_dir / "exercices" / "parcours_adaptes"
|
||||
legacy_kit_dir = lesson_dir / "kit_adaptatif"
|
||||
if not tests_dir.exists() and not parcours_dir.exists() and not legacy_kit_dir.exists():
|
||||
return None
|
||||
|
||||
def markdown_items(folder: str) -> list[dict]:
|
||||
base = kit_dir / folder
|
||||
def markdown_items(base: Path) -> list[dict]:
|
||||
if not base.exists():
|
||||
return []
|
||||
return [
|
||||
@@ -415,24 +467,34 @@ def collect_adaptive_kit(lesson_dir: Path) -> dict | None:
|
||||
if path.name != "README.md"
|
||||
]
|
||||
|
||||
supports = []
|
||||
svg_dir = kit_dir / "svg"
|
||||
if svg_dir.exists():
|
||||
for path in sorted(svg_dir.glob("*.svg")):
|
||||
def svg_items(base: Path) -> list[dict]:
|
||||
if not base.exists():
|
||||
return []
|
||||
items = []
|
||||
for path in sorted(base.glob("*.svg")):
|
||||
relative = path.relative_to(CONTENT_ROOT).as_posix()
|
||||
supports.append(
|
||||
items.append(
|
||||
{
|
||||
"id": relative,
|
||||
"title": title_from_slug(path.stem),
|
||||
"url": build_asset_url(relative),
|
||||
}
|
||||
)
|
||||
return items
|
||||
|
||||
diagnostics = markdown_items(tests_dir)
|
||||
profiles = markdown_items(parcours_dir)
|
||||
supports = svg_items(tests_dir) + svg_items(parcours_dir)
|
||||
if legacy_kit_dir.exists():
|
||||
diagnostics = diagnostics or markdown_items(legacy_kit_dir / "test_diagnostic")
|
||||
profiles = profiles or markdown_items(legacy_kit_dir / "parcours_profils")
|
||||
supports = supports or svg_items(legacy_kit_dir / "svg")
|
||||
|
||||
return {
|
||||
"id": kit_dir.relative_to(CONTENT_ROOT).as_posix(),
|
||||
"title": "Kit adaptatif",
|
||||
"diagnostics": markdown_items("test_diagnostic"),
|
||||
"profiles": markdown_items("parcours_profils"),
|
||||
"id": lesson_dir.relative_to(CONTENT_ROOT).as_posix(),
|
||||
"title": "Tests et exercices adaptes",
|
||||
"diagnostics": diagnostics,
|
||||
"profiles": profiles,
|
||||
"supports": supports,
|
||||
}
|
||||
|
||||
@@ -445,7 +507,7 @@ def format_adaptive_kit_context(lesson: dict | None) -> str:
|
||||
diagnostics = ", ".join(item["title"] for item in kit.get("diagnostics") or [])
|
||||
profiles = ", ".join(item["title"] for item in kit.get("profiles") or [])
|
||||
return (
|
||||
"Kit adaptatif disponible pour cette leçon.\n"
|
||||
"Tests et exercices adaptes disponibles pour cette leçon.\n"
|
||||
f"Tests diagnostics: {diagnostics or 'aucun'}.\n"
|
||||
f"Parcours de reprise: {profiles or 'aucun'}.\n"
|
||||
"Règle adaptative: si l'élève se trompe nettement, semble bloqué, inverse les notions ou demande de l'aide, "
|
||||
@@ -485,13 +547,15 @@ def build_program_tree() -> dict:
|
||||
lesson_node["status"] = collect_lesson_status(lesson)
|
||||
lesson_node["review"] = reviews.get(lesson["id"], {})
|
||||
lesson_node["assets"] = lesson.get("assets") or []
|
||||
lesson_node["content"] = lesson.get("lesson_context") or ""
|
||||
for asset in lesson.get("assets") or []:
|
||||
asset_key = asset["path"]
|
||||
asset_node = append_tree_child(lesson_node, asset_key, asset["title"], "fiche", asset_key)
|
||||
asset_node["url"] = asset.get("url")
|
||||
asset_node["content"] = asset.get("content") or ""
|
||||
asset_node["review"] = reviews.get(asset_key, {})
|
||||
for section in asset.get("sections") or []:
|
||||
section_key = f"{asset_key}#{section.get('context_key') or section.get('index')}"
|
||||
section_key = section.get("path") or f"{asset_key}#{section.get('context_key') or section.get('index')}"
|
||||
section_node = append_tree_child(
|
||||
asset_node,
|
||||
section_key,
|
||||
@@ -500,36 +564,43 @@ def build_program_tree() -> dict:
|
||||
section_key,
|
||||
)
|
||||
section_node["url"] = section.get("url")
|
||||
section_node["content"] = section.get("context") or ""
|
||||
section_node["review"] = reviews.get(section_key, {})
|
||||
lesson_dir = CONTENT_ROOT / lesson["id"]
|
||||
kit_dir = lesson_dir / "kit_adaptatif"
|
||||
if kit_dir.exists():
|
||||
kit_key = f"{lesson['id']}/kit_adaptatif"
|
||||
kit_node = append_tree_child(lesson_node, kit_key, "Kit adaptatif", "kit", kit_key)
|
||||
kit_node["review"] = reviews.get(kit_key, {})
|
||||
|
||||
tests_node = append_tree_child(kit_node, f"{kit_key}/test_diagnostic", "Tests diagnostics", "group", f"{kit_key}/test_diagnostic")
|
||||
for test_path in sorted((kit_dir / "test_diagnostic").glob("*.md")):
|
||||
if test_path.name == "README.md":
|
||||
exercises_dir = lesson_dir / "exercices"
|
||||
if exercises_dir.exists():
|
||||
exercises_node = append_tree_child(lesson_node, f"{lesson['id']}/exercices", "Exercices", "group", f"{lesson['id']}/exercices")
|
||||
for exercise_md in sorted(exercises_dir.rglob("*.md")):
|
||||
if exercise_md.name == "README.md":
|
||||
continue
|
||||
relative = test_path.relative_to(CONTENT_ROOT).as_posix()
|
||||
test_node = append_tree_child(tests_node, relative, title_from_slug(test_path.stem), "diagnostic", relative)
|
||||
test_node["content"] = read_review_text(test_path)
|
||||
relative = exercise_md.relative_to(CONTENT_ROOT).as_posix()
|
||||
exercise_node = append_tree_child(exercises_node, relative, title_from_slug(exercise_md.parent.name), "exercice", relative)
|
||||
exercise_node["content"] = read_review_text(exercise_md)
|
||||
exercise_svg = exercise_md.with_suffix(".svg") if exercise_md.stem != "exercices" else exercise_md.with_name("exercices.svg")
|
||||
if exercise_svg.exists():
|
||||
exercise_node["url"] = build_asset_url(exercise_svg.relative_to(CONTENT_ROOT).as_posix())
|
||||
exercise_node["review"] = reviews.get(relative, {})
|
||||
for exercise_svg in sorted(exercises_dir.rglob("*.svg")):
|
||||
if exercise_svg.with_suffix(".md").exists() or (exercise_svg.name == "exercices.svg" and (exercise_svg.parent / "exercices.md").exists()):
|
||||
continue
|
||||
relative = exercise_svg.relative_to(CONTENT_ROOT).as_posix()
|
||||
support_node = append_tree_child(exercises_node, relative, title_from_slug(exercise_svg.stem), "support", relative)
|
||||
support_node["url"] = build_asset_url(relative)
|
||||
support_node["review"] = reviews.get(relative, {})
|
||||
|
||||
tests_dir = lesson_dir / "tests"
|
||||
if tests_dir.exists():
|
||||
tests_node = append_tree_child(lesson_node, f"{lesson['id']}/tests", "Tests", "group", f"{lesson['id']}/tests")
|
||||
for test_md in sorted(tests_dir.glob("*.md")):
|
||||
if test_md.name == "README.md":
|
||||
continue
|
||||
relative = test_md.relative_to(CONTENT_ROOT).as_posix()
|
||||
test_node = append_tree_child(tests_node, relative, title_from_slug(test_md.stem), "test", relative)
|
||||
test_node["content"] = read_review_text(test_md)
|
||||
test_node["review"] = reviews.get(relative, {})
|
||||
|
||||
profiles_node = append_tree_child(kit_node, f"{kit_key}/parcours_profils", "Parcours profils", "group", f"{kit_key}/parcours_profils")
|
||||
for profile_path in sorted((kit_dir / "parcours_profils").glob("*.md")):
|
||||
if profile_path.name == "README.md":
|
||||
continue
|
||||
relative = profile_path.relative_to(CONTENT_ROOT).as_posix()
|
||||
profile_node = append_tree_child(profiles_node, relative, title_from_slug(profile_path.stem), "parcours", relative)
|
||||
profile_node["content"] = read_review_text(profile_path)
|
||||
profile_node["review"] = reviews.get(relative, {})
|
||||
|
||||
svg_node = append_tree_child(kit_node, f"{kit_key}/svg", "Supports visuels", "group", f"{kit_key}/svg")
|
||||
for svg_path in sorted((kit_dir / "svg").glob("*.svg")):
|
||||
relative = svg_path.relative_to(CONTENT_ROOT).as_posix()
|
||||
support_node = append_tree_child(svg_node, relative, title_from_slug(svg_path.stem), "support", relative)
|
||||
for test_svg in sorted(tests_dir.glob("*.svg")):
|
||||
relative = test_svg.relative_to(CONTENT_ROOT).as_posix()
|
||||
support_node = append_tree_child(tests_node, relative, title_from_slug(test_svg.stem), "support", relative)
|
||||
support_node["url"] = build_asset_url(relative)
|
||||
support_node["review"] = reviews.get(relative, {})
|
||||
return root
|
||||
|
||||
@@ -1,16 +0,0 @@
|
||||
# Contextes dynamiques - CM1 - Fractions
|
||||
|
||||
Ce dossier contient les textes pedagogiques associes aux cards detectees dans les SVG de lecon du sous-theme `01B_fractions`.
|
||||
|
||||
Convention de nommage attendue par l'application :
|
||||
|
||||
- `card_contexts/<nom_du_svg>/Fiche{numero_fiche}Card{numero_card}.md`
|
||||
|
||||
Objectif :
|
||||
|
||||
- guider Professeur TOP pour expliquer uniquement la card affichee ;
|
||||
- eviter que le modele reparte sur toute la fiche ou sur une autre notion ;
|
||||
- fournir un critere simple pour avancer a la card suivante.
|
||||
|
||||
Statut Phase 4A : contextes initiaux generes, a relire avant exercices.
|
||||
|
||||
@@ -0,0 +1,32 @@
|
||||
<svg xmlns="http://www.w3.org/2000/svg" width="511" height="356" viewBox="82 217 511 356">
|
||||
<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:46px;font-weight:800;fill:#074f4b}.frac-big{font-family:"Trebuchet MS",Verdana,sans-serif;font-size:96px;font-weight:800;fill:#074f4b}.op{font-family:"Trebuchet MS",Verdana,sans-serif;font-size:46px;font-weight:800;fill:#074f4b}.orange{fill:#e78232}.blue{fill:#1d78b5}.green{fill:#2f9246}.line{stroke:#26383d;stroke-width:4;stroke-linecap:round}.tick{stroke:#26383d;stroke-width:3}.frac-line{stroke:#074f4b;stroke-width:4;stroke-linecap:round}.blank{stroke:#7fa79d;stroke-width:3;stroke-dasharray:10 10}</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>
|
||||
<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"/><text x="34" y="58" class="h2">La fraction</text><g transform="translate(173 125)" class="fraction-g" data-box="-6 -50 122 178">
|
||||
<text x="55" y="-28" text-anchor="middle" class="frac-big">3</text>
|
||||
<line x1="0" y1="22" x2="110" y2="22" class="frac-line"/>
|
||||
<text x="55" y="110" text-anchor="middle" class="frac-big">4</text>
|
||||
</g></g>
|
||||
<g transform="translate(625 245)"><rect width="390" height="300" rx="24" class="panel"/><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" transform="translate(30 236)">
|
||||
<g transform="translate(0 0)" class="fraction-g" data-box="-4 -30 46 76">
|
||||
<text x="19" y="-14" text-anchor="middle" class="body">3</text>
|
||||
<line x1="0" y1="5" x2="38" y2="5" class="frac-line"/>
|
||||
<text x="19" y="34" text-anchor="middle" class="body">4</text>
|
||||
</g>
|
||||
<text x="72" y="13" class="body"> se lit : trois quarts</text>
|
||||
</g></g>
|
||||
<g transform="translate(1070 245)"><rect width="400" height="300" rx="24" class="panel"/><text x="30" y="58" class="h2">L'unité partagée</text><g transform="translate(45 110)"><rect width="320" height="90" rx="12" fill="#f7fbf9" stroke="#26383d" stroke-width="3"/>
|
||||
<rect x="0" width="80" height="90" rx="12" class="orange"/>
|
||||
<rect x="80" width="80" height="90" class="orange"/>
|
||||
<rect x="160" 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="238" class="small">L'unité est coupée en 4 parts</text><text x="45" y="264" class="small">égales.</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">Le dénominateur indique le partage. Le numérateur indique les parts prises.</text></g>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 3.8 KiB |
@@ -0,0 +1,32 @@
|
||||
<svg xmlns="http://www.w3.org/2000/svg" width="446" height="356" viewBox="597 217 446 356">
|
||||
<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:46px;font-weight:800;fill:#074f4b}.frac-big{font-family:"Trebuchet MS",Verdana,sans-serif;font-size:96px;font-weight:800;fill:#074f4b}.op{font-family:"Trebuchet MS",Verdana,sans-serif;font-size:46px;font-weight:800;fill:#074f4b}.orange{fill:#e78232}.blue{fill:#1d78b5}.green{fill:#2f9246}.line{stroke:#26383d;stroke-width:4;stroke-linecap:round}.tick{stroke:#26383d;stroke-width:3}.frac-line{stroke:#074f4b;stroke-width:4;stroke-linecap:round}.blank{stroke:#7fa79d;stroke-width:3;stroke-dasharray:10 10}</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>
|
||||
<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"/><text x="34" y="58" class="h2">La fraction</text><g transform="translate(173 125)" class="fraction-g" data-box="-6 -50 122 178">
|
||||
<text x="55" y="-28" text-anchor="middle" class="frac-big">3</text>
|
||||
<line x1="0" y1="22" x2="110" y2="22" class="frac-line"/>
|
||||
<text x="55" y="110" text-anchor="middle" class="frac-big">4</text>
|
||||
</g></g>
|
||||
<g transform="translate(625 245)"><rect width="390" height="300" rx="24" class="panel"/><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" transform="translate(30 236)">
|
||||
<g transform="translate(0 0)" class="fraction-g" data-box="-4 -30 46 76">
|
||||
<text x="19" y="-14" text-anchor="middle" class="body">3</text>
|
||||
<line x1="0" y1="5" x2="38" y2="5" class="frac-line"/>
|
||||
<text x="19" y="34" text-anchor="middle" class="body">4</text>
|
||||
</g>
|
||||
<text x="72" y="13" class="body"> se lit : trois quarts</text>
|
||||
</g></g>
|
||||
<g transform="translate(1070 245)"><rect width="400" height="300" rx="24" class="panel"/><text x="30" y="58" class="h2">L'unité partagée</text><g transform="translate(45 110)"><rect width="320" height="90" rx="12" fill="#f7fbf9" stroke="#26383d" stroke-width="3"/>
|
||||
<rect x="0" width="80" height="90" rx="12" class="orange"/>
|
||||
<rect x="80" width="80" height="90" class="orange"/>
|
||||
<rect x="160" 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="238" class="small">L'unité est coupée en 4 parts</text><text x="45" y="264" class="small">égales.</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">Le dénominateur indique le partage. Le numérateur indique les parts prises.</text></g>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 3.8 KiB |
@@ -0,0 +1,32 @@
|
||||
<svg xmlns="http://www.w3.org/2000/svg" width="456" height="356" viewBox="1042 217 456 356">
|
||||
<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:46px;font-weight:800;fill:#074f4b}.frac-big{font-family:"Trebuchet MS",Verdana,sans-serif;font-size:96px;font-weight:800;fill:#074f4b}.op{font-family:"Trebuchet MS",Verdana,sans-serif;font-size:46px;font-weight:800;fill:#074f4b}.orange{fill:#e78232}.blue{fill:#1d78b5}.green{fill:#2f9246}.line{stroke:#26383d;stroke-width:4;stroke-linecap:round}.tick{stroke:#26383d;stroke-width:3}.frac-line{stroke:#074f4b;stroke-width:4;stroke-linecap:round}.blank{stroke:#7fa79d;stroke-width:3;stroke-dasharray:10 10}</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>
|
||||
<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"/><text x="34" y="58" class="h2">La fraction</text><g transform="translate(173 125)" class="fraction-g" data-box="-6 -50 122 178">
|
||||
<text x="55" y="-28" text-anchor="middle" class="frac-big">3</text>
|
||||
<line x1="0" y1="22" x2="110" y2="22" class="frac-line"/>
|
||||
<text x="55" y="110" text-anchor="middle" class="frac-big">4</text>
|
||||
</g></g>
|
||||
<g transform="translate(625 245)"><rect width="390" height="300" rx="24" class="panel"/><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" transform="translate(30 236)">
|
||||
<g transform="translate(0 0)" class="fraction-g" data-box="-4 -30 46 76">
|
||||
<text x="19" y="-14" text-anchor="middle" class="body">3</text>
|
||||
<line x1="0" y1="5" x2="38" y2="5" class="frac-line"/>
|
||||
<text x="19" y="34" text-anchor="middle" class="body">4</text>
|
||||
</g>
|
||||
<text x="72" y="13" class="body"> se lit : trois quarts</text>
|
||||
</g></g>
|
||||
<g transform="translate(1070 245)"><rect width="400" height="300" rx="24" class="panel"/><text x="30" y="58" class="h2">L'unité partagée</text><g transform="translate(45 110)"><rect width="320" height="90" rx="12" fill="#f7fbf9" stroke="#26383d" stroke-width="3"/>
|
||||
<rect x="0" width="80" height="90" rx="12" class="orange"/>
|
||||
<rect x="80" width="80" height="90" class="orange"/>
|
||||
<rect x="160" 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="238" class="small">L'unité est coupée en 4 parts</text><text x="45" y="264" class="small">égales.</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">Le dénominateur indique le partage. Le numérateur indique les parts prises.</text></g>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 3.8 KiB |
@@ -0,0 +1,32 @@
|
||||
<svg xmlns="http://www.w3.org/2000/svg" width="1316" height="161" viewBox="142 632 1316 161">
|
||||
<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:46px;font-weight:800;fill:#074f4b}.frac-big{font-family:"Trebuchet MS",Verdana,sans-serif;font-size:96px;font-weight:800;fill:#074f4b}.op{font-family:"Trebuchet MS",Verdana,sans-serif;font-size:46px;font-weight:800;fill:#074f4b}.orange{fill:#e78232}.blue{fill:#1d78b5}.green{fill:#2f9246}.line{stroke:#26383d;stroke-width:4;stroke-linecap:round}.tick{stroke:#26383d;stroke-width:3}.frac-line{stroke:#074f4b;stroke-width:4;stroke-linecap:round}.blank{stroke:#7fa79d;stroke-width:3;stroke-dasharray:10 10}</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>
|
||||
<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"/><text x="34" y="58" class="h2">La fraction</text><g transform="translate(173 125)" class="fraction-g" data-box="-6 -50 122 178">
|
||||
<text x="55" y="-28" text-anchor="middle" class="frac-big">3</text>
|
||||
<line x1="0" y1="22" x2="110" y2="22" class="frac-line"/>
|
||||
<text x="55" y="110" text-anchor="middle" class="frac-big">4</text>
|
||||
</g></g>
|
||||
<g transform="translate(625 245)"><rect width="390" height="300" rx="24" class="panel"/><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" transform="translate(30 236)">
|
||||
<g transform="translate(0 0)" class="fraction-g" data-box="-4 -30 46 76">
|
||||
<text x="19" y="-14" text-anchor="middle" class="body">3</text>
|
||||
<line x1="0" y1="5" x2="38" y2="5" class="frac-line"/>
|
||||
<text x="19" y="34" text-anchor="middle" class="body">4</text>
|
||||
</g>
|
||||
<text x="72" y="13" class="body"> se lit : trois quarts</text>
|
||||
</g></g>
|
||||
<g transform="translate(1070 245)"><rect width="400" height="300" rx="24" class="panel"/><text x="30" y="58" class="h2">L'unité partagée</text><g transform="translate(45 110)"><rect width="320" height="90" rx="12" fill="#f7fbf9" stroke="#26383d" stroke-width="3"/>
|
||||
<rect x="0" width="80" height="90" rx="12" class="orange"/>
|
||||
<rect x="80" width="80" height="90" class="orange"/>
|
||||
<rect x="160" 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="238" class="small">L'unité est coupée en 4 parts</text><text x="45" y="264" class="small">égales.</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">Le dénominateur indique le partage. Le numérateur indique les parts prises.</text></g>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 3.8 KiB |
@@ -0,0 +1,48 @@
|
||||
<svg xmlns="http://www.w3.org/2000/svg" width="476" height="386" viewBox="82 217 476 386">
|
||||
<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:46px;font-weight:800;fill:#074f4b}.frac-big{font-family:"Trebuchet MS",Verdana,sans-serif;font-size:96px;font-weight:800;fill:#074f4b}.op{font-family:"Trebuchet MS",Verdana,sans-serif;font-size:46px;font-weight:800;fill:#074f4b}.orange{fill:#e78232}.blue{fill:#1d78b5}.green{fill:#2f9246}.line{stroke:#26383d;stroke-width:4;stroke-linecap:round}.tick{stroke:#26383d;stroke-width:3}.frac-line{stroke:#074f4b;stroke-width:4;stroke-linecap:round}.blank{stroke:#7fa79d;stroke-width:3;stroke-dasharray:10 10}</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>
|
||||
<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" transform="translate(34 78)">
|
||||
<text x="0" y="17" class="h2">Bande :</text>
|
||||
<g transform="translate(190 0)" class="fraction-g" data-box="0 -33 42 84">
|
||||
<text x="21" y="-21" text-anchor="middle" class="h2">3</text>
|
||||
<line x1="0" y1="4" x2="42" y2="4" class="frac-line"/>
|
||||
<text x="21" y="39" text-anchor="middle" class="h2">5</text>
|
||||
</g>
|
||||
</g><g transform="translate(45 165)"><rect width="320" height="92" rx="12" fill="#f7fbf9" stroke="#26383d" stroke-width="3"/>
|
||||
<rect x="0" 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" transform="translate(34 78)">
|
||||
<text x="0" y="17" class="h2">Disque :</text>
|
||||
<g transform="translate(330 0)" class="fraction-g" data-box="0 -33 42 84">
|
||||
<text x="21" y="-21" text-anchor="middle" class="h2">1</text>
|
||||
<line x1="0" y1="4" x2="42" y2="4" class="frac-line"/>
|
||||
<text x="21" y="39" text-anchor="middle" class="h2">4</text>
|
||||
</g>
|
||||
</g>
|
||||
<circle cx="210" cy="190" r="90" fill="#f7fbf9" stroke="#26383d" stroke-width="4"/>
|
||||
<path d="M210 190 L210 100 A90 90 0 0 1 300 190 Z" class="blue"/>
|
||||
<line x1="210" y1="100" x2="210" y2="280" class="line"/><line x1="120" y1="190" x2="300" y2="190" class="line"/><text x="70" y="305" 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" transform="translate(34 78)">
|
||||
<text x="0" y="17" class="h2">Collection :</text>
|
||||
<g transform="translate(310 0)" class="fraction-g" data-box="0 -33 60 84">
|
||||
<text x="30" y="-21" text-anchor="middle" class="h2">6</text>
|
||||
<line x1="0" y1="4" x2="60" y2="4" class="frac-line"/>
|
||||
<text x="30" y="39" text-anchor="middle" class="h2">10</text>
|
||||
</g>
|
||||
</g>
|
||||
<g transform="translate(70 190)">
|
||||
<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="305" class="small">10 objets, 6 sont choisis</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 n'a de sens que si l'unité et les parts égales sont claires.</text></g>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 4.9 KiB |
@@ -0,0 +1,48 @@
|
||||
<svg xmlns="http://www.w3.org/2000/svg" width="476" height="386" viewBox="562 217 476 386">
|
||||
<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:46px;font-weight:800;fill:#074f4b}.frac-big{font-family:"Trebuchet MS",Verdana,sans-serif;font-size:96px;font-weight:800;fill:#074f4b}.op{font-family:"Trebuchet MS",Verdana,sans-serif;font-size:46px;font-weight:800;fill:#074f4b}.orange{fill:#e78232}.blue{fill:#1d78b5}.green{fill:#2f9246}.line{stroke:#26383d;stroke-width:4;stroke-linecap:round}.tick{stroke:#26383d;stroke-width:3}.frac-line{stroke:#074f4b;stroke-width:4;stroke-linecap:round}.blank{stroke:#7fa79d;stroke-width:3;stroke-dasharray:10 10}</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>
|
||||
<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" transform="translate(34 78)">
|
||||
<text x="0" y="17" class="h2">Bande :</text>
|
||||
<g transform="translate(190 0)" class="fraction-g" data-box="0 -33 42 84">
|
||||
<text x="21" y="-21" text-anchor="middle" class="h2">3</text>
|
||||
<line x1="0" y1="4" x2="42" y2="4" class="frac-line"/>
|
||||
<text x="21" y="39" text-anchor="middle" class="h2">5</text>
|
||||
</g>
|
||||
</g><g transform="translate(45 165)"><rect width="320" height="92" rx="12" fill="#f7fbf9" stroke="#26383d" stroke-width="3"/>
|
||||
<rect x="0" 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" transform="translate(34 78)">
|
||||
<text x="0" y="17" class="h2">Disque :</text>
|
||||
<g transform="translate(330 0)" class="fraction-g" data-box="0 -33 42 84">
|
||||
<text x="21" y="-21" text-anchor="middle" class="h2">1</text>
|
||||
<line x1="0" y1="4" x2="42" y2="4" class="frac-line"/>
|
||||
<text x="21" y="39" text-anchor="middle" class="h2">4</text>
|
||||
</g>
|
||||
</g>
|
||||
<circle cx="210" cy="190" r="90" fill="#f7fbf9" stroke="#26383d" stroke-width="4"/>
|
||||
<path d="M210 190 L210 100 A90 90 0 0 1 300 190 Z" class="blue"/>
|
||||
<line x1="210" y1="100" x2="210" y2="280" class="line"/><line x1="120" y1="190" x2="300" y2="190" class="line"/><text x="70" y="305" 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" transform="translate(34 78)">
|
||||
<text x="0" y="17" class="h2">Collection :</text>
|
||||
<g transform="translate(310 0)" class="fraction-g" data-box="0 -33 60 84">
|
||||
<text x="30" y="-21" text-anchor="middle" class="h2">6</text>
|
||||
<line x1="0" y1="4" x2="60" y2="4" class="frac-line"/>
|
||||
<text x="30" y="39" text-anchor="middle" class="h2">10</text>
|
||||
</g>
|
||||
</g>
|
||||
<g transform="translate(70 190)">
|
||||
<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="305" class="small">10 objets, 6 sont choisis</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 n'a de sens que si l'unité et les parts égales sont claires.</text></g>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 4.9 KiB |
@@ -0,0 +1,48 @@
|
||||
<svg xmlns="http://www.w3.org/2000/svg" width="476" height="386" viewBox="1042 217 476 386">
|
||||
<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:46px;font-weight:800;fill:#074f4b}.frac-big{font-family:"Trebuchet MS",Verdana,sans-serif;font-size:96px;font-weight:800;fill:#074f4b}.op{font-family:"Trebuchet MS",Verdana,sans-serif;font-size:46px;font-weight:800;fill:#074f4b}.orange{fill:#e78232}.blue{fill:#1d78b5}.green{fill:#2f9246}.line{stroke:#26383d;stroke-width:4;stroke-linecap:round}.tick{stroke:#26383d;stroke-width:3}.frac-line{stroke:#074f4b;stroke-width:4;stroke-linecap:round}.blank{stroke:#7fa79d;stroke-width:3;stroke-dasharray:10 10}</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>
|
||||
<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" transform="translate(34 78)">
|
||||
<text x="0" y="17" class="h2">Bande :</text>
|
||||
<g transform="translate(190 0)" class="fraction-g" data-box="0 -33 42 84">
|
||||
<text x="21" y="-21" text-anchor="middle" class="h2">3</text>
|
||||
<line x1="0" y1="4" x2="42" y2="4" class="frac-line"/>
|
||||
<text x="21" y="39" text-anchor="middle" class="h2">5</text>
|
||||
</g>
|
||||
</g><g transform="translate(45 165)"><rect width="320" height="92" rx="12" fill="#f7fbf9" stroke="#26383d" stroke-width="3"/>
|
||||
<rect x="0" 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" transform="translate(34 78)">
|
||||
<text x="0" y="17" class="h2">Disque :</text>
|
||||
<g transform="translate(330 0)" class="fraction-g" data-box="0 -33 42 84">
|
||||
<text x="21" y="-21" text-anchor="middle" class="h2">1</text>
|
||||
<line x1="0" y1="4" x2="42" y2="4" class="frac-line"/>
|
||||
<text x="21" y="39" text-anchor="middle" class="h2">4</text>
|
||||
</g>
|
||||
</g>
|
||||
<circle cx="210" cy="190" r="90" fill="#f7fbf9" stroke="#26383d" stroke-width="4"/>
|
||||
<path d="M210 190 L210 100 A90 90 0 0 1 300 190 Z" class="blue"/>
|
||||
<line x1="210" y1="100" x2="210" y2="280" class="line"/><line x1="120" y1="190" x2="300" y2="190" class="line"/><text x="70" y="305" 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" transform="translate(34 78)">
|
||||
<text x="0" y="17" class="h2">Collection :</text>
|
||||
<g transform="translate(310 0)" class="fraction-g" data-box="0 -33 60 84">
|
||||
<text x="30" y="-21" text-anchor="middle" class="h2">6</text>
|
||||
<line x1="0" y1="4" x2="60" y2="4" class="frac-line"/>
|
||||
<text x="30" y="39" text-anchor="middle" class="h2">10</text>
|
||||
</g>
|
||||
</g>
|
||||
<g transform="translate(70 190)">
|
||||
<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="305" class="small">10 objets, 6 sont choisis</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 n'a de sens que si l'unité et les parts égales sont claires.</text></g>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 4.9 KiB |
@@ -0,0 +1,48 @@
|
||||
<svg xmlns="http://www.w3.org/2000/svg" width="1316" height="161" viewBox="142 632 1316 161">
|
||||
<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:46px;font-weight:800;fill:#074f4b}.frac-big{font-family:"Trebuchet MS",Verdana,sans-serif;font-size:96px;font-weight:800;fill:#074f4b}.op{font-family:"Trebuchet MS",Verdana,sans-serif;font-size:46px;font-weight:800;fill:#074f4b}.orange{fill:#e78232}.blue{fill:#1d78b5}.green{fill:#2f9246}.line{stroke:#26383d;stroke-width:4;stroke-linecap:round}.tick{stroke:#26383d;stroke-width:3}.frac-line{stroke:#074f4b;stroke-width:4;stroke-linecap:round}.blank{stroke:#7fa79d;stroke-width:3;stroke-dasharray:10 10}</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>
|
||||
<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" transform="translate(34 78)">
|
||||
<text x="0" y="17" class="h2">Bande :</text>
|
||||
<g transform="translate(190 0)" class="fraction-g" data-box="0 -33 42 84">
|
||||
<text x="21" y="-21" text-anchor="middle" class="h2">3</text>
|
||||
<line x1="0" y1="4" x2="42" y2="4" class="frac-line"/>
|
||||
<text x="21" y="39" text-anchor="middle" class="h2">5</text>
|
||||
</g>
|
||||
</g><g transform="translate(45 165)"><rect width="320" height="92" rx="12" fill="#f7fbf9" stroke="#26383d" stroke-width="3"/>
|
||||
<rect x="0" 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" transform="translate(34 78)">
|
||||
<text x="0" y="17" class="h2">Disque :</text>
|
||||
<g transform="translate(330 0)" class="fraction-g" data-box="0 -33 42 84">
|
||||
<text x="21" y="-21" text-anchor="middle" class="h2">1</text>
|
||||
<line x1="0" y1="4" x2="42" y2="4" class="frac-line"/>
|
||||
<text x="21" y="39" text-anchor="middle" class="h2">4</text>
|
||||
</g>
|
||||
</g>
|
||||
<circle cx="210" cy="190" r="90" fill="#f7fbf9" stroke="#26383d" stroke-width="4"/>
|
||||
<path d="M210 190 L210 100 A90 90 0 0 1 300 190 Z" class="blue"/>
|
||||
<line x1="210" y1="100" x2="210" y2="280" class="line"/><line x1="120" y1="190" x2="300" y2="190" class="line"/><text x="70" y="305" 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" transform="translate(34 78)">
|
||||
<text x="0" y="17" class="h2">Collection :</text>
|
||||
<g transform="translate(310 0)" class="fraction-g" data-box="0 -33 60 84">
|
||||
<text x="30" y="-21" text-anchor="middle" class="h2">6</text>
|
||||
<line x1="0" y1="4" x2="60" y2="4" class="frac-line"/>
|
||||
<text x="30" y="39" text-anchor="middle" class="h2">10</text>
|
||||
</g>
|
||||
</g>
|
||||
<g transform="translate(70 190)">
|
||||
<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="305" class="small">10 objets, 6 sont choisis</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 n'a de sens que si l'unité et les parts égales sont claires.</text></g>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 4.9 KiB |
@@ -0,0 +1,38 @@
|
||||
<svg xmlns="http://www.w3.org/2000/svg" width="1416" height="416" viewBox="92 217 1416 416">
|
||||
<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:46px;font-weight:800;fill:#074f4b}.frac-big{font-family:"Trebuchet MS",Verdana,sans-serif;font-size:96px;font-weight:800;fill:#074f4b}.op{font-family:"Trebuchet MS",Verdana,sans-serif;font-size:46px;font-weight:800;fill:#074f4b}.orange{fill:#e78232}.blue{fill:#1d78b5}.green{fill:#2f9246}.line{stroke:#26383d;stroke-width:4;stroke-linecap:round}.tick{stroke:#26383d;stroke-width:3}.frac-line{stroke:#074f4b;stroke-width:4;stroke-linecap:round}.blank{stroke:#7fa79d;stroke-width:3;stroke-dasharray:10 10}</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>
|
||||
<line x1="430" y1="194" x2="1170" y2="194" stroke="#dbe8e3" stroke-width="4"/>
|
||||
<g transform="translate(120 245)"><rect width="1360" height="360" rx="24" class="soft"/><g class="math-expression" transform="translate(34 74)">
|
||||
<text x="0" y="17" class="h2">Exemple : placer</text>
|
||||
<g transform="translate(320 0)" class="fraction-g" data-box="-4 -38 50 92">
|
||||
<text x="21" y="-3" text-anchor="middle" class="h2">5</text>
|
||||
<line x1="0" y1="7" x2="42" y2="7" class="frac-line"/>
|
||||
<text x="21" y="39" text-anchor="middle" class="h2">4</text>
|
||||
</g>
|
||||
</g>
|
||||
<line x1="100" y1="220" x2="1120" y2="220" class="line"/><path d="M1120 220 L1098 209 L1098 231 Z" fill="#26383d"/>
|
||||
<g transform="translate(130 0)">
|
||||
<line x1="0" y1="185" x2="0" y2="255" class="tick"/><text x="0" y="295" text-anchor="middle" class="body">0</text>
|
||||
<line x1="240" y1="185" x2="240" y2="255" class="tick"/><text x="240" y="295" text-anchor="middle" class="body">1</text>
|
||||
<line x1="480" y1="185" x2="480" y2="255" class="tick"/><text x="480" y="295" text-anchor="middle" class="body">2</text>
|
||||
<line x1="60" y1="202" x2="60" y2="238" class="tick"/><line x1="120" y1="202" x2="120" y2="238" class="tick"/><line x1="180" y1="202" x2="180" y2="238" class="tick"/>
|
||||
<line x1="300" y1="202" x2="300" y2="238" class="tick"/><circle cx="300" cy="220" r="16" class="orange"/><line x1="360" y1="202" x2="360" y2="238" class="tick"/><line x1="420" y1="202" x2="420" y2="238" class="tick"/>
|
||||
</g><g class="math-expression" transform="translate(411 125)">
|
||||
<g transform="translate(0 0)" class="fraction-g" data-box="-4 -30 46 76">
|
||||
<text x="19" y="-6" text-anchor="middle" class="body">5</text>
|
||||
<line x1="0" y1="5" x2="38" y2="5" class="frac-line"/>
|
||||
<text x="19" y="34" text-anchor="middle" class="body">4</text>
|
||||
</g>
|
||||
</g><text x="820" y="150" class="body">Dénominateur 4 :</text><text x="820" y="195" class="body">chaque unité a 4 parts.</text><g class="math-expression" transform="translate(820 268)">
|
||||
<g transform="translate(0 0)" class="fraction-g" data-box="-4 -30 46 76">
|
||||
<text x="19" y="-6" text-anchor="middle" class="body">5</text>
|
||||
<line x1="0" y1="5" x2="38" y2="5" class="frac-line"/>
|
||||
<text x="19" y="34" text-anchor="middle" class="body">4</text>
|
||||
</g>
|
||||
<text x="60" y="13" class="body"> est juste après 1.</text>
|
||||
</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">L'intervalle de 0 à 1 est l'unité. Je le partage en parts égales.</text></g>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 4.2 KiB |
@@ -0,0 +1,38 @@
|
||||
<svg xmlns="http://www.w3.org/2000/svg" width="1316" height="161" viewBox="142 632 1316 161">
|
||||
<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:46px;font-weight:800;fill:#074f4b}.frac-big{font-family:"Trebuchet MS",Verdana,sans-serif;font-size:96px;font-weight:800;fill:#074f4b}.op{font-family:"Trebuchet MS",Verdana,sans-serif;font-size:46px;font-weight:800;fill:#074f4b}.orange{fill:#e78232}.blue{fill:#1d78b5}.green{fill:#2f9246}.line{stroke:#26383d;stroke-width:4;stroke-linecap:round}.tick{stroke:#26383d;stroke-width:3}.frac-line{stroke:#074f4b;stroke-width:4;stroke-linecap:round}.blank{stroke:#7fa79d;stroke-width:3;stroke-dasharray:10 10}</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>
|
||||
<line x1="430" y1="194" x2="1170" y2="194" stroke="#dbe8e3" stroke-width="4"/>
|
||||
<g transform="translate(120 245)"><rect width="1360" height="360" rx="24" class="soft"/><g class="math-expression" transform="translate(34 74)">
|
||||
<text x="0" y="17" class="h2">Exemple : placer</text>
|
||||
<g transform="translate(320 0)" class="fraction-g" data-box="-4 -38 50 92">
|
||||
<text x="21" y="-3" text-anchor="middle" class="h2">5</text>
|
||||
<line x1="0" y1="7" x2="42" y2="7" class="frac-line"/>
|
||||
<text x="21" y="39" text-anchor="middle" class="h2">4</text>
|
||||
</g>
|
||||
</g>
|
||||
<line x1="100" y1="220" x2="1120" y2="220" class="line"/><path d="M1120 220 L1098 209 L1098 231 Z" fill="#26383d"/>
|
||||
<g transform="translate(130 0)">
|
||||
<line x1="0" y1="185" x2="0" y2="255" class="tick"/><text x="0" y="295" text-anchor="middle" class="body">0</text>
|
||||
<line x1="240" y1="185" x2="240" y2="255" class="tick"/><text x="240" y="295" text-anchor="middle" class="body">1</text>
|
||||
<line x1="480" y1="185" x2="480" y2="255" class="tick"/><text x="480" y="295" text-anchor="middle" class="body">2</text>
|
||||
<line x1="60" y1="202" x2="60" y2="238" class="tick"/><line x1="120" y1="202" x2="120" y2="238" class="tick"/><line x1="180" y1="202" x2="180" y2="238" class="tick"/>
|
||||
<line x1="300" y1="202" x2="300" y2="238" class="tick"/><circle cx="300" cy="220" r="16" class="orange"/><line x1="360" y1="202" x2="360" y2="238" class="tick"/><line x1="420" y1="202" x2="420" y2="238" class="tick"/>
|
||||
</g><g class="math-expression" transform="translate(411 125)">
|
||||
<g transform="translate(0 0)" class="fraction-g" data-box="-4 -30 46 76">
|
||||
<text x="19" y="-6" text-anchor="middle" class="body">5</text>
|
||||
<line x1="0" y1="5" x2="38" y2="5" class="frac-line"/>
|
||||
<text x="19" y="34" text-anchor="middle" class="body">4</text>
|
||||
</g>
|
||||
</g><text x="820" y="150" class="body">Dénominateur 4 :</text><text x="820" y="195" class="body">chaque unité a 4 parts.</text><g class="math-expression" transform="translate(820 268)">
|
||||
<g transform="translate(0 0)" class="fraction-g" data-box="-4 -30 46 76">
|
||||
<text x="19" y="-6" text-anchor="middle" class="body">5</text>
|
||||
<line x1="0" y1="5" x2="38" y2="5" class="frac-line"/>
|
||||
<text x="19" y="34" text-anchor="middle" class="body">4</text>
|
||||
</g>
|
||||
<text x="60" y="13" class="body"> est juste après 1.</text>
|
||||
</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">L'intervalle de 0 à 1 est l'unité. Je le partage en parts égales.</text></g>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 4.2 KiB |
@@ -0,0 +1,65 @@
|
||||
<svg xmlns="http://www.w3.org/2000/svg" width="696" height="416" viewBox="92 217 696 416">
|
||||
<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:46px;font-weight:800;fill:#074f4b}.frac-big{font-family:"Trebuchet MS",Verdana,sans-serif;font-size:96px;font-weight:800;fill:#074f4b}.op{font-family:"Trebuchet MS",Verdana,sans-serif;font-size:46px;font-weight:800;fill:#074f4b}.orange{fill:#e78232}.blue{fill:#1d78b5}.green{fill:#2f9246}.line{stroke:#26383d;stroke-width:4;stroke-linecap:round}.tick{stroke:#26383d;stroke-width:3}.frac-line{stroke:#074f4b;stroke-width:4;stroke-linecap:round}.blank{stroke:#7fa79d;stroke-width:3;stroke-dasharray:10 10}</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="640" height="360" rx="24" class="soft"/><g class="math-expression" transform="translate(34 76)">
|
||||
<text x="0" y="17" class="h2">Exemple :</text>
|
||||
<g transform="translate(238 0)" class="fraction-g" data-box="0 -33 42 84">
|
||||
<text x="21" y="-12" text-anchor="middle" class="h2">7</text>
|
||||
<line x1="0" y1="4" x2="42" y2="4" class="frac-line"/>
|
||||
<text x="21" y="39" text-anchor="middle" class="h2">4</text>
|
||||
</g>
|
||||
</g><g transform="translate(80 135)"><rect width="440" height="80" rx="12" fill="#f7fbf9" stroke="#26383d" stroke-width="3"/>
|
||||
<rect x="0" width="110" height="80" rx="12" class="green"/>
|
||||
<rect x="110" width="110" height="80" class="green"/>
|
||||
<rect x="220" width="110" height="80" class="green"/>
|
||||
<rect x="330" width="110" height="80" class="green"/>
|
||||
<line x1="110" y1="0" x2="110" y2="80" class="line"/>
|
||||
<line x1="220" y1="0" x2="220" y2="80" class="line"/>
|
||||
<line x1="330" y1="0" x2="330" y2="80" class="line"/>
|
||||
</g><g transform="translate(80 250)"><rect width="440" height="80" rx="12" fill="#f7fbf9" stroke="#26383d" stroke-width="3"/>
|
||||
<rect x="0" width="110" height="80" rx="12" class="orange"/>
|
||||
<rect x="110" width="110" height="80" class="orange"/>
|
||||
<rect x="220" width="110" height="80" class="orange"/>
|
||||
<line x1="110" y1="0" x2="110" y2="80" class="line"/>
|
||||
<line x1="220" y1="0" x2="220" y2="80" class="line"/>
|
||||
<line x1="330" y1="0" x2="330" y2="80" class="line"/>
|
||||
</g></g>
|
||||
<g transform="translate(825 245)"><rect width="625" height="360" rx="24" class="panel"/><text x="36" y="48" class="h2">Je décompose</text><g class="math-expression" transform="translate(70 120)">
|
||||
<g transform="translate(0 0)" class="fraction-g" data-box="-5 -44 62 112">
|
||||
<text x="26" y="-4" text-anchor="middle" class="num">7</text>
|
||||
<line x1="0" y1="8" x2="52" y2="8" class="frac-line"/>
|
||||
<text x="26" y="54" text-anchor="middle" class="num">4</text>
|
||||
</g>
|
||||
<text x="82" y="21" class="op">=</text>
|
||||
<g transform="translate(146 0)" class="fraction-g" data-box="-5 -44 62 112">
|
||||
<text x="26" y="-4" text-anchor="middle" class="num">4</text>
|
||||
<line x1="0" y1="8" x2="52" y2="8" class="frac-line"/>
|
||||
<text x="26" y="54" text-anchor="middle" class="num">4</text>
|
||||
</g>
|
||||
<text x="228" y="21" class="op">+</text>
|
||||
<g transform="translate(292 0)" class="fraction-g" data-box="-5 -44 62 112">
|
||||
<text x="26" y="-4" text-anchor="middle" class="num">3</text>
|
||||
<line x1="0" y1="8" x2="52" y2="8" class="frac-line"/>
|
||||
<text x="26" y="54" text-anchor="middle" class="num">4</text>
|
||||
</g>
|
||||
</g><g class="math-expression" transform="translate(70 258)">
|
||||
<g transform="translate(0 0)" class="fraction-g" data-box="-5 -44 62 112">
|
||||
<text x="26" y="-4" text-anchor="middle" class="num">7</text>
|
||||
<line x1="0" y1="8" x2="52" y2="8" class="frac-line"/>
|
||||
<text x="26" y="54" text-anchor="middle" class="num">4</text>
|
||||
</g>
|
||||
<text x="82" y="21" class="op">=</text>
|
||||
<text x="130" y="21" class="op">1</text>
|
||||
<text x="178" y="21" class="op">+</text>
|
||||
<g transform="translate(226 0)" class="fraction-g" data-box="-5 -44 62 112">
|
||||
<text x="26" y="-4" text-anchor="middle" class="num">3</text>
|
||||
<line x1="0" y1="8" x2="52" y2="8" class="frac-line"/>
|
||||
<text x="26" y="54" text-anchor="middle" class="num">4</text>
|
||||
</g>
|
||||
</g><text x="365" y="312" class="small">Unité complète.</text><text x="365" y="338" class="small">Reste 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>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 5.2 KiB |
@@ -0,0 +1,65 @@
|
||||
<svg xmlns="http://www.w3.org/2000/svg" width="681" height="416" viewBox="797 217 681 416">
|
||||
<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:46px;font-weight:800;fill:#074f4b}.frac-big{font-family:"Trebuchet MS",Verdana,sans-serif;font-size:96px;font-weight:800;fill:#074f4b}.op{font-family:"Trebuchet MS",Verdana,sans-serif;font-size:46px;font-weight:800;fill:#074f4b}.orange{fill:#e78232}.blue{fill:#1d78b5}.green{fill:#2f9246}.line{stroke:#26383d;stroke-width:4;stroke-linecap:round}.tick{stroke:#26383d;stroke-width:3}.frac-line{stroke:#074f4b;stroke-width:4;stroke-linecap:round}.blank{stroke:#7fa79d;stroke-width:3;stroke-dasharray:10 10}</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="640" height="360" rx="24" class="soft"/><g class="math-expression" transform="translate(34 76)">
|
||||
<text x="0" y="17" class="h2">Exemple :</text>
|
||||
<g transform="translate(238 0)" class="fraction-g" data-box="0 -33 42 84">
|
||||
<text x="21" y="-12" text-anchor="middle" class="h2">7</text>
|
||||
<line x1="0" y1="4" x2="42" y2="4" class="frac-line"/>
|
||||
<text x="21" y="39" text-anchor="middle" class="h2">4</text>
|
||||
</g>
|
||||
</g><g transform="translate(80 135)"><rect width="440" height="80" rx="12" fill="#f7fbf9" stroke="#26383d" stroke-width="3"/>
|
||||
<rect x="0" width="110" height="80" rx="12" class="green"/>
|
||||
<rect x="110" width="110" height="80" class="green"/>
|
||||
<rect x="220" width="110" height="80" class="green"/>
|
||||
<rect x="330" width="110" height="80" class="green"/>
|
||||
<line x1="110" y1="0" x2="110" y2="80" class="line"/>
|
||||
<line x1="220" y1="0" x2="220" y2="80" class="line"/>
|
||||
<line x1="330" y1="0" x2="330" y2="80" class="line"/>
|
||||
</g><g transform="translate(80 250)"><rect width="440" height="80" rx="12" fill="#f7fbf9" stroke="#26383d" stroke-width="3"/>
|
||||
<rect x="0" width="110" height="80" rx="12" class="orange"/>
|
||||
<rect x="110" width="110" height="80" class="orange"/>
|
||||
<rect x="220" width="110" height="80" class="orange"/>
|
||||
<line x1="110" y1="0" x2="110" y2="80" class="line"/>
|
||||
<line x1="220" y1="0" x2="220" y2="80" class="line"/>
|
||||
<line x1="330" y1="0" x2="330" y2="80" class="line"/>
|
||||
</g></g>
|
||||
<g transform="translate(825 245)"><rect width="625" height="360" rx="24" class="panel"/><text x="36" y="48" class="h2">Je décompose</text><g class="math-expression" transform="translate(70 120)">
|
||||
<g transform="translate(0 0)" class="fraction-g" data-box="-5 -44 62 112">
|
||||
<text x="26" y="-4" text-anchor="middle" class="num">7</text>
|
||||
<line x1="0" y1="8" x2="52" y2="8" class="frac-line"/>
|
||||
<text x="26" y="54" text-anchor="middle" class="num">4</text>
|
||||
</g>
|
||||
<text x="82" y="21" class="op">=</text>
|
||||
<g transform="translate(146 0)" class="fraction-g" data-box="-5 -44 62 112">
|
||||
<text x="26" y="-4" text-anchor="middle" class="num">4</text>
|
||||
<line x1="0" y1="8" x2="52" y2="8" class="frac-line"/>
|
||||
<text x="26" y="54" text-anchor="middle" class="num">4</text>
|
||||
</g>
|
||||
<text x="228" y="21" class="op">+</text>
|
||||
<g transform="translate(292 0)" class="fraction-g" data-box="-5 -44 62 112">
|
||||
<text x="26" y="-4" text-anchor="middle" class="num">3</text>
|
||||
<line x1="0" y1="8" x2="52" y2="8" class="frac-line"/>
|
||||
<text x="26" y="54" text-anchor="middle" class="num">4</text>
|
||||
</g>
|
||||
</g><g class="math-expression" transform="translate(70 258)">
|
||||
<g transform="translate(0 0)" class="fraction-g" data-box="-5 -44 62 112">
|
||||
<text x="26" y="-4" text-anchor="middle" class="num">7</text>
|
||||
<line x1="0" y1="8" x2="52" y2="8" class="frac-line"/>
|
||||
<text x="26" y="54" text-anchor="middle" class="num">4</text>
|
||||
</g>
|
||||
<text x="82" y="21" class="op">=</text>
|
||||
<text x="130" y="21" class="op">1</text>
|
||||
<text x="178" y="21" class="op">+</text>
|
||||
<g transform="translate(226 0)" class="fraction-g" data-box="-5 -44 62 112">
|
||||
<text x="26" y="-4" text-anchor="middle" class="num">3</text>
|
||||
<line x1="0" y1="8" x2="52" y2="8" class="frac-line"/>
|
||||
<text x="26" y="54" text-anchor="middle" class="num">4</text>
|
||||
</g>
|
||||
</g><text x="365" y="312" class="small">Unité complète.</text><text x="365" y="338" class="small">Reste 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>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 5.2 KiB |
@@ -0,0 +1,65 @@
|
||||
<svg xmlns="http://www.w3.org/2000/svg" width="1316" height="161" viewBox="142 632 1316 161">
|
||||
<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:46px;font-weight:800;fill:#074f4b}.frac-big{font-family:"Trebuchet MS",Verdana,sans-serif;font-size:96px;font-weight:800;fill:#074f4b}.op{font-family:"Trebuchet MS",Verdana,sans-serif;font-size:46px;font-weight:800;fill:#074f4b}.orange{fill:#e78232}.blue{fill:#1d78b5}.green{fill:#2f9246}.line{stroke:#26383d;stroke-width:4;stroke-linecap:round}.tick{stroke:#26383d;stroke-width:3}.frac-line{stroke:#074f4b;stroke-width:4;stroke-linecap:round}.blank{stroke:#7fa79d;stroke-width:3;stroke-dasharray:10 10}</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="640" height="360" rx="24" class="soft"/><g class="math-expression" transform="translate(34 76)">
|
||||
<text x="0" y="17" class="h2">Exemple :</text>
|
||||
<g transform="translate(238 0)" class="fraction-g" data-box="0 -33 42 84">
|
||||
<text x="21" y="-12" text-anchor="middle" class="h2">7</text>
|
||||
<line x1="0" y1="4" x2="42" y2="4" class="frac-line"/>
|
||||
<text x="21" y="39" text-anchor="middle" class="h2">4</text>
|
||||
</g>
|
||||
</g><g transform="translate(80 135)"><rect width="440" height="80" rx="12" fill="#f7fbf9" stroke="#26383d" stroke-width="3"/>
|
||||
<rect x="0" width="110" height="80" rx="12" class="green"/>
|
||||
<rect x="110" width="110" height="80" class="green"/>
|
||||
<rect x="220" width="110" height="80" class="green"/>
|
||||
<rect x="330" width="110" height="80" class="green"/>
|
||||
<line x1="110" y1="0" x2="110" y2="80" class="line"/>
|
||||
<line x1="220" y1="0" x2="220" y2="80" class="line"/>
|
||||
<line x1="330" y1="0" x2="330" y2="80" class="line"/>
|
||||
</g><g transform="translate(80 250)"><rect width="440" height="80" rx="12" fill="#f7fbf9" stroke="#26383d" stroke-width="3"/>
|
||||
<rect x="0" width="110" height="80" rx="12" class="orange"/>
|
||||
<rect x="110" width="110" height="80" class="orange"/>
|
||||
<rect x="220" width="110" height="80" class="orange"/>
|
||||
<line x1="110" y1="0" x2="110" y2="80" class="line"/>
|
||||
<line x1="220" y1="0" x2="220" y2="80" class="line"/>
|
||||
<line x1="330" y1="0" x2="330" y2="80" class="line"/>
|
||||
</g></g>
|
||||
<g transform="translate(825 245)"><rect width="625" height="360" rx="24" class="panel"/><text x="36" y="48" class="h2">Je décompose</text><g class="math-expression" transform="translate(70 120)">
|
||||
<g transform="translate(0 0)" class="fraction-g" data-box="-5 -44 62 112">
|
||||
<text x="26" y="-4" text-anchor="middle" class="num">7</text>
|
||||
<line x1="0" y1="8" x2="52" y2="8" class="frac-line"/>
|
||||
<text x="26" y="54" text-anchor="middle" class="num">4</text>
|
||||
</g>
|
||||
<text x="82" y="21" class="op">=</text>
|
||||
<g transform="translate(146 0)" class="fraction-g" data-box="-5 -44 62 112">
|
||||
<text x="26" y="-4" text-anchor="middle" class="num">4</text>
|
||||
<line x1="0" y1="8" x2="52" y2="8" class="frac-line"/>
|
||||
<text x="26" y="54" text-anchor="middle" class="num">4</text>
|
||||
</g>
|
||||
<text x="228" y="21" class="op">+</text>
|
||||
<g transform="translate(292 0)" class="fraction-g" data-box="-5 -44 62 112">
|
||||
<text x="26" y="-4" text-anchor="middle" class="num">3</text>
|
||||
<line x1="0" y1="8" x2="52" y2="8" class="frac-line"/>
|
||||
<text x="26" y="54" text-anchor="middle" class="num">4</text>
|
||||
</g>
|
||||
</g><g class="math-expression" transform="translate(70 258)">
|
||||
<g transform="translate(0 0)" class="fraction-g" data-box="-5 -44 62 112">
|
||||
<text x="26" y="-4" text-anchor="middle" class="num">7</text>
|
||||
<line x1="0" y1="8" x2="52" y2="8" class="frac-line"/>
|
||||
<text x="26" y="54" text-anchor="middle" class="num">4</text>
|
||||
</g>
|
||||
<text x="82" y="21" class="op">=</text>
|
||||
<text x="130" y="21" class="op">1</text>
|
||||
<text x="178" y="21" class="op">+</text>
|
||||
<g transform="translate(226 0)" class="fraction-g" data-box="-5 -44 62 112">
|
||||
<text x="26" y="-4" text-anchor="middle" class="num">3</text>
|
||||
<line x1="0" y1="8" x2="52" y2="8" class="frac-line"/>
|
||||
<text x="26" y="54" text-anchor="middle" class="num">4</text>
|
||||
</g>
|
||||
</g><text x="365" y="312" class="small">Unité complète.</text><text x="365" y="338" class="small">Reste 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>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 5.2 KiB |
@@ -0,0 +1,52 @@
|
||||
<svg xmlns="http://www.w3.org/2000/svg" width="676" height="416" viewBox="92 217 676 416">
|
||||
<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:46px;font-weight:800;fill:#074f4b}.frac-big{font-family:"Trebuchet MS",Verdana,sans-serif;font-size:96px;font-weight:800;fill:#074f4b}.op{font-family:"Trebuchet MS",Verdana,sans-serif;font-size:46px;font-weight:800;fill:#074f4b}.orange{fill:#e78232}.blue{fill:#1d78b5}.green{fill:#2f9246}.line{stroke:#26383d;stroke-width:4;stroke-linecap:round}.tick{stroke:#26383d;stroke-width:3}.frac-line{stroke:#074f4b;stroke-width:4;stroke-linecap:round}.blank{stroke:#7fa79d;stroke-width:3;stroke-dasharray:10 10}</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>
|
||||
<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" transform="translate(70 122)">
|
||||
<g transform="translate(0 0)" class="fraction-g" data-box="-5 -44 62 112">
|
||||
<text x="26" y="-4" text-anchor="middle" class="num">3</text>
|
||||
<line x1="0" y1="8" x2="52" y2="8" class="frac-line"/>
|
||||
<text x="26" y="54" text-anchor="middle" class="num">5</text>
|
||||
</g>
|
||||
<text x="90" y="21" class="op"><</text>
|
||||
<g transform="translate(162 0)" class="fraction-g" data-box="-5 -44 62 112">
|
||||
<text x="26" y="-4" text-anchor="middle" class="num">4</text>
|
||||
<line x1="0" y1="8" x2="52" y2="8" class="frac-line"/>
|
||||
<text x="26" y="54" text-anchor="middle" class="num">5</text>
|
||||
</g>
|
||||
</g><g transform="translate(75 220)"><rect width="430" height="58" rx="12" fill="#f7fbf9" stroke="#26383d" stroke-width="3"/>
|
||||
<rect x="0" width="86" height="58" rx="12" 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 300)"><rect width="430" height="58" rx="12" fill="#f7fbf9" stroke="#26383d" stroke-width="3"/>
|
||||
<rect x="0" width="86" height="58" rx="12" 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" transform="translate(70 122)">
|
||||
<g transform="translate(0 0)" class="fraction-g" data-box="-5 -44 62 112">
|
||||
<text x="26" y="-4" text-anchor="middle" class="num">1</text>
|
||||
<line x1="0" y1="8" x2="52" y2="8" class="frac-line"/>
|
||||
<text x="26" y="54" text-anchor="middle" class="num">2</text>
|
||||
</g>
|
||||
<text x="90" y="21" class="op">></text>
|
||||
<g transform="translate(162 0)" class="fraction-g" data-box="-5 -44 62 112">
|
||||
<text x="26" y="-4" text-anchor="middle" class="num">1</text>
|
||||
<line x1="0" y1="8" x2="52" y2="8" class="frac-line"/>
|
||||
<text x="26" y="54" text-anchor="middle" class="num">4</text>
|
||||
</g>
|
||||
</g><text x="70" y="225" class="body">Quand on partage en plus de parts,</text><text x="70" y="265" class="body">chaque part est plus petite.</text><text x="70" y="325" 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">À dénominateur égal, le plus grand numérateur donne la plus grande fraction.</text></g>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 4.7 KiB |
@@ -0,0 +1,52 @@
|
||||
<svg xmlns="http://www.w3.org/2000/svg" width="691" height="416" viewBox="787 217 691 416">
|
||||
<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:46px;font-weight:800;fill:#074f4b}.frac-big{font-family:"Trebuchet MS",Verdana,sans-serif;font-size:96px;font-weight:800;fill:#074f4b}.op{font-family:"Trebuchet MS",Verdana,sans-serif;font-size:46px;font-weight:800;fill:#074f4b}.orange{fill:#e78232}.blue{fill:#1d78b5}.green{fill:#2f9246}.line{stroke:#26383d;stroke-width:4;stroke-linecap:round}.tick{stroke:#26383d;stroke-width:3}.frac-line{stroke:#074f4b;stroke-width:4;stroke-linecap:round}.blank{stroke:#7fa79d;stroke-width:3;stroke-dasharray:10 10}</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>
|
||||
<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" transform="translate(70 122)">
|
||||
<g transform="translate(0 0)" class="fraction-g" data-box="-5 -44 62 112">
|
||||
<text x="26" y="-4" text-anchor="middle" class="num">3</text>
|
||||
<line x1="0" y1="8" x2="52" y2="8" class="frac-line"/>
|
||||
<text x="26" y="54" text-anchor="middle" class="num">5</text>
|
||||
</g>
|
||||
<text x="90" y="21" class="op"><</text>
|
||||
<g transform="translate(162 0)" class="fraction-g" data-box="-5 -44 62 112">
|
||||
<text x="26" y="-4" text-anchor="middle" class="num">4</text>
|
||||
<line x1="0" y1="8" x2="52" y2="8" class="frac-line"/>
|
||||
<text x="26" y="54" text-anchor="middle" class="num">5</text>
|
||||
</g>
|
||||
</g><g transform="translate(75 220)"><rect width="430" height="58" rx="12" fill="#f7fbf9" stroke="#26383d" stroke-width="3"/>
|
||||
<rect x="0" width="86" height="58" rx="12" 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 300)"><rect width="430" height="58" rx="12" fill="#f7fbf9" stroke="#26383d" stroke-width="3"/>
|
||||
<rect x="0" width="86" height="58" rx="12" 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" transform="translate(70 122)">
|
||||
<g transform="translate(0 0)" class="fraction-g" data-box="-5 -44 62 112">
|
||||
<text x="26" y="-4" text-anchor="middle" class="num">1</text>
|
||||
<line x1="0" y1="8" x2="52" y2="8" class="frac-line"/>
|
||||
<text x="26" y="54" text-anchor="middle" class="num">2</text>
|
||||
</g>
|
||||
<text x="90" y="21" class="op">></text>
|
||||
<g transform="translate(162 0)" class="fraction-g" data-box="-5 -44 62 112">
|
||||
<text x="26" y="-4" text-anchor="middle" class="num">1</text>
|
||||
<line x1="0" y1="8" x2="52" y2="8" class="frac-line"/>
|
||||
<text x="26" y="54" text-anchor="middle" class="num">4</text>
|
||||
</g>
|
||||
</g><text x="70" y="225" class="body">Quand on partage en plus de parts,</text><text x="70" y="265" class="body">chaque part est plus petite.</text><text x="70" y="325" 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">À dénominateur égal, le plus grand numérateur donne la plus grande fraction.</text></g>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 4.7 KiB |
@@ -0,0 +1,52 @@
|
||||
<svg xmlns="http://www.w3.org/2000/svg" width="1316" height="161" viewBox="142 632 1316 161">
|
||||
<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:46px;font-weight:800;fill:#074f4b}.frac-big{font-family:"Trebuchet MS",Verdana,sans-serif;font-size:96px;font-weight:800;fill:#074f4b}.op{font-family:"Trebuchet MS",Verdana,sans-serif;font-size:46px;font-weight:800;fill:#074f4b}.orange{fill:#e78232}.blue{fill:#1d78b5}.green{fill:#2f9246}.line{stroke:#26383d;stroke-width:4;stroke-linecap:round}.tick{stroke:#26383d;stroke-width:3}.frac-line{stroke:#074f4b;stroke-width:4;stroke-linecap:round}.blank{stroke:#7fa79d;stroke-width:3;stroke-dasharray:10 10}</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>
|
||||
<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" transform="translate(70 122)">
|
||||
<g transform="translate(0 0)" class="fraction-g" data-box="-5 -44 62 112">
|
||||
<text x="26" y="-4" text-anchor="middle" class="num">3</text>
|
||||
<line x1="0" y1="8" x2="52" y2="8" class="frac-line"/>
|
||||
<text x="26" y="54" text-anchor="middle" class="num">5</text>
|
||||
</g>
|
||||
<text x="90" y="21" class="op"><</text>
|
||||
<g transform="translate(162 0)" class="fraction-g" data-box="-5 -44 62 112">
|
||||
<text x="26" y="-4" text-anchor="middle" class="num">4</text>
|
||||
<line x1="0" y1="8" x2="52" y2="8" class="frac-line"/>
|
||||
<text x="26" y="54" text-anchor="middle" class="num">5</text>
|
||||
</g>
|
||||
</g><g transform="translate(75 220)"><rect width="430" height="58" rx="12" fill="#f7fbf9" stroke="#26383d" stroke-width="3"/>
|
||||
<rect x="0" width="86" height="58" rx="12" 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 300)"><rect width="430" height="58" rx="12" fill="#f7fbf9" stroke="#26383d" stroke-width="3"/>
|
||||
<rect x="0" width="86" height="58" rx="12" 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" transform="translate(70 122)">
|
||||
<g transform="translate(0 0)" class="fraction-g" data-box="-5 -44 62 112">
|
||||
<text x="26" y="-4" text-anchor="middle" class="num">1</text>
|
||||
<line x1="0" y1="8" x2="52" y2="8" class="frac-line"/>
|
||||
<text x="26" y="54" text-anchor="middle" class="num">2</text>
|
||||
</g>
|
||||
<text x="90" y="21" class="op">></text>
|
||||
<g transform="translate(162 0)" class="fraction-g" data-box="-5 -44 62 112">
|
||||
<text x="26" y="-4" text-anchor="middle" class="num">1</text>
|
||||
<line x1="0" y1="8" x2="52" y2="8" class="frac-line"/>
|
||||
<text x="26" y="54" text-anchor="middle" class="num">4</text>
|
||||
</g>
|
||||
</g><text x="70" y="225" class="body">Quand on partage en plus de parts,</text><text x="70" y="265" class="body">chaque part est plus petite.</text><text x="70" y="325" 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">À dénominateur égal, le plus grand numérateur donne la plus grande fraction.</text></g>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 4.7 KiB |
@@ -0,0 +1,51 @@
|
||||
<svg xmlns="http://www.w3.org/2000/svg" width="1406" height="416" viewBox="97 217 1406 416">
|
||||
<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:46px;font-weight:800;fill:#074f4b}.frac-big{font-family:"Trebuchet MS",Verdana,sans-serif;font-size:96px;font-weight:800;fill:#074f4b}.op{font-family:"Trebuchet MS",Verdana,sans-serif;font-size:46px;font-weight:800;fill:#074f4b}.orange{fill:#e78232}.blue{fill:#1d78b5}.green{fill:#2f9246}.line{stroke:#26383d;stroke-width:4;stroke-linecap:round}.tick{stroke:#26383d;stroke-width:3}.frac-line{stroke:#074f4b;stroke-width:4;stroke-linecap:round}.blank{stroke:#7fa79d;stroke-width:3;stroke-dasharray:10 10}</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">Encadrer 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" transform="translate(36 70)">
|
||||
<text x="0" y="17" class="h2">Exemple :</text>
|
||||
<g transform="translate(238 0)" class="fraction-g" data-box="0 -33 42 84">
|
||||
<text x="21" y="-21" text-anchor="middle" class="h2">7</text>
|
||||
<line x1="0" y1="4" x2="42" y2="4" class="frac-line"/>
|
||||
<text x="21" y="39" text-anchor="middle" class="h2">3</text>
|
||||
</g>
|
||||
</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><g class="math-expression" transform="translate(452 125)">
|
||||
<g transform="translate(0 0)" class="fraction-g" data-box="0 -30 38 76">
|
||||
<text x="19" y="-18" text-anchor="middle" class="body">7</text>
|
||||
<line x1="0" y1="3" x2="38" y2="3" class="frac-line"/>
|
||||
<text x="19" y="34" text-anchor="middle" class="body">3</text>
|
||||
</g>
|
||||
</g><g class="math-expression" transform="translate(790 95)">
|
||||
<g transform="translate(0 0)" class="fraction-g" data-box="-5 -44 62 112">
|
||||
<text x="26" y="-4" text-anchor="middle" class="num">6</text>
|
||||
<line x1="0" y1="8" x2="52" y2="8" class="frac-line"/>
|
||||
<text x="26" y="54" text-anchor="middle" class="num">3</text>
|
||||
</g>
|
||||
<text x="82" y="21" class="op">=</text>
|
||||
<text x="132" y="21" class="op">2</text>
|
||||
</g><g class="math-expression" transform="translate(1040 95)">
|
||||
<g transform="translate(0 0)" class="fraction-g" data-box="-5 -44 62 112">
|
||||
<text x="26" y="-4" text-anchor="middle" class="num">9</text>
|
||||
<line x1="0" y1="8" x2="52" y2="8" class="frac-line"/>
|
||||
<text x="26" y="54" text-anchor="middle" class="num">3</text>
|
||||
</g>
|
||||
<text x="82" y="21" class="op">=</text>
|
||||
<text x="132" y="21" class="op">3</text>
|
||||
</g><g class="math-expression" transform="translate(790 235)">
|
||||
<text x="0" y="21" class="op">2</text>
|
||||
<text x="62" y="21" class="op"><</text>
|
||||
<g transform="translate(126 0)" class="fraction-g" data-box="-5 -44 62 112">
|
||||
<text x="26" y="-4" text-anchor="middle" class="num">7</text>
|
||||
<line x1="0" y1="8" x2="52" y2="8" class="frac-line"/>
|
||||
<text x="26" y="54" text-anchor="middle" class="num">3</text>
|
||||
</g>
|
||||
<text x="210" y="21" class="op"><</text>
|
||||
<text x="272" y="21" class="op">3</text>
|
||||
</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>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 4.7 KiB |
@@ -0,0 +1,51 @@
|
||||
<svg xmlns="http://www.w3.org/2000/svg" width="1316" height="161" viewBox="142 632 1316 161">
|
||||
<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:46px;font-weight:800;fill:#074f4b}.frac-big{font-family:"Trebuchet MS",Verdana,sans-serif;font-size:96px;font-weight:800;fill:#074f4b}.op{font-family:"Trebuchet MS",Verdana,sans-serif;font-size:46px;font-weight:800;fill:#074f4b}.orange{fill:#e78232}.blue{fill:#1d78b5}.green{fill:#2f9246}.line{stroke:#26383d;stroke-width:4;stroke-linecap:round}.tick{stroke:#26383d;stroke-width:3}.frac-line{stroke:#074f4b;stroke-width:4;stroke-linecap:round}.blank{stroke:#7fa79d;stroke-width:3;stroke-dasharray:10 10}</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">Encadrer 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" transform="translate(36 70)">
|
||||
<text x="0" y="17" class="h2">Exemple :</text>
|
||||
<g transform="translate(238 0)" class="fraction-g" data-box="0 -33 42 84">
|
||||
<text x="21" y="-21" text-anchor="middle" class="h2">7</text>
|
||||
<line x1="0" y1="4" x2="42" y2="4" class="frac-line"/>
|
||||
<text x="21" y="39" text-anchor="middle" class="h2">3</text>
|
||||
</g>
|
||||
</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><g class="math-expression" transform="translate(452 125)">
|
||||
<g transform="translate(0 0)" class="fraction-g" data-box="0 -30 38 76">
|
||||
<text x="19" y="-18" text-anchor="middle" class="body">7</text>
|
||||
<line x1="0" y1="3" x2="38" y2="3" class="frac-line"/>
|
||||
<text x="19" y="34" text-anchor="middle" class="body">3</text>
|
||||
</g>
|
||||
</g><g class="math-expression" transform="translate(790 95)">
|
||||
<g transform="translate(0 0)" class="fraction-g" data-box="-5 -44 62 112">
|
||||
<text x="26" y="-4" text-anchor="middle" class="num">6</text>
|
||||
<line x1="0" y1="8" x2="52" y2="8" class="frac-line"/>
|
||||
<text x="26" y="54" text-anchor="middle" class="num">3</text>
|
||||
</g>
|
||||
<text x="82" y="21" class="op">=</text>
|
||||
<text x="132" y="21" class="op">2</text>
|
||||
</g><g class="math-expression" transform="translate(1040 95)">
|
||||
<g transform="translate(0 0)" class="fraction-g" data-box="-5 -44 62 112">
|
||||
<text x="26" y="-4" text-anchor="middle" class="num">9</text>
|
||||
<line x1="0" y1="8" x2="52" y2="8" class="frac-line"/>
|
||||
<text x="26" y="54" text-anchor="middle" class="num">3</text>
|
||||
</g>
|
||||
<text x="82" y="21" class="op">=</text>
|
||||
<text x="132" y="21" class="op">3</text>
|
||||
</g><g class="math-expression" transform="translate(790 235)">
|
||||
<text x="0" y="21" class="op">2</text>
|
||||
<text x="62" y="21" class="op"><</text>
|
||||
<g transform="translate(126 0)" class="fraction-g" data-box="-5 -44 62 112">
|
||||
<text x="26" y="-4" text-anchor="middle" class="num">7</text>
|
||||
<line x1="0" y1="8" x2="52" y2="8" class="frac-line"/>
|
||||
<text x="26" y="54" text-anchor="middle" class="num">3</text>
|
||||
</g>
|
||||
<text x="210" y="21" class="op"><</text>
|
||||
<text x="272" y="21" class="op">3</text>
|
||||
</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>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 4.7 KiB |
@@ -0,0 +1,59 @@
|
||||
<svg xmlns="http://www.w3.org/2000/svg" width="696" height="416" viewBox="92 217 696 416">
|
||||
<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:46px;font-weight:800;fill:#074f4b}.frac-big{font-family:"Trebuchet MS",Verdana,sans-serif;font-size:96px;font-weight:800;fill:#074f4b}.op{font-family:"Trebuchet MS",Verdana,sans-serif;font-size:46px;font-weight:800;fill:#074f4b}.orange{fill:#e78232}.blue{fill:#1d78b5}.green{fill:#2f9246}.line{stroke:#26383d;stroke-width:4;stroke-linecap:round}.tick{stroke:#26383d;stroke-width:3}.frac-line{stroke:#074f4b;stroke-width:4;stroke-linecap:round}.blank{stroke:#7fa79d;stroke-width:3;stroke-dasharray:10 10}</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 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" transform="translate(80 120)">
|
||||
<g transform="translate(0 0)" class="fraction-g" data-box="-5 -44 62 112">
|
||||
<text x="26" y="-4" text-anchor="middle" class="num">2</text>
|
||||
<line x1="0" y1="8" x2="52" y2="8" class="frac-line"/>
|
||||
<text x="26" y="54" text-anchor="middle" class="num">7</text>
|
||||
</g>
|
||||
<text x="86" y="21" class="op">+</text>
|
||||
<g transform="translate(154 0)" class="fraction-g" data-box="-5 -44 62 112">
|
||||
<text x="26" y="-4" text-anchor="middle" class="num">3</text>
|
||||
<line x1="0" y1="8" x2="52" y2="8" class="frac-line"/>
|
||||
<text x="26" y="54" text-anchor="middle" class="num">7</text>
|
||||
</g>
|
||||
<text x="240" y="21" class="op">=</text>
|
||||
<g transform="translate(308 0)" class="fraction-g" data-box="-5 -44 62 112">
|
||||
<text x="26" y="-4" text-anchor="middle" class="num">5</text>
|
||||
<line x1="0" y1="8" x2="52" y2="8" class="frac-line"/>
|
||||
<text x="26" y="54" text-anchor="middle" class="num">7</text>
|
||||
</g>
|
||||
</g><g transform="translate(70 235)"><rect width="490" height="70" rx="12" fill="#f7fbf9" stroke="#26383d" stroke-width="3"/>
|
||||
<rect x="0" width="70" height="70" rx="12" 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" transform="translate(65 270)">
|
||||
<g transform="translate(0 0)" class="fraction-g" data-box="-5 -44 62 112">
|
||||
<text x="26" y="-4" text-anchor="middle" class="num">6</text>
|
||||
<line x1="0" y1="8" x2="52" y2="8" class="frac-line"/>
|
||||
<text x="26" y="54" text-anchor="middle" class="num">8</text>
|
||||
</g>
|
||||
<text x="86" y="21" class="op">-</text>
|
||||
<g transform="translate(154 0)" class="fraction-g" data-box="-5 -44 62 112">
|
||||
<text x="26" y="-4" text-anchor="middle" class="num">2</text>
|
||||
<line x1="0" y1="8" x2="52" y2="8" class="frac-line"/>
|
||||
<text x="26" y="54" text-anchor="middle" class="num">8</text>
|
||||
</g>
|
||||
<text x="240" y="21" class="op">=</text>
|
||||
<g transform="translate(308 0)" class="fraction-g" data-box="-5 -44 62 112">
|
||||
<text x="26" y="-4" text-anchor="middle" class="num">4</text>
|
||||
<line x1="0" y1="8" x2="52" y2="8" class="frac-line"/>
|
||||
<text x="26" y="54" 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>
|
||||
|
After Width: | Height: | Size: 5.0 KiB |
@@ -0,0 +1,59 @@
|
||||
<svg xmlns="http://www.w3.org/2000/svg" width="681" height="416" viewBox="797 217 681 416">
|
||||
<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:46px;font-weight:800;fill:#074f4b}.frac-big{font-family:"Trebuchet MS",Verdana,sans-serif;font-size:96px;font-weight:800;fill:#074f4b}.op{font-family:"Trebuchet MS",Verdana,sans-serif;font-size:46px;font-weight:800;fill:#074f4b}.orange{fill:#e78232}.blue{fill:#1d78b5}.green{fill:#2f9246}.line{stroke:#26383d;stroke-width:4;stroke-linecap:round}.tick{stroke:#26383d;stroke-width:3}.frac-line{stroke:#074f4b;stroke-width:4;stroke-linecap:round}.blank{stroke:#7fa79d;stroke-width:3;stroke-dasharray:10 10}</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 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" transform="translate(80 120)">
|
||||
<g transform="translate(0 0)" class="fraction-g" data-box="-5 -44 62 112">
|
||||
<text x="26" y="-4" text-anchor="middle" class="num">2</text>
|
||||
<line x1="0" y1="8" x2="52" y2="8" class="frac-line"/>
|
||||
<text x="26" y="54" text-anchor="middle" class="num">7</text>
|
||||
</g>
|
||||
<text x="86" y="21" class="op">+</text>
|
||||
<g transform="translate(154 0)" class="fraction-g" data-box="-5 -44 62 112">
|
||||
<text x="26" y="-4" text-anchor="middle" class="num">3</text>
|
||||
<line x1="0" y1="8" x2="52" y2="8" class="frac-line"/>
|
||||
<text x="26" y="54" text-anchor="middle" class="num">7</text>
|
||||
</g>
|
||||
<text x="240" y="21" class="op">=</text>
|
||||
<g transform="translate(308 0)" class="fraction-g" data-box="-5 -44 62 112">
|
||||
<text x="26" y="-4" text-anchor="middle" class="num">5</text>
|
||||
<line x1="0" y1="8" x2="52" y2="8" class="frac-line"/>
|
||||
<text x="26" y="54" text-anchor="middle" class="num">7</text>
|
||||
</g>
|
||||
</g><g transform="translate(70 235)"><rect width="490" height="70" rx="12" fill="#f7fbf9" stroke="#26383d" stroke-width="3"/>
|
||||
<rect x="0" width="70" height="70" rx="12" 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" transform="translate(65 270)">
|
||||
<g transform="translate(0 0)" class="fraction-g" data-box="-5 -44 62 112">
|
||||
<text x="26" y="-4" text-anchor="middle" class="num">6</text>
|
||||
<line x1="0" y1="8" x2="52" y2="8" class="frac-line"/>
|
||||
<text x="26" y="54" text-anchor="middle" class="num">8</text>
|
||||
</g>
|
||||
<text x="86" y="21" class="op">-</text>
|
||||
<g transform="translate(154 0)" class="fraction-g" data-box="-5 -44 62 112">
|
||||
<text x="26" y="-4" text-anchor="middle" class="num">2</text>
|
||||
<line x1="0" y1="8" x2="52" y2="8" class="frac-line"/>
|
||||
<text x="26" y="54" text-anchor="middle" class="num">8</text>
|
||||
</g>
|
||||
<text x="240" y="21" class="op">=</text>
|
||||
<g transform="translate(308 0)" class="fraction-g" data-box="-5 -44 62 112">
|
||||
<text x="26" y="-4" text-anchor="middle" class="num">4</text>
|
||||
<line x1="0" y1="8" x2="52" y2="8" class="frac-line"/>
|
||||
<text x="26" y="54" 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>
|
||||
|
After Width: | Height: | Size: 5.0 KiB |
@@ -0,0 +1,59 @@
|
||||
<svg xmlns="http://www.w3.org/2000/svg" width="1316" height="161" viewBox="142 632 1316 161">
|
||||
<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:46px;font-weight:800;fill:#074f4b}.frac-big{font-family:"Trebuchet MS",Verdana,sans-serif;font-size:96px;font-weight:800;fill:#074f4b}.op{font-family:"Trebuchet MS",Verdana,sans-serif;font-size:46px;font-weight:800;fill:#074f4b}.orange{fill:#e78232}.blue{fill:#1d78b5}.green{fill:#2f9246}.line{stroke:#26383d;stroke-width:4;stroke-linecap:round}.tick{stroke:#26383d;stroke-width:3}.frac-line{stroke:#074f4b;stroke-width:4;stroke-linecap:round}.blank{stroke:#7fa79d;stroke-width:3;stroke-dasharray:10 10}</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 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" transform="translate(80 120)">
|
||||
<g transform="translate(0 0)" class="fraction-g" data-box="-5 -44 62 112">
|
||||
<text x="26" y="-4" text-anchor="middle" class="num">2</text>
|
||||
<line x1="0" y1="8" x2="52" y2="8" class="frac-line"/>
|
||||
<text x="26" y="54" text-anchor="middle" class="num">7</text>
|
||||
</g>
|
||||
<text x="86" y="21" class="op">+</text>
|
||||
<g transform="translate(154 0)" class="fraction-g" data-box="-5 -44 62 112">
|
||||
<text x="26" y="-4" text-anchor="middle" class="num">3</text>
|
||||
<line x1="0" y1="8" x2="52" y2="8" class="frac-line"/>
|
||||
<text x="26" y="54" text-anchor="middle" class="num">7</text>
|
||||
</g>
|
||||
<text x="240" y="21" class="op">=</text>
|
||||
<g transform="translate(308 0)" class="fraction-g" data-box="-5 -44 62 112">
|
||||
<text x="26" y="-4" text-anchor="middle" class="num">5</text>
|
||||
<line x1="0" y1="8" x2="52" y2="8" class="frac-line"/>
|
||||
<text x="26" y="54" text-anchor="middle" class="num">7</text>
|
||||
</g>
|
||||
</g><g transform="translate(70 235)"><rect width="490" height="70" rx="12" fill="#f7fbf9" stroke="#26383d" stroke-width="3"/>
|
||||
<rect x="0" width="70" height="70" rx="12" 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" transform="translate(65 270)">
|
||||
<g transform="translate(0 0)" class="fraction-g" data-box="-5 -44 62 112">
|
||||
<text x="26" y="-4" text-anchor="middle" class="num">6</text>
|
||||
<line x1="0" y1="8" x2="52" y2="8" class="frac-line"/>
|
||||
<text x="26" y="54" text-anchor="middle" class="num">8</text>
|
||||
</g>
|
||||
<text x="86" y="21" class="op">-</text>
|
||||
<g transform="translate(154 0)" class="fraction-g" data-box="-5 -44 62 112">
|
||||
<text x="26" y="-4" text-anchor="middle" class="num">2</text>
|
||||
<line x1="0" y1="8" x2="52" y2="8" class="frac-line"/>
|
||||
<text x="26" y="54" text-anchor="middle" class="num">8</text>
|
||||
</g>
|
||||
<text x="240" y="21" class="op">=</text>
|
||||
<g transform="translate(308 0)" class="fraction-g" data-box="-5 -44 62 112">
|
||||
<text x="26" y="-4" text-anchor="middle" class="num">4</text>
|
||||
<line x1="0" y1="8" x2="52" y2="8" class="frac-line"/>
|
||||
<text x="26" y="54" 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>
|
||||
|
After Width: | Height: | Size: 5.0 KiB |
@@ -0,0 +1,34 @@
|
||||
<svg xmlns="http://www.w3.org/2000/svg" width="696" height="416" viewBox="92 217 696 416">
|
||||
<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:46px;font-weight:800;fill:#074f4b}.frac-big{font-family:"Trebuchet MS",Verdana,sans-serif;font-size:96px;font-weight:800;fill:#074f4b}.op{font-family:"Trebuchet MS",Verdana,sans-serif;font-size:46px;font-weight:800;fill:#074f4b}.orange{fill:#e78232}.blue{fill:#1d78b5}.green{fill:#2f9246}.line{stroke:#26383d;stroke-width:4;stroke-linecap:round}.tick{stroke:#26383d;stroke-width:3}.frac-line{stroke:#074f4b;stroke-width:4;stroke-linecap:round}.blank{stroke:#7fa79d;stroke-width:3;stroke-dasharray:10 10}</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>
|
||||
<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" transform="translate(34 72)">
|
||||
<text x="0" y="17" class="h2">Exemple :</text>
|
||||
<g transform="translate(250 0)" class="fraction-g" data-box="0 -33 42 84">
|
||||
<text x="21" y="-21" text-anchor="middle" class="h2">3</text>
|
||||
<line x1="0" y1="4" x2="42" y2="4" class="frac-line"/>
|
||||
<text x="21" y="39" text-anchor="middle" class="h2">4</text>
|
||||
</g>
|
||||
<text x="326" y="17" class="h2">de 20</text>
|
||||
</g><g transform="translate(80 145)"><rect width="440" height="90" rx="12" fill="#f7fbf9" stroke="#26383d" stroke-width="3"/>
|
||||
<rect x="0" 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="285" class="small">20 partagé en 4 parts : chaque part vaut 5.</text><text x="80" y="330" 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="135" class="num">20 à 4 = 5</text><text x="70" y="220" class="num">5 x 3 = 15</text><text x="70" y="300" class="body">Le dénominateur partage.</text><text x="70" y="335" 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="43" class="h2">À retenir</text><g class="math-expression" transform="translate(36 58)">
|
||||
<text x="0" y="13" class="body">Pour trouver</text>
|
||||
<g transform="translate(324 0)" class="fraction-g" data-box="-4 -30 46 76">
|
||||
<text x="19" y="-14" text-anchor="middle" class="body">3</text>
|
||||
<line x1="0" y1="5" x2="38" y2="5" class="frac-line"/>
|
||||
<text x="19" y="34" text-anchor="middle" class="body">4</text>
|
||||
</g>
|
||||
<text x="398" y="13" class="body">d'une quantité : je divise par 4, puis je multiplie par 3.</text>
|
||||
</g></g>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 3.8 KiB |
@@ -0,0 +1,34 @@
|
||||
<svg xmlns="http://www.w3.org/2000/svg" width="681" height="416" viewBox="797 217 681 416">
|
||||
<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:46px;font-weight:800;fill:#074f4b}.frac-big{font-family:"Trebuchet MS",Verdana,sans-serif;font-size:96px;font-weight:800;fill:#074f4b}.op{font-family:"Trebuchet MS",Verdana,sans-serif;font-size:46px;font-weight:800;fill:#074f4b}.orange{fill:#e78232}.blue{fill:#1d78b5}.green{fill:#2f9246}.line{stroke:#26383d;stroke-width:4;stroke-linecap:round}.tick{stroke:#26383d;stroke-width:3}.frac-line{stroke:#074f4b;stroke-width:4;stroke-linecap:round}.blank{stroke:#7fa79d;stroke-width:3;stroke-dasharray:10 10}</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>
|
||||
<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" transform="translate(34 72)">
|
||||
<text x="0" y="17" class="h2">Exemple :</text>
|
||||
<g transform="translate(250 0)" class="fraction-g" data-box="0 -33 42 84">
|
||||
<text x="21" y="-21" text-anchor="middle" class="h2">3</text>
|
||||
<line x1="0" y1="4" x2="42" y2="4" class="frac-line"/>
|
||||
<text x="21" y="39" text-anchor="middle" class="h2">4</text>
|
||||
</g>
|
||||
<text x="326" y="17" class="h2">de 20</text>
|
||||
</g><g transform="translate(80 145)"><rect width="440" height="90" rx="12" fill="#f7fbf9" stroke="#26383d" stroke-width="3"/>
|
||||
<rect x="0" 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="285" class="small">20 partagé en 4 parts : chaque part vaut 5.</text><text x="80" y="330" 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="135" class="num">20 à 4 = 5</text><text x="70" y="220" class="num">5 x 3 = 15</text><text x="70" y="300" class="body">Le dénominateur partage.</text><text x="70" y="335" 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="43" class="h2">À retenir</text><g class="math-expression" transform="translate(36 58)">
|
||||
<text x="0" y="13" class="body">Pour trouver</text>
|
||||
<g transform="translate(324 0)" class="fraction-g" data-box="-4 -30 46 76">
|
||||
<text x="19" y="-14" text-anchor="middle" class="body">3</text>
|
||||
<line x1="0" y1="5" x2="38" y2="5" class="frac-line"/>
|
||||
<text x="19" y="34" text-anchor="middle" class="body">4</text>
|
||||
</g>
|
||||
<text x="398" y="13" class="body">d'une quantité : je divise par 4, puis je multiplie par 3.</text>
|
||||
</g></g>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 3.8 KiB |
@@ -0,0 +1,34 @@
|
||||
<svg xmlns="http://www.w3.org/2000/svg" width="1316" height="161" viewBox="142 632 1316 161">
|
||||
<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:46px;font-weight:800;fill:#074f4b}.frac-big{font-family:"Trebuchet MS",Verdana,sans-serif;font-size:96px;font-weight:800;fill:#074f4b}.op{font-family:"Trebuchet MS",Verdana,sans-serif;font-size:46px;font-weight:800;fill:#074f4b}.orange{fill:#e78232}.blue{fill:#1d78b5}.green{fill:#2f9246}.line{stroke:#26383d;stroke-width:4;stroke-linecap:round}.tick{stroke:#26383d;stroke-width:3}.frac-line{stroke:#074f4b;stroke-width:4;stroke-linecap:round}.blank{stroke:#7fa79d;stroke-width:3;stroke-dasharray:10 10}</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>
|
||||
<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" transform="translate(34 72)">
|
||||
<text x="0" y="17" class="h2">Exemple :</text>
|
||||
<g transform="translate(250 0)" class="fraction-g" data-box="0 -33 42 84">
|
||||
<text x="21" y="-21" text-anchor="middle" class="h2">3</text>
|
||||
<line x1="0" y1="4" x2="42" y2="4" class="frac-line"/>
|
||||
<text x="21" y="39" text-anchor="middle" class="h2">4</text>
|
||||
</g>
|
||||
<text x="326" y="17" class="h2">de 20</text>
|
||||
</g><g transform="translate(80 145)"><rect width="440" height="90" rx="12" fill="#f7fbf9" stroke="#26383d" stroke-width="3"/>
|
||||
<rect x="0" 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="285" class="small">20 partagé en 4 parts : chaque part vaut 5.</text><text x="80" y="330" 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="135" class="num">20 à 4 = 5</text><text x="70" y="220" class="num">5 x 3 = 15</text><text x="70" y="300" class="body">Le dénominateur partage.</text><text x="70" y="335" 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="43" class="h2">À retenir</text><g class="math-expression" transform="translate(36 58)">
|
||||
<text x="0" y="13" class="body">Pour trouver</text>
|
||||
<g transform="translate(324 0)" class="fraction-g" data-box="-4 -30 46 76">
|
||||
<text x="19" y="-14" text-anchor="middle" class="body">3</text>
|
||||
<line x1="0" y1="5" x2="38" y2="5" class="frac-line"/>
|
||||
<text x="19" y="34" text-anchor="middle" class="body">4</text>
|
||||
</g>
|
||||
<text x="398" y="13" class="body">d'une quantité : je divise par 4, puis je multiplie par 3.</text>
|
||||
</g></g>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 3.8 KiB |
@@ -62,3 +62,8 @@ Reponse attendue :
|
||||
- Si l'eleve lit chiffre par chiffre, refaire lire avec les mots usuels : demi, tiers, quarts.
|
||||
- Si l'eleve oublie l'unite, revenir a la card `L'unite partagee`.
|
||||
|
||||
## Sources
|
||||
|
||||
- Source principale locale : `Programme/pdf_collecteur/state/synthese_cycle3_cm1_mathematiques.md`.
|
||||
- Documents officiels de reference : PDF du programme de mathematiques cycle 3 conserves dans `Programme/Cycle 3/Math/`.
|
||||
|
||||
|
||||
|
Before Width: | Height: | Size: 5.0 KiB After Width: | Height: | Size: 5.0 KiB |
@@ -54,3 +54,8 @@ Reponse attendue :
|
||||
- Si l'eleve ne nomme pas l'unite, demander : `quelle est toute la quantite ?`
|
||||
- Si les parts egales sont oubliees, revenir a la regle : une fraction exige des parts egales.
|
||||
|
||||
## Sources
|
||||
|
||||
- Source principale locale : `Programme/pdf_collecteur/state/synthese_cycle3_cm1_mathematiques.md`.
|
||||
- Documents officiels de reference : PDF du programme de mathematiques cycle 3 conserves dans `Programme/Cycle 3/Math/`.
|
||||
|
||||
|
||||
|
Before Width: | Height: | Size: 3.9 KiB After Width: | Height: | Size: 3.9 KiB |
@@ -42,3 +42,8 @@ Reponse attendue :
|
||||
- Si l'eleve place `5/4` avant `1`, reprendre `4/4 = 1`.
|
||||
- Si le denominateur est ignore, demander combien de parts egales contient chaque unite.
|
||||
|
||||
## Sources
|
||||
|
||||
- Source principale locale : `Programme/pdf_collecteur/state/synthese_cycle3_cm1_mathematiques.md`.
|
||||
- Documents officiels de reference : PDF du programme de mathematiques cycle 3 conserves dans `Programme/Cycle 3/Math/`.
|
||||
|
||||
|
||||
|
Before Width: | Height: | Size: 3.4 KiB After Width: | Height: | Size: 3.4 KiB |
@@ -63,3 +63,8 @@ Reponse attendue :
|
||||
- Si `denominateur plus grand` devient une regle automatique, faire comparer numerateur et denominateur.
|
||||
- Si l'eleve oublie le cas egal a `1`, reprendre `5/5 = 1`.
|
||||
|
||||
## Sources
|
||||
|
||||
- Source principale locale : `Programme/pdf_collecteur/state/synthese_cycle3_cm1_mathematiques.md`.
|
||||
- Documents officiels de reference : PDF du programme de mathematiques cycle 3 conserves dans `Programme/Cycle 3/Math/`.
|
||||
|
||||
|
||||
|
Before Width: | Height: | Size: 7.0 KiB After Width: | Height: | Size: 7.0 KiB |
@@ -60,3 +60,8 @@ Reponse attendue :
|
||||
- Si l'eleve bloque sur `<` et `>`, accepter une phrase orale avant le symbole.
|
||||
- Si l'eleve reussit sans justifier, demander quelle strategie il a utilisee.
|
||||
|
||||
## Sources
|
||||
|
||||
- Source principale locale : `Programme/pdf_collecteur/state/synthese_cycle3_cm1_mathematiques.md`.
|
||||
- Documents officiels de reference : PDF du programme de mathematiques cycle 3 conserves dans `Programme/Cycle 3/Math/`.
|
||||
|
||||
|
||||
|
Before Width: | Height: | Size: 7.4 KiB After Width: | Height: | Size: 7.4 KiB |
@@ -58,3 +58,8 @@ Reponse attendue :
|
||||
- Si le meme denominateur disparait, revenir a `6/3`, `7/3`, `9/3`.
|
||||
- Si l'eleve compte bien mais ecrit mal les signes, accepter d'abord une phrase orale.
|
||||
|
||||
## Sources
|
||||
|
||||
- Source principale locale : `Programme/pdf_collecteur/state/synthese_cycle3_cm1_mathematiques.md`.
|
||||
- Documents officiels de reference : PDF du programme de mathematiques cycle 3 conserves dans `Programme/Cycle 3/Math/`.
|
||||
|
||||
|
||||
|
Before Width: | Height: | Size: 4.5 KiB After Width: | Height: | Size: 4.5 KiB |
@@ -60,3 +60,8 @@ Reponse attendue :
|
||||
- Si l'eleve simplifie spontanement, accepter mais rappeler que la phase attend la fraction non reduite.
|
||||
- Si l'eleve oublie de verifier les denominateurs, poser toujours la question avant le calcul.
|
||||
|
||||
## Sources
|
||||
|
||||
- Source principale locale : `Programme/pdf_collecteur/state/synthese_cycle3_cm1_mathematiques.md`.
|
||||
- Documents officiels de reference : PDF du programme de mathematiques cycle 3 conserves dans `Programme/Cycle 3/Math/`.
|
||||
|
||||
|
||||
|
Before Width: | Height: | Size: 8.1 KiB After Width: | Height: | Size: 8.1 KiB |
@@ -58,3 +58,8 @@ Reponse attendue :
|
||||
- Si l'eleve divise par le numerateur, demander quel nombre indique le partage.
|
||||
- Si l'eleve trouve l'operation mais oublie l'unite, faire reformuler avec la quantite de depart.
|
||||
|
||||
## Sources
|
||||
|
||||
- Source principale locale : `Programme/pdf_collecteur/state/synthese_cycle3_cm1_mathematiques.md`.
|
||||
- Documents officiels de reference : PDF du programme de mathematiques cycle 3 conserves dans `Programme/Cycle 3/Math/`.
|
||||
|
||||
|
||||
|
Before Width: | Height: | Size: 4.5 KiB After Width: | Height: | Size: 4.5 KiB |
|
Before Width: | Height: | Size: 3.0 KiB After Width: | Height: | Size: 3.0 KiB |
@@ -1,13 +0,0 @@
|
||||
# SVG exercices - CM1 - Fractions
|
||||
|
||||
Ce dossier contient les planches SVG d'exercices de la Phase 6A pour le sous-theme `01B_fractions`.
|
||||
|
||||
Organisation :
|
||||
|
||||
- une planche SVG par micro-competence ;
|
||||
- consignes courtes ;
|
||||
- zones de reponse visibles ;
|
||||
- pas de corrige dans le visuel.
|
||||
|
||||
Les corriges restent dans les fichiers `exercices/*/exercices.md`.
|
||||
|
||||
@@ -45,3 +45,9 @@ Demander :
|
||||
- Lis `2/5`.
|
||||
- Ecris en fraction : `quatre sixiemes`.
|
||||
- Dans `7/10`, quel est le denominateur ?
|
||||
|
||||
## Sources
|
||||
|
||||
- Source principale locale : `Programme/pdf_collecteur/state/synthese_cycle3_cm1_mathematiques.md`.
|
||||
- Documents officiels de reference : PDF du programme de mathematiques cycle 3 conserves dans `Programme/Cycle 3/Math/`.
|
||||
|
||||
|
Before Width: | Height: | Size: 3.8 KiB After Width: | Height: | Size: 3.8 KiB |
@@ -46,3 +46,9 @@ Proposer une figure partagee et demander :
|
||||
- Quelle fraction est coloriee ?
|
||||
- Colorie `3/8` de la bande.
|
||||
- La representation est-elle correcte si les parts ne sont pas egales ?
|
||||
|
||||
## Sources
|
||||
|
||||
- Source principale locale : `Programme/pdf_collecteur/state/synthese_cycle3_cm1_mathematiques.md`.
|
||||
- Documents officiels de reference : PDF du programme de mathematiques cycle 3 conserves dans `Programme/Cycle 3/Math/`.
|
||||
|
||||
|
Before Width: | Height: | Size: 4.9 KiB After Width: | Height: | Size: 4.9 KiB |
@@ -38,3 +38,9 @@ Demander :
|
||||
- Place `2/3` sur une demi-droite de `0` a `1`.
|
||||
- Lis la fraction indiquee par le point.
|
||||
- Explique pourquoi `5/4` est apres `1`.
|
||||
|
||||
## Sources
|
||||
|
||||
- Source principale locale : `Programme/pdf_collecteur/state/synthese_cycle3_cm1_mathematiques.md`.
|
||||
- Documents officiels de reference : PDF du programme de mathematiques cycle 3 conserves dans `Programme/Cycle 3/Math/`.
|
||||
|
||||
|
Before Width: | Height: | Size: 4.1 KiB After Width: | Height: | Size: 4.1 KiB |
@@ -39,3 +39,9 @@ Demander :
|
||||
- Represente `6/5`.
|
||||
- Complete : `9/4 = 8/4 + ...`.
|
||||
- Encercle les fractions superieures a `1` : `2/5`, `5/5`, `7/5`.
|
||||
|
||||
## Sources
|
||||
|
||||
- Source principale locale : `Programme/pdf_collecteur/state/synthese_cycle3_cm1_mathematiques.md`.
|
||||
- Documents officiels de reference : PDF du programme de mathematiques cycle 3 conserves dans `Programme/Cycle 3/Math/`.
|
||||
|
||||
|
Before Width: | Height: | Size: 5.2 KiB After Width: | Height: | Size: 5.2 KiB |
@@ -40,3 +40,9 @@ Demander :
|
||||
- Complete avec `<`, `>` ou `=` : `2/7 ... 5/7`.
|
||||
- Choisis la plus grande fraction : `1/3` ou `1/6`.
|
||||
- Explique avec un dessin.
|
||||
|
||||
## Sources
|
||||
|
||||
- Source principale locale : `Programme/pdf_collecteur/state/synthese_cycle3_cm1_mathematiques.md`.
|
||||
- Documents officiels de reference : PDF du programme de mathematiques cycle 3 conserves dans `Programme/Cycle 3/Math/`.
|
||||
|
||||
|
Before Width: | Height: | Size: 4.7 KiB After Width: | Height: | Size: 4.7 KiB |
@@ -39,3 +39,9 @@ Demander :
|
||||
- Encadre `9/4` entre deux entiers.
|
||||
- Place `13/6` puis complete : `... < 13/6 < ...`.
|
||||
- Explique pourquoi `4/4` n'est pas entre `0` et `1`, mais egal a `1`.
|
||||
|
||||
## Sources
|
||||
|
||||
- Source principale locale : `Programme/pdf_collecteur/state/synthese_cycle3_cm1_mathematiques.md`.
|
||||
- Documents officiels de reference : PDF du programme de mathematiques cycle 3 conserves dans `Programme/Cycle 3/Math/`.
|
||||
|
||||
|
Before Width: | Height: | Size: 4.7 KiB After Width: | Height: | Size: 4.7 KiB |
@@ -40,3 +40,9 @@ Demander :
|
||||
- Calcule `3/10 + 4/10`.
|
||||
- Calcule `7/9 - 2/9`.
|
||||
- Represente `3/4 + 2/4` avec deux bandes si besoin.
|
||||
|
||||
## Sources
|
||||
|
||||
- Source principale locale : `Programme/pdf_collecteur/state/synthese_cycle3_cm1_mathematiques.md`.
|
||||
- Documents officiels de reference : PDF du programme de mathematiques cycle 3 conserves dans `Programme/Cycle 3/Math/`.
|
||||
|
||||
|
Before Width: | Height: | Size: 5.0 KiB After Width: | Height: | Size: 5.0 KiB |
@@ -40,3 +40,9 @@ Demander :
|
||||
- Calcule `1/3` de `24`.
|
||||
- Calcule `2/5` de `40`.
|
||||
- Dans une classe de `28` eleves, `3/4` participent a un atelier. Combien d'eleves participent ?
|
||||
|
||||
## Sources
|
||||
|
||||
- Source principale locale : `Programme/pdf_collecteur/state/synthese_cycle3_cm1_mathematiques.md`.
|
||||
- Documents officiels de reference : PDF du programme de mathematiques cycle 3 conserves dans `Programme/Cycle 3/Math/`.
|
||||
|
||||
|
Before Width: | Height: | Size: 3.8 KiB After Width: | Height: | Size: 3.8 KiB |
@@ -1,29 +0,0 @@
|
||||
# Kit adaptatif - 01B fractions
|
||||
|
||||
## Rôle du dossier
|
||||
|
||||
Ce kit transforme le sous-thème `01B_fractions` en parcours adaptatif pour Professeur TOP.
|
||||
|
||||
Il sert à choisir rapidement une entrée de travail adaptée à l'élève après quelques réponses courtes :
|
||||
|
||||
- lecture et écriture des fractions simples ;
|
||||
- représentation d'un partage ;
|
||||
- placement sur demi-droite graduée ;
|
||||
- comparaison et encadrement ;
|
||||
- petites opérations sur fractions de même dénominateur ;
|
||||
- fraction d'une quantité.
|
||||
|
||||
## Structure
|
||||
|
||||
- `00_principe_adaptatif.md` : logique générale, erreurs à repérer et profils observables.
|
||||
- `routage.md` : règles d'orientation après diagnostic.
|
||||
- `test_diagnostic/` : tests courts à utiliser avant de choisir un parcours.
|
||||
- `parcours_profils/` : exercices et reprises classés par profil pédagogique.
|
||||
- `svg/` : supports visuels du diagnostic et des parcours.
|
||||
|
||||
## Statut
|
||||
|
||||
Phase `7A` : kit adaptatif généré pour revue.
|
||||
|
||||
Les contenus restent éditoriaux : ils devront être validés dans l'interface avant assimilation complète au programme actif.
|
||||
|
||||
@@ -1,6 +0,0 @@
|
||||
# Parcours par profils observables
|
||||
|
||||
Chaque dossier propose une reprise ciblée après diagnostic.
|
||||
|
||||
Les parcours peuvent être combinés. Par exemple, un élève peut commencer par `01_visuel_partage`, puis passer à `02_verbal_vocabulaire` pour stabiliser les mots.
|
||||
|
||||
@@ -1,6 +0,0 @@
|
||||
# SVG du kit adaptatif fractions
|
||||
|
||||
Ces visuels servent de supports simples pour les tests et les parcours.
|
||||
|
||||
Ils sont volontairement moins denses que les fiches de leçon : chaque SVG porte une seule décision pédagogique.
|
||||
|
||||
@@ -1,13 +0,0 @@
|
||||
# Tests diagnostics - fractions CM1
|
||||
|
||||
Ces tests sont courts et doivent être utilisés avant de choisir un parcours adaptatif.
|
||||
|
||||
Ils ne servent pas à noter l'élève. Ils servent à comprendre quelle aide sera la plus efficace.
|
||||
|
||||
Ordre conseillé :
|
||||
|
||||
1. `01_lecture_vocabulaire.md`
|
||||
2. `02_partage_unite.md`
|
||||
3. `03_demi_droite.md`
|
||||
4. `04_comparer_expliquer.md`
|
||||
|
||||
@@ -0,0 +1,586 @@
|
||||
# Lecon globale - CM1 - Fractions
|
||||
|
||||
Cette lecon globale sert de contexte general a Professeur TOP.
|
||||
|
||||
## Sources
|
||||
|
||||
- Source principale locale : `Programme/pdf_collecteur/state/synthese_cycle3_cm1_mathematiques.md`.
|
||||
- Documents officiels de reference : PDF du programme de mathematiques cycle 3 conserves dans `Programme/Cycle 3/Math/`.
|
||||
- Niveau : cycle 3, CM1, mathematiques, nombres/calcul/resolution, fractions.
|
||||
|
||||
## Contenu consolide
|
||||
|
||||
# CM1 - Fractions
|
||||
|
||||
Source principale : `pdf_collecteur/state/synthese_cycle3_cm1_mathematiques.md`
|
||||
|
||||
Domaine : Nombres, calcul et resolution de problemes
|
||||
Sous-theme : Fractions
|
||||
Niveau : CM1
|
||||
|
||||
## Perimetre
|
||||
|
||||
Le travail sur les fractions commence des la periode 1 et se poursuit toute l'annee. Les fractions sont abordees comme partage, mesure, nombre sur une demi-droite graduee et operateur unitaire.
|
||||
|
||||
Points de cadrage :
|
||||
|
||||
- fractions superieures a `1` ;
|
||||
- denominateurs inferieurs ou egaux a `20`, sauf fractions decimales jusqu'aux centiemes ;
|
||||
- fractions decimales preparees pour l'introduction des nombres decimaux.
|
||||
|
||||
## Micro-competences prevues
|
||||
|
||||
1. `01_lire_ecrire_fraction_simple.md` : lire et ecrire une fraction simple.
|
||||
2. `02_representer_fraction_partage.md` : representer une fraction comme partage.
|
||||
3. `03_fraction_sur_demi_droite_graduee.md` : placer et lire une fraction sur une demi-droite graduee.
|
||||
4. `04_fraction_superieure_a_un.md` : comprendre et representer une fraction superieure a `1`.
|
||||
5. `05_comparer_fractions_simples.md` : comparer des fractions simples avec appui visuel.
|
||||
6. `06_encadrer_fraction_entre_entiers.md` : encadrer une fraction entre deux entiers.
|
||||
7. `07_additionner_soustraire_fractions_simples.md` : additionner ou soustraire des fractions de meme denominateur.
|
||||
8. `08_fraction_d_une_quantite.md` : determiner une fraction d'une quantite.
|
||||
|
||||
Statut Phase 2A : les 8 micro-fiches Markdown sont generees et pretes pour relecture.
|
||||
|
||||
## Futures sorties
|
||||
|
||||
- Fiches de lecon Markdown et SVG.
|
||||
- Contextes dynamiques par card : sens de la fraction, unite, numerateur, denominateur, representation.
|
||||
- Exercices textuels : lecture, representation, placement, comparaison, calcul simple.
|
||||
- SVG exercices : bandes, disques, droites graduees, collections.
|
||||
- Kit adaptatif conseille : les erreurs de choix d'unite et de denominateur sont frequentes.
|
||||
|
||||
## Prochaine validation
|
||||
|
||||
Avant les SVG et les contextes dynamiques, relire :
|
||||
|
||||
- la justesse mathematique ;
|
||||
- la granularite une competence par fiche ;
|
||||
- le niveau CM1 ;
|
||||
- la coherence des futures pistes visuelles.
|
||||
|
||||
## SVG generes
|
||||
|
||||
Phase 3A : 8 SVG de lecon generes dans `svg/`.
|
||||
|
||||
- `svg/01_lire_ecrire_fraction_simple.svg`
|
||||
- `svg/02_representer_fraction_partage.svg`
|
||||
- `svg/03_fraction_sur_demi_droite_graduee.svg`
|
||||
- `svg/04_fraction_superieure_a_un.svg`
|
||||
- `svg/05_comparer_fractions_simples.svg`
|
||||
- `svg/06_encadrer_fraction_entre_entiers.svg`
|
||||
- `svg/07_additionner_soustraire_fractions_simples.svg`
|
||||
- `svg/08_fraction_d_une_quantite.svg`
|
||||
|
||||
Statut : brouillons visuels propres, XML valides, a relire avant validation finale.
|
||||
|
||||
## Validation SVG
|
||||
|
||||
Phase 3B : les 8 SVG de lecon avaient ete valides par l'utilisateur le `2026-05-05`.
|
||||
|
||||
Trace : `VALIDATION_PHASE_3B.md`
|
||||
|
||||
Statut revise le `2026-05-07` : validation suspendue.
|
||||
|
||||
Motif :
|
||||
|
||||
- fiabilite visuelle insuffisante sur les fractions ;
|
||||
- barres horizontales parfois trop proches des denominateurs ;
|
||||
- chevauchements observes dans plusieurs fiches ;
|
||||
- corrections ponctuelles insuffisantes pour garantir le lot.
|
||||
|
||||
Decision :
|
||||
|
||||
- reprendre les 8 SVG de lecon fractions dans une phase qualite dediee ;
|
||||
- utiliser un composant de fraction stable, avec espacements imposes et controles visuels ;
|
||||
- ne pas assimiler definitivement ces SVG tant que la reprise n'est pas validee.
|
||||
|
||||
Reprise qualite du `2026-05-09` :
|
||||
|
||||
- notes detaillees : `NOTES_SESSION_2026-05-09.md` ;
|
||||
- architecture et regles SVG : `SVG_CONTENT_ARCHITECTURE.md` ;
|
||||
- validateur : `backend/tools/validate_svg_quality.py` ;
|
||||
- commande de reference : valider `svg/` avec `--warnings-as-errors`.
|
||||
|
||||
## Contextes dynamiques generes
|
||||
|
||||
Phase 4A : 24 contextes dynamiques par card generes dans `card_contexts/`.
|
||||
|
||||
Organisation :
|
||||
|
||||
- `card_contexts/01_lire_ecrire_fraction_simple/` : 4 cards.
|
||||
- `card_contexts/02_representer_fraction_partage/` : 4 cards.
|
||||
- `card_contexts/03_fraction_sur_demi_droite_graduee/` : 2 cards.
|
||||
- `card_contexts/04_fraction_superieure_a_un/` : 3 cards.
|
||||
- `card_contexts/05_comparer_fractions_simples/` : 3 cards.
|
||||
- `card_contexts/06_encadrer_fraction_entre_entiers/` : 2 cards.
|
||||
- `card_contexts/07_additionner_soustraire_fractions_simples/` : 3 cards.
|
||||
- `card_contexts/08_fraction_d_une_quantite/` : 3 cards.
|
||||
|
||||
Statut : contextes initiaux prets pour relecture Phase 4B.
|
||||
|
||||
## Validation contextes dynamiques
|
||||
|
||||
Phase 4B : les 24 contextes dynamiques par card sont valides par l'utilisateur le `2026-05-05`.
|
||||
|
||||
Trace : `VALIDATION_PHASE_4B.md`
|
||||
|
||||
## Exercices textuels generes
|
||||
|
||||
Phase 5A : 8 fichiers d'exercices textuels generes dans `exercices/`, soit `32` exercices au total.
|
||||
|
||||
Organisation :
|
||||
|
||||
- `exercices/01_lire_ecrire_fraction_simple/exercices.md`
|
||||
- `exercices/02_representer_fraction_partage/exercices.md`
|
||||
- `exercices/03_fraction_sur_demi_droite_graduee/exercices.md`
|
||||
- `exercices/04_fraction_superieure_a_un/exercices.md`
|
||||
- `exercices/05_comparer_fractions_simples/exercices.md`
|
||||
- `exercices/06_encadrer_fraction_entre_entiers/exercices.md`
|
||||
- `exercices/07_additionner_soustraire_fractions_simples/exercices.md`
|
||||
- `exercices/08_fraction_d_une_quantite/exercices.md`
|
||||
|
||||
Statut : exercices initiaux prets pour relecture Phase 5B.
|
||||
|
||||
## Validation exercices textuels
|
||||
|
||||
Phase 5B : les 8 fichiers d'exercices textuels sont valides par l'utilisateur le `2026-05-05`.
|
||||
|
||||
Trace : `VALIDATION_PHASE_5B.md`
|
||||
|
||||
## SVG exercices generes
|
||||
|
||||
Phase 6A : 8 planches SVG d'exercices generees dans `exercices_svg/`.
|
||||
|
||||
Organisation :
|
||||
|
||||
- `exercices_svg/01_lire_ecrire_fraction_simple.svg`
|
||||
- `exercices_svg/02_representer_fraction_partage.svg`
|
||||
- `exercices_svg/03_fraction_sur_demi_droite_graduee.svg`
|
||||
- `exercices_svg/04_fraction_superieure_a_un.svg`
|
||||
- `exercices_svg/05_comparer_fractions_simples.svg`
|
||||
- `exercices_svg/06_encadrer_fraction_entre_entiers.svg`
|
||||
- `exercices_svg/07_additionner_soustraire_fractions_simples.svg`
|
||||
- `exercices_svg/08_fraction_d_une_quantite.svg`
|
||||
|
||||
Statut : SVG exercices initiaux prets pour relecture Phase 6B.
|
||||
|
||||
## Kit adaptatif genere
|
||||
|
||||
Phase 7A : un kit adaptatif de sous-theme est genere dans `kit_adaptatif/`.
|
||||
|
||||
Organisation :
|
||||
|
||||
- `kit_adaptatif/00_principe_adaptatif.md` : profils observables et erreurs a reperer.
|
||||
- `kit_adaptatif/routage.md` : choix du parcours apres diagnostic.
|
||||
- `kit_adaptatif/test_diagnostic/` : 4 tests courts.
|
||||
- `kit_adaptatif/parcours_profils/` : 5 parcours de reprise.
|
||||
- `kit_adaptatif/svg/` : 2 supports visuels XML valides.
|
||||
|
||||
Statut : kit adaptatif initial pret pour relecture Phase 7B.
|
||||
|
||||
---
|
||||
|
||||
# 01 - Lire et ecrire une fraction simple
|
||||
|
||||
## Objectif eleve
|
||||
|
||||
Lire, dire et ecrire une fraction simple en comprenant le role du numerateur et du denominateur.
|
||||
|
||||
## Message central
|
||||
|
||||
Dans une fraction, le denominateur dit en combien de parts egales on partage l'unite. Le numerateur dit combien de parts on prend.
|
||||
|
||||
Exemple : `3/4` se lit `trois quarts`. L'unite est partagee en `4` parts egales, on en prend `3`.
|
||||
|
||||
## Contenu de cours
|
||||
|
||||
- Une fraction s'ecrit avec deux nombres separes par une barre.
|
||||
- Le nombre du bas est le denominateur.
|
||||
- Le nombre du haut est le numerateur.
|
||||
- Les parts doivent etre egales pour que la fraction soit correcte.
|
||||
|
||||
## Exemples resolus
|
||||
|
||||
| Fraction | Lecture | Sens |
|
||||
| --- | --- | --- |
|
||||
| `1/2` | un demi | 1 part sur 2 parts egales |
|
||||
| `3/4` | trois quarts | 3 parts sur 4 parts egales |
|
||||
| `5/8` | cinq huitiemes | 5 parts sur 8 parts egales |
|
||||
|
||||
## Piste visuelle
|
||||
|
||||
Une fiche avec :
|
||||
|
||||
- une fraction grand format `3/4` ;
|
||||
- une etiquette `numerateur : parts prises` ;
|
||||
- une etiquette `denominateur : parts egales dans l'unite` ;
|
||||
- un rectangle partage en quatre parts, dont trois coloriees.
|
||||
|
||||
## Contexte dynamique par card plus tard
|
||||
|
||||
Le modele devra toujours rappeler quelle est l'unite avant d'expliquer le numerateur et le denominateur.
|
||||
|
||||
## Variante exercice plus tard
|
||||
|
||||
Demander :
|
||||
|
||||
- Lis `2/5`.
|
||||
- Ecris en fraction : `quatre sixiemes`.
|
||||
- Dans `7/10`, quel est le denominateur ?
|
||||
|
||||
## Sources
|
||||
|
||||
- Source principale locale : `Programme/pdf_collecteur/state/synthese_cycle3_cm1_mathematiques.md`.
|
||||
- Documents officiels de reference : PDF du programme de mathematiques cycle 3 conserves dans `Programme/Cycle 3/Math/`.
|
||||
|
||||
---
|
||||
|
||||
# 02 - Representer une fraction comme partage
|
||||
|
||||
## Objectif eleve
|
||||
|
||||
Representer une fraction en partageant une unite en parts egales.
|
||||
|
||||
## Message central
|
||||
|
||||
Pour representer une fraction, on partage d'abord l'unite en parts egales, puis on colorie le nombre de parts demande.
|
||||
|
||||
Exemple : pour `2/3`, je partage l'unite en `3` parts egales et j'en colorie `2`.
|
||||
|
||||
## Contenu de cours
|
||||
|
||||
- L'unite peut etre une bande, un disque, un carre ou une collection.
|
||||
- Les parts doivent avoir la meme taille.
|
||||
- Le denominateur indique le nombre total de parts egales.
|
||||
- Le numerateur indique le nombre de parts prises.
|
||||
|
||||
## Exemples resolus
|
||||
|
||||
| Fraction | Representation attendue |
|
||||
| --- | --- |
|
||||
| `1/4` | 1 part coloriee sur 4 parts egales |
|
||||
| `3/5` | 3 parts coloriees sur 5 parts egales |
|
||||
| `6/10` | 6 parts coloriees sur 10 parts egales |
|
||||
|
||||
## Piste visuelle
|
||||
|
||||
Une fiche avec trois representations cote a cote :
|
||||
|
||||
- bande partagee ;
|
||||
- disque partage ;
|
||||
- collection d'objets.
|
||||
|
||||
Chaque representation montre la meme idee : parts egales et parts prises.
|
||||
|
||||
## Contexte dynamique par card plus tard
|
||||
|
||||
La card doit expliciter : `je choisis l'unite`, `je partage en parts egales`, `je prends les parts`.
|
||||
|
||||
## Variante exercice plus tard
|
||||
|
||||
Proposer une figure partagee et demander :
|
||||
|
||||
- Quelle fraction est coloriee ?
|
||||
- Colorie `3/8` de la bande.
|
||||
- La representation est-elle correcte si les parts ne sont pas egales ?
|
||||
|
||||
## Sources
|
||||
|
||||
- Source principale locale : `Programme/pdf_collecteur/state/synthese_cycle3_cm1_mathematiques.md`.
|
||||
- Documents officiels de reference : PDF du programme de mathematiques cycle 3 conserves dans `Programme/Cycle 3/Math/`.
|
||||
|
||||
---
|
||||
|
||||
# 03 - Placer une fraction sur une demi-droite graduee
|
||||
|
||||
## Objectif eleve
|
||||
|
||||
Lire et placer une fraction sur une demi-droite graduee.
|
||||
|
||||
## Message central
|
||||
|
||||
Sur une demi-droite graduee, l'intervalle entre `0` et `1` represente une unite. Pour placer `3/4`, on partage cette unite en `4` parts egales et on avance de `3` parts.
|
||||
|
||||
## Contenu de cours
|
||||
|
||||
- On repere d'abord les entiers `0`, `1`, `2`, etc.
|
||||
- Chaque unite doit etre partagee en parts egales.
|
||||
- Le denominateur indique le nombre de parts dans chaque unite.
|
||||
- Le numerateur indique le nombre de parts depuis `0`, ou depuis le dernier entier si la fraction est superieure a `1`.
|
||||
|
||||
## Exemples resolus
|
||||
|
||||
| Fraction | Placement |
|
||||
| --- | --- |
|
||||
| `1/2` | au milieu entre `0` et `1` |
|
||||
| `3/4` | troisieme graduation si l'unite est partagee en 4 |
|
||||
| `5/4` | une unite et un quart, donc juste apres `1` |
|
||||
|
||||
## Piste visuelle
|
||||
|
||||
Une demi-droite de `0` a `2`, avec chaque unite partagee en quarts. Les points `1/4`, `3/4` et `5/4` sont marques.
|
||||
|
||||
## Contexte dynamique par card plus tard
|
||||
|
||||
La card doit commencer par verifier la taille de l'unite et le nombre de graduations par unite.
|
||||
|
||||
## Variante exercice plus tard
|
||||
|
||||
Demander :
|
||||
|
||||
- Place `2/3` sur une demi-droite de `0` a `1`.
|
||||
- Lis la fraction indiquee par le point.
|
||||
- Explique pourquoi `5/4` est apres `1`.
|
||||
|
||||
## Sources
|
||||
|
||||
- Source principale locale : `Programme/pdf_collecteur/state/synthese_cycle3_cm1_mathematiques.md`.
|
||||
- Documents officiels de reference : PDF du programme de mathematiques cycle 3 conserves dans `Programme/Cycle 3/Math/`.
|
||||
|
||||
---
|
||||
|
||||
# 04 - Comprendre une fraction superieure a 1
|
||||
|
||||
## Objectif eleve
|
||||
|
||||
Comprendre, lire et representer une fraction superieure a `1`.
|
||||
|
||||
## Message central
|
||||
|
||||
Une fraction peut etre plus grande que `1` quand le numerateur est plus grand que le denominateur.
|
||||
|
||||
Exemple : `7/4`, c'est `4/4 + 3/4`, donc `1 + 3/4`.
|
||||
|
||||
## Contenu de cours
|
||||
|
||||
- `4/4` represente une unite entiere.
|
||||
- Si on a plus de parts que dans une unite, il faut utiliser plusieurs unites.
|
||||
- Une fraction superieure a `1` peut se decomposer en partie entiere et fraction restante.
|
||||
|
||||
## Exemples resolus
|
||||
|
||||
| Fraction | Decomposition | Sens |
|
||||
| --- | --- | --- |
|
||||
| `5/4` | `4/4 + 1/4` | `1 + 1/4` |
|
||||
| `7/3` | `6/3 + 1/3` | `2 + 1/3` |
|
||||
| `9/2` | `8/2 + 1/2` | `4 + 1/2` |
|
||||
|
||||
## Piste visuelle
|
||||
|
||||
Deux bandes-unites partagees en quarts. Pour `7/4`, la premiere bande est complete et la seconde a `3` quarts colories.
|
||||
|
||||
## Contexte dynamique par card plus tard
|
||||
|
||||
Le modele devra faire apparaitre l'unite complete avant la partie restante.
|
||||
|
||||
## Variante exercice plus tard
|
||||
|
||||
Demander :
|
||||
|
||||
- Represente `6/5`.
|
||||
- Complete : `9/4 = 8/4 + ...`.
|
||||
- Encercle les fractions superieures a `1` : `2/5`, `5/5`, `7/5`.
|
||||
|
||||
## Sources
|
||||
|
||||
- Source principale locale : `Programme/pdf_collecteur/state/synthese_cycle3_cm1_mathematiques.md`.
|
||||
- Documents officiels de reference : PDF du programme de mathematiques cycle 3 conserves dans `Programme/Cycle 3/Math/`.
|
||||
|
||||
---
|
||||
|
||||
# 05 - Comparer des fractions simples
|
||||
|
||||
## Objectif eleve
|
||||
|
||||
Comparer des fractions simples en s'appuyant sur leur representation et sur le role du denominateur.
|
||||
|
||||
## Message central
|
||||
|
||||
Pour comparer deux fractions, il faut regarder l'unite et les parts. Quand le denominateur est le meme, la fraction qui a le plus grand numerateur est la plus grande.
|
||||
|
||||
Exemple : `3/8 > 2/8`, car on prend plus de parts de meme taille.
|
||||
|
||||
## Contenu de cours
|
||||
|
||||
- On compare toujours des fractions de la meme unite.
|
||||
- A denominateur egal, les parts ont la meme taille.
|
||||
- A numerateur egal, plus le denominateur est grand, plus les parts sont petites.
|
||||
- Une representation peut aider quand les denominateurs sont differents.
|
||||
|
||||
## Exemples resolus
|
||||
|
||||
| Comparaison | Resultat | Pourquoi |
|
||||
| --- | --- | --- |
|
||||
| `3/5` et `4/5` | `3/5 < 4/5` | memes parts, on en prend moins |
|
||||
| `1/2` et `1/4` | `1/2 > 1/4` | une moitie est plus grande qu'un quart |
|
||||
| `5/6` et `6/6` | `5/6 < 6/6` | `6/6` vaut une unite |
|
||||
|
||||
## Piste visuelle
|
||||
|
||||
Deux bandes de meme longueur, partagees et coloriees. Une alerte visuelle indique : `meme unite obligatoire`.
|
||||
|
||||
## Contexte dynamique par card plus tard
|
||||
|
||||
La card doit demander : `les denominateurs sont-ils identiques ?`, puis choisir la strategie.
|
||||
|
||||
## Variante exercice plus tard
|
||||
|
||||
Demander :
|
||||
|
||||
- Complete avec `<`, `>` ou `=` : `2/7 ... 5/7`.
|
||||
- Choisis la plus grande fraction : `1/3` ou `1/6`.
|
||||
- Explique avec un dessin.
|
||||
|
||||
## Sources
|
||||
|
||||
- Source principale locale : `Programme/pdf_collecteur/state/synthese_cycle3_cm1_mathematiques.md`.
|
||||
- Documents officiels de reference : PDF du programme de mathematiques cycle 3 conserves dans `Programme/Cycle 3/Math/`.
|
||||
|
||||
---
|
||||
|
||||
# 06 - Encadrer une fraction entre deux entiers
|
||||
|
||||
## Objectif eleve
|
||||
|
||||
Encadrer une fraction entre deux nombres entiers consecutifs.
|
||||
|
||||
## Message central
|
||||
|
||||
Pour encadrer une fraction, on cherche combien d'unites entieres elle contient.
|
||||
|
||||
Exemple : `7/3` est entre `2` et `3`, car `6/3 = 2` et `9/3 = 3`.
|
||||
|
||||
## Contenu de cours
|
||||
|
||||
- Une unite entiere correspond a une fraction dont le numerateur est egal au denominateur : `3/3 = 1`.
|
||||
- Deux unites correspondent a `6/3` si l'unite est partagee en tiers.
|
||||
- On peut utiliser une demi-droite graduee pour voir entre quels entiers se trouve la fraction.
|
||||
|
||||
## Exemples resolus
|
||||
|
||||
| Fraction | Encadrement | Explication |
|
||||
| --- | --- | --- |
|
||||
| `5/4` | `1 < 5/4 < 2` | `4/4 = 1` et `8/4 = 2` |
|
||||
| `8/3` | `2 < 8/3 < 3` | `6/3 = 2` et `9/3 = 3` |
|
||||
| `11/5` | `2 < 11/5 < 3` | `10/5 = 2` et `15/5 = 3` |
|
||||
|
||||
## Piste visuelle
|
||||
|
||||
Une demi-droite de `0` a `3`, partagee selon le denominateur, avec la fraction placee entre deux entiers.
|
||||
|
||||
## Contexte dynamique par card plus tard
|
||||
|
||||
La card doit montrer les fractions equivalentes aux entiers voisins avant de conclure.
|
||||
|
||||
## Variante exercice plus tard
|
||||
|
||||
Demander :
|
||||
|
||||
- Encadre `9/4` entre deux entiers.
|
||||
- Place `13/6` puis complete : `... < 13/6 < ...`.
|
||||
- Explique pourquoi `4/4` n'est pas entre `0` et `1`, mais egal a `1`.
|
||||
|
||||
## Sources
|
||||
|
||||
- Source principale locale : `Programme/pdf_collecteur/state/synthese_cycle3_cm1_mathematiques.md`.
|
||||
- Documents officiels de reference : PDF du programme de mathematiques cycle 3 conserves dans `Programme/Cycle 3/Math/`.
|
||||
|
||||
---
|
||||
|
||||
# 07 - Additionner ou soustraire des fractions simples
|
||||
|
||||
## Objectif eleve
|
||||
|
||||
Additionner ou soustraire des fractions de meme denominateur.
|
||||
|
||||
## Message central
|
||||
|
||||
Quand les denominateurs sont les memes, les parts ont la meme taille. On additionne ou on soustrait seulement les numerateurs.
|
||||
|
||||
Exemple : `2/7 + 3/7 = 5/7`.
|
||||
|
||||
## Contenu de cours
|
||||
|
||||
- Le denominateur ne change pas si les parts ont la meme taille.
|
||||
- On ajoute les parts prises pour une addition.
|
||||
- On retire des parts prises pour une soustraction.
|
||||
- Il faut verifier que les denominateurs sont identiques avant de calculer.
|
||||
|
||||
## Exemples resolus
|
||||
|
||||
| Calcul | Resultat | Pourquoi |
|
||||
| --- | --- | --- |
|
||||
| `1/5 + 2/5` | `3/5` | 1 part + 2 parts = 3 parts |
|
||||
| `6/8 - 2/8` | `4/8` | 6 parts - 2 parts = 4 parts |
|
||||
| `3/4 + 2/4` | `5/4` | le resultat depasse 1 |
|
||||
|
||||
## Piste visuelle
|
||||
|
||||
Une bande partagee en parts egales. Les parts ajoutees ont deux couleurs, puis le total est affiche sous forme de fraction.
|
||||
|
||||
## Contexte dynamique par card plus tard
|
||||
|
||||
La card doit verifier d'abord : `les denominateurs sont-ils les memes ?`
|
||||
|
||||
## Variante exercice plus tard
|
||||
|
||||
Demander :
|
||||
|
||||
- Calcule `3/10 + 4/10`.
|
||||
- Calcule `7/9 - 2/9`.
|
||||
- Represente `3/4 + 2/4` avec deux bandes si besoin.
|
||||
|
||||
## Sources
|
||||
|
||||
- Source principale locale : `Programme/pdf_collecteur/state/synthese_cycle3_cm1_mathematiques.md`.
|
||||
- Documents officiels de reference : PDF du programme de mathematiques cycle 3 conserves dans `Programme/Cycle 3/Math/`.
|
||||
|
||||
---
|
||||
|
||||
# 08 - Determiner une fraction d'une quantite
|
||||
|
||||
## Objectif eleve
|
||||
|
||||
Calculer une fraction simple d'une quantite.
|
||||
|
||||
## Message central
|
||||
|
||||
Pour trouver une fraction d'une quantite, on partage d'abord la quantite selon le denominateur, puis on prend le nombre de parts indique par le numerateur.
|
||||
|
||||
Exemple : `3/4` de `20`, c'est `20 ÷ 4 = 5`, puis `5 × 3 = 15`.
|
||||
|
||||
## Contenu de cours
|
||||
|
||||
- Le denominateur indique en combien de groupes egaux on partage.
|
||||
- Le numerateur indique combien de groupes on prend.
|
||||
- Il est souvent plus simple de calculer d'abord une part.
|
||||
- On peut representer la quantite par une collection ou une barre.
|
||||
|
||||
## Exemples resolus
|
||||
|
||||
| Situation | Calcul | Resultat |
|
||||
| --- | --- | --- |
|
||||
| `1/2` de `18` | `18 ÷ 2` | `9` |
|
||||
| `3/4` de `20` | `20 ÷ 4 = 5`, puis `5 × 3` | `15` |
|
||||
| `2/5` de `30` | `30 ÷ 5 = 6`, puis `6 × 2` | `12` |
|
||||
|
||||
## Piste visuelle
|
||||
|
||||
Une barre representant `20`, partagee en `4` parts egales de `5`, puis `3` parts coloriees.
|
||||
|
||||
## Contexte dynamique par card plus tard
|
||||
|
||||
La card doit isoler les deux gestes : `je partage` puis `je prends`.
|
||||
|
||||
## Variante exercice plus tard
|
||||
|
||||
Demander :
|
||||
|
||||
- Calcule `1/3` de `24`.
|
||||
- Calcule `2/5` de `40`.
|
||||
- Dans une classe de `28` eleves, `3/4` participent a un atelier. Combien d'eleves participent ?
|
||||
|
||||
## Sources
|
||||
|
||||
- Source principale locale : `Programme/pdf_collecteur/state/synthese_cycle3_cm1_mathematiques.md`.
|
||||
- Documents officiels de reference : PDF du programme de mathematiques cycle 3 conserves dans `Programme/Cycle 3/Math/`.
|
||||
@@ -1,12 +0,0 @@
|
||||
# SVG - CM1 - Fractions
|
||||
|
||||
Ce dossier contient les fiches SVG de lecon du sous-theme `01B_fractions`.
|
||||
|
||||
Regles :
|
||||
|
||||
- une fiche SVG = une micro-competence ;
|
||||
- format `1600 x 900` ;
|
||||
- pas de professeur integre ;
|
||||
- texte court et lisible ;
|
||||
- schemas mathematiques simples ;
|
||||
- aucune superposition texte/schema.
|
||||