RAPPORT DE TRAVAIL - COURS STIC I

Antonella Segantin, 14.12.2014


Exercice 3

Les résultats

Page HTML5 avec animation Javascript / Greensock : Explication et démonstration du fonctionnement d'une partie d'un objectif photographique.

Objectif

Cette page propose une demonstration partielle de ce qui se passe dans un objectif photographique, par rapport au changement de l'ouverture du diaphragme. Les explications sont adaptées pour un public d'amateurs qui souhaite se familiariser avec la technique de la photographie.

La production

Tout d'abord j'ai repris des notions de base de javascript, étant une des premières fois que j'utilise ce code. Suite à quelques exercices, j'ai abordé le sujet de l'exercice : l'utilisation de la bibliothèque Greensock, disponible sur le site Greensock.com. Depuis le même site, j'ai suivi les tutoriels pour apprendre l'utilisation des différents types d'animation et j'ai décidé de produire un script pour présenter l'ouverture et la fermeture du diaphragme d'un objectif photo.

Difficultés, auto-évaluation, remarques

Avoir repris les bases de javascript m'a beaucoup aidé pour lire et comprendre le code, et après pour savoir le reproduire d'une façon consciente. Cependant, cet exercice n'a pas été simple et j'ai dû chercher beaucoup de références sur le web en lien avec Greensock. En fait, il m'a fallu du temps pour clarifier tous les passages du script que je voulais produire et surtout pour comprendre le lien entre les éléments css et ce qu'on peut animer. Heureusement, j'ai trouvé une solution avec le tutoriel présent sur EdutechWiki et sur des sites spécialisés sur les tweens de greensock.

Ressources utilisées, bibliographie

En plus des transparents du cours en présence, j’ai fait référence à :

Stic I - exercice 3 (Utopia) et aux tutoriels proposés dans cette page (JavaScript de base et Greensock) ;

Site web de Greensock,

Autre site web utile sur greensock et css,

Page web de Wikipedia pour la description d'un objectif photographique.



Contributions wiki

Objectif

Contribution à la correction de la mise en forme. D'autres contributions de contenu sont envisagées sur l'animation de propriétés css.

La production

A part des petites corrections d'orthographe et ponctuation, je suis en train de discuter d'éléments techniques pour contribuer avec du contenu.

Difficultés, auto-évaluation, remarques

La seule difficulté que j'ai est de ne pas avoir de compétences en matière pour pouvoir contribuer d'une façon consistente.

Ressources utilisées, bibliographie

Guidelines pour l'édition de base des wikis.