Liens
Objectifs
L'objectif de cet exercice était de créer une présentation interactive en utilisant Reveal.js. Cette présentation devait inclure :
- Au moins une interaction JavaScript déclenchée par l'utilisateur.
- Une animation en CSS ou JavaScript.
- Une licence Creative Commons pour le partage.
- Une liste des bibliothèques tierces utilisées.
Mon travail se concentrait sur la maladie d'Alzheimer, afin d'offrir un contenu éducatif adapté aux étudiants ou aux curieux.
Design
J'ai opté pour un design épuré et coloré en bleu pastel. Voici les principaux choix :
- Un fond uniforme et des diapositives centrées grâce à Reveal.js.
- Des boutons interactifs avec des transitions pour le quiz.
- Un texte structuré avec des titres et des paragraphes bien espacés.
Production
Le développement de ma présentation a impliqué :
- La mise en place de la structure HTML5 avec Reveal.js.
- Des styles personnalisés en CSS pour ajuster les couleurs, les marges et les animations.
- Un mini quiz interactif en JavaScript avec des boutons déclenchant un feedback immédiat.
- Une animation de transition au survol des boutons, réalisée en CSS.
Auto-évaluation
Points forts :
- Respect des consignes de l'exercice.
- Intégration réussie d'une interaction JavaScript (quiz interactif).
- Feedback clair et immédiat pour les utilisateurs.
Limites :
- Contenu limité au minimum demandé.
Améliorations potentielles :
- Ajout d'un système de progression avec un score avec un peu de Gamification.
- Inclure des vidéos ou animations supplémentaires pour enrichir le contenu mais avec des sources libres de droit.
Bibliographie
Ressources
Cours STIC I de l'Université de Genève.
Documentation EduTechWiki pour l'exercice 6.