« STIC:STIC I - exercice 6 (Wall-e) » : différence entre les versions
Aller à la navigation
Aller à la recherche
(Page créée avec « {{stic12}} <categorytree mode="pages" depth="0" style="float:right; clear:right; margin-left:3px; border:1px solid gray; padding:0.7ex; background-color:#f9f9f9;">STIC</ca... ») |
Aucun résumé des modifications |
||
Ligne 4 : | Ligne 4 : | ||
== Introduction == | == Introduction == | ||
À définir | Cet exercice introduit le concept d'animation principalement d'un point de vue technique : quels sont les mécanismes qui permettent d'animer des éléments dans une page web. | ||
=== Connaissances/compétences envisagées === | |||
À l'issue de cet exercice vous devez avoir acquis les connaissances/compétences suivantes : | |||
* Savoir définir une animation d'un point de vue technique | |||
** Comprendre le mécanisme de rendering/redrawing d'un navigateur web | |||
** Connaître le principe de frame rate et sa conséquence sur (a) la perception des utilisateur; (b) les ressources hardware du navigateur | |||
* Savoir identifier et choisir parmi trois grands types d'animation pour le web (UI Animation, Draw Animation, 3D Animation) | |||
* Réflechir sur les enjeux pédagogiques des animations | |||
* Évaluer différentes bibliothèques JavaScript par rapport à leurs finalités et choisir en fonction des objectifs du dispositif | |||
=== Prérequis === | |||
Lectures conseillées : | |||
* [[Animation avec JavaScript]] chapitres 2 (sans code) | |||
Prérequis techniques : | |||
* Connaissances de base de HTML/CSS/JavaScript | |||
* Savoir incorporer des fichiers externes JS/CSS en respectant les chemins ! |
Version du 8 novembre 2016 à 14:13
Introduction
Cet exercice introduit le concept d'animation principalement d'un point de vue technique : quels sont les mécanismes qui permettent d'animer des éléments dans une page web.
Connaissances/compétences envisagées
À l'issue de cet exercice vous devez avoir acquis les connaissances/compétences suivantes :
- Savoir définir une animation d'un point de vue technique
- Comprendre le mécanisme de rendering/redrawing d'un navigateur web
- Connaître le principe de frame rate et sa conséquence sur (a) la perception des utilisateur; (b) les ressources hardware du navigateur
- Savoir identifier et choisir parmi trois grands types d'animation pour le web (UI Animation, Draw Animation, 3D Animation)
- Réflechir sur les enjeux pédagogiques des animations
- Évaluer différentes bibliothèques JavaScript par rapport à leurs finalités et choisir en fonction des objectifs du dispositif
Prérequis
Lectures conseillées :
- Animation avec JavaScript chapitres 2 (sans code)
Prérequis techniques :
- Connaissances de base de HTML/CSS/JavaScript
- Savoir incorporer des fichiers externes JS/CSS en respectant les chemins !