« STIC:STIC II - exercice 17 (Stella) » : différence entre les versions

De EduTech Wiki
Aller à la navigation Aller à la recherche
Ligne 14 : Ligne 14 :
  /etu-maltt/nestor/<login>/stic-2/ex17/
  /etu-maltt/nestor/<login>/stic-2/ex17/


=== Outils ===
=== Outils et dépositoires ===


* Un éditeur HTML/JavaScript
* Un éditeur HTML/JavaScript
* Sites Internet avec des librairies
* Librairies JavaScript (HTML5 players), en course on utilise [http://leanbackplayer.com/ LeanBack Player]
* Video download
** [https://vimeo.com/ Vimeo] Best quality video repository. For download, you will have to register.
** http://video.google.com/videoadvancedsearch (Google video search)
** [https://addons.mozilla.org/en-US/firefox/addon/3006 Video downloadhelper], Firefox extension. Allows to download from sites like YouTube.
* [[Sound Assets]]
* Video and audio converters
** [http://www.online-convert.com/ Online-convert.com] Online converter service for various file formats.
** [http://www.mediaconverter.org/ MediaConverter.org] Online converter. Also can download from websites.
** [http://www.onlinevideoconverter.com/ OnlineVideoConverter.com]. Online converter. Heavy adds.
** Install [http://firefogg.org/ FireOgg], a Firefox plugin for creating ogg and webm video files


=== Contraintes ===
=== Contraintes ===

Version du 9 mai 2012 à 14:16

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

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 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 plus une librairie JavaScript
  4. 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

  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

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=23806 »