Fini les powerpoints !!
Configuration As Code, Infrastructure As Code, les Machin As Code sont assez tendance de nos jours…
Documents As Code
Récemment, deux articles (de Baptiste et Romain) sur le Labs vous parlaient de LaTeX, qui permet de générer des documents à partir d’un langage structuré, afin de privilégier le fond tout en ayant une forme standard.
En général, ça plaît aux développeurs… parce que c’est du code ! Un langage déclaratif plutôt qu’impératif, mais un langage quand même.
L’avantage d’utiliser du code, c’est que ça s’intègre bien avec un VCS et que ça facilite grandement la collaboration.
Dans la même veine, pourquoi ne pas écrire vos slides de présentation avec du code ? Plus besoin de se préoccuper du placement exact de tel texte, plus besoin de vérifier que la police et la taille sont partout les mêmes..
Slides As Code
On a vu ces derniers temps fleurir sur le web des frameworks de présentation HTML.
L’idée est simple : écrire une présentation, c’est à dire un ensemble de slides navigable, en utilisant HTML / CSS / Javascript plutôt que PowerPoint / Keynote… Avantages : c’est lisible partout (il suffit d’un navigateur), c’est joli et dynamique, ça permet de mettre en œuvre ses compétences et de créer un style commun à tous ses slides (CSS), et ça permet d’inclure facilement du code coloré.
Voui mais voila, ici on parle beaucoup Java, le JS ça fait un peu peur (bouuuh cacaaaa). On préfère amplement GWT, parce que ça fait enterprise (mauvaise raison…), parce qu’on bénéficie du tooling Java, d’une fantastique autocomplétion, de merveilleux frameworks de build, et ça génère du JS optimisé pour chaque navigateur.
Qu’à cela ne tienne : laissez-moi vous présenter Rockslide, un framework pour écrire des présentations en GWT, avec UiBinder.
Voici le code correspondant à un chapitre, composé de deux slides :
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
| <ui:UiBinder xmlns:ui='urn:ui:com.google.gwt.uibinder'
xmlns:rs='urn:import:info.piwai.rockslide.client.ui'>
<rs:Slides>
<rs:Slide>
<div class="section intro">
<h2>Intro Slide</h2>
<p>I Can Has Cheezburger?</p>
</div>
</rs:Slide>
<rs:Slide hid="SlideNameInUrl">
<h1>Slide title</h1>
<div class="section">
<h2>Slide subtitle</h2>
<ul>
<li>Some content</li>
</ul>
</div>
</rs:Slide>
</rs:Slides>
</ui:UiBinder> |
Parmi les fonctionnalités, en vrac : url lisible et bookmarkable (par slide), analytics, syntax highlighting, shownotes… et bien d’autres !
Pour en savoir plus, direction la doc !
VN:R_U [1.9.17_1161]
). Continue reading 
