Wiki » Historique » Version 13

Laurent BRISSON, 18/05/2017 13:47

1 2 Laurent BRISSON
h1. Introduction
2 1 Laurent BRISSON
3 6 Laurent BRISSON
Cette solution basée sur remark.js (https://github.com/gnab/remark) permet de réaliser des présentations très simplement avec uniquement un éditeur de texte. 
4 6 Laurent BRISSON
5 7 Laurent BRISSON
Le langage utilisé s'appelle le Markdown (https://fr.wikipedia.org/wiki/Markdown) : c'est un format avec un balisage léger qui permet d'enrichir du texte en le laissant lisible (comme le fichier "readme.md":https://redmine.telecom-bretagne.eu/projects/template-remarkjs/repository/revisions/master/raw/readme.md, présent dans ce répertoire, que vous pouvez ouvrir avec n'importe quel éditeur de texte).
6 1 Laurent BRISSON
7 2 Laurent BRISSON
h1. Mise en route rapide
8 1 Laurent BRISSON
9 1 Laurent BRISSON
Il est recommandé d'utiliser le navigateur Chrome pour simplifier l'export au format PDF en choisissant l'option `Imprimer au format PDF`.
10 8 Laurent BRISSON
11 8 Laurent BRISSON
Avec Chrome, Safari ou Opera :
12 10 Laurent BRISSON
- Téléchargez l'archive "demo-chrome-safari-latest.zip":https://redmine.telecom-bretagne.eu/projects/template-remarkjs/repository/revisions/master/raw/release/demo-chrome-safari-opera-latest.zip dans le répertoire "release":https://redmine.telecom-bretagne.eu/projects/template-remarkjs/repository/revisions/master/show/release
13 8 Laurent BRISSON
14 8 Laurent BRISSON
Avec Firefox, Internet Explorer ou Edge :
15 11 Laurent BRISSON
- Téléchargez l'archive "demo-firefox-ie-edge-latest.zip":https://redmine.telecom-bretagne.eu/projects/template-remarkjs/repository/revisions/master/raw/release/demo-firefox-ie-edge-latest.zip dans le répertoire "release":https://redmine.telecom-bretagne.eu/projects/template-remarkjs/repository/revisions/master/raw/release
16 8 Laurent BRISSON
17 9 Laurent BRISSON
Décompressez l'archive, modifiez le fichier `demo.html` et c'est tout !
18 1 Laurent BRISSON
19 1 Laurent BRISSON
Pour démarrer une présentation vierge remplacez le fichier `demo.html` par le fichier `imta-boilerplate-local.html`
20 1 Laurent BRISSON
21 2 Laurent BRISSON
h1. Avantages et inconvénients
22 1 Laurent BRISSON
23 1 Laurent BRISSON
Avantages :
24 1 Laurent BRISSON
25 1 Laurent BRISSON
- Il suffit d'avoir un éditeur de texte pour faire une présentation.
26 1 Laurent BRISSON
- On ne s'occupe pas **du tout** de la mise en forme, la charte est respectée à la lettre sans s'en préoccuper.
27 1 Laurent BRISSON
- On peut inclure des formules Latex pour faire des expressions mathématiques.
28 1 Laurent BRISSON
- Il n'y a pas besoin de compiler sa présentation, elle se visualise dans un navigateur web.
29 1 Laurent BRISSON
- Il est possible d'exporter simplement sa présentation en PDF avec le navigateur Chrome.
30 1 Laurent BRISSON
31 1 Laurent BRISSON
Inconvénients :
32 1 Laurent BRISSON
33 1 Laurent BRISSON
- Cela reste moins simple d'utilisation qu'un logiciel dédié comme Powerpoint ou LibreOffice Impress.
34 1 Laurent BRISSON
- Sans utiliser le navigateur Chrome, l'impression en PDF est plus complexe.
35 1 Laurent BRISSON
36 2 Laurent BRISSON
h1. Choix du navigateur
37 1 Laurent BRISSON
38 2 Laurent BRISSON
h2. Comparatif
39 1 Laurent BRISSON
40 1 Laurent BRISSON
- Le navigateur Chrome est recommandé car il permet l'export en PDF très simplement.
41 1 Laurent BRISSON
- Les navigateurs Safari et Opera permettent de respecter correctement la mise en page.
42 1 Laurent BRISSON
- Les navigateurs Firefox, Internet Explorer et Edge n'implémentent pas encore les dernières normes CSS, ainsi le titre sur la page de garde est aligné sur une colonne et non selon la diagonale (ce qui permet aux autres navigateurs d'afficher plus de texte).
43 1 Laurent BRISSON
44 2 Laurent BRISSON
h2. Impression sans navigateur sous Ubuntu
45 1 Laurent BRISSON
46 1 Laurent BRISSON
- Installez le logiciel [Decktape](https://github.com/astefanutti/decktape) et les librairies nécessaires.
47 1 Laurent BRISSON
- Installez python en version supérieure à 3.
48 5 Laurent BRISSON
- Dans le répertoire de votre présentation exécutez la commande <pre>python -m http.server</pre>
49 5 Laurent BRISSON
- Dans le répertoire de decktape exécutez la commande <pre>./phantomjs decktape.js automatic http://localhost:8000/demo.html#1 slides.pdf</pre> (changez l'url et le nom du fichier de sortie si nécessaire)
50 1 Laurent BRISSON
51 2 Laurent BRISSON
h1. Fonctionnalités
52 1 Laurent BRISSON
53 2 Laurent BRISSON
h2. Mode présentateur
54 1 Laurent BRISSON
55 1 Laurent BRISSON
Appuyez sur la touche `C` pour cloner votre fenêtre puis la touche `P` pour passer en mode présentateur. Le texte écrit dans vos transparents après la balise `???` sera affiché dans le mode présentateur
56 1 Laurent BRISSON
57 12 Laurent BRISSON
h2. Formules mathématiques
58 12 Laurent BRISSON
59 12 Laurent BRISSON
Le script MathJax est utilisé pour générer les formules mathématiques sur le document HTML. Inconvénient : il faut être connecté à internet pour que cela fonctionne avec la version actuelle.
60 12 Laurent BRISSON
61 12 Laurent BRISSON
62 13 Laurent BRISSON
En mode déconnecté, le PDF fonctionnera parfaitement, mais si vous désirez produire un document dans l'avion ou le train il faudra récupérer les librairies MathJax en suivant ce "lien"(https://github.com/mathjax/MathJax/archive/2.7.1.zip), dézipper l'archive et remplacer la ligne :
63 12 Laurent BRISSON
<pre>
64 12 Laurent BRISSON
<script src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.1/MathJax.js" type="text/javascript"></script>
65 12 Laurent BRISSON
</pre>
66 12 Laurent BRISSON
par :
67 12 Laurent BRISSON
<pre>
68 13 Laurent BRISSON
<script src="lien_local_vers_repertoire_Mathjax/MathJax.js" type="text/javascript"></script>
69 12 Laurent BRISSON
</pre>
70 12 Laurent BRISSON
71 12 Laurent BRISSON
72 12 Laurent BRISSON
73 2 Laurent BRISSON
h2. Autres fonctionnalités supportées
74 1 Laurent BRISSON
75 1 Laurent BRISSON
Voir la documentation de [remark.js](https://github.com/gnab/remark).