« STIC:STIC II - exercice 17 (Stella) » : différence entre les versions
Aller à la navigation
Aller à la recherche
mAucun résumé des modifications |
|||
| Ligne 53 : | Ligne 53 : | ||
Modification de fichiers dans: | Modification de fichiers dans: | ||
* http://tecfa.unige.ch/guides/html/html5-video/ | * http://tecfa.unige.ch/guides/html/html5-video/ | ||
Notamment: | |||
* [http://tecfa.unige.ch/guides/html/html5-video/html5-video-simple.html html5-video-simple.html] | |||
* [http://tecfa.unige.ch/guides/html/html5-video/html5-video-track-leanbackplayer.html html5-video-track-leanbackplayer.html] (possible départ pour le projet 17) | |||
* [http://tecfa.unige.ch/guides/html/html5-video/html5-video-with_style.html html5-video-with_style.html] | |||
* [http://tecfa.unige.ch/guides/html/html5-video/html5-video-track.html html5-video-track.html] (ne marche qu'avec Chrome) | |||
* [http://tecfa.unige.ch/guides/html/html5-video/subtitles_en.vtt subtitles_en.vtt] (exemple VTT) | |||
== Liens == | == Liens == | ||
Version du 9 mai 2012 à 14:12
Enoncé 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 soutitrée et une audio
- Emplacement du rapport
/etu-maltt/nestor/<login>/stic-2/ex17/
Outils
- Un éditeur HTML/JavaScript
- Sites Internet avec des librairies
Contraintes
- Le choix du thème n'a pas beaucoup d'importance, enfin il faut un sujet pédagogique cohérent.
- L'utilisation doit être ergonomique
- Dispositif: HTML5 plus une librairie JavaScript
- La page doit servir à quelque chose d'utile et la video doit y jouer un rôle important. Exemples:
- A faire ....
Le rapport:
- Titre, auteur et date
- Liens vers le résulat (fichier HTML)
- Objectifs du module: Il sert à quoi / quelle population ?
- La production: bref résumé de la démarche
- Evaluation de la librarie (HTML5 Player) et de sa documentation
- Une évaluation de l'ergonomie du dispositif
- Difficultés, remarques
- Ressources utilisées, bibliographie.
Evaluation
- le dispositif marche
- validité de HTML5
- créativité
- utilité
- ergonomie de la page
- respect de principes de design
- qualité de l'évaluation
Activités en classe
Modification de fichiers dans:
Notamment:
- html5-video-simple.html
- html5-video-track-leanbackplayer.html (possible départ pour le projet 17)
- html5-video-with_style.html
- html5-video-track.html (ne marche qu'avec Chrome)
- subtitles_en.vtt (exemple VTT)
Liens
- Matériel d'enseignement