[IMP] Make this repository available for more than one conference
BIN
nanoblogger/RMLL2011/auteur.jpg
Normal file
After Width: | Height: | Size: 324 KiB |
BIN
nanoblogger/RMLL2011/boutons.jpg
Normal file
After Width: | Height: | Size: 349 KiB |
BIN
nanoblogger/RMLL2011/butineur.jpg
Normal file
After Width: | Height: | Size: 72 KiB |
BIN
nanoblogger/RMLL2011/dynamique.jpg
Normal file
After Width: | Height: | Size: 135 KiB |
BIN
nanoblogger/RMLL2011/eclair_bleu.jpg
Normal file
After Width: | Height: | Size: 150 KiB |
149
nanoblogger/RMLL2011/exemple_presentation.pin
Executable file
@ -0,0 +1,149 @@
|
||||
#!/usr/bin/env pinpoint
|
||||
[font=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. 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
|
BIN
nanoblogger/RMLL2011/exit.jpg
Normal file
After Width: | Height: | Size: 75 KiB |
BIN
nanoblogger/RMLL2011/gratte_ciel.jpg
Normal file
After Width: | Height: | Size: 333 KiB |
BIN
nanoblogger/RMLL2011/hache_cabine.jpg
Normal file
After Width: | Height: | Size: 347 KiB |
BIN
nanoblogger/RMLL2011/mer.jpg
Normal file
After Width: | Height: | Size: 351 KiB |
BIN
nanoblogger/RMLL2011/metro.jpg
Normal file
After Width: | Height: | Size: 512 KiB |
BIN
nanoblogger/RMLL2011/montagnes.jpg
Normal file
After Width: | Height: | Size: 364 KiB |
BIN
nanoblogger/RMLL2011/montre.jpg
Normal file
After Width: | Height: | Size: 265 KiB |
391
nanoblogger/RMLL2011/nanoblogger.pin
Executable file
@ -0,0 +1,391 @@
|
||||
#!/usr/bin/env pinpoint
|
||||
[font=Sans 50px]
|
||||
[eclair_bleu.jpg] [fill]
|
||||
|
||||
- # Page de garde
|
||||
Découverte des moteurs de blog dits statiques,
|
||||
exemple avec Nanoblogger
|
||||
|
||||
Olivier DOSSMANN
|
||||
12 juillet 2011
|
||||
RMLL Strasbourg
|
||||
|
||||
|
||||
- [auteur.jpg] [bottom-right] # L'auteur
|
||||
Présentation de l'auteur
|
||||
|
||||
olivier@dossmann.net
|
||||
blankoworld@wanadoo.fr
|
||||
# Nom - prénom
|
||||
# Alias (Blanko, Blankoworld, Personne)
|
||||
# Lieu : IRC (freenode, oftc) et jabber
|
||||
|
||||
|
||||
- [exit.jpg]
|
||||
|
||||
- [poissons.jpg] [top-left]
|
||||
Téléversez la conférence sur
|
||||
|
||||
olivier.dossmann.net
|
||||
|
||||
nanoblogger2011.pdf
|
||||
# Les liens sont DONNÉES en fin de présentatin (disponible sur le net)
|
||||
- [boutons.jpg][top] # Question de vocabulaire
|
||||
Vocabulaire
|
||||
# toile
|
||||
# joueb
|
||||
# utilisateur/auteur = personne qui créer le joueb
|
||||
# internaute/lecteur = personne qui visionne le joueb
|
||||
- [boutons.jpg][top]
|
||||
Toile = "oueb"/web
|
||||
|
||||
- [boutons.jpg][top]
|
||||
Joueb, <u>jou</u>rnal w<u>eb</u>
|
||||
# journal web
|
||||
# expression du mot publication
|
||||
- [boutons.jpg]
|
||||
Publications :
|
||||
• articles/billets
|
||||
• vidéos
|
||||
• images/photos
|
||||
• musiques
|
||||
• etc.
|
||||
- [boutons.jpg][top]
|
||||
auteur
|
||||
- [boutons.jpg][top]
|
||||
internaute = lecteur
|
||||
|
||||
- [sentier.jpg] [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
|
||||
- [sentier.jpg]
|
||||
1990, arrivée du HTML
|
||||
# HyperText Markup Language
|
||||
- [butineur.jpg]
|
||||
1992, le premier navigateur : NCSA Mosaic
|
||||
# butineur = navigateur web
|
||||
- [sentier.jpg]
|
||||
1993, les premiers scripts CGI
|
||||
# Common Gateway Interface
|
||||
|
||||
#peuvent contenir C, python,
|
||||
#gambas, php, script shell,
|
||||
#vb, etc.
|
||||
- [sentier.jpg]
|
||||
1995, création de JavaScript
|
||||
|
||||
pages web dynamiques
|
||||
- [sentier.jpg]
|
||||
1994 à 1997, sortie de PHP
|
||||
# Personal Home Page, puis Hypertext Preprocessor
|
||||
- [sentier.jpg]
|
||||
Actuellement :
|
||||
• PHP
|
||||
• Python
|
||||
• Ruby
|
||||
• Perl
|
||||
# tout autre langage dont l'interfaçage avec le web existe
|
||||
|
||||
|
||||
- [sentier.jpg] [top]
|
||||
Par ailleurs…
|
||||
- [utilisateurs_internet_2006.png] [fill]
|
||||
# utilisateurs en 2006
|
||||
1998 : 100 millions
|
||||
# wikipedia
|
||||
2003 : 600 millions
|
||||
# wikipedia
|
||||
2007 : 1,35 millard
|
||||
# pc-inpact
|
||||
2009 : 1,5 milliard
|
||||
# comment ça marche
|
||||
…
|
||||
2013 : 2,2 milliards
|
||||
# la toile est donc un besoin de plus en plus important
|
||||
- [utilisateurs_internet_2006.png][top]
|
||||
La toile devient importante pour :
|
||||
- [utilisateurs_internet_2006.png]
|
||||
partage des données
|
||||
- [utilisateurs_internet_2006.png]
|
||||
information
|
||||
- [utilisateurs_internet_2006.png]
|
||||
fonctionnalités et
|
||||
services pour l'internaute
|
||||
- [utilisateurs_internet_2006.png]
|
||||
recherche
|
||||
- [utilisateurs_internet_2006.png]
|
||||
échanges divers
|
||||
- [utilisateurs_internet_2006.png]
|
||||
…
|
||||
- [utilisateurs_internet_2006.png]
|
||||
La toile est donc un lieu incontournable
|
||||
|
||||
|
||||
- [top] # Plan
|
||||
À quelle sauce allons-nous manger du blog ?
|
||||
# à quelle sauce allons nous manger du joueb ?
|
||||
-
|
||||
Les moteurs de joueb
|
||||
#• Qu'est ce qu'un moteur de joueb ?
|
||||
#• Quelques moteurs connus
|
||||
#• Mode de fonctionnement classique
|
||||
#• Autre vision : les moteurs statiques
|
||||
#• Avantages et inconvénients
|
||||
#• Outils existants
|
||||
Nanoblogger
|
||||
#• Présentation / Origine
|
||||
#• Communauté
|
||||
#• Utilisation rapide
|
||||
#• Fonctionnement (démo rapide)
|
||||
La fin du voyage
|
||||
#• Conclusion rapide
|
||||
#• Quelques mots sur BlogBox
|
||||
#• Remerciements
|
||||
#• Questions ?
|
||||
#• Démonstration possible
|
||||
|
||||
|
||||
- [sorte_moulin.jpg] [top]
|
||||
Qu'est ce qu'un moteur de joueb ?
|
||||
# logiciel permettant la réalisation d'un joueb sur le net
|
||||
- [sorte_moulin.jpg]
|
||||
#Cela permet :
|
||||
• avoir rapidement un joueb
|
||||
• utilisation et maintenance
|
||||
simple et efficace
|
||||
|
||||
|
||||
- [sorte_moulin.jpg] [top]
|
||||
Quelques moteurs de joueb connus
|
||||
- [sorte_moulin.jpg] [top-right]
|
||||
Typo
|
||||
- [sorte_moulin.jpg] [right]
|
||||
Joomla
|
||||
- [sorte_moulin.jpg] [bottom-right]
|
||||
Blog:CMS
|
||||
- [sorte_moulin.jpg] [bottom]
|
||||
b2evolution
|
||||
- [sorte_moulin.jpg] [bottom-left]
|
||||
Dotclear
|
||||
- [sorte_moulin.jpg] [left]
|
||||
Drupal
|
||||
- [sorte_moulin.jpg] [top-left]
|
||||
Movable Type
|
||||
- [sorte_moulin.jpg] [top]
|
||||
Wordpress
|
||||
- [sorte_moulin.jpg] [center]
|
||||
…
|
||||
|
||||
|
||||
- [sorte_moulin.jpg] [top]
|
||||
Mode de fonctionnement classique
|
||||
- [dynamique.jpg]
|
||||
- [sorte_moulin.jpg]
|
||||
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 alternative ?
|
||||
# autre vision de la chose
|
||||
- [panneau_solaire.jpg]
|
||||
Les jouebs statiques pardi !
|
||||
|
||||
|
||||
- [panneau_solaire.jpg] # quelques mots sur les moteurs de jouebs statiques
|
||||
#Les jouebs statiques sont :
|
||||
• une autre vision
|
||||
• une alternative
|
||||
• pas facile pour un utilisateur lambda
|
||||
|
||||
|
||||
- [panneau_solaire.jpg] [top]
|
||||
Fonctionnement d'un moteur de joueb statique
|
||||
- [statique.jpg][fill]
|
||||
|
||||
- [panneau_solaire.jpg][top]
|
||||
Les avantages
|
||||
- [panneau_solaire.jpg]
|
||||
• un serveur web (HTTP) suffit
|
||||
• rapidité
|
||||
• économe
|
||||
# Rapidité d'affichage des pages
|
||||
# - 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é car matériel plus léger
|
||||
# - charges serveur et financières diminuées
|
||||
# - Autant qu'un cache normalement
|
||||
• sécurité
|
||||
# réduction des possibilités de piratage
|
||||
# Non piratable par une tierce personne,
|
||||
# seul le serveur peut souffrir d'une attaque
|
||||
• réplication
|
||||
# sans système de sauvegarde, le joueb 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
|
||||
• multimédia
|
||||
#résultat facilement exportable
|
||||
# \- disquette
|
||||
# \- CD-ROM
|
||||
# \- clé USB
|
||||
|
||||
- [panneau_solaire.jpg] [top]
|
||||
Les inconvénients
|
||||
- [panneau_solaire.jpg]
|
||||
• perte du côté dynamique 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 joueb dynamique est plus efficace si on publie
|
||||
#plusieurs billets/articles par jour
|
||||
# car le temps de compiler, envoyer, etc. est trop long
|
||||
• temps de compilation parfois long
|
||||
|
||||
- [panneau_solaire.jpg][top]
|
||||
Outils existants
|
||||
- [panneau_solaire.jpg]
|
||||
• 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/
|
||||
• 'static weblog engine'
|
||||
|
||||
- [renard.jpg] [top]
|
||||
Nanoblogger (NB)
|
||||
- [renard.jpg]
|
||||
# parler de l'origine de Nanoblogger : N1xter a vu un petit moteur de joueb
|
||||
• n1xt3r
|
||||
# créateur
|
||||
• nb
|
||||
• bash
|
||||
• modulaire
|
||||
• documenté en plusieurs langues (Denis Bernard)
|
||||
• disponible sur la plupart des distributions
|
||||
|
||||
|
||||
- [renard.jpg] [top]
|
||||
Nanoblogger et Associés
|
||||
- [renard.jpg]
|
||||
• communauté
|
||||
• utilisateurs
|
||||
# parsemés
|
||||
• Nanoblogger Francophone
|
||||
- [renard.jpg]
|
||||
Ressources :
|
||||
http://sourceforge.net/projects/nanoblogger/
|
||||
http://oceamer.com/~nanoblogger/
|
||||
http://wiki.nanoblogger.fr/
|
||||
http://depots.nanoblogger.fr/
|
||||
|
||||
|
||||
- [renard.jpg] [top]
|
||||
Fonctionnement
|
||||
- [renard.jpg]
|
||||
• configuration
|
||||
• outils en ligne de commande
|
||||
• template
|
||||
• modules
|
||||
# (activables ou non suivant extension)
|
||||
• compilation
|
||||
|
||||
|
||||
- [renard.jpg] [top]
|
||||
Démonstration
|
||||
# ajout d'un billet, publication et on regarde le résultat
|
||||
|
||||
|
||||
- [top] # Conclusion
|
||||
Conclusion
|
||||
# on a vu gnagna, gnagna, faire synthèse
|
||||
# ouverture vers BlogBox
|
||||
-
|
||||
• économe
|
||||
• assez simple de modifier
|
||||
• plus accessible si interface graphique
|
||||
• léger
|
||||
• dans fonct. de FreedomBox
|
||||
# fonctionnalités
|
||||
• BlogBox
|
||||
|
||||
# DIAPO 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 :)
|
||||
|
||||
|
||||
- [montagnes.jpg] [top]
|
||||
Le projet BlogBox
|
||||
- [montagnes.jpg]
|
||||
• FreedomBox
|
||||
• Internet Libre
|
||||
• du matériel
|
||||
• un logiciel
|
||||
• des tutoriels
|
||||
- [montagnes.jpg]
|
||||
blogbox.e-mergence.org
|
||||
|
||||
|
||||
# DIAPO 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/
|
||||
|
||||
|
||||
- [montre.jpg] # Remerciements / Questions
|
||||
Remerciements à :
|
||||
• Vous de m'avoir écouté
|
||||
• RMLL Strasbourg de me permettre de faire la conférence
|
||||
• LUG Strasbourg pour son accueil chaleureux
|
||||
• Thom1 (freenode.net) pour ses définitions sur Internet Libre
|
||||
• Benjamin Bayart pour sa conférence sur Minitel 2.0 ou Internet Libre
|
||||
• Alexandre Franke pour la découverte d'ikiwiki
|
||||
• Luka Vandervelden pour les schémas de la présente conférence
|
||||
• GNU / Linux Pratique pour la découverte de Nanoblogger
|
||||
• Ines ECK de me soutenir/subir tout les jours ;)
|
||||
• D'autres que j'aurai oubliés ?
|
||||
|
||||
# DIAPO questions après conclusion rapide
|
||||
#Questions ?
|
||||
|
||||
#(sur NB et autres moteurs)
|
||||
|
||||
- [sale.jpg] # LIENS
|
||||
|
||||
• Conf. : http://olivier.dossmann.net/nanoblogger2011.pdf
|
||||
• BlogBox : http://blogbox.e-mergence.org
|
||||
|
||||
• Article sur Internet Libre :
|
||||
http://www.halpanet.org/index.php?q=node/14
|
||||
• Minitel 2.0 ou Internet :
|
||||
http://www.fdn.fr/minitel.avi
|
||||
|
||||
• 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/
|
||||
|
||||
• Nanoblogger
|
||||
Accueil : http://sourceforge.net/projects/nanoblogger/
|
||||
Nanoblogger Francophone : http://oceamer.com/~nanoblogger/
|
||||
Wiki : http://wiki.nanoblogger.fr/
|
||||
Dépôts : http://depots.nanoblogger.fr/
|
||||
|
BIN
nanoblogger/RMLL2011/nb.pdf
Normal file
BIN
nanoblogger/RMLL2011/panneau_solaire.jpg
Normal file
After Width: | Height: | Size: 245 KiB |
BIN
nanoblogger/RMLL2011/poissons.jpg
Normal file
After Width: | Height: | Size: 299 KiB |
BIN
nanoblogger/RMLL2011/renard.jpg
Normal file
After Width: | Height: | Size: 506 KiB |
BIN
nanoblogger/RMLL2011/sale.jpg
Normal file
After Width: | Height: | Size: 548 KiB |
BIN
nanoblogger/RMLL2011/sentier.jpg
Normal file
After Width: | Height: | Size: 202 KiB |
BIN
nanoblogger/RMLL2011/sorte_moulin.jpg
Normal file
After Width: | Height: | Size: 210 KiB |
BIN
nanoblogger/RMLL2011/statique.jpg
Normal file
After Width: | Height: | Size: 66 KiB |
BIN
nanoblogger/RMLL2011/utilisateurs_internet_2006.png
Normal file
After Width: | Height: | Size: 60 KiB |