Liens
Objectifs
Le dispositif vise à présenter l’histoire de l’invention du vélo, depuis la draisienne de 1817 jusqu’aux vélos contemporains. Il s’adresse à toute personne intéressée par l’histoire technique et sociale du vélo. Le dispositif peut être utilisé comme support dans un cours présentiel ou consulté en libre accès en ligne.
Design
La présentation utilise Reveal.js pour proposer une structure de slides
Le design est sobre et lisible : thème sombre, mise en page claire, typographie standard.
Chaque étape historique est présentée sur une ou plusieurs diapositives. Certaines utilisent des images comme arrière-plan pour contextualiser
Un quiz chronologique interactif est intégré avec un feed-back immédiat, ce qui permet de solliciter activement l’utilisateur et de l'informer de la justesse de sa réponse avec des messages stylisés : en vert pour une "Bonne réponse !" et en rouge pour une "Mauvaise réponse. Réessayez !".
Production
La création des différentes slides a été réalisée à l'aide de Reveal.js (bibliothèque Java Script) qui utilise HTML5, CSS et JavaSCript. La mise en ligne des projets a ensuite été effectuée via CyberDuck, en respectant les procédures détaillées sur EduTechWiki. Pour développer ce dispositif, les étapes suivantes ont été suivies :
- Téléchargement de Reveal.js via GitHub
- Compléter le document html avec le contenu des slides et les différents liens.
- Développement la feuille de style CSS pour donner un aspect visuel agréable.
- Ajout d'images dans le bon dossier
- Recherche et implémentation d'une animation d'un third party code
- Utilisation de Cyberduck pour téléverser les fichiers sur le serveur TECFA.
Un problème rencontré a été le débordement vertical du quiz, corrigé en rendant le conteneur scrollable.
Une autre difficulté a concerné l’intégration de code tiers : comprendre leur logique, leur documentation et les ajouter correctement dans le projet.
À cela s’est ajoutée la gestion de la bibliothèque Reveal.js elle-même : la multitude de fichiers et de sous-dossiers (dist, plugin, thèmes, etc.) a rendu la configuration complexe et a nécessité plusieurs essais avant d’obtenir un fonctionnement correct.
Auto-évaluation
La présentation est claire, respecte les consignes et intègre une interactivité qui engage l’utilisateur.
Cependant, le quiz reste simple, et le dispositif pourrait bénéficier de davantage d’illustrations ou de contenus multimédias.
Améliorations possibles : enrichir le quiz (questions plus variées, feedback détaillé) et ajouter une frise chronologique interactive.
Bibliographie
anime.js
Reveal.js
Wiképédia
Ressources
La présentation et le rapport sont partagés sous licence Creative Commons Attribution 4.0 International (CC BY 4.0).