Maquettes Claude Design avec visio de classe

design/js/ressources.js

@@ -0,0 +1,123 @@
+// Présentations des outils Syllabus (page ressource). demo = page de démonstration existante.
+window.RESSOURCES = [
+{ id: 'visio', cat: 'Piloter', titre: 'Visio de classe', demo: 'apercu-visio.html', pour: 'Enseignants, élèves',
+  accroche: 'Une visio intégrée où les élèves arrivent en sourdine et ne parlent que quand vous leur donnez la parole.',
+  probleme: 'En classe à distance, les micros ouverts et le chat qui défile empêchent d’enseigner, et les élèves discrets n’osent pas intervenir.',
+  points: [['Tous en sourdine', 'Micro et caméra bloqués tant que le prof n’a pas donné la parole.'], ['File des mains levées', 'Premier arrivé en haut, avec l’étape du lab de chaque élève.'], ['Salle d’attente', 'Vous admettez chaque élève avant qu’il rejoigne la classe.'], ['Chat contrôlé', 'Désactivé par défaut, activable d’un interrupteur.']],
+  etapes: ['Lancez la visio depuis votre tableau de bord', 'Admettez les élèves de la salle d’attente', 'Donnez la parole depuis la file des mains levées'] },
+{ id: 'cockpit', cat: 'Piloter', titre: 'Tableau de bord prof', demo: 'apercu-cockpit.html', pour: 'Enseignants',
+  accroche: 'Toute la classe sur un seul écran : qui avance, qui bloque, qui a levé la main.',
+  probleme: 'Avec 30 élèves en TP, on ne voit que ceux qui appellent. Les élèves discrets en difficulté passent inaperçus jusqu’à l’évaluation.',
+  points: [['Mains levées dans l’ordre', 'La file d’attente s’affiche en temps réel avec l’étape où chaque élève bloque.'], ['Alertes de décrochage', 'Un élève qui n’avance plus ou accumule les indices est signalé, sans surveillance intrusive.'], ['Examens et devoirs en cours', 'Copies rendues, sorties de fenêtre, temps restant : tout est suivi depuis le même écran.'], ['Accès à la fiche élève', 'Un clic ouvre l’historique complet pour préparer un entretien ou un conseil de classe.']],
+  etapes: ['Ouvrez votre classe en début de séance', 'Suivez la progression pendant le TP', 'Repérez les élèves à accompagner en priorité'] },
+{ id: 'espace-eleve', cat: 'Piloter', titre: 'Espace élève', demo: 'apercu-espace-eleve.html', pour: 'Élèves et étudiants',
+  accroche: 'Un calendrier, les devoirs à rendre, les examens à venir et de quoi s’entraîner.',
+  probleme: 'Les consignes sont dispersées entre l’ENT, les mails et le tableau. L’élève ne sait pas toujours ce qu’il doit rendre ni quand.',
+  points: [['Calendrier unique', 'Devoirs, examens et séances de TP au même endroit, avec rappels.'], ['Progression visible', 'Compétences acquises et chapitres à revoir, chapitre par chapitre.'], ['Entraînement libre', 'Exercices et labs disponibles hors classe, corrigés automatiquement.'], ['Lever la main', 'Une demande d’aide en un clic pendant le TP.']],
+  etapes: ['L’élève se connecte avec ses identifiants', 'Il consulte ce qui l’attend cette semaine', 'Il s’entraîne et rend ses travaux en ligne'] },
+{ id: 'vie-scolaire', cat: 'Piloter', titre: 'Vie scolaire', demo: 'apercu-vie-scolaire.html', pour: 'CPE, direction, intendance',
+  accroche: 'L’assiduité et les signaux de décrochage de tout l’établissement, classe par classe.',
+  probleme: 'Les informations utiles au suivi sont réparties entre les enseignants. Le CPE les découvre souvent trop tard.',
+  points: [['Présence aux séances en ligne', 'Connexions aux quiz, labs et examens, par classe et par élève.'], ['Signalements centralisés', 'Les alertes des enseignants arrivent au même endroit, avec leur historique.'], ['Suivi des accompagnements', 'Entretiens, contacts familles et décisions consignés.'], ['Exports', 'Données prêtes pour le conseil de classe ou le logiciel de vie scolaire.']],
+  etapes: ['Choisissez la classe ou le niveau', 'Repérez les élèves signalés', 'Planifiez l’accompagnement et suivez-le'] },
+{ id: 'academie', cat: 'Piloter', titre: 'Académie', demo: 'apercu-academie.html', pour: 'Inspection, rectorat, réseaux d’établissements',
+  accroche: 'Une vue agrégée de plusieurs établissements, sans aucune donnée nominative.',
+  probleme: 'Évaluer l’usage d’un outil ou repérer les compétences mal acquises à l’échelle d’un territoire demande de compiler des tableaux à la main.',
+  points: [['Indicateurs par établissement', 'Activité, labs réalisés, compétences validées.'], ['Compétences les moins acquises', 'Pour cibler les formations et les ressources.'], ['Données anonymisées', 'Uniquement des moyennes par établissement et par classe.'], ['Rapports téléchargeables', 'Bilans en PDF et en CSV.']],
+  etapes: ['Choisissez le périmètre', 'Comparez les établissements', 'Exportez le rapport'] },
+{ id: 'cohortes', cat: 'Piloter', titre: 'Suivi des cohortes', demo: 'apercu-cohortes.html', pour: 'Responsables de formation, scolarité',
+  accroche: 'La progression d’une promotion entière, semestre après semestre.',
+  probleme: 'Savoir si une promotion est en avance ou en retard sur le référentiel suppose de croiser les résultats de plusieurs enseignants.',
+  points: [['Progression par compétence', 'Taux d’acquisition de chaque bloc du référentiel.'], ['Comparaison entre promotions', 'Même formation, années différentes.'], ['Assiduité et résultats', 'Corrélés pour repérer les décrochages.'], ['Export des notes', 'CSV compatible avec les logiciels de scolarité.']],
+  etapes: ['Sélectionnez la promotion', 'Lisez les indicateurs par compétence', 'Exportez pour le jury ou le conseil'] },
+{ id: 'espace-etablissement', cat: 'Piloter', titre: 'Espace établissement', demo: 'apercu-espace-etablissement.html', pour: 'Intendance, direction',
+  accroche: 'Licences, devis, factures et conventions au même endroit.',
+  probleme: 'Commander un service en ligne dans un établissement public impose devis, bon de commande, Chorus Pro et suivi des licences.',
+  points: [['Gestion des licences', 'Ajout et retrait d’élèves, licences utilisées et disponibles.'], ['Devis et bons de commande', 'Générés au nom de l’établissement.'], ['Factures Chorus Pro', 'Déposées automatiquement, téléchargeables en PDF.'], ['Documents contractuels', 'Conditions, DPA et convention signée.']],
+  etapes: ['Demandez un devis', 'Validez le bon de commande', 'Gérez les licences au fil de l’année'] },
+{ id: 'integration', cat: 'Piloter', titre: 'Intégration et sécurité', demo: 'apercu-integration.html', pour: 'DSI, administrateurs',
+  accroche: 'SSO, API, hébergement et conformité : ce que votre DSI doit vérifier.',
+  probleme: 'Avant d’adopter un outil, la DSI doit s’assurer de l’authentification, de la protection des données et des prérequis réseau.',
+  points: [['Authentification unique', 'Connexion par l’ENT ou l’annuaire de l’établissement.'], ['Hébergement en France', 'Serveurs Scaleway à Paris.'], ['RGPD', 'Registre, DPA, durées de conservation documentées.'], ['Prérequis réseau', 'Navigateur récent, accès HTTPS, aucun logiciel à installer.']],
+  etapes: ['Consultez la fiche technique', 'Testez la connexion depuis votre réseau', 'Échangez avec nous pour le SSO'] },
+{ id: 'cours', cat: 'Apprendre', titre: 'Cours gratuits', demo: 'apercu-cours.html', pour: 'Enseignants et élèves',
+  accroche: 'Des cours complets alignés sur les référentiels, du lycée au master.',
+  probleme: 'Préparer un cours technique complet prend des heures, et les ressources en ligne sont rarement adaptées au référentiel.',
+  points: [['Cours magistral détaillé', 'Théorie, exemples commentés, schémas et mise en situation.'], ['QCM de lecture', 'Pour vérifier que le cours a été lu et compris.'], ['TD et TP corrigés', 'Exercices progressifs et travaux pratiques sur machine.'], ['Sujets d’examen', 'Avec éléments de correction.']],
+  etapes: ['Choisissez le cursus', 'Ouvrez un chapitre', 'Donnez-le à lire ou projetez-le'] },
+{ id: 'labs', cat: 'Apprendre', titre: 'TP sur machine Linux', demo: 'apercu-labs.html', pour: 'Élèves, enseignants',
+  accroche: 'Une vraie machine Linux par élève, dans le navigateur, corrigée automatiquement.',
+  probleme: 'Installer et maintenir des machines virtuelles pour chaque élève prend du temps et dépend du matériel de la salle.',
+  points: [['Terminal dans le navigateur', 'Aucune installation, sur PC comme sur tablette.'], ['Étapes vérifiées', 'Chaque étape est validée automatiquement dans la machine.'], ['Indices progressifs', 'Débloqués après plusieurs essais pour encourager la réflexion.'], ['Machine réinitialisable', 'L’élève peut tout recommencer sans risque.']],
+  etapes: ['Lancez le lab pour la classe', 'Les élèves suivent les étapes', 'Consultez les résultats dans le tableau de bord'] },
+{ id: 'lab-web', cat: 'Apprendre', titre: 'Lab web', demo: 'apercu-lab-web.html', pour: 'Élèves, enseignants',
+  accroche: 'Un terminal et un navigateur reliés : on configure un serveur et on voit le résultat.',
+  probleme: 'Comprendre le lien entre une commande serveur et ce qu’affiche le navigateur est difficile sans les avoir côte à côte.',
+  points: [['Terminal et navigateur liés', 'Le navigateur affiche la machine de l’élève.'], ['Serveur réel', 'Apache, Nginx, PHP installés pour de vrai.'], ['Vérifications automatiques', 'Page servie, service actif, journaux.'], ['Idéal pour SNT, NSI, SIO', 'Du premier site au serveur HTTPS.']],
+  etapes: ['Ouvrez le lab', 'Installez et configurez le serveur', 'Actualisez le navigateur relié'] },
+{ id: 'ide', cat: 'Apprendre', titre: 'Éditeur de code en ligne', demo: 'apercu-ide.html', pour: 'Élèves, enseignants',
+  accroche: 'Python, SQL, web et Bash dans le navigateur, avec des exercices testés automatiquement.',
+  probleme: 'Installer un environnement de développement sur chaque poste et à la maison est une source d’échecs en début d’année.',
+  points: [['Quatre langages', 'Python, SQL, HTML/CSS/JS et Bash.'], ['Tests automatiques', 'L’élève sait immédiatement si son code est juste.'], ['Exercices progressifs', 'Du niveau découverte aux défis.'], ['Aucune installation', 'Fonctionne aussi à la maison.']],
+  etapes: ['Choisissez un exercice', 'L’élève code et lance les tests', 'Suivez les réussites dans le tableau de bord'] },
+{ id: 'maison', cat: 'Apprendre', titre: 'Ressources à la maison', demo: 'apercu-maison.html', pour: 'Élèves',
+  accroche: 'Pour aller plus loin chez soi : exercices, défis et plateformes reconnues.',
+  probleme: 'Les élèves motivés ne savent pas toujours où trouver des ressources sérieuses et adaptées à leur niveau.',
+  points: [['Parcours par niveau', 'Du lycée au supérieur.'], ['Plateformes reconnues', 'HackerRank, DataCamp, Root-Me, France-IOI.'], ['Défis sans prendre d’avance', 'Des notions connexes qui développent la culture générale.'], ['Suivi optionnel', 'L’enseignant voit les défis réalisés.']],
+  etapes: ['L’élève choisit un thème', 'Il réalise les exercices', 'Il partage sa progression s’il le souhaite'] },
+{ id: 'bibliotheque', cat: 'Préparer', titre: 'Bibliothèque du prof', demo: 'apercu-bibliotheque.html', pour: 'Enseignants',
+  accroche: 'Tous les chapitres du référentiel, avec leurs cours, QCM, TD et TP.',
+  probleme: 'Retrouver une ressource adaptée à un point précis du programme demande de fouiller plusieurs sites.',
+  points: [['Classée par référentiel', 'SNT, NSI, BTS SIO, CIEL, BUT, titres professionnels, master.'], ['Recherche', 'Par mot-clé, compétence ou type de ressource.'], ['Prêt à l’emploi', 'À projeter, imprimer ou donner en devoir.'], ['Personnalisable', 'Dupliquez et adaptez une ressource.']],
+  etapes: ['Choisissez le référentiel', 'Filtrez par chapitre', 'Ajoutez la ressource à votre séquence'] },
+{ id: 'banque', cat: 'Préparer', titre: 'Banque de sujets', demo: 'apercu-banque.html', pour: 'Enseignants',
+  accroche: 'Des centaines de questions et de sujets d’examen, à combiner et à adapter.',
+  probleme: 'Rédiger des sujets d’évaluation variés et équilibrés prend un temps considérable.',
+  points: [['Questions classées', 'Par chapitre, type et difficulté.'], ['Sujets blancs', 'Calqués sur les épreuves officielles.'], ['Vos questions', 'Ajoutez et partagez vos propres questions.'], ['Correction fournie', 'Éléments de correction et barème.']],
+  etapes: ['Recherchez des questions', 'Composez votre sujet', 'Programmez-le en examen'] },
+{ id: 'generateur', cat: 'Préparer', titre: 'Générateur de TD', demo: 'apercu-generateur.html', pour: 'Enseignants, élèves',
+  accroche: 'Des exercices de calcul générés à l’infini : conversions, sous-réseaux, droits.',
+  probleme: 'Pour automatiser un savoir-faire, il faut beaucoup d’exercices différents, ce qu’aucun manuel ne fournit.',
+  points: [['Exercices aléatoires', 'Toujours nouveaux, jamais copiables.'], ['Correction immédiate', 'Avec la méthode détaillée.'], ['Niveaux réglables', 'De l’échauffement à l’approfondissement.'], ['Mode chronométré', 'Pour préparer l’examen.']],
+  etapes: ['Choisissez le type d’exercice', 'Réglez la difficulté', 'Lancez la série'] },
+{ id: 'td-imprimable', cat: 'Préparer', titre: 'TD à imprimer', demo: 'apercu-td-imprimable.html', pour: 'Enseignants',
+  accroche: 'Des fiches papier avec les étapes à suivre, des cases à remplir et la correction séparée.',
+  probleme: 'Tout ne se fait pas sur écran : certains exercices s’apprennent mieux sur papier, et la salle n’est pas toujours équipée.',
+  points: [['Mise en page soignée', 'Format A4, lisible en noir et blanc.'], ['Cases à remplir', 'Pour structurer la réponse.'], ['Correction à part', 'Imprimée séparément.'], ['Export PDF', 'Prêt pour la photocopieuse.']],
+  etapes: ['Choisissez le TD', 'Prévisualisez', 'Téléchargez le PDF'] },
+{ id: 'quiz', cat: 'Évaluer', titre: 'Quiz flash', demo: 'apercu-quiz-projection.html', pour: 'Enseignants, élèves',
+  accroche: 'Un quiz projeté en début d’heure, auquel les élèves répondent depuis leur téléphone ou leur PC.',
+  probleme: 'Vérifier ce qui a été retenu de la séance précédente prend du temps et ne touche que les élèves qui lèvent la main.',
+  points: [['Projection en classe', 'Diaporama plein écran, question par question.'], ['Réponse sur tout appareil', 'Dans le navigateur, avec les identifiants de l’élève.'], ['Présences', 'Vous voyez qui est connecté et qui manque.'], ['Résultats immédiats', 'Par question et par élève.']],
+  etapes: ['Choisissez ou créez un quiz', 'Projetez-le et donnez le code', 'Lisez les résultats en fin de quiz'] },
+{ id: 'sujet', cat: 'Évaluer', titre: 'Créer un sujet', demo: 'apercu-sujet.html', pour: 'Enseignants',
+  accroche: 'Un sujet d’examen en cinq étapes : cadre, questions, barème, surveillance, publication.',
+  probleme: 'Organiser une évaluation en ligne fiable demande de penser au barème, aux aménagements et à la surveillance.',
+  points: [['Questions de la banque ou personnelles', 'QCM, calcul, code, lab, rédaction.'], ['Barème automatique', 'Ramené sur 20, avec pré-correction.'], ['Mode examen', 'Plein écran, détection des changements d’onglet.'], ['Aménagements', 'Tiers-temps appliqué automatiquement.']],
+  etapes: ['Définissez le cadre', 'Ajoutez les questions', 'Programmez l’examen'] },
+{ id: 'devoirs', cat: 'Évaluer', titre: 'Devoirs maison', demo: 'apercu-devoirs.html', pour: 'Enseignants, élèves',
+  accroche: 'Programmez un devoir, recevez les rendus, corrigez en ligne.',
+  probleme: 'Collecter des devoirs par mail ou sur clé USB, c’est des fichiers perdus, des retards non tracés et des relances.',
+  points: [['Programmation', 'Date d’ouverture et date limite.'], ['Rendus centralisés', 'Fichiers, code ou lab, horodatés.'], ['Relances automatiques', 'Pour les élèves en retard.'], ['Lien avec la correction', 'Les copies arrivent directement dans l’outil de correction.']],
+  etapes: ['Créez le devoir', 'Les élèves rendent en ligne', 'Corrigez et publiez les notes'] },
+{ id: 'correction', cat: 'Évaluer', titre: 'Corriger les copies', demo: 'apercu-correction.html', pour: 'Enseignants',
+  accroche: 'Une pré-correction selon votre barème, que vous validez et commentez.',
+  probleme: 'Corriger 30 copies de TP identiques prend des heures, surtout pour vérifier ce qu’une machine pourrait contrôler.',
+  points: [['Pré-correction', 'Calculs, commandes et code vérifiés automatiquement.'], ['Vous gardez la main', 'Rien n’est publié sans votre validation.'], ['Commentaires rapides', 'Remarques fréquentes en un clic.'], ['Navigation copie par copie', 'Avec la note recalculée à chaque ajustement.']],
+  etapes: ['Ouvrez le devoir', 'Validez ou ajustez la pré-correction', 'Publiez les notes'] },
+{ id: 'fiche-eleve', cat: 'Suivre', titre: 'Fiche élève', demo: 'apercu-fiche-eleve.html', pour: 'Enseignants, CPE',
+  accroche: 'L’historique, les compétences et les observations d’un élève sur une seule page.',
+  probleme: 'Préparer un conseil de classe ou un entretien demande de rassembler des informations éparses.',
+  points: [['Compétences et évolution', 'Par bloc du référentiel.'], ['Historique', 'Labs, QCM, devoirs, examens.'], ['Observations partagées', 'Entre enseignants et vie scolaire.'], ['Export PDF', 'Pour le conseil de classe.']],
+  etapes: ['Ouvrez la fiche depuis le tableau de bord', 'Consultez l’historique', 'Ajoutez une observation'] },
+{ id: 'messagerie', cat: 'Suivre', titre: 'Messagerie', demo: 'apercu-messagerie.html', pour: 'Enseignants, élèves, CPE',
+  accroche: 'Des échanges encadrés entre enseignant, élève et vie scolaire.',
+  probleme: 'Les échanges par réseaux sociaux ou téléphone personnel sont difficiles à encadrer et à tracer.',
+  points: [['Conversations par élève et par classe', 'Avec la fiche élève à portée de clic.'], ['Réponses rapides', 'Envoyer un indice, joindre un cours, proposer un créneau.'], ['Pas de messages entre élèves', 'Échanges visibles par l’équipe pédagogique.'], ['Horaires conseillés', 'Pour respecter le droit à la déconnexion.']],
+  etapes: ['Ouvrez une conversation', 'Répondez ou joignez une ressource', 'Associez la CPE si besoin'] },
+{ id: 'export', cat: 'Suivre', titre: 'Export Pronote / ENT', demo: 'apercu-export.html', pour: 'Enseignants, scolarité',
+  accroche: 'Notes, présences et appréciations prêtes à charger dans votre logiciel de vie scolaire.',
+  probleme: 'Ressaisir les notes d’un outil à l’autre est une perte de temps et une source d’erreurs.',
+  points: [['Fichier CSV compatible', 'Format attendu par les principaux logiciels de vie scolaire.'], ['Choix du contenu', 'Notes, moyennes par compétence, présences, appréciations.'], ['Aperçu avant export', 'Pour vérifier les colonnes.'], ['Guide d’import', 'Étapes détaillées pour chaque logiciel.']],
+  etapes: ['Choisissez le contenu et la période', 'Vérifiez l’aperçu', 'Téléchargez et importez le fichier'] }
+];