[ADD] Ai terminé la partie 1/3 du plan (et son contenu correspondant)
Olivier DOSSMANN
parent
9c7f5e7b8d
commit
6e5caf849d
|
|
@ -2,7 +2,8 @@
|
|||
[font=Sans 50px]
|
||||
[eclair_bleu.jpg]
|
||||
[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
|
||||
|
||||
Exemple avec Nanoblogger
|
||||
|
|
@ -125,177 +126,175 @@ La toile est donc un lieu incontournable
|
|||
-
|
||||
Plan (1/3)
|
||||
|
||||
Les moteurs de joueb
|
||||
Les moteurs 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
|
||||
• Outils existants
|
||||
-
|
||||
Plan (2/3)
|
||||
|
||||
Nanoblogger :
|
||||
• Présentation / Origine
|
||||
• Communauté
|
||||
• Utilisation rapide
|
||||
• Fonctionnement (démo rapide
|
||||
-
|
||||
Plan (3/3)
|
||||
|
||||
La fin du voyage :
|
||||
• Conclusion rapide
|
||||
• Quelques mots sur BlogBox
|
||||
• Remerciements
|
||||
• 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
|
||||
# Communauté = pleins d'utilisateurs + Nanoblogger Francophone (joueb + wiki)
|
||||
# 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 ?
|
||||
|
||||
(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