Oublions Powerpoint avec Reveal.js

Pour se passer de Powerpoint, il y a Impress de LibreOffice bien sûr.

Mais il existe aussi de nombreuses solutions web issues du trio gagnant : JavaScript, HTML5 et CSS3).

Nous avons choisi avec cette traduction de mettre en valeur Reveal.js, avec une méthode de geek pour assurer l’archivage et retrouver facilement les différentes versions de vos présentations.

Enseigner avec l’application de présentation libre Reveal.js

Teaching with open source presentation service Reveal.js

Luis Ibanez - 30 octobre 2013 - OpenSource.com
(Traduction : Penguin, Genma, audionuma, cyrille, Omegax, Garburst)

OpenSource.com a un programme pour les modérateurs de communautés, et je suis fier d’en faire partie. Nous nous sommes récemment réunis dans le centre ville de Raleigh (en Caroline du Nord). L’une de nos discussions portait sur les logiciels open source pour l’éducation, et Ruth Suehle, qui dirige l’équipe marketing de Fedora tout en conseillant et en écrivant pour Opensource.com, a attiré notre attention sur les merveilles de Reveal.js, un nouvel outil de préparation de diapositives pour les présentations.

« C’est ce que les gens cool utilisent »dit-elle. Et dieu sait qu’elle avait raison !

Un rapide détour par la page d’exemples et de présentations permet de convaincre les plus sceptiques.

Les principales caractéristiques qui sortent du lot sont :

• Les diapositives sont créées en écrivant du simple code HTML
• Les présentations…
  • sont des pages HTML + Javascript
  • peuvent être vues sur n’importe quel appareil : téléphones, tablettes, ordinateurs.
• Le contenu peut être mis dans un système de contrôle de version (par exemple Git/Github).
  • Ne vous est-il jamais arrivé de regarder une présentation d’une année passée et de vous demander s’il s’agit bien de la version que vous souhaitez utiliser ? Vous êtes vous jamais demandé quelles étaient les dernières modifications ?
• L’hébergement Git permet la collaboration de plusieurs auteurs.
  • Tout comme avec n’importe quel projet collaboratif, différents auteurs peuvent ajouter du contenu, faire des commentaires, corriger les erreurs.
  • Et en cas de désaccord, ils peuvent toujours faire une branche dérivée, un fork, de ces présentations.

Voici quelques-unes des présentations qui ont été faites lors de notre cours « Pratiques des logiciels open-source » à l’École polytechnique Rensselaer et à l’université de l’État de New-York à Albany :

• Raspberry Pi – Un serveur web en Python (sur GitHub)
• Introduction à Git Partie I (sur GitHub)
• Introduction à Git Partie II (sur GitHub)
• L’évolution de la coopération (sur GitHub)

Pour ceux qui ne sont pas à l’aise avec l’écriture de code HTML, il y a un éditeur interactif : Slid.es, au sein duquel vous pouvez créer vos diapositives en utilisant une interface simple. Les présentations sont également hébergées, ainsi vous n’avez pas besoin de vous préoccuper de trouver un serveur web.

Pour ceux à qui écrire du code HTML plaît, la façon la plus facile de commencer est la suivante :

• Consultez les nombreux exemples
  • Copiez ou forkez vos (exemples) favoris
  • Modifiez et créez le votre

La façon de faire pour du long terme est la suivante :

• Créer un nouveau dépot :
  • git init
• Utiliser le dépôt Reveal.js comme un sous-module de git
  • La commande est : git submodule add https://github.com/hakimel/reveal.js revealjs
  • Ajouter le fichier index.html dans ce répertoire
    • Regarder cet exemple de présentation
    • Voir comment le sous-répertoire « revealjs » a été ajouté aux liens vers les css et répertoires lib.

Enfin, le partager en retour !

Vous pouvez ajouter vos présentations en guise d’exemple pour les autres, en modifiant simplement les exemples de la page de présentation.

Remarquez que l’usage de Git (ou GitHub) n’est pas une nécessité, vous pouvez profitez de la joie d’utiliser Reveal.js comme un simple framework web. C’est juste qu’ajouter les fonctionnalités de Github tel que le contrôle de version, l’hébergement, le partage, donne une nouvelle dimension à la facilité d’usage de ce merveilleux outil.

Remarquez qu’il n’est pas nécessaire d’héberger vos présentations sur un serveur web. Vous pouvez toujours faire la présentation depuis votre pc portable en indiquant à votre navigateur web où se trouvent les fichiers HTML sur votre disque dur. Ce qui peut s’avérer très pratique quand on arrive en retard en classe, ou lorsque l’on a des changements à faire en dernière minute sur la présentation (ce qui bien sûr n’arrive jamais…:)).