« STIC:STIC I - exercice 3 (Utopia) » : différence entre les versions

De EduTech Wiki
Aller à la navigation Aller à la recherche
(Page créée avec « {{stic12}} Probablement un animation utilisant la bibliothèque GSAP »)
 
mAucun résumé des modifications
Ligne 1 : Ligne 1 :
{{stic12}}
{{stic12}}


Probablement un animation utilisant la bibliothèque [[Tutoriel GreenSock GSAP|GSAP]]
== Enoncée du Projet 3 ==
 
Ce projet vous permet:
 
* 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é
* Le tout doit servir à un objectif (pas juste votre objectif d'apprentissage !!)
 
=== Outil ===
 
* [[Tutoriel GreenSock GSAP|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/

Version du 6 novembre 2014 à 18:57

Cette page fait partie des cours STIC I et STIC II

Enoncée du Projet 3

Ce projet vous permet:

  • 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é
  • Le tout doit servir à un objectif (pas juste votre objectif d'apprentissage !!)

Outil

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/