STIC:STIC III: Difference between revisions

The educational technology and digital learning wiki
Jump to navigation Jump to search
m (Replaced content with '== STIC III - Nestor == '''Attention''': La page cours de STIC III est maintenant dans EduTechWiki français. (mais vous pouvez consulter l'historique…')
 
(42 intermediate revisions by 8 users not shown)
Line 1: Line 1:
== STIC III - Nestor ==
== STIC III - Nestor ==


Le domaine STIC (Sciences et Technologies de l'information et de la communication) comprend deux cours obligatoires ([[:fr:STIC:STIC I|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).
'''Attention''': La page cours de [[:fr:STIC:STIC III|STIC III]] est maintenant dans EduTechWiki français.


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.
(mais vous pouvez consulter l'historique de cette page ....)
 
; 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"
** 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: [http://tecfa.unige.ch/guides/flash/ex/frame-by-frame-intro/flash-cs3-shaking-hello.swf Shakin hello],
* Handout: [[Flash frame-by-frame animation tutorial]]
 
; Motion animation
* Previews: [http://tecfa.unige.ch/guides/flash/ex/motion-tweening-intro/flash-cs3-motion-tweening.swf Moving cat], [http://tecfa.unige.ch/guides/flash/ex/motion-tweening-intro/flash-cs3-motion-shape-tweening.swf Moving, changing cat], [http://tecfa.unige.ch/guides/flash/ex/motion-tweening-intro/flash-cs3-motion-guide-tweening2.swf Flying Rocket]
* Handout: [[Flash motion tweening tutorial]]
* Summary: [[Flash animation summary]]
 
; Shape tweening
* Previews: [http://tecfa.unige.ch/guides/flash/ex/shape-tweening-intro/flash-cs3-shape-tweening-intro.swf Simple shape morph], [http://tecfa.unige.ch/guides/flash/ex/shape-tweening-intro/flash-cs3-shape-tweening-tear.swf Simple shape and motion morph], [http://tecfa.unige.ch/guides/flash/ex/shape-tweening-intro/flash-cs3-shape-picture-morphing.swf traced bitmaps morph], [http://tecfa.unige.ch/guides/flash/ex/shape-tweening-intro/flash-cs3-shape-tweening-in-motion.html Shape tweening in motion]
* Handout: [[Flash shape tweening tutorial]]
 
; Résumé
* Summary: [[Flash animation summary]]
 
=== Exercices période 1 ===
 
* [[STIC:STIC_III|STIC III - Exercice 1]]
* [[STIC:STIC_III|STIC III - Exercice 3]]
 
==== Exercice 1 ====
 
(1) Faites une animation qui comprend '''au moins''':
# un guided motion tween
# un motion tween avec transformation
# une frame-by-frame animation
 
(2) Documentez dans ''Modify->Document'' en utilisant le schéma suivant à copiez coller.
<pre>
<nowiki>
=== Auteur et date ===
 
=== Objectifs ===
=== Credits ===
</nowiki>
</pre>
 
(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''':
# un motion tween
# un objet "movie" qui inclut un shape tween
# 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 en gros les critères d'évaluation pour les exercices.
 
# But - est-ce l'animation correspond à vos objectis: -/0/+
# Artwork - qualité ésthétique --/0/+/++
# Complexité:  -/0/+/++
# Respet 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
: 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]]


[[Category: Courses and workshops]]
[[Category: Courses and workshops]]
[[Category: Flash]]
[[Category: Flash]]

Latest revision as of 17:20, 19 February 2010

STIC III - Nestor

Attention: La page cours de STIC III est maintenant dans EduTechWiki français.

(mais vous pouvez consulter l'historique de cette page ....)