« STIC:STIC I - exercice 3 (Utopia) » : différence entre les versions
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}} | ||
== 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
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/