STIC:STIC III
STIC III - Nestor
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 une UF libre: STIC III. 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 peut changer de thème chaque année. En 2007/2008 il porte sur Flash et il est aussi ouvert aux étudiant(e)s de la première année MALTT.
- Prérequis
- Connaissances passive de l'Anglais (le matériel d'enseignement est en Anglais).
- Sinon, aucun
- Lieu et Dates
- Semestre d'automne 2007
- TECFA, tous les mardi après-midi de la semaine présentielle.
- Crédits
- 6
- Evaluation
- Sur travaux (mini-projets)
- Logiciels
- Flash CS3 - soit vous travaillez sur une machine de TECFA, soit il faut l'acheter.
Plan période 1
- Objectifs
- Maîtriser le dessin avec Flash CS3 (modes de dessin, transformations, couleurs)
- Faire des animations avec CS3
Le desktop
- Handout: Flash CS3 desktop tutorial
- Handout: Flash CS3 keyboard shortcuts
Le dessin
- Handout: Flash drawing tutorial
- Modes de dessin (object vs. merge)
- Palette des outils de dessin
- Couleurs et textures
- Handout: Flash layers tutorial
- Savoir s'organiser: layers, layer folders, la librairie, les scènes
- Handout: Flash object transform tutorial
- Select tool
- Free Transform Tool (y compris ses différents modes)
- Handout: Flash arranging objects tutorial
- Différence entre shapes, simple graphics, composite graphics, symbols, etc.
- Transformations vers différents types de "display elements"
- Alignement et snapping
- Handout: Flash colors tutorial
- Types de couleurs
- Color Gradient Transform Tool
- Resource: Clipart and texture
- Importation de graphismes vectoriels
Animation
- Frame-by-frame animation
- Previews: Shakin hello,
- Handout: Flash frame-by-frame animation tutorial
- Motion animation
- Previews: Moving cat, Moving, changing cat, Flying Rocket
- Handout: Flash motion tweening tutorial
- Summary: Flash animation summary
- Shape tweening
- Previews: Simple shape morph, Simple shape and motion morph, traced bitmaps morph, Shape tweening in motion
- Handout: Flash shape tweening tutorial
- Résumé
- Summary: Flash animation summary
Son
Exercices période 1
Voici en gros les critères d'évaluation pour les exercices.
- But - est-ce l'animation correspond à vos objectis: -/0/+
- Artwork - qualité esthétique --/0/+/++
- Complexité: -/0/+/++
- Respect des contraintes: --/-/0/+
- Documentation - Qualité de la documentation: --/0/+
- Documentation dans Flash - layer et symbol names par exemple: -/0
- Erreurs - Présence/absence d'erreurs (notamment je veux voir aucun tween objet dans votre library !!: --/-/0
- Cohérence globale: +
Plan période 2
- Objectifs
- Comprendre l'architecture des boutons (et savoir en créer)
- Savoir travailler avec qqs. composantes (butons et vidéo)
- Comprendre la logique du event-driven programming (event handlers + ActionScript simple)
- Animations embarqués (movie clips)
Le desktop (suite)
- Handout: Flash - being organized
Les boutons
- Previews
- Handout: Flash button tutorial
- Boutons de la librarie
- Faire soi-même des boutons (y compris à partir de bitmaps)
- Définir un event-handler simple et enregistrer avec le bouton
Les composants
- Preview: flash-cs3-simple-slide-show-menu.html
- Handout: Flash components tutorial (surtout le chapitre d'intro)
- Utilisation des boutons
- Faire un "site web" avec Flash
La composante video
- Encodage flv et rognage
- Captions
- Utilisation de vidéos flv avec la composante FLVPlayBack
- Videos dans la timeline (pas trop conseillés)
- Insertion et utilisation de cue points
- Previews:
- Handout: Flash video component tutorial
Interactivité
- Jeux drag & drop
- Objets drag & drop
- Un peu de AS en plus
- Gérer les animations imbriquées (video clips)
- Objets interactifs et movie clips imbriqués
- Drag and drop
- Preview: flash-cs3-drag-and-drop-matching-3.html
- Handout: Flash drag and drop tutorial
- Résumé event handling
- Handout: ActionScript 3 event handling tutorial (complément)
- Handout: Flash games tutorial (complément, voir l'exemple)
Exercices période 2
Plan période 3
- ActionScript 3 et Flex (à voir ...)
Participants
Insérez votre home page wiki avec ~~~ et remplissez la home page !. Indiquez si vous êtes juste auditeur et faites des liens depuis votre wiki home page sur les exercices que vous avez fini.
- Cyril Rebetez (auditeur)
- Louiselle Morand (volée Nestor)
- Rolf Wipfli (volée Maya)
- David Coll (Nestor)
- Baptiste Ossipow (volée Maya)
- Yves Dethurens (volée Nestor)
Ressources
- Flash (c.f. cette pour des liens)
- Flash CS3 keyboard shortcuts
- Flash formats and objects overview
- Flash ActionScript 3 overview
Si vous voulez acheter un livre, on conseille:
- 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 9 (CS3). 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é.