« STIC:STIC I - exercice 5 (Stella) » : différence entre les versions

De EduTech Wiki
Aller à la navigation Aller à la recherche
mAucun résumé des modifications
 
(16 versions intermédiaires par le même utilisateur non affichées)
Ligne 1 : Ligne 1 :
{{en construction}}
{{stic_archive}}
{{stic12}}
 
<categorytree mode="pages" depth="0" style="float:right; clear:right; margin-left:3px; border:1px solid gray; padding:0.7ex; background-color:#f9f9f9;">STIC</categorytree>
<categorytree mode="pages" depth="0" style="float:right; clear:right; margin-left:3px; border:1px solid gray; padding:0.7ex; background-color:#f9f9f9;">STIC</categorytree>
<categorytree mode="pages" depth="0" style="float:right; clear:right; margin-left:3px; border:1px solid gray; padding:0.7ex; background-color:#f9f9f9;">Tutoriels Flash</categorytree>
<categorytree mode="pages" depth="0" style="float:right; clear:right; margin-left:3px; border:1px solid gray; padding:0.7ex; background-color:#f9f9f9;">Tutoriels Flash</categorytree>
Ligne 16 : Ligne 16 :
== Programme ==
== Programme ==


; Exemples
; Démos
* http://tecfa.unige.ch/guides/flash/ex5/component-video-intro/
* [http://tecfa.unige.ch/guides/flash/ex5/component-video-intro/flash-cs5-video-cue-events.html flash-cs5-video-cue-events.html] (délencher des animations avec des cue points)
* [http://tecfa.unige.ch/guides/flash/ex5/component-video-intro/flash-cs5-video-goto-cues.html flash-cs5-video-goto-cues.html] (naviguer vers des cue points)
* [http://tecfa.unige.ch/guides/flash/ex5/component-video-intro/flash-cs5-video-simple-server-caption.html flash-cs5-video-simple-server-caption.html] et [http://tecfa.unige.ch/guides/flash/ex5/component-video-intro/flash-cs5-video-simple-server-caption2.html flash-cs5-video-simple-server-caption2.html] (sous-titres avec TimedText)


; Activités en classe
; Activités en classe
* Créer des sous-titres en copiant du code de [[Flash_CS5_-_Vidéos_augmentées#Utilisation_de_sous-titres_.28captions.29|Utilisation de sous-titres (captions)]]
* http://tecfa.unige.ch/guides/flash/ex5/component-video-intro/ (répertoire)
* Les captions (sous-titres)
** [http://tecfa.unige.ch/guides/flash/ex5/component-video-intro/flash-cs5-video-simple-server-caption.html flash-cs5-video-simple-server-caption.html] (exemple, mais essayez d'utiliser votre vidéo)
** Créer des sous-titres en copiant du code de ce wiki:  [[Flash_CS5_-_Vidéos_augmentées#Utilisation_de_sous-titres_.28captions.29|Utilisation de sous-titres (captions)]]
** Exemple fla: [http://tecfa.unige.ch/guides/flash/ex5/component-video-intro/flash-cs5-video-simple-server-caption.fla flash-cs5-video-simple-server-caption.fla]
** Exemple TimeText: [http://tecfa.unige.ch/guides/flash/ex5/component-video-intro/timed-text.xml timed-text.xml]
* Déclencher des actions avec des cue points à partir du fichier [http://tecfa.unige.ch/guides/flash/ex5/component-video-intro/flash-cs5-video-cue-events-exercise.fla flash-cs5-video-cue-events.fla]
* Déclencher des actions avec des cue points à partir du fichier [http://tecfa.unige.ch/guides/flash/ex5/component-video-intro/flash-cs5-video-cue-events-exercise.fla flash-cs5-video-cue-events.fla]
: Exemple ajout de cue points avec AS3: ''video_component.addASCuePoint (10.5, "wonder");''


; Tutoriels EduTechWiki
; Tutoriels EduTechWiki
Ligne 29 : Ligne 37 :
=== Tâche ===
=== Tâche ===


Créez une vidéo interactive
(1) Créez une vidéo interactive
* Il faut au moins déclencher 3 actions à partir d'un cue point
* Il faut déclencher des "actions" (par exemple une animation") à partir de trois cue point au moins
* Option: Naviguer vers les cue-points
* Option (en plus): Implémenter une navigation vers des cue-points.
* Option: Ajouter des sous-titrages
* Option (en plus): Ajouter des sous-titrages avec timed-text ou des cue-points.


'''Deadline''': Dimanche minuit avant la 3ème semaine présentielle.
'''Deadline''': Dimanche minuit avant la 3ème semaine présentielle.


Faites une application Flash. Elle doit comprendre au moins:
* Le sujet de l'animation doit être en rapport avec une thématique "MALTT"
 
Le sujet de l'animation doit être en rapport avec une thématique "MALTT"


(2) Documentez '''brièvement''' votre code dans ''File-> File Info'' (CS5) ou ) en y insérant les informations suivantes:
(2) Documentez '''brièvement''' votre code dans ''File-> File Info'' (CS5) ou ) en y insérant les informations suivantes:
Ligne 45 : Ligne 51 :
* Objectifs (soyez très courts)
* Objectifs (soyez très courts)
* Crédits (si nécessaire, par exemple pour images et clip art réutilisé)
* Crédits (si nécessaire, par exemple pour images et clip art réutilisé)
Si vous avez une ancienne version de Flash, essayez ''Modify->Document'', puis insérez:
<pre>
<nowiki>
=== Auteur et date ===
=== Objectifs ===
=== Crédits ===
</nowiki>
</pre>


=== Ressources externes ===
=== Ressources externes ===


* Vous pouvez utiliser du "artwork" externe (mais pas plus que 66 %)
* Vous pouvez utiliser du "clip art" externe autant que vous voulez
* Vous devez citer les sources !
* Vous pouvez utiliser une vidéo faites par qqn. d'autre
* La moitié des animations (clips) doit être fait par vous-même
* Vous devez citer les sources et respecter les copyrights !


=== A rendre ===
=== A rendre ===

Dernière version du 12 décembre 2013 à 20:13

Cette page fait partie des archives des cours Cours STIC (STIC I, STIC II,STIC III,STIC IV)

Objectifs

Apprendre à créer des vidéos augmentés

  • Cue Points (comment définir des points de repère)
  • Utiliser les cue points pour naviguer
  • Déclencher des animations avec des cue points
  • Légendes avec TimedText
  • Vidéos copiés dans la timeline

Programme

Démos
Activités en classe
Exemple ajout de cue points avec AS3: video_component.addASCuePoint (10.5, "wonder");
Tutoriels EduTechWiki

Tâche

(1) Créez une vidéo interactive

  • Il faut déclencher des "actions" (par exemple une animation") à partir de trois cue point au moins
  • Option (en plus): Implémenter une navigation vers des cue-points.
  • Option (en plus): Ajouter des sous-titrages avec timed-text ou des cue-points.

Deadline: Dimanche minuit avant la 3ème semaine présentielle.

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

(2) Documentez brièvement votre code dans File-> File Info (CS5) ou ) en y insérant les informations suivantes:

  • Auteur
  • Date
  • Objectifs (soyez très courts)
  • Crédits (si nécessaire, par exemple pour images et clip art réutilisé)

Ressources externes

  • Vous pouvez utiliser du "clip art" externe autant que vous voulez
  • Vous pouvez utiliser une vidéo faites par qqn. d'autre
  • La moitié des animations (clips) doit être fait par vous-même
  • Vous devez citer les sources et respecter les copyrights !

A rendre

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

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

Cette page de rapport doit inclure:

  • Auteur et date
  • Objectifs, ce que le dispositif est censé faire.
  • Pas de longue explication de la production, mais un petit (!) résumé des étapes.
  • Difficultés
  • Auto-évaluation
  • Références
  • Un lien vers le dispositif Flash
  • Un lien vers vos contributions wiki ou alternativement un résumé en une phrase plus un lien vers votre home page wiki. Il faut que l'on sache ce qu'il faut compter pour chaque exercice sans jouer aux détectives.

N'oubliez pas la contribution wiki obligatoire

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: --/-/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.