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-mide de la semaine présentielle.

Credits

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"
• Handout: Flash colors tutorial
  • Types de couleurs
  • Color Gradient Transform Tool

• Resource: Clipart and texture

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

Exercices période 1

Exercice 1

(1) Faites une animation qui comprend au moins:

1. un guided motion tween
2. un motion tween avec transformation
3. une frame-by-frame animation

(2) Documentez dans Modify->Document en utilisant le schéma suivant à copiez coller.

=== Auteur et date ===

=== Objectifs ===
 
=== Credits ===

(3) Vous pouvez utiliser du "artwork" externe (mais pas plus que 50%)

(4) A mettre en ligne avec un petite page d'accueil/rapport

/etu-maltt/nestor/stic-3/ex2

Cette page d'accueil doit inclure:

• Auteur et date
• Objectifs (même que ci-dessus)
• Pas de production, mais un petit (!) résumé
• Difficultés
• Auto-évaluation
• Références
• Un lien vers le dispositif Flash si le Flash n'est pas inclu dans cette page.

Exercice 2

(1) Faites une animation qui comprend au moins:

1. un motion tween
2. un objet "movie" qui inclut un shape tween
3. un object "movie" qui est faite avec une frame-by-frame animation

(2) Documentez comme pour l'exercice 1

(3) Vous pouvez utiliser du "artwork" externe (mais pas plus que 50%)

(4) A mettre en ligne avec un petite page d'accueil/rapport

/etu-maltt/nestor/stic-3/ex2

Evaluation

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

1. But - est-ce l'animation correspond à vos objectis: -/0/+
2. Artwork - qualité ésthétique --/0/+/++
3. Complexité: -/0/+/++
4. Respet 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

Boutons

Quelques composantes

Media externes (sons, videos)

Simple ActionScript

• Interactivité de base (boutons, simples composants)
• Son et video
• Organisation, exportation, etc.

Plan période 3

• ActionScript 3

Ressources

• Flash (c.f. cette pour des liens)
• Flash CS3 keyboard shortcuts
• Flash formats and objects overview
• Flash ActionScript 3 overview