STIC:STIC I - exercice 3 (Utopia)

Cette page fait partie des cours STIC I et STIC II

Enoncée du Projet 3

Ce projet vous permet:

• d'apprendre quelques notions de JavaScript
• de vous familiariser avec l'utilisation d'une bibliothèque d'animation en JavaScript
• d'apprendre quelques concepts d'animation

Ce projet est similaire au projet 2. La technologie est différente.

Tâche

Imaginez un design pédagogique qui nécessite une animation ....

• Créez une page HTML5 qui contient au moins un graphisme animé
• Ajoutez un élément interactif, par exemple un bouton start/stop ou encore des paramètres d'animation.
• Le tout doit servir à un objectif (pas juste votre objectif d'apprentissage !!)

Outil

• GSAP

Contraintes

• Contenu de la page selon vos envies (mais en rapport avec une thématique MALTT)
• La page doit soit contenir un élément animé et au moins un élément interactif (par exemple un bouton)
• La page doit être bien formée et valide.
• Vous pouvez utiliser du clipart (SVG ou autre) fait par d'autres, mais à condition d'indiquer la source dans votre page HTML et dans le rapport.

Le rapport:

• Titre, auteur et date
• Liens vers le résultat (fichier HTML) et indiquez avec quelle configuration on peut voir votre contenu.
• Objectifs de la page: Elle sert à quoi / quelle population ? (Evitez de parler de vos objectifs d'apprentissage....)
• Discussion du design
• La production: bref résumé de la démarche
• Difficultés, auto-évaluation, remarques
• Ressources utilisées, bibliographie.

Emplacement du rapport avec les liens vers le dispositif html/svg:

/etu-maltt/utopia/<login>/stic-1/ex3/

Liens

• Tutoriel JavaScript de base