TP : Utilisation du son et de la vidéo dans Hot Potatoes
Transcription
TP : Utilisation du son et de la vidéo dans Hot Potatoes
Université Stendhal - Département Informatique Pédagogique - Copyright oct. 11- Jean-Philippe Pernin TP : Utilisation du son et de la vidéo dans Hot Potatoes OBJECTIFS • Prérequis : connaître la manipulation élémentaire du logiciel Hot Potatoes. La version utilisée est la version 6.3. • Adresse de téléchargement : http://hotpot.uvic.ca/index.php#downloads • Connaître les manipulations permettant d'introduire des lecteurs sons et vidéos dans les activités Hot Potatoes 1 RAPPEL L'interface d'accueil permet d'accéder aux différentes "Patates", chacune d'entre elles correspondant à un type d'exercice. Type d'exercice Activités possibles JQuiz Question à choix unique (QCM) Question ouverte (Quiz) Question à choix multiples (Multi-sélection) JCloze Exercice à trous JMatch Association JCross Mots croisés JMix Remise en ordre The Masher Création de séquence pédagogique pouvant contenir les différents types d'exercices précédents Le sujet de ce TP consiste à utiliser Hot Potatoes pour exploiter au mieux les ressources audio et vidéo, primordiales dans l'apprentissage des langues. Il s'agira en fait de remplacer dans les champs proposés (Titre, Consigne, Question, Rétroaction, Indice, etc.) le texte par du code HTML utilisant des players flash tels que DewPlayer ou FLV-player. 2 PREPARATION DU TRAVAIL 1. Créer un dossier (par exemple, <exercice_hot_potatoes> dans lequel va être créé votre série d'exercices. Afin d'organiser au mieux le travail, créer des dossiers <images>, <sons>, <videos> dans lesquels vont être placées les différentes ressources. 2. Récupérer le player son <dewplayer-mini.swf> sur le site http://www.alsacreations.fr/dewplayer et le placer dans le dossier <exercice_hot_potatoes> 3. Récupérer le player video < player_flv_maxi.swf > sur le site http://flv-player.net/players/maxi/ et le placer dans le dossier <exercice_hot_potatoes> -1/7- Université Stendhal - Département Informatique Pédagogique - Copyright oct. 11- Jean-Philippe Pernin Premier exercice : QCM avec réponses sonores Il s'agit ici de proposer une question dont la consigne sera énoncée à l'oral et non à l'écrit. *Créez un fichier exercice de type <JQuiz>avec Hot Potatoes *Dans Hot Potatoes, remplacez le texte de l'exercice (d'une question, d'une réponse, d'une aide) par le code HTML permettant de jouer un son avec le player <dewplayer> Par exemple, le texte de la question <Peut-on mettre du son ?> va être remplacé par le son <mettre_du_son.mp3> (à télécharger). Remarque : il est assez facile de créer de courtes phrases de synthèse avec l'outil Google Traduction : http://translate.google.com …puis de les récupérer au format MP3 avec le plugin Download Helper de Firefox. Ecouter le son de synthèse Pour créer le code HTML correspondant, utilisez la page web du site DewPlayer (en bas de la page): http://www.alsacreations.fr/dewplayer -2/7- Université Stendhal - Département Informatique Pédagogique - Copyright oct. 11- Jean-Philippe Pernin Ceci donnera sur l'interface les deux solutions suivantes (texte ou son): Interface Texte Interface Son Après avoir enregistré votre exercice sous le nom < mettre_son.jqz>, cliquer sur <Fichier>…<Créer page Web> et placer le fichier html dans le même dossier que votre dossier jqz. Vous pouvez maintenant tester le résultat en double cliquant sur le fichier, ce qui doit donner le résultat suivant : -3/7- Université Stendhal - Département Informatique Pédagogique - Copyright oct. 11- Jean-Philippe Pernin Les erreurs fréquentes à éviter : - le player ne s'affiche pas : Vérifier que le fichier <dewplayer-mini.swf> est bien dans le même dossier que < mettre_son.htm> - le player s'affiche mais aucun son n'est joué : Vérifier que le chemin d'accès relatif au son est le bon et que le fichier son existe bien (ici le chemin relatif est <sons/mettre_du_son.mp3>) 3 EXERCICE D'INTEGRATION On demande d'imaginer des activités utilisant au maximum les ressources vidéos et sons. Des exemples d'activités sont présentés ci-dessous. 3.1 Activité 1 : Texte à trous Suggestion d'écran L'apprenant écoute un extrait audio (bouton vert) puis doit en proposer la version écrite dans la zone texte situé à la droite de chaque bouton vert. Ici, il y a deux extraits. On peut ajouter un bouton Aide qui permettrait de réécouter le même extrait au ralenti. -4/7- Université Stendhal - Département Informatique Pédagogique - Copyright oct. 11- Jean-Philippe Pernin 3.2 Activité 2 : Remise en ordre Suggestion d'écran L'apprenant doit visionner les extraits vidéo et les remettre dans l'ordre • Note : les vidéos peuvent être remplacées par des images ou des sons. 3.3 Activité 3 : Association Suggestion d'écran L'apprenant doit écouter un extrait (bouton vert) puis l'associer par glisser-déposer à une image située sur la gauche. • les images de gauche peuvent être remplacées par des vidéos ou d'autres sons. • les sons de droite peuvent être remplacés par des vidéos ou des images fixes. 3.4 Activité 4 : Remise en ordre Suggestion d'écran -5/7- Université Stendhal - Département Informatique Pédagogique - Copyright oct. 11- Jean-Philippe Pernin L'apprenant doit visionner l'extrait vidéo et répondre aux questions. les questions peuvent combiner textes, images et sons. Autre suggestion d'écran Ici les réponses sont également orales -6/7- Université Stendhal - Département Informatique Pédagogique - Copyright oct. 11- Jean-Philippe Pernin 3.5 Les ressources fournies Afin de réaliser ce travail, vous disposez d'un ensemble de ressources multimédia brutes disponibles dans un fichier barbebleue.zip (adresse fournie par l'enseignant). On y trouve notamment : • Réaliser des activités d'apprentissage utilisant de façon originale des ressources multimédias (en particulier son et vidéo). Vous pourrez éventuellement enrichir ces ressources avec d'autres. 3.6 Tâches à réaliser Vous devrez effectuer les tâches suivantes : PARTIE 1 Pour chaque type de ressources (texte, image, son, vidéo, animation) • Etape 1 : (optionnel) acquérir, capturer ou numériser de nouvelles ressources • Etape 2 : Traiter chaque type de ressource à l'aide d'un éditeur spécialisé : découper, extraire, copier, coller, effectuer des traitements spécifiques (ralentir par exemple). • Etape 3 : Exporter les ressources créées vers un format compatible avec le web : image (GIF, JPG, PNG), son (MP3), vidéo (FLV), animation (SWF), texte (HTML, PDF ou format image) • Etape 4 : Savoir créer un code HTML générique permettant d'intégrer les ressources sur une page web PARTIE 2 • Etape 5 : Développer les activités Hot Potatoes en insérant les ressources multimédias • Etape 6 (optionnel) : Constituer un parcours avec les activités développées grâce à l'outil HotPotatoes The Masher -7/7-