Rapports STIC 1 ex:6

Période 3

Liens

Les objectifs

Dispositif RevealJS sur la librairie GSAP

Les objectifs pédagogiques de cette présentation sont d'expliquer les principes fondamentaux de GSAP, d'illustrer ses fonctionnalités clés à travers des exemples pratiques et d'offrir une démonstration interactive pour renforcer la compréhension technique.

Elle vise à permettre aux participants de comprendre comment utiliser GSAP pour créer des animations performantes, en combinant théorie et pratique pour une meilleure assimilation des concepts.

Design

Design du dispositif

Le design pédagogique de cette présentation repose sur une approche progressive et interactive. Elle commence par une introduction générale pour contextualiser GSAP, suivie d'explications théoriques structurées et de démonstrations visuelles pour maintenir l'attention et faciliter la compréhension.

Les exemples pratiques, associés à des animations en direct, renforcent l'engagement en offrant une expérience d'apprentissage immersive et concrète, tout en permettant aux participants de relier théorie et application.

Production

Production générale

Ce dispositif a été produit en utilisant HTML, CSS, et JavaScript comme langages de base pour structurer, styliser et ajouter de l'interactivité à la présentation. La bibliothèque Reveal.js a été utilisée pour créer une présentation web interactive, offrant des fonctionnalités telles que des transitions entre slides, des fragments animés, et un surlignage syntaxique via son plugin Highlight.js.

Pour les démonstrations pratiques, la bibliothèque GSAP (GreenSock Animation Platform) a été intégrée afin de montrer des animations fluides et complexes. L’ensemble est organisé dans un environnement compatible avec les navigateurs modernes, rendant la présentation accessible et performante.

Auto-évaluation

Mon évaluation

Dans mon auto-évaluation, je considère que la réalisation de ce dispositif a été globalement fluide, grâce à ma maîtrise préalable de Reveal.js. Cela m'a permis de structurer efficacement la présentation et d'utiliser ses fonctionnalités avancées, comme les fragments et le surlignage syntaxique.

Ma principale difficulté a été de trouver une animation à réaliser avec GSAP qui soit à la fois esthétique, engageante et représentative des capacités de la bibliothèque. Une fois l'idée trouvée, l'intégration de l'animation dans le projet a été simple, grâce à la documentation claire de GSAP et ma familiarité avec ses concepts de base.

Bibliographie