Projet

Général

Profil

Wiki » Historique » Version 14

Laurent BRISSON, 18/05/2017 13:49

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
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
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
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
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
Pour démarrer une présentation vierge remplacez le fichier `demo.html` par le fichier `imta-boilerplate-local.html`
20
21 2 Laurent BRISSON
h1. Avantages et inconvénients
22 1 Laurent BRISSON
23
Avantages :
24
25
- Il suffit d'avoir un éditeur de texte pour faire une présentation.
26
- 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
- On peut inclure des formules Latex pour faire des expressions mathématiques.
28
- Il n'y a pas besoin de compiler sa présentation, elle se visualise dans un navigateur web.
29
- Il est possible d'exporter simplement sa présentation en PDF avec le navigateur Chrome.
30
31
Inconvénients :
32
33
- Cela reste moins simple d'utilisation qu'un logiciel dédié comme Powerpoint ou LibreOffice Impress.
34
- Sans utiliser le navigateur Chrome, l'impression en PDF est plus complexe.
35 14 Laurent BRISSON
- La pagination et la numération n'est pas automatique comme sous Latex.
36
- Les formules Latex nécessitent par défaut une connexion internet, sinon une petite manipulation est à faire (voir en bas de page).
37 1 Laurent BRISSON
38 2 Laurent BRISSON
h1. Choix du navigateur
39 1 Laurent BRISSON
40 2 Laurent BRISSON
h2. Comparatif
41 1 Laurent BRISSON
42
- Le navigateur Chrome est recommandé car il permet l'export en PDF très simplement.
43
- Les navigateurs Safari et Opera permettent de respecter correctement la mise en page.
44
- 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).
45
46 2 Laurent BRISSON
h2. Impression sans navigateur sous Ubuntu
47 1 Laurent BRISSON
48
- Installez le logiciel [Decktape](https://github.com/astefanutti/decktape) et les librairies nécessaires.
49
- Installez python en version supérieure à 3.
50 5 Laurent BRISSON
- Dans le répertoire de votre présentation exécutez la commande <pre>python -m http.server</pre>
51
- 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)
52 1 Laurent BRISSON
53 2 Laurent BRISSON
h1. Fonctionnalités
54 1 Laurent BRISSON
55 2 Laurent BRISSON
h2. Mode présentateur
56 1 Laurent BRISSON
57
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
58
59 14 Laurent BRISSON
h2. Formules mathématiques en mode déconnecté
60 12 Laurent BRISSON
61
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.
62
63
64 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 :
65 12 Laurent BRISSON
<pre>
66
<script src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.1/MathJax.js" type="text/javascript"></script>
67
</pre>
68
par :
69
<pre>
70 13 Laurent BRISSON
<script src="lien_local_vers_repertoire_Mathjax/MathJax.js" type="text/javascript"></script>
71 12 Laurent BRISSON
</pre>
72
73
74
75 2 Laurent BRISSON
h2. Autres fonctionnalités supportées
76 1 Laurent BRISSON
77
Voir la documentation de [remark.js](https://github.com/gnab/remark).