Diaporama avec audio pour un enseignement « individualisé » en présentiel

L’enseignement de l’informatique devant un PC, qu’il s’agisse de programmation ou simplement de bureautique, est un problème qui peut s’apparenter à la quadrature du cercle. Un cours frontal est difficile à envisager: soit qu’il s’avère régulièrement nécessaire de passer un peu plus de temps avec les étudiants en difficulté face aux objectifs, soit qu’il faille nourrir les étudiants en avance sur le groupe. Et il n’est pas possible de s’occuper de tous en même temps.

Une parade possible est de mettre le cours à disposition sur le web (ou sur papier!), chaque élève avançant à son rythme dans la prise de connaissance à l’écran des informations théoriques et des consignes nécessaires pour la réalisation des exercices proposés. Le rôle de l’enseignant est alors de soutenir et d’encourager les retardataires tout en permettant aux plus avancés de dépasser les objectifs.

Une limitation est que la lecture de toutes les informations est souvent pénible pour les étudiants, surtout les plus jeunes. Je le constate en classe et c’est un fait qui m’est souvent transmis en commentaire.

Pour soutenir la lecture, j’ai fréquemment utilisé une lecture parallèle en audio. Les jeunes élèves aiment le concept (en partie, sans doute, parce qu’ils aiment coiffer le casque audio). Toutefois, il s’agit toujours de parcourir le texte écrit en prenant connaissance, petit à petit, des informations. Mais voilà pour les auditifs.

Parallèlement, il m’avait semblé intéressant de pouvoir présenter les concepts importants sous une forme plus visuelle, plus graphique. Une solution qui fonctionne assez bien: un diaporama avec AnythingSlider. Exemples: approche du protocole TCP/IP, fonctionnement de l’ordinateur. Difficulté: les élèves parcourent trop distraitement les diapositives sans approfondir ce qui est exposé.

Je cherchais donc une technique permettant de diffuser l’audio avec ces diaporamas. Idée simple, joindre la diffusion de l’audio dans un lecteur externe au diaporama correspondant. Difficulté: la synchronisation entre le son et les diapos doit être assurée par l’élève; ce qui n’est pas trivial.

Une solution définitive me semblait résider dans Audio Slideshow, un plugin de Tyler Craft pour jQuery et utilisant jPlayer. Et cela fonctionne plutôt bien, sauf sur Chrome/Chromium.
Il devrait être possible de lever le problème, mais j’ai sans doute trop peu cherché. L’auteur lui-même ne semble plus trop actif sur le sujet.

Je me suis finalement tourné vers une autre voie qui n’a pas attiré suffisamment mon attention jusque là. Il s’agit de différentes solutions propsées par le script timesheets.js développé par Fabien Cazenave (alias Kazé).

Audio-slideshow
Audio-slideshow

Quelques aménagements et simplifications plus tard (il faut que le script soit simple à utiliser), on trouve un audio-slideshow (récompense à qui me donnera une version française de l’expression) qui fonctionne sous IE>8, Firefox récent (sans doute > 3.6), Chrome/Chromium. Les vieux navigateurs qui ne supportent pas HTML5 sont exclus.

La production des diapositives se fait simplement sous LibreOffice Draw qui exporte parfaitement les différentes images en différents formats (jpg, gif, png).

Sur le terrain, cela tient la route. Reste à voir l’efficacité didactique. Sans doute une première évaluation après la première utilisation en cours sur une séquence relative aux bases du tableur.

Tout cela ne peut, évidemment, concurrencer des systèmes d’e-learning du commerce, eux qui permettent l’interactivité. Il s’agit d’une solution simple qui est utilisable sans déploiement de grands moyens techniques et sans frais par l’enseignant lambda sur le terrain.