Moodle 2et le multimédia(partie 2)Ressource vidéo et activité audio

Sommaire de la seconde partie

II. Fichier vidéoIntégrer un lecteur vidéo à un coursPréparation des vidéosImage de couverturePréparation du lecteur SLVCréation de la ressource vidéo dans Moodle

III. Activité audio NanoGongMémentoRéférencesÀ propos

II. Fichier vidéoIntégrer un lecteur vidéo HTML5

Intégrer un lecteur vidéo à un cours

Principe :Pourquoi intégrer un lecteur vidéo HTML5 alors que Moodle en comporte déjà un, à savoir Flowplayer [1] ? C'est parce que ce dernier, mal configuré, en privilégiant le plugin Flash Player, ne garantit pas une bonne interopérabilité.Je vous invite à lire à ce propos le document Formats de fichiers : faites le bon choix. Au contraire, le lecteur HTML5 que nous allons intégrer, permet de tirer le meilleur parti des technologies récentes des navigateurs, et ce, sur toutes les plates-formes, incluant Androïd ou iOS.

A) Préparation des vidéos

Pour couvrir l'ensemble des plates-formes, nous devons disposer de deux formats complémentaires de notre vidéo :● MP4 []● WebM []

Afin de faciliter leur intégration, nous utiliserons toujours les mêmes noms de fichiers. Vous nommerez vos deux fichiers, respectivement :● video.mp4● video.webm

La conversion de la vidéo au format WebM [15] dans le logiciel Miro Video Converter [7]: 1°) Choix de la source ; 2°) Choix du format de sortie ; 3°) Conversion.

On procède de même avec le format MP4 [14].

B) Préparation de l'image de couverture

Nous aurons aussi besoin d'une image de notre vidéo au format PNG : nommez-la poster.png.

● Largeur : 640px● Hauteur : 280px

C) Préparation du lecteur SLV [3]1°) On récupère une copie du modèle de lecteur :http://simple-lecteur-video.googlecode.com/files/lecteur_video_modele.zip

On la décompacte et on obtient le dossier lecteur_video_modele :

2°) On copie dans le sous-dossier medias : poster.png, video.mp4 et video.webm.

Préparation du lecteur (fin)

3°) On renomme le dossier lecteur_video_modele complété. Et l'on crée une

nouvelle archive avec ce dossier : lecteur_video.zip

Pour créer des archives, vous pouvez utiliser Peazip [8] (Windows, GNU/Linux) ou Keka [9] (Mac OS X)

D) Création de la ressource dans Moodle

Dans un cours de Moodle, passez en mode édition, ajoutez une nouvelle ressource de type fichier.

Complétez les champs généraux : nom (1) et description (2) de la ressource.Puis cliquez sur Ajouter… dans la zone de Contenu.

Dans le sélecteur de fichiers, cliquez sur le bouton Choisissez un fichier (4), parcourez votre ordinateur pour y sélectionner l'archive lecteur_video.zip.Puis cliquez sur Déposer ce fichier (5).

Quand l'archive apparaît dans la zone de Contenu, au moyen du menu contextuel, choisissez l'action Décompacter (zip).

Quand l'archive est décompressée, vous pouvez la supprimer.

Entrez dans le dossier lecteur_video. Au moyen de son menu contextuel, spécifiez que le fichier principal est video.html.

Dans les options d'affichage, choisissez Ouvrir.Terminez en enregistrant la ressource au bas de la fenêtre.

Testez le lien de votre ressource fraîchement créée…

Affichage en mode "plein écran" dans Firefox : le zoom occupe l'espace vertical disponible dans la fenêtre de cours.

Le dictaphone de Moodle

III. Nanogong

Une activité orale

NanoGong permet l'enregistrement d'une activité orale, à la manière d'un dictaphone.

Dans ce qui suit, nous allons montrer comment :1. Créer une activité audio,2. Tester cette activité en prenant le rôle d'un élève (1),

adapter, le cas échéant, l'environnement afin d'en permettre l'exécution, paramétrer les permissions idoines ;

3. Tester effectivement l'activité en prenant le rôle d'un élève (2).

Création d'une activité NanoGong

Pour créer une activité Nanogong, entrez en mode Édition, déroulez la liste des activités et sélectionnez l'item NanoGong activité audio…

Dans les paramètres généraux (1) : nommez votre activité.

Dans les paramètres généraux (2), ajustez, si besoin, les paramètres par défaut : disponibilité (1 semaine), notation, durée (300 secondes), le nombre d'enregistrements autorisés (0 = sans limite). Enfin, nous enregistrons cette activité : bouton en bas de page.

Nous prenons le rôle d'un élève : bloc de gauche Réglages > Prendre le rôle… Elève.

Premier test et résolution de quelques difficultés de paramétrage

Cliquez sur le lien précédé de l'icône .

Si apparaît l'étiquette Module manquant, c'est que le plugin Java [10] n'est pas installé, activé ou autorisé.

Pour installer le module manquant, cliquez sur ce lien et acceptez l'installation de Java [10]…

Sous Mac OS X, si votre navigateur par défaut est Chrome, Java 7 ne fonctionnera pas. IMPORTANT ! Pour tester NanoGong, vous devrez utiliser Firefox.Pour installer Java [10], cliquez maintenant sur le lien mis en évidence.

Après l'installation de Java [10], le module apparaît correctement.Pour débuter un enregistrement, cliquez sur le point rouge :

Si vous rencontrez le message d'erreur ci-dessus, c'est que les permissions accordées au profil enseignant sont insuffisantes : nous allons les corriger.

Dans le bloc de gauche Réglages, cliquez sur l'item Permissions (1) dans le menu NanoGong voice administration.Sur la ligne Soumettre NanoGong voice, cliquez sur le premier plus + (2).

Dans liste déroulante des rôles (1), sélectionnez le rôle Enseignant ;Puis validez en cliquant sur le bouton Autoriser (2).

Second testMaintenant que le module NanoGong a été correctement paramétré, nous allons pouvoir le tester… après avoir validé un nième message d'avertissement.

Pour déclencher un enregistrement, cliquez sur le bouton rouge : Pour le mettre en pause, sur : ; pour l'interrompre, sur :

Aspect du module au cours d'un enregistrement

Pour télécharger l'enregistrement au format WAV, cliquez sur l'icône :

Pour écouter un enregistrement, sélectionnez-le dans la liste de Vos enregistrements. Puis cliquez sur le bouton :

La mise en œuvre de NanoGong s'avère complexe pour diverses raisons :● L'installation nécessaire de Java [10] et les alertes

inquiétantes de sécurité qui en résultent,● Les permissions à ajouter pour effectuer correctement

les tests avec le profil enseignant,● L'impossibilité de l'exécuter avec Chrome, ce qui réduit

du même coup l'usage de l'ENT au seul navigateur Firefox.

Il conviendra de bien expliquer ces contraintes aux élèves.

Bilan de l'activité NanoGong

Mémento

Environnements Navigateurs Ressources Activité

Mac OS X, Windows ou GNU/Linux

Firefox ou Chrome

Audio : formats OGG [13] et MP3 [11] avec le lecteur SLA [2]

Vidéo : formats MP4 [14] et WebM [15] avec le lecteur SLV [3]

Firefox exclusivement& module Java [10] activé

Activité audio NanoGong

● Logiciels :[1] Flowplayer[2] Simple lecteur audio ou SLA[3] Simple lecteur vidéo ou SLVAPI : [4] Video-js et [5] HTML5Media[6] Audacity [7] Miro Video ConverterCréer des archives ZIP : [8] Peazip, [9] Keka.[10] Module Java ; [17] VLC.

● Formats multimédias : [11] MP3 ; [12] AAC ; [13] OGG Vorbis ; [14] MP4 ; [15] WebM

● Vidéo de l'exemple : [16] Big Blue Bunny

Références

À propos de ce guideAuteur : Patrick CARDONA, collaborateur du Bureau des Missions Pédagogiques, BdMP-TICE, Académie de Montpellier

Si vous avez constaté une erreur ou une imprécision dans ce guide, n'hésitez pas à me contacter pour me proposer vos commentaires.

Contact : patrick.cardona @ ac-montpellier.fr

Les tests ont été effectués sur les environnements suivants :

Matériel Système d'exploitation Version

Mac Book Pro Mac OS X (Intel) 10.8.2

LoRDi 2012 Windows 7

Toshiba Satellite Ubuntu 10.3 LTS