Cours disponibles

<style>
  .bpmelec-seq {
    --c1: #0b3c5d;
    --c2: #1565c0;
    --c3: #00acc1;
    --c4: #f59e0b;
    --c5: #7b1fa2;
    --c6: #2e7d32;
    --bg: #f4f7fb;
    --card: #ffffff;
    --line: #d9e4f2;
    --text: #1f2937;
    --muted: #6b7280;
    --soft: #eef5ff;
    --soft2: #f9fbfe;
    font-family: "Segoe UI", Roboto, Arial, sans-serif;
    background: var(--bg);
    color: var(--text);
    padding: 24px;
    line-height: 1.6;
  }

  .bpmelec-seq * {
    box-sizing: border-box;
  }

  .bpmelec-wrap {
    max-width: 1180px;
    margin: 0 auto;
  }

  .bp-hero {
    position: relative;
    overflow: hidden;
    border-radius: 24px;
    padding: 34px 30px;
    color: #fff;
    background: linear-gradient(135deg, var(--c1), var(--c2) 55%, var(--c3));
    box-shadow: 0 16px 32px rgba(11, 60, 93, 0.18);
  }

  .bp-hero:before,
  .bp-hero:after {
    content: "";
    position: absolute;
    border-radius: 50%;
    background: rgba(255,255,255,0.12);
    animation: bpFloat 9s ease-in-out infinite;
  }

  .bp-hero:before {
    width: 220px;
    height: 220px;
    top: -70px;
    right: -50px;
  }

  .bp-hero:after {
    width: 150px;
    height: 150px;
    bottom: -50px;
    left: -30px;
    animation-delay: 2s;
  }

  @keyframes bpFloat {
    0%,100% { transform: translateY(0) scale(1); }
    50% { transform: translateY(-18px) scale(1.05); }
  }

  .bp-hero h1 {
    margin: 0 0 10px 0;
    font-size: 2.2em;
    color: #fff;
    letter-spacing: 0.2px;
  }

  .bp-hero p {
    margin: 0;
    max-width: 850px;
    opacity: 0.97;
    font-size: 1.05em;
  }

  .bp-tags {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin-top: 18px;
  }

  .bp-tag {
    border: 1px solid rgba(255,255,255,0.22);
    background: rgba(255,255,255,0.14);
    padding: 8px 14px;
    border-radius: 999px;
    font-size: 0.92em;
    backdrop-filter: blur(3px);
  }

  .bp-section {
    background: var(--card);
    margin-top: 22px;
    border-radius: 22px;
    box-shadow: 0 10px 22px rgba(15, 76, 129, 0.08);
    border: 1px solid #e7eef7;
    overflow: hidden;
  }

  .bp-section-head {
    padding: 18px 22px;
    background: linear-gradient(90deg, #f7fbff, #ffffff);
    border-bottom: 1px solid var(--line);
  }

  .bp-section-head h2 {
    margin: 0;
    font-size: 1.45em;
    color: var(--c1);
  }

  .bp-section-body {
    padding: 22px;
  }

  .bp-grid-2 {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 18px;
  }

  .bp-grid-3 {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 16px;
  }

  .bp-panel {
    background: var(--soft2);
    border: 1px solid var(--line);
    border-radius: 16px;
    padding: 16px;
  }

  .bp-panel h3,
  .bp-panel h4 {
    margin-top: 0;
    color: var(--c2);
  }

  .bp-note,
  .bp-success,
  .bp-alert {
    padding: 14px 16px;
    border-radius: 14px;
    margin: 12px 0;
  }

  .bp-note {
    background: #eef5ff;
    border-left: 5px solid var(--c2);
  }

  .bp-success {
    background: #edf8f0;
    border-left: 5px solid var(--c6);
  }

  .bp-alert {
    background: #fff7ea;
    border-left: 5px solid var(--c4);
  }

  .bp-list {
    margin: 10px 0;
    padding-left: 20px;
  }

  .bp-list li {
    margin-bottom: 8px;
  }

  .bp-mini-cards {
    display: flex;
    flex-wrap: wrap;
    gap: 14px;
    margin-top: 14px;
  }

  .bp-mini-card {
    flex: 1 1 180px;
    min-width: 180px;
    background: #fff;
    border: 1px solid var(--line);
    border-radius: 18px;
    padding: 16px;
    text-align: center;
    box-shadow: 0 8px 18px rgba(0,0,0,0.05);
    animation: bpBreath 4s ease-in-out infinite;
  }

  .bp-mini-card:nth-child(2) { animation-delay: .4s; }
  .bp-mini-card:nth-child(3) { animation-delay: .8s; }
  .bp-mini-card:nth-child(4) { animation-delay: 1.2s; }
  .bp-mini-card:nth-child(5) { animation-delay: 1.6s; }

  @keyframes bpBreath {
    0%,100% { transform: translateY(0) scale(1); }
    50% { transform: translateY(-6px) scale(1.02); }
  }

  .bp-icon {
    font-size: 2em;
    display: block;
    margin-bottom: 8px;
    animation: bpPulse 2.3s infinite;
  }

  @keyframes bpPulse {
    0%,100% { transform: scale(1); }
    50% { transform: scale(1.12); }
  }

  .bp-chain-wrap {
    overflow-x: auto;
    padding-bottom: 6px;
  }

  .bp-chain {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 12px;
    min-width: 860px;
    margin-top: 10px;
  }

  .bp-chain-card {
    width: 250px;
    min-height: 200px;
    border-radius: 20px;
    padding: 20px;
    color: #fff;
    position: relative;
    overflow: hidden;
    box-shadow: 0 14px 24px rgba(0,0,0,0.12);
  }

  .bp-chain-card:before {
    content: "";
    position: absolute;
    width: 150px;
    height: 150px;
    right: -30px;
    top: -30px;
    border-radius: 50%;
    background: rgba(255,255,255,0.11);
    animation: bpGlow 5s ease-in-out infinite;
  }

  @keyframes bpGlow {
    0%,100% { transform: scale(1); opacity: 0.85; }
    50% { transform: scale(1.18); opacity: 1; }
  }

  .bp-acq {
    background: linear-gradient(135deg, #00796b, #26a69a);
    animation: bpLift 3s ease-in-out infinite;
  }

  .bp-trt {
    background: linear-gradient(135deg, #ef6c00, #ffb300);
    animation: bpLift 3s ease-in-out infinite .5s;
  }

  .bp-com {
    background: linear-gradient(135deg, #6a1b9a, #ab47bc);
    animation: bpLift 3s ease-in-out infinite 1s;
  }

  @keyframes bpLift {
    0%,100% { transform: translateY(0); }
    50% { transform: translateY(-8px); }
  }

  .bp-chain-card h3 {
    margin: 8px 0 8px 0;
    color: #fff;
  }

  .bp-chain-card p {
    margin: 0;
    font-size: 0.96em;
  }

  .bp-arrow {
    font-size: 2.3em;
    color: var(--c2);
    animation: bpArrow 1.1s infinite alternate;
  }

  @keyframes bpArrow {
    from { transform: translateX(0); opacity: 0.5; }
    to { transform: translateX(8px); opacity: 1; }
  }

  .bp-timeline {
    border-left: 4px solid var(--c2);
    margin-left: 8px;
    padding-left: 18px;
  }

  .bp-step {
    position: relative;
    background: #fbfdff;
    border: 1px solid var(--line);
    border-radius: 16px;
    padding: 14px 16px;
    margin-bottom: 16px;
  }

  .bp-step:before {
    content: "";
    position: absolute;
    left: -28px;
    top: 18px;
    width: 14px;
    height: 14px;
    border-radius: 50%;
    background: var(--c2);
    box-shadow: 0 0 0 4px #eaf2fd;
  }

  .bp-activity {
    border: 1px solid var(--line);
    border-radius: 18px;
    overflow: hidden;
    margin-top: 16px;
    background: #fff;
  }

  .bp-activity-head {
    background: linear-gradient(90deg, #f6fbff, #ffffff);
    padding: 14px 18px;
    border-bottom: 1px solid var(--line);
    font-weight: 700;
    color: var(--c1);
  }

  .bp-activity-body {
    padding: 18px;
  }

  .bp-consigne {
    background: #eef6ff;
    border-left: 5px solid var(--c3);
    padding: 14px 16px;
    border-radius: 12px;
    margin-bottom: 14px;
  }

  .bp-answer-zone {
    background: #fcfdff;
    border: 1px dashed #a8c7ea;
    border-radius: 14px;
    padding: 14px;
    margin-top: 12px;
  }

  .bp-lines {
    margin-top: 10px;
  }

  .bp-line {
    border-bottom: 1px dashed #b7cce4;
    height: 28px;
  }

  .bp-trace {
    background: linear-gradient(180deg, #ffffff, #f8fbff);
    border: 1px dashed #90caf9;
    border-radius: 18px;
    padding: 20px;
  }

  .bp-quiz {
    background: #f9fbff;
    border: 1px solid var(--line);
    border-radius: 16px;
    padding: 18px;
    margin-top: 12px;
  }

  .bp-quiz h4 {
    margin-top: 0;
    color: var(--c1);
  }

  details {
    margin-top: 12px;
  }

  summary {
    cursor: pointer;
    font-weight: 700;
    color: var(--c2);
  }

  .bp-corr {
    margin-top: 10px;
    background: #eef7ff;
    border-left: 4px solid var(--c2);
    padding: 12px 14px;
    border-radius: 12px;
  }

  .bp-table {
    width: 100%;
    border-collapse: collapse;
    margin-top: 14px;
  }

  .bp-table th,
  .bp-table td {
    border: 1px solid var(--line);
    padding: 10px;
    vertical-align: top;
    text-align: left;
  }

  .bp-table th {
    background: #eef5ff;
    color: var(--c1);
  }

  .bp-pillars {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 16px;
    margin-top: 14px;
  }

  .bp-pillar {
    background: #fff;
    border: 1px solid var(--line);
    border-radius: 18px;
    padding: 16px;
    text-align: center;
    position: relative;
    overflow: hidden;
  }

  .bp-pillar:after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    height: 5px;
    width: 100%;
  }

  .bp-pillar.acq:after { background: #26a69a; }
  .bp-pillar.trt:after { background: #ffb300; }
  .bp-pillar.com:after { background: #ab47bc; }

  .bp-footer {
    text-align: center;
    margin-top: 20px;
    color: var(--muted);
    font-size: 0.94em;
  }

  @media (max-width: 920px) {
    .bp-grid-2,
    .bp-grid-3,
    .bp-pillars {
      grid-template-columns: 1fr;
    }
  }
</style>

<div class="bpmelec-seq">
  <div class="bpmelec-wrap">

    <div class="bp-hero">
      <h1>Séquence pédagogique premium – La chaîne de l’information</h1>
      <p>Version spéciale Bac Pro MELEC. Ressource numérique prête à intégrer dans Moodle, sans JavaScript, avec fiche enseignant, fiche élève, activités guidées, trace écrite, évaluation et autoévaluation.</p>
      <div class="bp-tags">
        <span class="bp-tag">Bac Pro MELEC</span>
        <span class="bp-tag">Moodle compatible</span>
        <span class="bp-tag">Sans JavaScript</span>
        <span class="bp-tag">Animations CSS</span>
        <span class="bp-tag">Cours + activités + évaluation</span>
      </div>
    </div>

    <div class="bp-section">
      <div class="bp-section-head">
        <h2>FICHE ENSEIGNANT</h2>
      </div>
      <div class="bp-section-body">

        <div class="bp-grid-2">
          <div class="bp-panel">
            <h3>Objectif général</h3>
            <p>Identifier et comprendre les fonctions de la chaîne de l’information dans un système électrique ou automatisé rencontré en Bac Pro MELEC.</p>

            <h3>Objectifs opérationnels</h3>
            <ul class="bp-list">
              <li>Nommer les trois fonctions : <strong>acquérir, traiter, communiquer</strong>.</li>
              <li>Associer les composants techniques à leur fonction.</li>
              <li>Analyser une situation professionnelle simple.</li>
              <li>Employer un vocabulaire technique adapté.</li>
            </ul>
          </div>

          <div class="bp-panel">
            <h3>Contexte professionnel</h3>
            <p>L’élève de Bac Pro MELEC intervient sur des équipements comportant des capteurs, des cartes de commande, des automates, des interfaces et des systèmes de signalisation.</p>

            <h3>Exemples de supports</h3>
            <ul class="bp-list">
              <li>Éclairage automatique</li>
              <li>Porte ou portail motorisé</li>
              <li>Système d’alarme</li>
              <li>Installation connectée</li>
              <li>Gestion technique de bâtiment</li>
            </ul>
          </div>
        </div>

        <div class="bp-note">
          <strong>Durée conseillée :</strong> 1 h 30 à 2 h selon le niveau de la classe et le temps laissé aux activités écrites.
        </div>

        <div class="bp-grid-2">
          <div class="bp-panel">
            <h3>Pré-requis</h3>
            <ul class="bp-list">
              <li>Connaître quelques composants électriques de base.</li>
              <li>Avoir observé un système automatisé simple.</li>
              <li>Savoir lire une consigne technique courte.</li>
            </ul>
          </div>
          <div class="bp-panel">
            <h3>Compétences travaillées</h3>
            <ul class="bp-list">
              <li>Observer un système technique.</li>
              <li>Identifier des fonctions techniques.</li>
              <li>Analyser une circulation d’information.</li>
              <li>Communiquer une réponse technique structurée.</li>
            </ul>
          </div>
        </div>

      </div>
    </div>

    <div class="bp-section">
      <div class="bp-section-head">
        <h2>Déroulement de la séquence</h2>
      </div>
      <div class="bp-section-body">

        <div class="bp-timeline">
          <div class="bp-step">
            <strong>1. Accroche – 10 min</strong><br>
            Présenter un système concret : porte automatique, détecteur + éclairage, portail, alarme intrusion. Faire verbaliser : “Que se passe-t-il quand une information est détectée ?”
          </div>

          <div class="bp-step">
            <strong>2. Apport notionnel – 15 min</strong><br>
            Introduire la chaîne de l’information et ses trois fonctions : acquérir, traiter, communiquer.
          </div>

          <div class="bp-step">
            <strong>3. Activités guidées – 30 min</strong><br>
            Faire classer des composants réels ou documentaires dans la bonne fonction.
          </div>

          <div class="bp-step">
            <strong>4. Structuration – 15 min</strong><br>
            Construire la trace écrite avec les élèves.
          </div>

          <div class="bp-step">
            <strong>5. Évaluation – 20 min</strong><br>
            Vérifier la compréhension des notions et la capacité à analyser une situation professionnelle.
          </div>
        </div>

      </div>
    </div>

    <div class="bp-section">
      <div class="bp-section-head">
        <h2>Présentation visuelle de la chaîne de l’information</h2>
      </div>
      <div class="bp-section-body">

        <div class="bp-chain-wrap">
          <div class="bp-chain">
            <div class="bp-chain-card bp-acq">
              <div class="bp-icon">📡</div>
              <h3>Acquérir</h3>
              <p>Le système reçoit une information venant de l’environnement, de l’utilisateur ou d’un capteur.</p>
              <p><strong>Exemples :</strong> détecteur, sonde, bouton poussoir, fin de course.</p>
            </div>

            <div class="bp-arrow">➜</div>

            <div class="bp-chain-card bp-trt">
              <div class="bp-icon">🧠</div>
              <h3>Traiter</h3>
              <p>L’information est analysée selon une logique programmée ou câblée afin de prendre une décision.</p>
              <p><strong>Exemples :</strong> automate, carte électronique, microcontrôleur.</p>
            </div>

            <div class="bp-arrow">➜</div>

            <div class="bp-chain-card bp-com">
              <div class="bp-icon">📢</div>
              <h3>Communiquer</h3>
              <p>Le système transmet une information à l’utilisateur ou à une autre partie du système.</p>
              <p><strong>Exemples :</strong> voyant, afficheur, buzzer, interface de supervision.</p>
            </div>
          </div>
        </div>

        <div class="bp-pillars">
          <div class="bp-pillar acq">
            <div class="bp-icon">🚶</div>
            <strong>Entrées</strong><br>
            Présence, température, lumière, commande utilisateur
          </div>
          <div class="bp-pillar trt">
            <div class="bp-icon">⚙</div>
            <strong>Décision</strong><br>
            Comparer, analyser, autoriser, interdire
          </div>
          <div class="bp-pillar com">
            <div class="bp-icon">💡</div>
            <strong>Sorties d’information</strong><br>
            Voyant, écran, alarme, message
          </div>
        </div>

      </div>
    </div>

    <div class="bp-section">
      <div class="bp-section-head">
        <h2>FICHE ÉLÈVE – Situation professionnelle</h2>
      </div>
      <div class="bp-section-body">

        <div class="bp-alert">
          <strong>Situation :</strong> dans un couloir technique, l’éclairage s’allume automatiquement lorsqu’une présence est détectée et que la luminosité est insuffisante. Un voyant d’état informe l’utilisateur du fonctionnement du système.
        </div>

        <div class="bp-mini-cards">
          <div class="bp-mini-card">
            <span class="bp-icon">🚶</span>
            Détecteur de présence
          </div>
          <div class="bp-mini-card">
            <span class="bp-icon">🌙</span>
            Capteur de luminosité
          </div>
          <div class="bp-mini-card">
            <span class="bp-icon">🧠</span>
            Carte de commande
          </div>
          <div class="bp-mini-card">
            <span class="bp-icon">💡</span>
            Voyant d’état
          </div>
          <div class="bp-mini-card">
            <span class="bp-icon">🖥</span>
            Interface de supervision
          </div>
        </div>

        <div class="bp-note">
          <strong>Problématique :</strong> comment circule l’information dans ce système ?
        </div>

      </div>
    </div>

    <div class="bp-section">
      <div class="bp-section-head">
        <h2>Activité 1 – Repérer la fonction “Acquérir”</h2>
      </div>
      <div class="bp-section-body">

        <div class="bp-activity">
          <div class="bp-activity-head">Consignes élève</div>
          <div class="bp-activity-body">
            <div class="bp-consigne">
              Relever dans la situation professionnelle les composants qui permettent de <strong>recevoir une information</strong>.
            </div>

            <p><strong>Questions :</strong></p>
            <ol class="bp-list">
              <li>Quel composant détecte la présence ?</li>
              <li>Quel composant mesure la luminosité ?</li>
              <li>Pourquoi ces composants appartiennent-ils à la fonction acquérir ?</li>
            </ol>

            <div class="bp-answer-zone">
              <strong>Zone de réponse élève</strong>
              <div class="bp-lines">
                <div class="bp-line"></div>
                <div class="bp-line"></div>
                <div class="bp-line"></div>
                <div class="bp-line"></div>
              </div>
            </div>

            <div class="bp-quiz">
              <h4>Mini quiz</h4>
              <ul class="bp-list">
                <li>Un détecteur est-il un élément d’acquisition ?</li>
                <li>Une sonde de température fournit-elle une information d’entrée ?</li>
                <li>Un bouton poussoir peut-il faire partie de la chaîne de l’information ?</li>
              </ul>

              <details>
                <summary>Afficher l’aide / correction</summary>
                <div class="bp-corr">
                  Oui dans les trois cas. Ces composants fournissent une information au système.
                </div>
              </details>
            </div>
          </div>
        </div>

      </div>
    </div>

    <div class="bp-section">
      <div class="bp-section-head">
        <h2>Activité 2 – Repérer la fonction “Traiter”</h2>
      </div>
      <div class="bp-section-body">

        <div class="bp-activity">
          <div class="bp-activity-head">Consignes élève</div>
          <div class="bp-activity-body">
            <div class="bp-consigne">
              Identifier l’élément qui <strong>analyse les informations reçues</strong> et décide du fonctionnement du système.
            </div>

            <p><strong>Questions :</strong></p>
            <ol class="bp-list">
              <li>Quel composant reçoit les informations des capteurs ?</li>
              <li>Quel composant décide si l’éclairage doit être activé ?</li>
              <li>Pourquoi ce composant appartient-il à la fonction traiter ?</li>
            </ol>

            <div class="bp-answer-zone">
              <strong>Zone de réponse élève</strong>
              <div class="bp-lines">
                <div class="bp-line"></div>
                <div class="bp-line"></div>
                <div class="bp-line"></div>
                <div class="bp-line"></div>
              </div>
            </div>

            <div class="bp-quiz">
              <h4>Mini quiz</h4>
              <ul class="bp-list">
                <li>L’automate programmable sert-il à analyser l’information ?</li>
                <li>Le traitement correspond-il à une prise de décision logique ?</li>
                <li>Le traitement appartient-il à la chaîne d’énergie ?</li>
              </ul>

              <details>
                <summary>Afficher l’aide / correction</summary>
                <div class="bp-corr">
                  Oui, oui, non. Le traitement concerne ici la chaîne de l’information.
                </div>
              </details>
            </div>
          </div>
        </div>

      </div>
    </div>

    <div class="bp-section">
      <div class="bp-section-head">
        <h2>Activité 3 – Repérer la fonction “Communiquer”</h2>
      </div>
      <div class="bp-section-body">

        <div class="bp-activity">
          <div class="bp-activity-head">Consignes élève</div>
          <div class="bp-activity-body">
            <div class="bp-consigne">
              Relever les éléments qui permettent au système de <strong>transmettre une information</strong> à l’utilisateur ou à une interface.
            </div>

            <p><strong>Questions :</strong></p>
            <ol class="bp-list">
              <li>Quel composant informe visuellement l’utilisateur ?</li>
              <li>Quel composant permet l’affichage sur un système de supervision ?</li>
              <li>Pourquoi ces éléments appartiennent-ils à la fonction communiquer ?</li>
            </ol>

            <div class="bp-answer-zone">
              <strong>Zone de réponse élève</strong>
              <div class="bp-lines">
                <div class="bp-line"></div>
                <div class="bp-line"></div>
                <div class="bp-line"></div>
                <div class="bp-line"></div>
              </div>
            </div>

            <div class="bp-quiz">
              <h4>Mini quiz</h4>
              <ul class="bp-list">
                <li>Une LED d’état communique-t-elle une information ?</li>
                <li>Un afficheur appartient-il à la fonction communiquer ?</li>
                <li>Une alarme sonore peut-elle transmettre une information ?</li>
              </ul>

              <details>
                <summary>Afficher l’aide / correction</summary>
                <div class="bp-corr">
                  Oui dans les trois cas. Ces éléments servent à informer un utilisateur ou un système.
                </div>
              </details>
            </div>
          </div>
        </div>

      </div>
    </div>

    <div class="bp-section">
      <div class="bp-section-head">
        <h2>Activité de synthèse – Classer les composants</h2>
      </div>
      <div class="bp-section-body">

        <div class="bp-note">
          <strong>Consigne :</strong> classer les composants suivants dans la bonne fonction de la chaîne de l’information :
          détecteur de mouvement, capteur de luminosité, automate programmable, voyant, écran de supervision, bouton poussoir.
        </div>

        <div class="bp-grid-3">
          <div class="bp-panel">
            <h3>Acquérir</h3>
            <div class="bp-lines">
              <div class="bp-line"></div>
              <div class="bp-line"></div>
              <div class="bp-line"></div>
            </div>
          </div>

          <div class="bp-panel">
            <h3>Traiter</h3>
            <div class="bp-lines">
              <div class="bp-line"></div>
              <div class="bp-line"></div>
              <div class="bp-line"></div>
            </div>
          </div>

          <div class="bp-panel">
            <h3>Communiquer</h3>
            <div class="bp-lines">
              <div class="bp-line"></div>
              <div class="bp-line"></div>
              <div class="bp-line"></div>
            </div>
          </div>
        </div>

        <details>
          <summary>Afficher la correction</summary>
          <div class="bp-corr">
            <strong>Acquérir :</strong> détecteur de mouvement, capteur de luminosité, bouton poussoir<br>
            <strong>Traiter :</strong> automate programmable<br>
            <strong>Communiquer :</strong> voyant, écran de supervision
          </div>
        </details>

      </div>
    </div>

    <div class="bp-section">
      <div class="bp-section-head">
        <h2>Trace écrite à retenir</h2>
      </div>
      <div class="bp-section-body">

        <div class="bp-trace">
          <p><strong>La chaîne de l’information</strong> permet à un système technique de recevoir, d’analyser et de transmettre une information.</p>

          <p><strong>Elle comporte trois fonctions :</strong></p>
          <ul class="bp-list">
            <li><strong>Acquérir</strong> : capter une information grâce à un capteur ou un organe d’entrée.</li>
            <li><strong>Traiter</strong> : analyser l’information et prendre une décision à l’aide d’un automate, d’une carte ou d’un microcontrôleur.</li>
            <li><strong>Communiquer</strong> : transmettre l’information à l’utilisateur ou à une autre partie du système à l’aide d’un voyant, d’un afficheur, d’une alarme ou d’une interface.</li>
          </ul>

          <p><strong>Exemple MELEC :</strong> dans un éclairage automatique, le détecteur et le capteur de luminosité acquièrent les informations, la carte de commande les traite, puis un voyant ou une interface communique l’état du système.</p>
        </div>

      </div>
    </div>

    <div class="bp-section">
      <div class="bp-section-head">
        <h2>Évaluation finale</h2>
      </div>
      <div class="bp-section-body">

        <div class="bp-panel">
          <h3>Partie A – Connaissances</h3>
          <ol class="bp-list">
            <li>Citer les trois fonctions de la chaîne de l’information.</li>
            <li>Donner deux exemples de composants qui assurent la fonction acquérir.</li>
            <li>Quel est le rôle de la fonction traiter ?</li>
            <li>Donner deux exemples d’éléments qui communiquent une information.</li>
          </ol>
        </div>

        <div class="bp-panel" style="margin-top:16px;">
          <h3>Partie B – Mise en situation professionnelle</h3>
          <p>Dans une installation, un détecteur de présence transmet une information à un automate. Celui-ci décide d’activer un voyant lumineux et d’envoyer un état sur une interface de supervision.</p>

          <ol class="bp-list">
            <li>Identifier l’élément qui assure la fonction acquérir.</li>
            <li>Identifier l’élément qui assure la fonction traiter.</li>
            <li>Identifier les éléments qui assurent la fonction communiquer.</li>
            <li>Expliquer en une phrase le trajet de l’information dans ce système.</li>
          </ol>
        </div>

        <details>
          <summary>Afficher la correction de l’évaluation</summary>
          <div class="bp-corr">
            <strong>Partie A :</strong><br>
            1. Acquérir, traiter, communiquer.<br>
            2. Exemples : détecteur de présence, sonde de température, bouton poussoir, capteur de luminosité.<br>
            3. La fonction traiter analyse l’information reçue et prend une décision logique.<br>
            4. Exemples : voyant, afficheur, buzzer, écran de supervision.<br><br>

            <strong>Partie B :</strong><br>
            1. Le détecteur de présence.<br>
            2. L’automate.<br>
            3. Le voyant lumineux et l’interface de supervision.<br>
            4. L’information est détectée par le capteur, analysée par l’automate, puis transmise à l’utilisateur ou au système de supervision.
          </div>
        </details>

        <table class="bp-table">
          <tr>
            <th>Critère</th>
            <th>Indicateur de réussite</th>
            <th>Barème</th>
          </tr>
          <tr>
            <td>Identifier les fonctions</td>
            <td>Les trois fonctions sont correctement nommées.</td>
            <td>/6</td>
          </tr>
          <tr>
            <td>Associer les composants</td>
            <td>Les composants sont classés dans la bonne fonction.</td>
            <td>/6</td>
          </tr>
          <tr>
            <td>Analyser la situation</td>
            <td>Le trajet de l’information est correctement expliqué.</td>
            <td>/4</td>
          </tr>
          <tr>
            <td>Employer le vocabulaire technique</td>
            <td>Les réponses sont précises et utilisent les bons termes.</td>
            <td>/4</td>
          </tr>
        </table>

      </div>
    </div>

    <div class="bp-section">
      <div class="bp-section-head">
        <h2>Autoévaluation élève</h2>
      </div>
      <div class="bp-section-body">

        <div class="bp-grid-2">
          <div class="bp-panel">
            <h3>Je sais…</h3>
            <ul class="bp-list">
              <li>□ citer les trois fonctions de la chaîne de l’information</li>
              <li>□ reconnaître un capteur</li>
              <li>□ identifier l’organe de traitement</li>
              <li>□ reconnaître un moyen de communication d’information</li>
              <li>□ analyser un exemple simple en lien avec la MELEC</li>
            </ul>
          </div>

          <div class="bp-panel">
            <h3>Je dois encore travailler…</h3>
            <ul class="bp-list">
              <li>□ le vocabulaire technique</li>
              <li>□ le classement des composants</li>
              <li>□ l’explication du trajet de l’information</li>
              <li>□ la distinction entre chaîne d’information et chaîne d’énergie</li>
            </ul>
          </div>
        </div>

        <div class="bp-success">
          <strong>Conseil de progression :</strong> pour mieux réussir, repère toujours d’abord ce qui entre dans le système, ce qui décide, puis ce qui informe l’utilisateur.
        </div>

      </div>
    </div>

    <div class="bp-section">
      <div class="bp-section-head">
        <h2>Prolongements possibles</h2>
      </div>
      <div class="bp-section-body">

        <div class="bp-grid-2">
          <div class="bp-panel">
            <h3>En classe</h3>
            <ul class="bp-list">
              <li>Comparer chaîne d’information et chaîne d’énergie.</li>
              <li>Étudier un schéma fonctionnel d’installation.</li>
              <li>Faire compléter un tableau composants / fonctions.</li>
            </ul>
          </div>

          <div class="bp-panel">
            <h3>En atelier</h3>
            <ul class="bp-list">
              <li>Repérer les capteurs sur une maquette.</li>
              <li>Identifier une carte ou un automate.</li>
              <li>Observer les organes de signalisation et d’interface.</li>
            </ul>
          </div>
        </div>

      </div>
    </div>

    <div class="bp-footer">
      Séquence pédagogique HTML premium – Bac Pro MELEC – Chaîne de l’information – Compatible Moodle sans JavaScript
    </div>

  </div>
</div>