« Reveal.js » : différence entre les versions

De EduTech Wiki
Aller à la navigation Aller à la recherche
Aucun résumé des modifications
Ligne 24 : Ligne 24 :
# Install [http://gruntjs.com/ Grunt]
# Install [http://gruntjs.com/ Grunt]
# Cloner le repositoire [https://github.com/hakimel/reveal.js Reveal.js] sur Github via la ligne de commande
# Cloner le repositoire [https://github.com/hakimel/reveal.js Reveal.js] sur Github via la ligne de commande
<code>$ git clone https://github.com/hakimel/reveal.js.git</code>
# Aller dans le fichier .js de reveal
<code>$ cd reveal.js</code>
# Installer les éléments
<code>$ npm install</code>


<code>$ git clone https://github.com/hakimel/reveal.js.git</code>
Serve the presentation and monitor source files for changes
 
$ grunt serve
 
Open http://localhost:8000 to view your presentation
 
You can change the port by using grunt serve --port 8001.


== Utilisation ==  
== Utilisation ==  

Version du 27 décembre 2015 à 14:30

Cet article est en construction: un auteur est en train de le modifier.

En principe, le ou les auteurs en question devraient bientôt présenter une meilleure version.



Introduction

Reveal.js est une Bibliothèques JavaScript proposant une alternative aux présentations traditionnelles de style Powerpoint à l'instar de Impress.js. Alors que Impress.js est basé sur le CSS (transitions et transformations), Reveal.js est basé sur du JavaScript.

Il s'agit d'un framework qui permet de créer des présentations à l'aide de HTML.

Installation de Reveal.js (via Github)

Installation "basique"

L'installation de reveal.js est très facile. Il suffit de télécharger une copie du repositoire.

  • Télécharger la dernière version de reveal.js de Reveal.js sur Github
  • Décompressez et remplacer l'exemple contenu dans index.html avec vos propres données.
  • Ouvrir index.html dans un navigateur pour l'afficher

Installation complète

Certaines fonctionnalités de reveal.js, comme Markdown et external speakers, exigent que les présentations fonctionnent à partir d'un serveur web local. Il faut donc que votre machine soit correctement configurées.

Les instructions suivantes vont mettre en place un serveur ainsi que toutes les tâches de développement nécessaires pour apporter des modifications au code reveal.js source (si cela n'a pas déjà été fait en cours STIC:STIC I. Voici la procédure :

  1. Install Node.js
  2. Install Grunt
  3. Cloner le repositoire Reveal.js sur Github via la ligne de commande

$ git clone https://github.com/hakimel/reveal.js.git

  1. Aller dans le fichier .js de reveal

$ cd reveal.js

  1. Installer les éléments

$ npm install

Serve the presentation and monitor source files for changes

$ grunt serve

Open http://localhost:8000 to view your presentation

You can change the port by using grunt serve --port 8001.

Utilisation

Liens

Repositoire Github