① Informations du chapitre
⏱ Si la durée est > 0, un bandeau minuteur s'affiche en haut de l'écran élève pour toute la séance. À l'expiration, les QCM non soumis sont automatiquement soumis et la pénalité s'applique aux questions sans réponse.
② Récupération des notes → Google Sheets
Collez l'URL de votre Google Apps Script pour envoyer automatiquement les résultats de chaque élève. 📖 Guide →
⚠ Non configuré
Un test enverra une ligne fictive dans votre feuille.
✅ Une fois configuré : nom · classe · date · note · détail par section sont enregistrés automatiquement pour chaque élève.
📖 Guide pas à pas — 5 minutes
- Allez sur sheets.google.com et créez un tableur.
- Menu Extensions → Apps Script. Effacez tout.
- Collez ce code :
function doPost(e) {
try {
var data = JSON.parse(e.postData.contents);
var sheet = SpreadsheetApp.getActiveSpreadsheet().getActiveSheet();
if (sheet.getLastRow() === 0) {
sheet.appendRow(['Date','Eleve','Chapitre','Classe',
'Note /20','Bonnes rep.','Total questions','Temps','Detail']);
sheet.getRange(1,1,1,9).setFontWeight('bold')
.setBackground('#4f46e5').setFontColor('white');
}
sheet.appendRow([data.date,data.eleve,data.chapitre,data.classe,
data.note,data.bonnes,data.totalQuestions,data.temps,data.detail]);
return ContentService
.createTextOutput(JSON.stringify({ok:true}))
.setMimeType(ContentService.MimeType.JSON);
} catch(err) {
return ContentService
.createTextOutput(JSON.stringify({ok:false,error:err.toString()}))
.setMimeType(ContentService.MimeType.JSON);
}
}
- Enregistrez (Ctrl+S).
- Déployer → Nouveau déploiement → Application Web → Tout le monde.
- Copiez l'URL générée et collez-la ci-dessus.
⚠ Lors du premier déploiement, Google peut demander une autorisation — cliquez "Avancé" puis "Autoriser".
③ Pages du chapitre
📄 Chaque page = une section. L'élève défile de haut en bas. Chaque section peut contenir du texte (avec LaTeX), un PDF, une image ou une vidéo YouTube, plus un QCM optionnel.
1
Présentation de la formation HACCP
▲ réduire
👁 Aperçu LaTeX en temps réel
✅ Compatible ChatGPT / LaTeX :
$$E=mc^2$$ ou (a^2+b^2=c^2)
💡 URL distante : Google Drive · GitHub — ou chargez depuis votre ordinateur via le bouton
💡 URL distante : Imgur · Google Drive — ou chargez depuis votre ordinateur via le bouton
🔬 Sites compatibles :
⚗️ PhET Colorado
🧪 PCCL
📐 GeoGebra
⚡ Falstad
🌍 Univ. Nantes
⚠️ Certains sites (PCCL, Wikipedia…) bloquent l'intégration en iframe par politique de sécurité (X-Frame-Options). Dans ce cas, un bouton "Ouvrir dans un nouvel onglet" sera proposé à l'élève. Pour PhET : utilisez l'URL directe de la simulation HTML5.
Cette section affichera uniquement le QCM (si vous en ajoutez un).
📝 QCM de cette section (optionnel)
2
PARTIE 1 — Contexte réglementaire et historique
▲ réduire
👁 Aperçu LaTeX en temps réel
✅ Compatible ChatGPT / LaTeX :
$$E=mc^2$$ ou (a^2+b^2=c^2)
💡 URL distante : Google Drive · GitHub — ou chargez depuis votre ordinateur via le bouton
💡 URL distante : Imgur · Google Drive — ou chargez depuis votre ordinateur via le bouton
🔬 Sites compatibles :
⚗️ PhET Colorado
🧪 PCCL
📐 GeoGebra
⚡ Falstad
🌍 Univ. Nantes
⚠️ Certains sites (PCCL, Wikipedia…) bloquent l'intégration en iframe par politique de sécurité (X-Frame-Options). Dans ce cas, un bouton "Ouvrir dans un nouvel onglet" sera proposé à l'élève. Pour PhET : utilisez l'URL directe de la simulation HTML5.
Cette section affichera uniquement le QCM (si vous en ajoutez un).
📝 QCM de cette section (optionnel)
3
PARTIE 2 — Les dangers alimentaires
▲ réduire
👁 Aperçu LaTeX en temps réel
✅ Compatible ChatGPT / LaTeX :
$$E=mc^2$$ ou (a^2+b^2=c^2)
💡 URL distante : Google Drive · GitHub — ou chargez depuis votre ordinateur via le bouton
💡 URL distante : Imgur · Google Drive — ou chargez depuis votre ordinateur via le bouton
🔬 Sites compatibles :
⚗️ PhET Colorado
🧪 PCCL
📐 GeoGebra
⚡ Falstad
🌍 Univ. Nantes
⚠️ Certains sites (PCCL, Wikipedia…) bloquent l'intégration en iframe par politique de sécurité (X-Frame-Options). Dans ce cas, un bouton "Ouvrir dans un nouvel onglet" sera proposé à l'élève. Pour PhET : utilisez l'URL directe de la simulation HTML5.
Cette section affichera uniquement le QCM (si vous en ajoutez un).
📝 QCM de cette section (optionnel)
4
PARTIE 3 — Les 7 principes du HACCP
▲ réduire
👁 Aperçu LaTeX en temps réel
✅ Compatible ChatGPT / LaTeX :
$$E=mc^2$$ ou (a^2+b^2=c^2)
💡 URL distante : Google Drive · GitHub — ou chargez depuis votre ordinateur via le bouton
💡 URL distante : Imgur · Google Drive — ou chargez depuis votre ordinateur via le bouton
🔬 Sites compatibles :
⚗️ PhET Colorado
🧪 PCCL
📐 GeoGebra
⚡ Falstad
🌍 Univ. Nantes
⚠️ Certains sites (PCCL, Wikipedia…) bloquent l'intégration en iframe par politique de sécurité (X-Frame-Options). Dans ce cas, un bouton "Ouvrir dans un nouvel onglet" sera proposé à l'élève. Pour PhET : utilisez l'URL directe de la simulation HTML5.
Cette section affichera uniquement le QCM (si vous en ajoutez un).
📝 QCM de cette section (optionnel)
5
PARTIE 4 — Les 12 étapes de mise en oeuvre
▲ réduire
👁 Aperçu LaTeX en temps réel
✅ Compatible ChatGPT / LaTeX :
$$E=mc^2$$ ou (a^2+b^2=c^2)
💡 URL distante : Google Drive · GitHub — ou chargez depuis votre ordinateur via le bouton
💡 URL distante : Imgur · Google Drive — ou chargez depuis votre ordinateur via le bouton
🔬 Sites compatibles :
⚗️ PhET Colorado
🧪 PCCL
📐 GeoGebra
⚡ Falstad
🌍 Univ. Nantes
⚠️ Certains sites (PCCL, Wikipedia…) bloquent l'intégration en iframe par politique de sécurité (X-Frame-Options). Dans ce cas, un bouton "Ouvrir dans un nouvel onglet" sera proposé à l'élève. Pour PhET : utilisez l'URL directe de la simulation HTML5.
Cette section affichera uniquement le QCM (si vous en ajoutez un).
📝 QCM de cette section (optionnel)
6
PARTIE 5 — Bonnes Pratiques d'Hygiène (BPH)
▲ réduire
👁 Aperçu LaTeX en temps réel
✅ Compatible ChatGPT / LaTeX :
$$E=mc^2$$ ou (a^2+b^2=c^2)
💡 URL distante : Google Drive · GitHub — ou chargez depuis votre ordinateur via le bouton
💡 URL distante : Imgur · Google Drive — ou chargez depuis votre ordinateur via le bouton
🔬 Sites compatibles :
⚗️ PhET Colorado
🧪 PCCL
📐 GeoGebra
⚡ Falstad
🌍 Univ. Nantes
⚠️ Certains sites (PCCL, Wikipedia…) bloquent l'intégration en iframe par politique de sécurité (X-Frame-Options). Dans ce cas, un bouton "Ouvrir dans un nouvel onglet" sera proposé à l'élève. Pour PhET : utilisez l'URL directe de la simulation HTML5.
Cette section affichera uniquement le QCM (si vous en ajoutez un).
📝 QCM de cette section (optionnel)
7
PARTIE 6 — Traçabilité et gestion documentaire
▲ réduire
👁 Aperçu LaTeX en temps réel
✅ Compatible ChatGPT / LaTeX :
$$E=mc^2$$ ou (a^2+b^2=c^2)
💡 URL distante : Google Drive · GitHub — ou chargez depuis votre ordinateur via le bouton
💡 URL distante : Imgur · Google Drive — ou chargez depuis votre ordinateur via le bouton
🔬 Sites compatibles :
⚗️ PhET Colorado
🧪 PCCL
📐 GeoGebra
⚡ Falstad
🌍 Univ. Nantes
⚠️ Certains sites (PCCL, Wikipedia…) bloquent l'intégration en iframe par politique de sécurité (X-Frame-Options). Dans ce cas, un bouton "Ouvrir dans un nouvel onglet" sera proposé à l'élève. Pour PhET : utilisez l'URL directe de la simulation HTML5.
Cette section affichera uniquement le QCM (si vous en ajoutez un).
📝 QCM de cette section (optionnel)
8
PARTIE 7 — La méthode des 5M (Diagramme d'Ishikawa)
▲ réduire
👁 Aperçu LaTeX en temps réel
✅ Compatible ChatGPT / LaTeX :
$$E=mc^2$$ ou (a^2+b^2=c^2)
💡 URL distante : Google Drive · GitHub — ou chargez depuis votre ordinateur via le bouton
💡 URL distante : Imgur · Google Drive — ou chargez depuis votre ordinateur via le bouton
🔬 Sites compatibles :
⚗️ PhET Colorado
🧪 PCCL
📐 GeoGebra
⚡ Falstad
🌍 Univ. Nantes
⚠️ Certains sites (PCCL, Wikipedia…) bloquent l'intégration en iframe par politique de sécurité (X-Frame-Options). Dans ce cas, un bouton "Ouvrir dans un nouvel onglet" sera proposé à l'élève. Pour PhET : utilisez l'URL directe de la simulation HTML5.
Cette section affichera uniquement le QCM (si vous en ajoutez un).
📝 QCM de cette section (optionnel)
9
Examen blanc HACCP — 40 QCM corrigés
▲ réduire
👁 Aperçu LaTeX en temps réel
✅ Compatible ChatGPT / LaTeX :
$$E=mc^2$$ ou (a^2+b^2=c^2)
💡 URL distante : Google Drive · GitHub — ou chargez depuis votre ordinateur via le bouton
💡 URL distante : Imgur · Google Drive — ou chargez depuis votre ordinateur via le bouton
🔬 Sites compatibles :
⚗️ PhET Colorado
🧪 PCCL
📐 GeoGebra
⚡ Falstad
🌍 Univ. Nantes
⚠️ Certains sites (PCCL, Wikipedia…) bloquent l'intégration en iframe par politique de sécurité (X-Frame-Options). Dans ce cas, un bouton "Ouvrir dans un nouvel onglet" sera proposé à l'élève. Pour PhET : utilisez l'URL directe de la simulation HTML5.
Cette section affichera uniquement le QCM (si vous en ajoutez un).
📝 QCM de cette section (optionnel)
1
● Cliquez le bouton radio pour indiquer la bonne réponse
💬 Explication (affichée après correction)
La correction proposera un bouton pour revenir à cette section.
2
● Cliquez le bouton radio pour indiquer la bonne réponse
💬 Explication (affichée après correction)
La correction proposera un bouton pour revenir à cette section.
3
● Cliquez le bouton radio pour indiquer la bonne réponse
💬 Explication (affichée après correction)
La correction proposera un bouton pour revenir à cette section.
4
● Cliquez le bouton radio pour indiquer la bonne réponse
💬 Explication (affichée après correction)
La correction proposera un bouton pour revenir à cette section.
5
● Cliquez le bouton radio pour indiquer la bonne réponse
💬 Explication (affichée après correction)
La correction proposera un bouton pour revenir à cette section.
6
● Cliquez le bouton radio pour indiquer la bonne réponse
💬 Explication (affichée après correction)
La correction proposera un bouton pour revenir à cette section.
7
● Cliquez le bouton radio pour indiquer la bonne réponse
💬 Explication (affichée après correction)
La correction proposera un bouton pour revenir à cette section.
8
● Cliquez le bouton radio pour indiquer la bonne réponse
💬 Explication (affichée après correction)
La correction proposera un bouton pour revenir à cette section.
9
● Cliquez le bouton radio pour indiquer la bonne réponse
💬 Explication (affichée après correction)
La correction proposera un bouton pour revenir à cette section.
10
● Cliquez le bouton radio pour indiquer la bonne réponse
💬 Explication (affichée après correction)
La correction proposera un bouton pour revenir à cette section.
11
● Cliquez le bouton radio pour indiquer la bonne réponse
💬 Explication (affichée après correction)
La correction proposera un bouton pour revenir à cette section.
12
● Cliquez le bouton radio pour indiquer la bonne réponse
💬 Explication (affichée après correction)
La correction proposera un bouton pour revenir à cette section.
13
● Cliquez le bouton radio pour indiquer la bonne réponse
💬 Explication (affichée après correction)
La correction proposera un bouton pour revenir à cette section.
14
● Cliquez le bouton radio pour indiquer la bonne réponse
💬 Explication (affichée après correction)
La correction proposera un bouton pour revenir à cette section.
15
● Cliquez le bouton radio pour indiquer la bonne réponse
💬 Explication (affichée après correction)
La correction proposera un bouton pour revenir à cette section.
16
● Cliquez le bouton radio pour indiquer la bonne réponse
💬 Explication (affichée après correction)
La correction proposera un bouton pour revenir à cette section.
17
● Cliquez le bouton radio pour indiquer la bonne réponse
💬 Explication (affichée après correction)
La correction proposera un bouton pour revenir à cette section.
18
● Cliquez le bouton radio pour indiquer la bonne réponse
💬 Explication (affichée après correction)
La correction proposera un bouton pour revenir à cette section.
19
● Cliquez le bouton radio pour indiquer la bonne réponse
💬 Explication (affichée après correction)
La correction proposera un bouton pour revenir à cette section.
20
● Cliquez le bouton radio pour indiquer la bonne réponse
💬 Explication (affichée après correction)
La correction proposera un bouton pour revenir à cette section.
21
● Cliquez le bouton radio pour indiquer la bonne réponse
💬 Explication (affichée après correction)
La correction proposera un bouton pour revenir à cette section.
22
● Cliquez le bouton radio pour indiquer la bonne réponse
💬 Explication (affichée après correction)
La correction proposera un bouton pour revenir à cette section.
23
● Cliquez le bouton radio pour indiquer la bonne réponse
💬 Explication (affichée après correction)
La correction proposera un bouton pour revenir à cette section.
24
● Cliquez le bouton radio pour indiquer la bonne réponse
💬 Explication (affichée après correction)
La correction proposera un bouton pour revenir à cette section.
25
● Cliquez le bouton radio pour indiquer la bonne réponse
💬 Explication (affichée après correction)
La correction proposera un bouton pour revenir à cette section.
26
● Cliquez le bouton radio pour indiquer la bonne réponse
💬 Explication (affichée après correction)
La correction proposera un bouton pour revenir à cette section.
27
● Cliquez le bouton radio pour indiquer la bonne réponse
💬 Explication (affichée après correction)
La correction proposera un bouton pour revenir à cette section.
28
● Cliquez le bouton radio pour indiquer la bonne réponse
💬 Explication (affichée après correction)
La correction proposera un bouton pour revenir à cette section.
29
● Cliquez le bouton radio pour indiquer la bonne réponse
💬 Explication (affichée après correction)
La correction proposera un bouton pour revenir à cette section.
30
● Cliquez le bouton radio pour indiquer la bonne réponse
💬 Explication (affichée après correction)
La correction proposera un bouton pour revenir à cette section.
31
● Cliquez le bouton radio pour indiquer la bonne réponse
💬 Explication (affichée après correction)
La correction proposera un bouton pour revenir à cette section.
32
● Cliquez le bouton radio pour indiquer la bonne réponse
💬 Explication (affichée après correction)
La correction proposera un bouton pour revenir à cette section.
33
● Cliquez le bouton radio pour indiquer la bonne réponse
💬 Explication (affichée après correction)
La correction proposera un bouton pour revenir à cette section.
34
● Cliquez le bouton radio pour indiquer la bonne réponse
💬 Explication (affichée après correction)
La correction proposera un bouton pour revenir à cette section.
35
● Cliquez le bouton radio pour indiquer la bonne réponse
💬 Explication (affichée après correction)
La correction proposera un bouton pour revenir à cette section.
36
● Cliquez le bouton radio pour indiquer la bonne réponse
💬 Explication (affichée après correction)
La correction proposera un bouton pour revenir à cette section.
37
● Cliquez le bouton radio pour indiquer la bonne réponse
💬 Explication (affichée après correction)
La correction proposera un bouton pour revenir à cette section.
38
● Cliquez le bouton radio pour indiquer la bonne réponse
💬 Explication (affichée après correction)
La correction proposera un bouton pour revenir à cette section.
39
● Cliquez le bouton radio pour indiquer la bonne réponse
💬 Explication (affichée après correction)
La correction proposera un bouton pour revenir à cette section.
40
● Cliquez le bouton radio pour indiquer la bonne réponse
💬 Explication (affichée après correction)
La correction proposera un bouton pour revenir à cette section.
💡 L'export HTML inclut toute la configuration. Déposez-le sur votre ENT ou site : les élèves cliquent et commencent directement.