STIC:STIC IV (2010)

De EduTech Wiki
Aller à la navigation Aller à la recherche

Le programme du cours sera prêt lors de la première séance, le mardi matrin, 23 février 2010. En attendant, voir aussi Atelier WebMaster 2009: Animation et interaction avec Flash

- Daniel K. Schneider 4 janvier 2010 à 15:41 (CET).

STIC IV - Pixel/Oda

Le domaine STIC (Sciences et Technologies de l'information et de la communication) comprend deux cours obligatoires (STIC-1 et STIC-2) documentés ici et deux UF libres: STIC III et STIC IV. Les deux cours obligatoires traitent des bases techniques des systèmes d'information et de communication médiatisés par ordinateur. Elles permettent d'abord de concevoir des documents pour réaliser un système d'information partagé (XHTML, XML, XSLT, SVG), de s'initier aux applications interactives sur Internet (PhP, JavaScript) et de se familiariser avec les logiciels et les environnements qui supportent une interaction personne-personne à travers un réseau de communication (portails, groupewares et mondes virtuels). STIC III et STIC IV seront offerts en alternance chaque année et peuvent changer de thème chaque année.

Thème STIC IV semestre de printemps 2010: Flash et la programmation Actionscript 3. Ce cours n'a pas de prérequis et il est ouvert à tous les étudiant(e)s MALTT

Prérequis
Connaissances passive de l'Anglais (une partie du matériel d'enseignement est en Anglais).
Sinon, aucun
Lieu et Dates
Semestre de printemps 2010
TECFA, tous les Mardis matin 9h-12:30h. En plus (à confirmer lors de la première séance) les jeudis de la semaine présentielle pour la la deuxième année (Oda).
Ce cours peut également être pris à distance (donc sans assister aux séances présentielles).
Crédits
6
Le volume de travail correspond à peu près au cours STIC-I et STIC-II
Forum
Utilisez les pages discussion attachés à chaque exercice. Réglez "liste de suivi" dans les Préférences (en haut de l'écran): Cochez "ajouter les pages que je crée / que je modifie".
Si vous voyez une erreur ou un autre problème dans une page des Tutoriels Flash, vous pouvez soit réparer, soit faire une remarque dans leurs pages de discussion.
Evaluation
Sur travaux (2x3 mini-projets plus un projet)
Les mini-projects sont à rendre dimanche soir avant la période suivante, le projet une semaine avant la date où on doit rendre les notes (calendrier FPSE).
Logiciels
Adobe Flash CS4 Professional, soit vous travaillez sur une machine de TECFA, soit il faut l'acheter.
Adobe Flex (on a une version gratuite) et/ou Flex SDK plus un text editor avec support ActionScript.
Matériel de cours

Plan période 1

Objectifs
Maîtriser le dessin avec Flash CS4 (modes de dessin, transformations, couleurs)
Faire des animations avec CS4
Comprendre l'architecture des boutons (et savoir en créer)
Comprendre la logique du event-driven programming (event handlers +ActionScript simple)
Utilisation du composant vidéo

L'univers Flash et le desktop

Le dessin

Animation

Introduction
Frame-by-frame animation
Motion animation - Interpolation de movement
Motion animation (classic)
Morphing / Shape tweening - Interpolation de forme

Le composant vidéo (I)

  • Encodage flv et rognage
  • Utilisation de vidéos flv avec la composante FLVPlayBack
  • Videos dans la timeline (pas trop conseillés)


Résumé

Son

Les boutons

Exercices période 1

A rendre: Dimanche soir avant période 2 (un retard entraîne un pénalité de 1 point)

Voici en gros les critères d'évaluation pour les exercices.

  1. But - est-ce l'animation correspond à vos objectis: -/0/+
  2. Artwork - qualité esthétique --/0/+/++
  3. Complexité: -/0/+/++
  4. Respect des contraintes: --/-/0/+
  5. Documentation - Qualité de la documentation: --/0/+
  6. Documentation dans Flash - layer et symbol names par exemple: -/0
  7. Erreurs - Présence/absence d'erreurs (notamment je veux voir aucun tween objet dans votre library !!: --/-/0
  8. Cohérence globale: +


Plan période 2

Objectifs
Savoir travailler avec qqs. composantes (butons, vidéo, etc.)
Animations embarqués again (movie clips)
ActionScript dans CS3/CS4 (suite)
Cinématique inversé
Animation 3D
Introduction à ActionScript/Flex

Le desktop (suite)

Les composants

  • Survol des composantes
  • Utilisation des boutons
  • Faire un "site web" avec Flash (encore ...)
  • Remplir un data drid.

Animation avancée

Le composant vidéo (II)

  • Captions et timed text
  • Insertion et utilisation de cue points

Interactivité

  • Gérer les clips
  • Objets drag & drop
  • Jeux drag & drop
  • Un peu de AS en plus
  • Gérer les animations imbriquées (video clips)
Objets interactifs et movie clips imbriqués
  • Previews:
actionscript3-simple-object-manipulation.html
final-exam-coap2110-solution-2007.html
Drag and drop
Résumé event handling

Exercices période 2

A discuter .....

A rendre: Dimanche soir avant période 3 (un retard entraîne un pénalité de 1 point)

Plan période 3

(programme à refaire)

Objectifs

  • Apprendre un peu plus d'ActionScript
  • Apprendre à naviguer dans le manuel de Adobe
  • Utiliser une classe "pro"
  • Flash CS4 (Inverse kinematics)

Utilisation de libraries ActionScript

Flex

Intros
Exemple

ActionScript - le langage

Dans ce wiki, on a surtout des "novice" tutoriels, donc voir Flash and AS3 links - tutorials.

Manuel

Surtout:

Previews

Exercices période 3

  • Un projet (compte pour 3 exercices)
  • Ce projet doit contenir un minimum d'action script et correspondre à un objectif que vous définissez
  • Accompagné d'un petit rapport qui explicite les objectifs et qui contient une auto-évaluation à mettre à l'endroit habituel plus un lien depuis votre home page wiki.

Evaluation:

  • Qualité "professionnelle", c'est à dire appropriée par rapport à l'objectif.
  • A rendre: Une semaine avant la data où on doit rendre les notes (calendrier de la FPSE).

Participants

Insérez votre home page wiki ci-dessus (avec ~~~) et remplissez votre home page wiki + la page travail (pour les étudiants réguliers STIC)!. Indiquez si vous êtes juste auditeur et faites des liens depuis votre wiki home page sur les exercices que vous avez terminé.

Cours 2009/2010

Cours 2008/2009

Cours 2007/2008

Liens

En français
En Anglais

Si vous voulez acheter un livre, on conseille:

Pour CS4
  • LESAS, Sylvie. Adobe Flash CS4 Profesional. Paris : Micro Application, 2009
  • MATHIEU, Gil. Flash CS4 : 88 recettes pour maîtriser Flash. Paris : Pearson education, 2009

Ces deux ouvrages sont disponibles dans le réseau des bibliothèques genevoises

Pour CS3
  • Veer, E.A. Vander and Chris Grover (2007). Flash CS3: The Missing Manual. ISBN 0596510446 - 527 pages. - O'Reilly page - Missing CD-ROM page.
  • Moock, Colin, Essential ActionScript 3.0. ISBN 0-596-52694-6. (Pour gens qui aimeraient apprendre à programmer)

Faites attentions: On travaillera avec Flash 10 (CS4). Flash MX ou 8 n'est pas très différent en ce qui concerne le dessin et l'animation, mais ActionScript a complètement changé. Flash 9 (CS3) est compatible, mais contient moins de fonctionalités.