GroovyS5 est un outil groovy de création de diaporamas Web basé sur S5.
Vous définissez votre présentation au travers d'un langage spécifique (DSL), avec la synxtaxe du langage Groovy, et GroovyS5 générera pour vous le diaporama S5, jouable dans un navigateur Internet !
Le diaporama est écrit dans un fichier séparé en respectant la syntaxe du langage Groovy, mais avec des mots-clés bien précis.
GroovyS5 supporte aussi la coloration syntaxique de code, grâce à SyntaxHighlighter.
La structure générale d'un diaporama GroovyS5 se présente ainsi :
S5 {
meta {
// Meta données ici
}
slide('Titre slide 1') {
/* contenu */
}
slide('Titre slide 2') {
/* contenu */
}
// etc.
}
Description d'un fichier présentation GroovyS5
Les meta données à définir :
title = '...' // Titre du diaporama
author = '...' // L'auteur
company = '...' // L'entreprise
// Nom du thème (répertoire) à appliquer :
theme = '...'
// Liste des noms de brushes de SyntaxHighlighter
// par exemple shBrushGroovy :
shBrushes = [...]
header = '...' // En-tête
content = { /* contenu du slide 0 */ }
footer = '...' // Pied de page
Dans le fichier de diaporama GroovyS5, le contenu peut être tout ce qui est autorisé pour le builder Groovy MarkupBuilder.
u {
em('emphase'); br()
b('gras')
}
produit :
emphase
gras
C'est une fonctionnalité de S5 : il suffit d'utiliser la classe CSS incremental sur une liste.
Des notes peuvent être associées à un slide, en ajoutant une Closure supplémentaire :
slide('Titre slide') {
p('contenu')
} {
p('mes notes')
}
Ces notes sont affichées dans le mode texte (appuyez sur la touche "T").
Notes de la diapo "Notes"
Pour colorer du code selon une syntaxe supportée par SyntaxHighlighter, utilisez l'élément HTML pre, avec la classe CSS correspondante.
pre('class': 'brush: groovy;', "println 'Salut !'")
Le fichier JavaScript définissant la brosse doit être indiqué dans la meta donnée shBrushes :
shBrushes = ['shBrushGroovy']