diff --git a/RMLL2011/.comments/panneau_solaire.jpg.xml b/RMLL2011/.comments/panneau_solaire.jpg.xml new file mode 100644 index 0000000..fa5532c --- /dev/null +++ b/RMLL2011/.comments/panneau_solaire.jpg.xml @@ -0,0 +1,8 @@ + + + Mongolian Family Uses Solar Energy to Power Home + A family in Tarialan, Uvs Province, Mongolia, uses a solar panel to generate power for their ger, a traditional Mongolian tent. +28/Jul/2009. Tarialan, Mongolia. UN Photo/Eskinder Debebe. www.un.org/av/photo/ + + + diff --git a/RMLL2011/auteur.jpg b/RMLL2011/auteur.jpg new file mode 100644 index 0000000..88936f8 Binary files /dev/null and b/RMLL2011/auteur.jpg differ diff --git a/RMLL2011/boutons.jpg b/RMLL2011/boutons.jpg new file mode 100644 index 0000000..e3fb323 Binary files /dev/null and b/RMLL2011/boutons.jpg differ diff --git a/RMLL2011/butineur.jpg b/RMLL2011/butineur.jpg new file mode 100644 index 0000000..e652204 Binary files /dev/null and b/RMLL2011/butineur.jpg differ diff --git a/RMLL2011/dynamique.svg b/RMLL2011/dynamique.svg new file mode 100644 index 0000000..b7208db --- /dev/null +++ b/RMLL2011/dynamique.svg @@ -0,0 +1,79 @@ + + + + + + +_anonymous_0 + + +Auteur + +Auteur + + +Serveur0 + +Serveur + + +Auteur->Serveur0 + + + Dépose scripts + + +Serveur + +Serveur + + +Script + +Script + + +Serveur->Script + + + Exécute + + +Internaute + +Internaute + + +Serveur->Internaute + + + Demande + + +Page web + +Page web + + +Script->Page web + + +Génère + + +Page web->Serveur + + +Donnée + + +Internaute->Serveur + + + Distribue + + + diff --git a/RMLL2011/eclair_bleu.jpg b/RMLL2011/eclair_bleu.jpg new file mode 100644 index 0000000..bd567ab Binary files /dev/null and b/RMLL2011/eclair_bleu.jpg differ diff --git a/RMLL2011/exemple_presentation.pin b/RMLL2011/exemple_presentation.pin new file mode 100755 index 0000000..ea2ee9e --- /dev/null +++ b/RMLL2011/exemple_presentation.pin @@ -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 anything 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] + +- +use pango markup for style + +- [no-markup] +[no-markup] +don't use pango markup + +- [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 diff --git a/RMLL2011/exit.jpg b/RMLL2011/exit.jpg new file mode 100644 index 0000000..f58471a Binary files /dev/null and b/RMLL2011/exit.jpg differ diff --git a/RMLL2011/gratte_ciel.jpg b/RMLL2011/gratte_ciel.jpg new file mode 100644 index 0000000..302dba3 Binary files /dev/null and b/RMLL2011/gratte_ciel.jpg differ diff --git a/RMLL2011/hache_cabine.jpg b/RMLL2011/hache_cabine.jpg new file mode 100644 index 0000000..b2ade7c Binary files /dev/null and b/RMLL2011/hache_cabine.jpg differ diff --git a/RMLL2011/mer.jpg b/RMLL2011/mer.jpg new file mode 100644 index 0000000..3c941e5 Binary files /dev/null and b/RMLL2011/mer.jpg differ diff --git a/RMLL2011/metro.jpg b/RMLL2011/metro.jpg new file mode 100644 index 0000000..29df075 Binary files /dev/null and b/RMLL2011/metro.jpg differ diff --git a/RMLL2011/montagnes.jpg b/RMLL2011/montagnes.jpg new file mode 100644 index 0000000..31ed174 Binary files /dev/null and b/RMLL2011/montagnes.jpg differ diff --git a/RMLL2011/montre.jpg b/RMLL2011/montre.jpg new file mode 100644 index 0000000..dd9cb5c Binary files /dev/null and b/RMLL2011/montre.jpg differ diff --git a/RMLL2011/nanoblogger.pin b/RMLL2011/nanoblogger.pin new file mode 100755 index 0000000..3de05fb --- /dev/null +++ b/RMLL2011/nanoblogger.pin @@ -0,0 +1,342 @@ +#!/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 + +- [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 = 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] +1992, le premier navigateur : 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 dynamiques +- +1994 à 1997, sortie de PHP +# Personal Home Page, puis Hypertext Preprocessor +- +Actuellement : +• PHP +• Python +• Ruby +• Perl +# 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 +- +fonctionnalités et +services pour l'internaute +- +recherche +- +échanges divers +- +… +- +La toile est donc un lieu incontournable + + +- [white] [top] # Plan +Plan +# à 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 + + +- [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] +… + + +- [white] [top] +Mode de fonctionnement classique +- [dynamique.svg] +#FIXME: mettre schéma moteur de joueb 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 jouebs statiques pardi ! + + +- # quelques mots sur les moteurs de jouebs statiques +Les jouebs statiques sont : +• une autre vision +• une alternative +• pas facile pour un utilisateur lambda + + +- [white] [top] +Fonctionnement d'un moteur de joueb statique +- [statique.svg] +#FIXME/ mettre schém de moteur de joueb 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 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 +• résultat facilement exportable + \- disquette + \- CD-ROM + \- clé USB + +- [top] +Les inconvénients +- +• 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 +- [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/ + + +- [white] [top] +Présentation Nanoblogger (NB) +- +# parler de l'origine de Nanoblogger : N1xter a vu un petit moteur de joueb +• petite histoire (n1xt3r) +• nb +• bash +• modulaire +• documenté en plusieurs langues +• disponible sur la plupart des distributions + + +- [white] [top] +Nanoblogger et Associés +- +• communauté +• utilisateurs parsemés +• Nanoblogger Francophone (joueb + wiki) +- +Ressources : +http://oceamer.com/~nanoblogger/ +http://wiki.nanoblogger.fr/ +http://depots.nanoblogger.fr/ + + +- [white] [top] +Fonctionnement +- +• outils en ligne de commande +• template +• modules (activables ou non suivant extension) +• compilation +• configuration + + +- [white] [top] +Démonstration +# ajout d'un billet, publication et on regarde le résultat + +- [hache_cabine.jpg] +Oups ! J'ai cassé la fin de la conf ! +- [sale.jpg] +La fin du voyage : +• Conclusion rapide +• Quelques mots sur BlogBox +• Démonstration possible + +- [montre.jpg] # Remerciements / Questions +Remerciements à : +• RMLL Strasbourg de me permettre de faire la conférence +• 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 conférence +• GNU / Linux Pratique pour la découverte de Nanoblogger +• Vous de m'avoir écouté +• Ines ECK de m'avoir soutenu dans ce projet de conférence +• D'autres que j'aurai oubliés ? + +# 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 :) + + +# 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/ + +# DIAPO questions après conclusion rapide +#Questions ? + +#(sur NB et autres moteurs) + + diff --git a/RMLL2011/panneau_solaire.jpg b/RMLL2011/panneau_solaire.jpg new file mode 100644 index 0000000..7a21cca Binary files /dev/null and b/RMLL2011/panneau_solaire.jpg differ diff --git a/RMLL2011/poissons.jpg b/RMLL2011/poissons.jpg new file mode 100644 index 0000000..edcb0ee Binary files /dev/null and b/RMLL2011/poissons.jpg differ diff --git a/RMLL2011/renard.jpg b/RMLL2011/renard.jpg new file mode 100644 index 0000000..eb0cbb0 Binary files /dev/null and b/RMLL2011/renard.jpg differ diff --git a/RMLL2011/sale.jpg b/RMLL2011/sale.jpg new file mode 100644 index 0000000..43b3bfb Binary files /dev/null and b/RMLL2011/sale.jpg differ diff --git a/RMLL2011/sentier.jpg b/RMLL2011/sentier.jpg new file mode 100644 index 0000000..75724bb Binary files /dev/null and b/RMLL2011/sentier.jpg differ diff --git a/RMLL2011/sorte_moulin.jpg b/RMLL2011/sorte_moulin.jpg new file mode 100644 index 0000000..638c9f0 Binary files /dev/null and b/RMLL2011/sorte_moulin.jpg differ diff --git a/RMLL2011/statique.svg b/RMLL2011/statique.svg new file mode 100644 index 0000000..14fb57d --- /dev/null +++ b/RMLL2011/statique.svg @@ -0,0 +1,62 @@ + + + + + + +_anonymous_0 + + +Utilisateur + +Utilisateur + + +Page web + +Page web + + +Utilisateur->Page web + + + Génère + + +Serveur + +Serveur + + +Page web->Serveur + + + Envoyée + + +Internaute + +Internaute + + +Serveur2 + +Serveur + + +Internaute->Serveur2 + + +Distribue + + +Serveur2->Internaute + + + Demande + + +