Exercice 6 — Présentation interactive

LIENS

• Consigne (Exercice 6) :
• Dispositif : Médicaments d’urgence — Préparations (slides interactives) (si le lien ne fonctionne pas : adapter le chemin selon ton arborescence)

CONTEXTE

Pour l’exercice 6, J’ai choisi un sujet de santé très concret : les préparations de médicaments d’urgence.

Dans un contexte d’urgence, on doit aller vite tout en limitant les erreurs. L’idée de ce dispositif est donc de proposer des repères rapides (solvant, dilution, concentration) et des rappels de sécurité sous une forme plus engageante qu’une simple fiche PDF.

OBJECTIFS

Objectif général : aider à mémoriser des préparations “type” et surtout renforcer les réflexes de sécurité liés à la préparation/administration des médicaments en situation d’urgence.

• Structurer une routine de préparation (indication/voie → solvant → calcul/dilution → asepsie → étiquette → surveillance).
• Apprendre par interaction : accéder à des informations détaillées (boutons « Détails ») et tester ses connaissances via un mini‑quiz.
• Donner du feedback immédiat (pop‑ups de correction et score du quiz).

DISPOSITIF

Le dispositif est une présentation Reveal.js à parcourir, composée de diapositives courtes avec une progression simple (flèches + barre de progression).

• Slides “repères” : réflexes avant de préparer, routine en 6 étapes, mémo de dilution.
• Slides “médicaments” : EXACYL®, adrénaline, CORDARONE®, NARCAN®, noradrénaline. Chaque slide propose une synthèse + un bouton « Détails ».
• Slide “Mini‑quiz” : questions courtes, tirées aléatoirement, avec score et explication après validation.
• Slide “Checklist OK” : rappel final des points de sécurité.

L’interface reprend les mêmes codes que mon portfolio.

PRODUCTION

La production s’est déroulée en 3 étapes :

• HTML : structuration des slides Reveal.js en sections, contenu “micro” (une idée par slide), et ajout de boutons d’action (Détails, Next, Valider, Reset).
• CSS : création du design.
• JavaScript : (1) initialisation de Reveal.js, (2) affichage des pop‑ups via SweetAlert2, (3) logique du quiz (sélection aléatoire, score, feedback).

AUTO-ÉVALUATION

Je pense que le dispositif est aligné avec l’esprit de l’exercice : Reveal.js est utilisé comme un mini‑parcours avec interaction et feedback (pop‑ups + quiz). La navigation est simple.

À améliorer :

• Enrichir le quiz (plus de questions, éventuellement par “thème” : dilution, sécurité, compatibilités).
• Ajouter un index pour revenir plus facilement à une slide sans utiliser les flèches.

BIBLIOGRAPHIE & CRÉDITS

• [1] EduTech Wiki — TECFA/UNIGE. STIC I — Exercice 6 (Freya). edutechwiki.unige.ch
• [2] Reveal.js. The HTML presentation framework. revealjs.com (framework de présentation)
• [3] SweetAlert2. Responsive, customizable popup boxes. sweetalert2.github.io (pop‑ups pour feedback et détails)
• [4] Font Awesome. Free License. fontawesome.com (icônes, chargé via CDN)
• [5] Google Fonts. Amiri. fonts.google.com