STIC:STIC III: Difference between revisions

The educational technology and digital learning wiki
Jump to navigation Jump to search
Line 1: Line 1:
== 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).
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 ==
=== Le desktop ===
* Handout: [[Flash CS3 desktop tutorial]]
* Handout: [[Flash CS3 keyboard shortcuts]]
=== Le dessin ===
* Handout: [[Flash drawing tutorial]]
* Handout: [[Flash layers tutorial]]
* Handout: [[Flash object transform tutorial]]
* Handout: [[Flash arranging objects tutorial]]
* Handout: [[Flash colors tutorial]]
* Resource: [[Clipart]] and [[texture]]
=== 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 ===
==== 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 les critères d'évaluation pour les 2 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 ==
* Interactivité de base (boutons, simples composants)
* Son et video
== 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: Flash]]

Revision as of 12:34, 24 September 2007

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

Le desktop

Le dessin

Animation

Frame-by-frame animation
Motion animation
Shape tweening
Résumé

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

  • Interactivité de base (boutons, simples composants)
  • Son et video

Plan période 3

  • ActionScript 3

Ressources