302 lines
6.2 KiB
Plaintext
Executable File
302 lines
6.2 KiB
Plaintext
Executable File
#!/usr/bin/env pinpoint
|
|
[font=Sans 50px]
|
|
[eclair_bleu.jpg]
|
|
[fill]
|
|
- [font=Monospace 100px][white][top] # Page de garde
|
|
Découverte des moteurs de joueb dits statiques
|
|
|
|
Exemple avec Nanoblogger
|
|
|
|
Olivier DOSSMANN
|
|
<s>8 septembre 2009</s> 7 juillet 2011
|
|
LUG de Strasbourg
|
|
|
|
|
|
- [white] [top] # L'auteur
|
|
Présentation de l'auteur
|
|
# Nom - prénom
|
|
# Alias (Blanko, Blankoworld, Personne)
|
|
# Lieu : IRC (freenode, oftc) et jabber
|
|
-
|
|
olivier@dossmann.net
|
|
blankoworld@wanadoo.fr
|
|
|
|
|
|
- #FIXME: IMAGE RMLL Strasbourg ! # Spécial RMLL
|
|
Présentation le 12 juillet 2011 à 14H00
|
|
- [montre.jpg] [top-left]
|
|
Top chrono !
|
|
|
|
- [white] [top] # Question de vocabulaire
|
|
Vocabulaire
|
|
# toile
|
|
# joueb
|
|
# utilisateur/auteur = personne qui créer le joueb
|
|
# internaute/lecteur = personne qui visionne le joueb
|
|
- [top]
|
|
Toile
|
|
|
|
Toile = Internet = Le "oueb"/web
|
|
- [top]
|
|
Joueb
|
|
# journal web
|
|
# expression du mot publication
|
|
-
|
|
Publications :
|
|
• articles/billets
|
|
• vidéos
|
|
• images/photos
|
|
• musiques
|
|
• etc.
|
|
- [top]
|
|
utilisateur/auteur
|
|
- [top]
|
|
internaute/lecteur
|
|
|
|
- [white] [top] # Histoire (afin de se situer)
|
|
# Désolé de vous saouler avec l'histoire, mais cela permet
|
|
# de visualiser l'évolution des choses
|
|
Quelques moments clés
|
|
-
|
|
1990, arrivée du HTML
|
|
# HyperText Markup Language
|
|
- [butineur.jpg]
|
|
1922, le premier butineur : NCSA Mosaic
|
|
# butineur = navigateur web
|
|
-
|
|
1993, les premiers scripts CGI
|
|
# Common Gateway Interface
|
|
|
|
peuvent contenir C, python,
|
|
gambas, php, script shell,
|
|
vb, etc.
|
|
-
|
|
1995, création de JavaScript
|
|
|
|
pages web interactives
|
|
-
|
|
1994 à 1997, sortie de PHP
|
|
# Personal Home Page, puis Hypertext Preprocessor
|
|
-
|
|
Actuellement :
|
|
• PHP
|
|
• Python
|
|
• Ruby
|
|
• Perl
|
|
• Java
|
|
• Ocaml
|
|
• Lua # Xavante
|
|
• etc.
|
|
# tout autre langage dont l'interfaçage avec le web existe
|
|
|
|
|
|
- [white] [top]
|
|
Par ailleurs…
|
|
-
|
|
100 à 600 millions d'internautes
|
|
entre 1998 et 2003
|
|
# la toile est donc un besoin de plus en plus important
|
|
- [top]
|
|
La toile devient importante pour :
|
|
-
|
|
partage des données
|
|
-
|
|
information
|
|
-
|
|
partage des données
|
|
-
|
|
fonctionnalités et
|
|
services pour l'internaute
|
|
-
|
|
recherche
|
|
-
|
|
échanges divers
|
|
-
|
|
etc.
|
|
-
|
|
La toile est donc un lieu incontournable
|
|
|
|
|
|
- [white] [top] # Plan
|
|
À quel sauce allons-nous manger du blog ?
|
|
|
|
…ou comment dire 'plan' en plus de mots
|
|
# oui j'ai abusé, il ne vient que maintenant :D
|
|
-
|
|
Plan (1/3)
|
|
|
|
Les moteurs de joueb
|
|
• Qu'est ce qu'un moteur de joueb ?
|
|
• Mode de fonctionnement
|
|
• Avantages et inconvénients
|
|
• Outils existants
|
|
-
|
|
Plan (2/3)
|
|
• Présentation / Origine
|
|
• Communauté
|
|
• Utilisation rapide
|
|
• Fonctionnement (démo rapide
|
|
-
|
|
Plan (3/3)
|
|
• Conclusion rapide
|
|
• Quelques mots sur BlogBox
|
|
• Questions ?
|
|
|
|
|
|
# présentation : en bash. Se dit aussi NB. Origine : petit moteur de blog
|
|
# Communauté = pleins d'utilisateurs + Nanoblogger Francophone (joueb + wiki)
|
|
# fonctionnement : template, modules bash, compilation
|
|
|
|
- # questions après conclusion rapide
|
|
Questions ?
|
|
|
|
(sur NB et autres moteurs)
|
|
|
|
########## ANCIENNE PRESENTATION ###########
|
|
|
|
- The bits above this point are defaults for every slide in the presentation
|
|
Welcome to pinpoint
|
|
|
|
- [bowls.jpg] lines starting with - are slide seperators. This is where you can override the defaults with with per-slide properties
|
|
A tool for making excellent presentations
|
|
|
|
-
|
|
It has a simple text source
|
|
|
|
- [font=monospace 18px] [shading-opacity=1.0]
|
|
The current presentation thus far:
|
|
#!/usr/bin/env pinpoint
|
|
[font=Droid Sans 50px]
|
|
[bg.jpg]
|
|
|
|
- The bits above this point are defaults for every slide in the presentation
|
|
Welcome to pinpoint
|
|
|
|
- [bowls.jpg] lines starting with - are slide seperators..
|
|
A tool for making excellent presentations
|
|
|
|
-
|
|
|
|
It has a simple text source
|
|
|
|
- [font=monospace 18px] [shading-opacity=1.0]
|
|
|
|
The current presentation thus far:
|
|
- [text-align=center]
|
|
You start by writing down the core concepts that you will be talking about. Then sort and format
|
|
them as a pinpoint presentation in a text editor of your choice.
|
|
|
|
If this was a presentation given as a demonstration of pinpoint you would now be trying to read
|
|
this slide as well as pay attention to what is said. Less than ideal.
|
|
|
|
Pinpoint reloads the presentation when it changes on disk, very useful when you're tuning things
|
|
so keep both pinpoint and your text editor open. And remember, the less text you have, the happier
|
|
your audience will be ;-)
|
|
|
|
|
|
- You can add '\n' before and after the slide text to keep the file tidy and slides seperated
|
|
Let's use some of the more
|
|
esoteric features of pinpoint
|
|
|
|
- [bowls.jpg] [text-align=center]
|
|
\- [filename.jpg]
|
|
set a custom background for an individual slide
|
|
|
|
- [bunny.ogg] [fill]
|
|
You can put <b>anything</b> in the background
|
|
|
|
- [linus.jpg] [fill] [bottom-left]
|
|
But, slides with cat pictures are best
|
|
|
|
-[top-right] [text-align=right]
|
|
position text in the
|
|
[top-right]
|
|
|
|
- [right]
|
|
[right]
|
|
|
|
- [bottom-right]
|
|
[bottom-right]
|
|
|
|
- [bottom]
|
|
[bottom]
|
|
|
|
- [bottom-left]
|
|
[bottom-left]
|
|
|
|
- [left]
|
|
[left]
|
|
|
|
- [top-left]
|
|
[top-left]
|
|
|
|
- [top]
|
|
[top]
|
|
|
|
- [center] [text-align=center]
|
|
and even in the
|
|
[center]
|
|
(which is the default)
|
|
|
|
- [font=Monospace 100px][white][text-color=black][shading-opacity=0.0][bottom]
|
|
Make text big!
|
|
[font=Monospace 100px]
|
|
[white][text-color=black]
|
|
[shading-opacity=0.0][bottom]
|
|
|
|
-
|
|
<s>use</s> <b>pango</b> <i
|
|
><span foreground='#f24'>m<u
|
|
>ar</u>k<sup>up</sup></span></i> for style
|
|
|
|
- [no-markup]
|
|
[no-markup]
|
|
<s>don't use</s> <b>pango</b> <i
|
|
><span foreground='#f24'>m<u
|
|
>ar</u>k<sup>up</sup></span></i>
|
|
|
|
- [transition=page-curl-both][bowls.jpg]
|
|
need bullets?
|
|
❥ use the power of unicode
|
|
• ✽ ✩ ✔ ☃ ◦
|
|
|
|
- [transition=text-slide-up]
|
|
$ pinpoint presentation.txt -o output.pdf
|
|
Export to PDF. Handy.
|
|
|
|
- [fill]
|
|
[fill]
|
|
Fill the slide with your background
|
|
(the default is [fit])
|
|
|
|
- [transition=swing]
|
|
Keybindings:
|
|
|
|
- [transition=sheet]
|
|
right, down or space - next slide
|
|
|
|
- [transition=slide-left]
|
|
left or up - previous slide
|
|
|
|
- [transition=slide-up]
|
|
F11 - toggle fullscreen
|
|
|
|
- [transition=text-slide-down]
|
|
Escape - quit pinpoint
|
|
|
|
- [transition=slide-in-left] [command=killall xeyes ; xeyes] [fill]
|
|
Enter - Run command
|
|
Tab - Edit command
|
|
[command=killall xeyes ; xeyes]
|
|
|
|
N.B. run pinpoint with the -m option
|
|
and hidden or auto-hiding panels, to
|
|
allow window management in fullscreen.
|
|
|
|
- [linus.jpg] [fill] [bottom-right]
|
|
That's pretty much everything.
|
|
Told you it was simple.
|
|
|
|
- [black] [font=Sans 100px] [transition=spin-text]
|
|
FIN
|