Parce que j’ai mis un peu de temps à arriver enfin à ce que je voulais je diffuse ma méthode du moment. Notez que cette méthode est aussi valable pour des diaporamas PowerPoint© ou autres.

Je n’utilise pas d’animation dans mes diapos : c’est souvent plus chiant qu’utile. Ça me permet surtout de générer un fichier PDF pour chaque diaporama que je fais et du coup d’avoir la possibilité de les utiliser de partout (un PC avec une autre version du logiciel ou même sans le logiciel, tablettes, smartphones ou autres systèmes d’exploitation…).

Si je dois faire apparaitre ou disparaitre un élément sur une diapo, je la duplique et fais la modification appropriée (je pars souvent de la diapo finale dupliquée et remonte dans le temps en supprimant des éléments sur les diapos précédentes).

Mais je ne souhaite pas sur Moodle ou sur Internet en général simplement diffuser le fichier odp, pdf ou pptx. Je n’aime pas le principe de télécharger le fichier source ou le rendu pdf dans son appareil, puis de le lire (même si on peut lire le PDF directement dans son navigateur).

Je veux conserver une notion de navigation entre les diapos un peu plus fluide et agréable, sans pour autant utiliser de services extérieurs qui diffusent de la pub ou qui pourraient fermer du jour au lendemain.

Impress permet de générer un ensemble de fichier HTML, mais je n’aime pas le rendu de l’export.

Donc ?

Une façon de faire que j’utilisais auparavant était de générer des images à partir de mon diaporama (une diapo = une image) en utilisant l’extension Export as images (qui ne fonctionne plus sous Libre Office 6), puis de créer un album photo en ligne : le diaporama se limitait à une succession de photos.

J’ai bien tenté de publier les albums photos étape sans passer par un service extérieur mais mon serveur Nextcloud n’est pas assez costaud, utiliser MinigalNano demande l’utilisation du FTP à chaque fois et une structure de dossier en plus à gérer (ok, je pourrais scripter…), et enfin utiliser le plugin Lightbox Gallery de Moodle est trop lent pour le passage d’une image à l’autre.

RemarkJS

J’avais jeté un œil sur RemarkJS pour créer des diaporama à partir de fichiers markdown, je le trouve très sympathique et j’ai commencé à faire quelques présentations principalement textuelle avec l’outil. Suivez le lien précédent pour une illustration de ce que l’on peut y faire… L’avantage est que le support s’adapte à l’appareil utilisé (smartphone, ordinateur…).

Mais par rapport à mes cours qui sont à destination de techniciens, j’utilise pas mal de schémas, de dessins et de photos et l’outil Impress me permet de manipuler tout ça plus simplement. Bref, il me fallait un mixage de tout ça…

Du coup, ma trame de travail est la suivante :

  1. je crée le diaporama dans Impress sans animation ;
  2. j’exporte mon diaporama au format HTML (images de grande dimension), seules les images m’intéressent dans le dossier rendu ;
  3. je crée (j’adapte) un fichier HTML RemarkJS pour coller au nombre de diapos ;
  4. sous Moodle je crée une activité de type fichier ;
  5. j’y place le fichier RemarkJS et uniquement les fichiers images de l’export HTML d’Impress ;
  6. je déclare le fichier RemarkJS comme étant le « fichier par défaut ».
  7. et voilà !

Donc bilan :

  • pour les diaporamas simples (texte, équations, photos), je peux directement utiliser un fichier RemarkJS ;
  • pour les diaporamas plus complexes, je crée un fichier Impress ;
  • je génère des images de mon diaporama : 1 diapo = 1 photo ;
  • je génère un fichier utilisant RemarkJS pour articuler les images entre elles ;
  • j’héberge chez moi mon fichier CSS et mes logos pour facilement changer le style de tous mes diaporamas en même temps ;
  • je pousse l’ensemble sur Moodle pour la lecture en ligne par les étudiants.

On veut voir !!!

Comme je vous comprend… Donc voici une illustration.

D’abord, le fichier Impress (de qualité toute relative) qui me sert d’illustration, puis son export au format PDF.

Ensuite, une version brute de l’export HTML d’Impress que je n’aime pas.

Enfin, la version RemarkJS utilisant directement les images de l’export d’Impress diffusable sur Internet, ou alors une autre version qui demande un peu plus de travail sur le fichier RemarkJS.

Pour info, voici la partie variable de mon fichier RemarkJS, hormis les titres, ressemblent à ça :

  <body>
    <textarea id="source">
name: title	
class: center, middle, title
count: false
![Logo](https://...logo.png)
# Titre du diaporama
## Sous titre
.footnote[![Éric Bugnet](https://...logo.png) E. Bugnet : [eric.bugnet.fr](https://eric.bugnet.fr)]

---
layout: false	
![](img1.png)
---
![](img2.png)
---
![](img3.png)
---
![](img4.png)
---
![](img5.png)
---
![](img6.png)
---
![](img7.png)
---

class: center, middle, title
count: false

Merci de votre attention
![Licence CC-BY-SA](https://...licenceCC.png)
.footnote[![Éric Bugnet](https://...logo.png) E. Bugnet : [eric.bugnet.fr](https://eric.bugnet.fr)]
    </textarea>

C’est tordu

Heu, oui… mais ça répond à mon besoin !

Catégories : Moodle

2 commentaires

E-Learning Facile · 16 février 2020 à 11 h 38 min

Intéressant. Mais il y a trop de manipulations à mon goût, et surtout à celui de mes clients qui sont des formateurs lambda.
Je vais explorer cette piste néanmoins… « aujourd’hui peut-être ou alors demain… ».
Merci Eric
Daniel

    Éric · 17 février 2020 à 7 h 10 min

    Je te l’accorde, c’est lourd… Mais je me passe de services externes et c’est ce que je voulais !
    D’autres personnes s’en moquent totalement, alors aucune raison de se prendre la tête dans ce cas.
    Éric

Laisser un commentaire

Votre adresse de messagerie ne sera pas publiée. Les champs obligatoires sont indiqués avec *