[ADD] Ai terminé la partie 1/3 du plan (et son contenu correspondant)
This commit is contained in:
Olivier DOSSMANN
parent
9c7f5e7b8d
commit
6e5caf849d
@ -2,7 +2,8 @@
|
|||||||
[font=Sans 50px]
|
[font=Sans 50px]
|
||||||
[eclair_bleu.jpg]
|
[eclair_bleu.jpg]
|
||||||
[fill]
|
[fill]
|
||||||
- [font=Monospace 100px][white][top] # Page de garde
|
|
||||||
|
- [auteur.jpg] [font=Monospace 100px] [white] # Page de garde
|
||||||
Découverte des moteurs de joueb dits statiques
|
Découverte des moteurs de joueb dits statiques
|
||||||
|
|
||||||
Exemple avec Nanoblogger
|
Exemple avec Nanoblogger
|
||||||
@ -125,177 +126,175 @@ La toile est donc un lieu incontournable
|
|||||||
-
|
-
|
||||||
Plan (1/3)
|
Plan (1/3)
|
||||||
|
|
||||||
Les moteurs de joueb
|
Les moteurs de joueb :
|
||||||
• Qu'est ce qu'un moteur de joueb ?
|
• Qu'est ce qu'un moteur de joueb ?
|
||||||
• Mode de fonctionnement
|
• Quelques moteurs connus
|
||||||
|
• Mode de fonctionnement classique
|
||||||
|
• Autre vision : les moteurs statiques
|
||||||
• Avantages et inconvénients
|
• Avantages et inconvénients
|
||||||
• Outils existants
|
• Outils existants
|
||||||
-
|
-
|
||||||
Plan (2/3)
|
Plan (2/3)
|
||||||
|
|
||||||
|
Nanoblogger :
|
||||||
• Présentation / Origine
|
• Présentation / Origine
|
||||||
• Communauté
|
• Communauté
|
||||||
• Utilisation rapide
|
• Utilisation rapide
|
||||||
• Fonctionnement (démo rapide
|
• Fonctionnement (démo rapide
|
||||||
-
|
-
|
||||||
Plan (3/3)
|
Plan (3/3)
|
||||||
|
|
||||||
|
La fin du voyage :
|
||||||
• Conclusion rapide
|
• Conclusion rapide
|
||||||
• Quelques mots sur BlogBox
|
• Quelques mots sur BlogBox
|
||||||
|
• Remerciements
|
||||||
• Questions ?
|
• Questions ?
|
||||||
|
|
||||||
|
|
||||||
|
- [white] [top]
|
||||||
|
Qu'est ce qu'un moteur de joueb ?
|
||||||
|
# logiciel permettant la réalisation d'un joueb sur le net
|
||||||
|
-
|
||||||
|
Cela permet :
|
||||||
|
|
||||||
|
• avoir rapidement un joueb
|
||||||
|
• utilisation et maintenance
|
||||||
|
simple et efficace
|
||||||
|
|
||||||
|
|
||||||
|
- [white] [top]
|
||||||
|
Quelques moteurs de joueb connus
|
||||||
|
- [top-right]
|
||||||
|
Typo
|
||||||
|
- [right]
|
||||||
|
Joomla
|
||||||
|
- [bottom-right]
|
||||||
|
Blog:CMS
|
||||||
|
- [bottom]
|
||||||
|
b2evolution
|
||||||
|
- [bottom-left]
|
||||||
|
Dotclear
|
||||||
|
- [left]
|
||||||
|
Drupal
|
||||||
|
- [top-left]
|
||||||
|
Movable Type
|
||||||
|
- [top]
|
||||||
|
Wordpress
|
||||||
|
- [center]
|
||||||
|
etc.
|
||||||
|
|
||||||
|
|
||||||
|
- [white] [top]
|
||||||
|
Mode de fonctionnement classique
|
||||||
|
-
|
||||||
|
#FIXME: mettre schéma moteur de blog dynamique !
|
||||||
|
-
|
||||||
|
Au final on a :
|
||||||
|
• un serveur
|
||||||
|
• du code à exécuter
|
||||||
|
• des appels fréquents à
|
||||||
|
la page et au code
|
||||||
|
# Le système cache est une solution pour éviter trop d'appels au code
|
||||||
|
- [panneau_solaire.jpg]
|
||||||
|
Y aurait-il une autre alternative ?
|
||||||
|
# autre vision de la chose
|
||||||
|
-
|
||||||
|
Les blogs statiques pardi !
|
||||||
|
|
||||||
|
|
||||||
|
- # quelques mots sur les moteurs de blogs statiques
|
||||||
|
Les blogs statiques sont :
|
||||||
|
• une autre vision
|
||||||
|
• une alternative
|
||||||
|
• pas facile pour un utilisateur lambda
|
||||||
|
|
||||||
|
|
||||||
|
- [white] [top]
|
||||||
|
Fonctionnement d'un moteur de blog statique
|
||||||
|
-
|
||||||
|
#FIXME/ mettre schém de moteur de blog statique !
|
||||||
|
- [top]
|
||||||
|
Les avantages
|
||||||
|
-
|
||||||
|
• un serveur web (HTTP) suffit
|
||||||
|
\- pas de BDD
|
||||||
|
\- pas de calculs spécifiques
|
||||||
|
\- coût moindre en énergie
|
||||||
|
\- coût moindre en matériel
|
||||||
|
\- investissement de base diminué
|
||||||
|
car matériel plus léger
|
||||||
|
\- charges serveur et financières diminuées
|
||||||
|
# pas de base de données
|
||||||
|
# pas de calculs spécifiques
|
||||||
|
# coût moindre en énergie
|
||||||
|
# coût moindre en matériel
|
||||||
|
# investissement de base diminué
|
||||||
|
# charges serveur et financières diminuées
|
||||||
|
-
|
||||||
|
• rapidité d'affichage des pages (globalement)
|
||||||
|
# Autant qu'un cache normalement
|
||||||
|
• réduction des possibilités de piratage
|
||||||
|
# Non piratable par une tierce personne,
|
||||||
|
# seul le serveur peut souffrir d'une attaque
|
||||||
|
• sans système de sauvegarde, le blog est
|
||||||
|
quand même à deux endroits
|
||||||
|
-
|
||||||
|
• migration facile d'un hébergeur à l'autre
|
||||||
|
(sans dépendances particulières)
|
||||||
|
# On peut migrer le site d'un hébergeur à un autre
|
||||||
|
# On a simplement besoin d'un serveur HTTP pour
|
||||||
|
# délivrer les pages
|
||||||
|
• résultat facilement exportable
|
||||||
|
\- disquette
|
||||||
|
\- CD-ROM
|
||||||
|
\- clé USB
|
||||||
|
|
||||||
|
- [top]
|
||||||
|
Les inconvénients
|
||||||
|
-
|
||||||
|
• perte du côté interactif avec l'internaute
|
||||||
|
\- exemple : le système de commentaire
|
||||||
|
(JavaScript possible, Disqus)
|
||||||
|
• il faut « tripatouiller » dans le HTML / CSS
|
||||||
|
• pas d'interface graphique (pour le moment)
|
||||||
|
• un blog dynamique est plus efficace si on publie
|
||||||
|
plusieurs billets/articles par jour
|
||||||
|
# car le temps de compiler, envoyer, etc. est trop long
|
||||||
|
- [boutons.jpg]
|
||||||
|
|
||||||
|
- [white] [top]
|
||||||
|
Outils existants
|
||||||
|
-
|
||||||
|
(me demander les liens)
|
||||||
|
• Nanoblogger (bash) # http://nanoblogger.sourceforge.net/
|
||||||
|
• Panda (haskell) # http://www.haskell.org/haskellwiki/Panda
|
||||||
|
• Rassmalog (ruby) # http://snk.tuxfamily.org/lib/rassmalog/output/about.html
|
||||||
|
• Wadcomblog (python) # http://vss.73rus.com/wadcomblog/
|
||||||
|
• Ikiwiki (perl) # http://ikiwiki.info/
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
# présentation : en bash. Se dit aussi NB. Origine : petit moteur de blog
|
# présentation : en bash. Se dit aussi NB. Origine : petit moteur de blog
|
||||||
# Communauté = pleins d'utilisateurs + Nanoblogger Francophone (joueb + wiki)
|
# Communauté = pleins d'utilisateurs + Nanoblogger Francophone (joueb + wiki)
|
||||||
# fonctionnement : template, modules bash, compilation
|
# fonctionnement : template, modules bash, compilation
|
||||||
|
|
||||||
|
|
||||||
|
- # conclusion
|
||||||
|
# dire que joueb statique sympa quand on tripatouille
|
||||||
|
# pourrais être sympa avec une interface graphique => plus accessible
|
||||||
|
# comme c'est léger, suit un peu de près le projet FreedomBox
|
||||||
|
# Conclure sur projet BlogBox :)
|
||||||
|
#
|
||||||
|
- # blogbox
|
||||||
|
# parler rapidement de FreedoBox et Internet Libre (dire que je suis pas super compétent pour ça)
|
||||||
|
# donner lien internet libre + freedombox pour plus de détails
|
||||||
|
# donner idée globale de blogbox : moteur accessible linux/windows/mac/bsd
|
||||||
|
# C'est : Du matos ET du logiciel :)
|
||||||
|
# dire que j'ai besoin d'un peu d'aide et d'idées ;) => donner http://blogbox.e-mergence.org/
|
||||||
|
|
||||||
- # questions après conclusion rapide
|
- # questions après conclusion rapide
|
||||||
Questions ?
|
Questions ?
|
||||||
|
|
||||||
(sur NB et autres moteurs)
|
(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
|
|
||||||
|
|||||||
Loading…
Reference in New Issue
Block a user