STIC:STIC II - exercice 17 (Stella)

De EduTech Wiki
Aller à la navigation Aller à la recherche

Cette page fait partie des cours STIC I et STIC II

STIC
Archives STIC
Chantier STIC
Initiation à la pensée computationnelle avec JavaScript
Productions STIC
Ressources STIC
STIC:Contribution Wiki
STIC:Rapport STIC I et II
STIC:STIC I (Edda)
STIC:STIC I - Atelier technique 2
STIC:STIC I - exercice 1 (Drakkar)
STIC:STIC I - exercice 1 (Edda)
STIC:STIC I - exercice 2 (Edda)
STIC:STIC I - exercice 3 (Edda)
STIC:STIC I - exercice 4 (Edda)
STIC:STIC I - exercice 5 (Edda)
STIC:STIC I - exercice 6 (Edda)
STIC:STIC III
STIC:STIC III (2022)
STIC:STIC III (2022)/Exploration des Problématiques Liées aux Ponts et Détails
STIC:STIC IV

Énoncé de l'exercice 17

Cet exercice du cours STIC II vous permet de vous familiariser avec HTML5 video et audio et des "HTML5 players" (librairies de code JavaScript)

Tâche

Créez une page web interactive qui contient au moins une vidéo sous-titrée et une audio.

  • Conseils:
    • Choisissez une vidéo de petite résolution
    • Mettez une vidéo avec un objectif éducatif et ajoutez des sous-titres en utilisant un player (exemple LeanBack Player).
    • Le format de la vidéo doit être du ogv ou du mp4 ou ou du webm
    • Si tel n'est pas le cas, utiliser un transcoder gratuit pour convertir la vidéo, par exemple XMedia-recode
  • Emplacement du rapport
/etu-maltt/nestor/<login>/stic-2/ex17/

Outils et dépositoires

Contraintes

  1. Le choix du thème n'a pas beaucoup d'importance, enfin il faut un sujet pédagogique cohérent.
  2. L'utilisation doit être ergonomique
  3. Dispositif: HTML5 vidéo avec sous-titres réalisés avec une librairie JavaScript
  4. La page doit servir à quelque chose d'utile et la vidéo doit y jouer un rôle important. Exemples à trouver ...

Le rapport:

  • Titre, auteur et date
  • Liens vers le résultat (fichier HTML, fichier vidéo, fichier sous-titres,)
  • Objectifs du module: Il sert à quoi / quelle population ?
  • La production: bref résumé de la démarche
  • Évaluation de la libraire (HTML5 Player) et de sa documentation
  • Une évaluation de l'ergonomie et de l'utilité du dispositif
  • Difficultés, remarques
  • Ressources utilisées, bibliographie.

Évaluation

  1. le dispositif marche
  2. validité de HTML5
  3. créativité
  4. utilité
  5. ergonomie de la page
  6. respect de principes de design
  7. qualité de l'évaluation

Activités en classe

Encodage de video MP4 en webm et ogv:

Exercice HTML5 - modification de fichiers dans:

Notamment:

Liens

Matériel d'enseignement
Récupérée de « https://edutechwiki.unige.ch/fmediawiki/index.php?title=STIC:STIC_II_-_exercice_17_(Stella)&oldid=23839 »