lrdlg
171 lines
9.1 KiB
HTML
171 lines
9.1 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="fr">
|
|
<head>
|
|
<meta charset="utf-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1">
|
|
<title>Pilotage des 35 blocs — 1re tronc commun</title>
|
|
<meta name="robots" content="noindex">
|
|
<link rel="preconnect" href="https://fonts.googleapis.com">
|
|
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
|
|
<link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600&family=JetBrains+Mono:wght@500;700&display=swap" rel="stylesheet">
|
|
<link rel="stylesheet" href="../assets/theme.css">
|
|
<link rel="stylesheet" href="../assets/numerique-1re.css">
|
|
</head>
|
|
<body class="classe-tc">
|
|
|
|
<header class="entete">
|
|
<div class="entete__interieur entete__interieur--large">
|
|
<nav class="ariane" aria-label="Fil d'Ariane">
|
|
<a href="../index.html">Mes cours</a><span aria-hidden="true">/</span><a href="index.html">1re tronc commun</a><span aria-hidden="true">/</span><strong>Pilotage</strong>
|
|
</nav>
|
|
<h1>Formation numérique<br>Pilotage des 35 blocs</h1>
|
|
<p class="entete__meta">Document enseignant · 1TC-NUM · 2026-2027</p>
|
|
</div>
|
|
</header>
|
|
|
|
<main class="contenu contenu--large">
|
|
|
|
<p class="chapeau">Version enseignant, avec les attendus, les moments d'évaluation et les notes de conduite. Ne pas projeter. La version destinée aux élèves est <a href="index.html">ici</a>.</p>
|
|
|
|
<ul class="apercu">
|
|
<li><svg viewBox="0 0 24 24"><rect x="3" y="4" width="18" height="13" rx="2"/><path d="M8 21h8M12 17v4"/></svg><span>La machine</span></li>
|
|
<li><svg viewBox="0 0 24 24"><path d="M12 3l8 4v5c0 5-3.4 8.2-8 9-4.6-.8-8-4-8-9V7z"/></svg><span>Sécurité</span></li>
|
|
<li><svg viewBox="0 0 24 24"><path d="M21 12a8 8 0 1 1-3.2-6.4"/><path d="M3 20l1.6-4.2"/><path d="M21 4v5h-5"/></svg><span>Communiquer</span></li>
|
|
<li><svg viewBox="0 0 24 24"><path d="M4 4h16v16H4z"/><path d="M8 9h8M8 13h8M8 17h5"/></svg><span>Produire</span></li>
|
|
</ul>
|
|
|
|
|
|
<section class="dashboard">
|
|
<div class="stat"><small>Blocs de 2 périodes</small><strong>35</strong></div>
|
|
<div class="stat ok"><small>Pages disponibles</small><strong id="cPret">0</strong></div>
|
|
<div class="stat"><small>Moments d'évaluation</small><strong>5</strong></div>
|
|
<div class="stat"><small>Blocs facultatifs</small><strong>3</strong></div>
|
|
</section>
|
|
|
|
<div class="filtres">
|
|
<button class="btn primary" data-f="tout">Tous les blocs</button>
|
|
<button class="btn soft" data-f="pret">Pages disponibles</button>
|
|
<button class="btn soft" data-f="eval">Évaluations</button>
|
|
<button class="btn soft" data-f="comp">Compressibles</button>
|
|
<button class="btn soft" data-f="fac">Facultatifs</button>
|
|
<span class="compte" id="compte"></span>
|
|
</div>
|
|
|
|
<div id="corps"></div>
|
|
|
|
</main>
|
|
<footer class="pied">
|
|
<div class="pied__interieur">Séquence annuelle, volet numérique FMTTN · Référentiel et programme SeGEC D/2025/7362/3/13 · M. Courcelle</div>
|
|
</footer>
|
|
|
|
<script>
|
|
"use strict";
|
|
var MODULES=[
|
|
{n:1,titre:"La machine et mes données",periode:"Période 1",champ:"Informations et données · rentrée au congé d'automne",
|
|
note:"Installe le vocabulaire et les gestes de base sans lesquels rien d'autre n'est possible. Se termine par la première tâche intégratrice de l'année.",
|
|
blocs:[
|
|
{n:1,t:"Ouvrir le cours et savoir où l'on met les pieds",a:"Aucun attendu formel, diagnostic",href:"1TC-NUM_bloc-01_pilotage.html"},
|
|
{n:2,t:"Ce qu'il y a dans la boite",a:"S21",href:"1TC-NUM_bloc-02_pilotage.html"},
|
|
{n:3,t:"Où va ce que j'enregistre",a:"S21, plus Ko à To en facultatif",href:"1TC-NUM_bloc-03_pilotage.html"},
|
|
{n:4,t:"Comment ça circule",a:"S17, plus serveur et web en facultatif",href:"1TC-NUM_bloc-04_pilotage.html"},
|
|
{n:5,t:"Extensions et logiciels",a:"S16, S36",comp:true},
|
|
{n:6,t:"Exporter vers la bonne destination",a:"SF16"},
|
|
{n:7,t:"Organiser son espace",a:"C11, SF16, S16, S36",eval:"Formative certifiante"}]},
|
|
{n:2,titre:"Moi en ligne",periode:"Période 2",champ:"Sécurité · congé d'automne à Noël",
|
|
note:"Le champ Sécurité se termine formellement en S1, d'où son traitement complet et précoce. C'est aussi l'âge où les élèves ouvrent leurs premiers comptes.",
|
|
blocs:[
|
|
{n:8,t:"Ce que les autres voient de moi",a:"S34, C22"},
|
|
{n:9,t:"Les traces que je laisse sans le savoir",a:"S39, SF58"},
|
|
{n:10,t:"Reprendre la main sur ses réglages",a:"SF59, SF53"},
|
|
{n:11,t:"Lire les signaux, PEGI et cyberdépendance",a:"S34, C19"},
|
|
{n:12,t:"Quand ça dérape, réagir",a:"SF54"},
|
|
{n:13,t:"Évaluation et campagne de prévention",a:"C22, C19, S34, S39, SF53, SF58, SF59, SF54",eval:"Sommative 1"}]},
|
|
{n:3,titre:"Communiquer et interagir",periode:"Période 3",champ:"Communication et collaboration · janvier au congé de détente",
|
|
note:"Champ non travaillé depuis la P5 du fondamental, une réactivation est nécessaire avant tout apport nouveau. Suppose une adresse email par élève, à arbitrer avec la direction.",
|
|
blocs:[
|
|
{n:14,t:"Le paysage des outils",a:"S37, S18"},
|
|
{n:15,t:"Une adresse email qui tient la route",a:"SF35, S38"},
|
|
{n:16,t:"Cc, Cci et les autres",a:"SF35"},
|
|
{n:17,t:"La nétiquette",a:"SF39",comp:true},
|
|
{n:18,t:"Choisir l'outil selon l'interlocuteur",a:"SF56, SF57"},
|
|
{n:19,t:"Droits et responsabilités",a:"S28, SF19"},
|
|
{n:20,t:"Communiquer pour de vrai",a:"C13, SF35, SF39, SF56, SF57, SF19",eval:"Formative certifiante"}]},
|
|
{n:4,titre:"Produire un document",periode:"Périodes 4 et 5",champ:"Création de contenus, traitement de texte · détente au printemps",
|
|
note:"Le module le plus long de l'année, sur la période la plus propice à un travail suivi. Tout texte à produire est fourni en brut, jamais à taper.",
|
|
blocs:[
|
|
{n:21,t:"Choisir son outil et prendre ses repères",a:"SF40, SF17"},
|
|
{n:22,t:"Structurer le texte",a:"S22, S23, SF32"},
|
|
{n:23,t:"Maitriser la page",a:"SF32, S23",comp:true},
|
|
{n:24,t:"Habiller le document",a:"SF33"},
|
|
{n:25,t:"Enrichir le document",a:"SF33, S22"},
|
|
{n:26,t:"Tableaux et formes",a:"SF33",comp:true},
|
|
{n:27,t:"Le dossier",a:"C12, S22, S23, SF17, SF32, SF33, SF40",eval:"Sommative 2"}]},
|
|
{n:5,titre:"Penser comme une machine",periode:"Période 5",champ:"Pensée algorithmique · printemps à juin",
|
|
note:"La variable et le passage du débogage à l'optimisation sont les deux nouveautés conceptuelles réelles de l'année. La programmation par blocs relance l'engagement au printemps.",
|
|
blocs:[
|
|
{n:28,t:"Réactiver, ce que la machine sait faire",a:"Acquis de la P6, diagnostic"},
|
|
{n:29,t:"La variable",a:"S29, SF43"},
|
|
{n:30,t:"Écrire son logigramme",a:"SF44, C16"},
|
|
{n:31,t:"Du logigramme au programme",a:"SF45, SF46"},
|
|
{n:32,t:"Tester, déboguer, optimiser",a:"C16, C17, S29, SF43 à SF46",eval:"Sommative 3"}]},
|
|
{n:6,titre:"L'intelligence artificielle en question",periode:"Période 5",champ:"Complément facultatif de la brochure · fin juin",
|
|
note:"Intégralement facultatif et non cotable, puisque aucun attendu ne figure au référentiel. Construit pour n'exiger aucune manipulation d'outil génératif par les élèves.",
|
|
blocs:[
|
|
{n:33,t:"Ce que fait une IA",a:"Hors référentiel",fac:true},
|
|
{n:34,t:"Ce qu'une IA se trompe à faire",a:"Hors référentiel",fac:true},
|
|
{n:35,t:"Choisir, formuler, décider",a:"Hors référentiel",fac:true}]}
|
|
];
|
|
|
|
var corps=document.getElementById("corps"),pret=0;
|
|
MODULES.forEach(function(m){
|
|
var cartes=m.blocs.map(function(b){
|
|
if(b.href) pret++;
|
|
var d=[];
|
|
if(b.href) d.push("pret");
|
|
if(b.eval) d.push("eval");
|
|
if(b.comp) d.push("comp");
|
|
if(b.fac) d.push("fac");
|
|
var et="";
|
|
if(b.eval) et+='<span class="et eval">'+b.eval+'</span>';
|
|
if(b.comp) et+='<span class="et">Compressible</span>';
|
|
if(b.fac) et+='<span class="et fac">Facultatif</span>';
|
|
et+=b.href?'<span class="et pret">Page prête</span>':'<span class="et">Page à produire</span>';
|
|
var in_='<span class="n">'+b.n+'</span><div><h3>'+b.t+'</h3><div class="att">'+b.a+'</div><div class="ets">'+et+'</div></div>';
|
|
return b.href
|
|
? '<a class="bloc" data-t="'+d.join(" ")+'" href="'+b.href+'">'+in_+'</a>'
|
|
: '<div class="bloc vide" data-t="'+d.join(" ")+'">'+in_+'</div>';
|
|
}).join("");
|
|
var s=document.createElement("section");
|
|
s.className="partie";
|
|
s.innerHTML='<div class="partie-tete"><span class="p">Module '+m.n+' · '+m.periode+'</span><h2>'+m.titre+'</h2>'
|
|
+'<span class="champ">'+m.champ+'</span></div><p class="partie-note">'+m.note+'</p>'
|
|
+'<div class="blocs">'+cartes+'</div>';
|
|
corps.appendChild(s);
|
|
});
|
|
document.getElementById("cPret").textContent=pret;
|
|
|
|
var compte=document.getElementById("compte");
|
|
function filtre(f){
|
|
var n=0;
|
|
document.querySelectorAll(".bloc").forEach(function(el){
|
|
var ok=(f==="tout")||(el.dataset.t||"").split(" ").indexOf(f)>-1;
|
|
el.classList.toggle("masque",!ok);
|
|
if(ok) n++;
|
|
});
|
|
document.querySelectorAll(".module").forEach(function(s){
|
|
s.classList.toggle("masque",s.querySelectorAll(".bloc:not(.masque)").length===0);
|
|
});
|
|
compte.textContent=n+" bloc"+(n>1?"s":"")+" affiché"+(n>1?"s":"");
|
|
}
|
|
document.querySelectorAll(".filtres button").forEach(function(b){
|
|
b.onclick=function(){
|
|
document.querySelectorAll(".filtres button").forEach(function(x){x.className="btn soft";});
|
|
b.className="btn primary";
|
|
filtre(b.dataset.f);
|
|
};
|
|
});
|
|
filtre("tout");
|
|
</script>
|
|
</body>
|
|
</html>
|