STIC:STIC I - exercice 3 (Stella)

Cette page fait partie des cours STIC I et STIC II

Objectifs

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

Utilisation du composant bouton

Savoir créer un "site Flash" (plusieurs images reliés par des boutons)

Programme

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)

• Previews:
  • flash-cs3-video-simple-server.html

• Handout: Flash CS4 - Composants videos (fr) (Flash video component tutorial (en)

Son

• Flash sound tutorial

Les boutons

• Previews
  • flash-cs3-image-map.html (image maps)
  • flash-cs3-rocket-launcher-as3.html
  • flash-cs3-simple-menu-site.html
  • flash-cs3-simple-slide-show-as3.html
• Handout: Flash CS4 - Boutons - (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
• Flash CS4 - Symboles et clips (pour la définition de "symbol" et "clip").

Les composants

(petite sensibilisation)

• Handout: flash-cs4-components-overview.swf

Le composant bouton

• Previews
  • flash-cs4-simple-slide-show-menu.swf
  • flash-cs4-simple-slide-show-menu-fewcode.swf
• Handout: Flash CS4 - Composant bouton

Les fragments de code

• Handout: Flash CS5 - Editeur ActionScript et fragments de code

Exercice à rendre

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

Tâche

Faites une application Flash de type "site" avec menu. Elle doit comprendre au moins:

• Plusieurs "pages" naviguables
• Un menu (au moins sur le premier image) et des boutons de navigation
• une video (simple ou augmentée d'une ou d'une autre façon)
• une animation (soit dans la timeline principale, soit dans un clip). Vous pouvez reprendre l'animation de l'exercice 2.
• un son qq. part dans le dispositif

Le sujet de l'animation doit être en rapport avec une thématique "MALTT"

(2) Documentez brièvement dans Modify->Document en utilisant le schéma suivant à copier/coller.

=== Auteur et date ===

=== Objectifs ===
 
=== Crédits ===

Ressources externes

• Vous pouvez utiliser du "artwork" externe (mais pas plus que 50%)
• Vous devez citer les sources !

A rendre

Le dispositif (code source et swf) est à mettre en ligne avec un petit rapport qui se trouvera ici:

/etu-maltt/______/____/stic-1/ex3
/etu-maltt/______/____/stic-1/ex3 

Cette page de rapport doit inclure:

• Auteur et date
• Objectifs
• Pas de longue explication de la production, mais un petit (!) résumé
• Difficultés
• Auto-évaluation
• Références
• Un lien vers le dispositif Flash
• Un lien vers une contribution wiki

N'oubliez pas une contribution wiki !

Evaluation

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

(1) Dispositif

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

(2) Contribution Wiki

1. Utilité/quantité et qualité

(3) Rapport

1. Présence des éléments requis
2. Réflextions et contributions conceptuelles

Aide

Utilisez la page discussion de cette page pour poser des questions.

Pour insérer un nouveau titre, utilisez simplement le "+".

Important: Si vous cliquez sur l'étoile ("Ajouter cette page à votre liste de suivi"), le wiki vous enverra un mail après chaque modification de la page.