# C1-A02 — Range les actions

import { ActivityHero } from "../../../src/components/ActivityHero";
import { ActivitySolution } from "../../../src/components/ActivitySolution";
import { BonusChallenge } from "../../../src/components/BonusChallenge";
import { CompletionCheck } from "../../../src/components/CompletionCheck";
import { Hint } from "../../../src/components/Hint";
import { PrintableVersion } from "../../../src/components/PrintableVersion";
import { StarterProject } from "../../../src/components/StarterProject";
import { StudentStep } from "../../../src/components/StudentStep";
import { TeacherAccess } from "../../../src/components/TeacherAccess";
import { TryIt } from "../../../src/components/TryIt";

<ActivityHero
  id="C1-A02"
  title="Range les actions dans l'ordre (La séquence)"
  cycle="1"
  level="Petite, Moyenne et Grande Section"
  duration="15 min"
  tool="Cartes séquentielles papier"
  difficulty="Découverte"
  needsAdult={false}
  mission="Les images de la recette de cuisine sont toutes mélangées ! Remets-les dans le bon ordre de gauche à droite pour réussir le gâteau."
/>

<PrintableVersion
  pdfColorUrl="/downloads/c1-a02-range-les-actions.pdf"
  pdfColorName="Fiche des cartes séquentielles à découper (A4)"
/>

<StarterProject
  title="Matériel nécessaire"
  type="paper"
  preparedItems={[
    "1 bandelette d'alignement numérotée 1, 2, 3, 4 de gauche à droite",
    "4 cartes illustrées : 1. Casser les œufs, 2. Verser la farine, 3. Cuire au four, 4. Déguster le gâteau",
  ]}
/>

---

## 🪜 Les étapes de ta mission

<StudentStep
  number={1}
  title="Observe toutes les images étalées sur la table"
  check="J'ai bien 4 images devant moi."
>
  Regarde chaque image attentivement. Que se passe-t-il sur chaque dessin ?
</StudentStep>

<StudentStep
  number={2}
  title="Trouve l'action du tout début"
  check="L'image 1 est posée sur la case 1 à gauche."
>
  Quelle est la toute première chose à faire avant de mettre le gâteau au four ? Casser les œufs et
  mélanger les ingrédients dans le saladier !
</StudentStep>

<StudentStep
  number={3}
  title="Pose les images suivantes de gauche à droite"
  check="Toutes les étapes s'enchaînent logiquement."
>
  Pose la suite sur ta réglette : d'abord on mélange, puis on verse la farine, ensuite on met au
  four, et enfin on mange le gâteau !
</StudentStep>

---

## 🧪 Teste ton parcours

<TryIt expected="L'histoire se lit facilement de gauche à droite avec les mots « D'abord », « Puis », « Ensuite » et « Enfin ».">
  Raconte ton histoire à un camarade en pointant chaque carte avec ton doigt.
</TryIt>

---

## 💡 Indices progressifs

<Hint
  hints={[
    {
      level: 1,
      title: "Indice 1 — La fin de l'histoire",
      content: (
        <p>
          Quelle est la toute dernière action ? C'est le moment où le gâteau est prêt et qu'on le
          mange !
        </p>
      ),
    },
    {
      level: 2,
      title: "Indice 2 — La cuisson",
      content: (
        <p>
          Peut-on mettre le gâteau au four avant d'avoir mélangé les ingrédients dans le plat ? Non
          !
        </p>
      ),
    },
    {
      level: 3,
      title: "Indice 3 — L'ordre complet",
      content: (
        <p>1. Casser les œufs → 2. Verser la farine → 3. Cuire au four → 4. Manger le gâteau.</p>
      ),
    },
  ]}
/>

---

## 🔍 Solution et explications

<ActivitySolution title="Voir l'ordre logique de la séquence">
Ordre de gauche à droite :
1. **Case 1 (Début) :** Casser les œufs dans le saladier.
2. **Case 2 (Milieu) :** Ajouter la farine et remuer.
3. **Case 3 (Action) :** Mettre le plat dans le four chaud.
4. **Case 4 (Fin) :** Déguster le gâteau cuit !

En programmation, l'ordinateur fait exactement pareil : il lit les blocs dans l'ordre où tu les as posés.

</ActivitySolution>

---

## 🌟 Défi bonus

<BonusChallenge title="Défi bonus : Le piège de l'image manquante !">
  Retire secrètement une image du milieu. Demande à ton camarade de deviner quelle action a disparu
  de la séquence !
</BonusChallenge>

---

<CompletionCheck
  activityId="C1-A02"
  nextActivityUrl="/activites/cycle-1/c1-a03-trouve-le-tresor"
  nextActivityTitle="C1-A03 — Trouve le trésor"
  cycleUrl="/activites/cycle-1"
/>

<TeacherAccess
  lessonId="C1-S02"
  lessonTitle="Mettre les actions dans l'ordre"
  lessonUrl="/cycle-1/c1-s02-mettre-les-actions-dans-lordre"
/>