[IMP] Make this repository available for more than one conference

nanoblogger/GULL/nb.tex

@@ -0,0 +1,207 @@
+\documentclass{beamer}
+
+\usepackage[latin1]{inputenc}
+\usepackage[T1]{fontenc}
+\usepackage[french]{babel}
+\usepackage{hyperref} % permet d'ajouter des liens
+\usepackage{pgfpages}
+% \pgfpagesuselayout{2 on 1}[a4paper,border shrink=5mm]
+\mode<presentation> {
+  \usetheme{Warsaw} % Th<54>me utilis<69>
+  \setbeamercovered{transparent}
+}
+
+% Titre de la pr<70>sentation
+\title[Les moteurs de joueb statiques]{D<EFBFBD>couverte des moteurs de joueb dits \og{}statiques\fg{}}
+% Sous - titre
+\subtitle{Exemple de Nanoblogger}
+% Auteur
+\author[Blankoworld]{Olivier DOSSMANN alias Blankoworld\\\texttt{blankoworld@wanadoo.fr}}
+% Lieu de cr<63>ation/utilisation
+\institute{GULL Strasbourg}
+% Date de la pr<70>sentation
+\date{8 septembre 2009}
+
+% Pour afficher le plan <20> chaque sous-section
+% \AtBeginSubsection[] {
+%   \begin{frame}<beamer>{Plan}
+%     \tableofcontents[currentsection,currentsubsection]
+%   \end{frame}
+% }
+
+% D<>but du document
+\begin{document}
+
+\begin{frame}
+  \titlepage
+\end{frame}
+
+\begin{frame}{Quelques informations sur~: }
+  \begin{enumerate}
+    \pause \item
+      Lui %D<>tails sur Blanko
+    \pause \item
+      Vocabulaire
+      \begin{itemize}
+        \item 
+          joueb % JOUrnal wEB
+          \begin{definition}
+            \pause Les jouebs sont finalement l'expression du mot \og{}publication \fg{}. Que ce soit pour~:
+            \begin{itemize}
+              \pause \item des articles/billets
+              \pause \item des fichiers multim<69>dias
+              \pause \item etc.
+            \end{itemize}
+          \end{definition}
+        \pause \item
+          utilisateur % auteur du joueb
+        \pause \item
+          internaute % personne qui va visualiser/utiliser le r<>sultat
+      \end{itemize}
+  \end{enumerate}
+\end{frame}
+
+\begin{frame}{Quelques moments cl<63>s~: }
+% D<>sol<6F> de devoir vous saouler avec l'histoire, mais cela permet de visualiser l'<27>volution des choses
+  \begin{enumerate}
+    \item<1->
+      1990, d<>buts du Web tel que nous le connaissons avec l'arriv<69>e d'un langage de pr<70>sentation~: le HTML
+      % HTML = HyperText Markup Language
+    \item<2->
+      1992, le premier butineur(ou navigateur web)~: NCSA Mosaic
+    \item<3->
+      1993, les premiers scripts CGI~: peuvent contenir du C, Python, Gambas, PHP, script shell, VB, etc.
+      % CGI = Common Gateway Interface
+    \item<4->
+      1995, cr<63>ation de JavaScript~: langage de programmation de scripts pour des pages web interactives
+    \item<5->
+      1994 <20> 1997, sortie de PHP
+      % PHP = Personal Home Page, puis Hypertext Pr<50>processor
+    \item<6->
+      Actuellement~: utilisation de langages tels que PHP, Python, Ruby, Perl, Java, Ocaml, etc. % tout autre langage dont l'interfa<66>age avec le net existe.
+    % dotclear(PHP), pyblosxom(python), Typo(ruby), blosxom(perl), pebble(java),  ocsimore(ocaml/ocsigen)
+  \end{enumerate}
+\end{frame}
+
+\begin{frame}{Par ailleurs ...}
+  Entre 1998 et 2003 nous sommes pass<73>s de 100 <20> 600 millions d'internautes.
+
+  \pause Force est de constater que la Toile rel<65>ve donc d'un besoin de plus en plus important~: 
+  \begin{itemize}
+    \pause \item partage de l'information
+    \pause \item espace personnel
+    \pause \item services divers % propos<6F>s <20> l'internaute
+    \pause \item la recherche
+    \pause \item <20>changes divers
+    \pause \item etc.
+  \end{itemize}
+  % La Toile est donc un lieu incontournable
+\end{frame}
+
+\begin{frame}{Plan}
+  \frametitle{Plan}
+  \tableofcontents
+\end{frame}
+
+\section{Les moteurs de joueb}
+\subsection{Qu'est ce qu'un moteur de joueb ?}
+\begin{frame}{Qu'est ce qu'un moteur de joueb ?}
+  \begin{definition}
+    Logiciel permettant la r<>alisation de jouebs (journal web)
+  \end{definition}
+  \pause Cela permet~: 
+  \begin{itemize}
+    \pause \item d'avoir rapidement un joueb <20> port<72>e de main
+    \item une utilisation et une maintenance simple et efficace
+  \end{itemize}
+\end{frame}
+
+\begin{frame}{Quelques moteurs de joueb connus}
+Liste les moteurs de jouebs ici
+\end{frame}
+
+\begin{frame}{Ressources demand<6E>es par ces moteurs}
+Finir par dire : mais ?! tout ces moteurs requi<75>rent pas mal de ressources et d'installations particuli<6C>res sur le serveur :
+\begin{itemize}
+\item un serveur web
+\item les binaires pour l'ex<65>cution du code
+\item un module pour lier les deux
+\end{itemize}
+N'y aurait il pas une autre vision de la chose ? Bah si : les moteurs de sites statiques !
+D<EFBFBD>finition de moteurs de blog statique
+% ATTENTION LE CACHE est une bonne m<>thode pour <20>viter d'ordonner <20> tout bout de champ au serveur de recalculer un r<>sultat de page
+\end{frame}
+
+\subsection{Mode de fonctionnement}
+
+\begin{frame}{Mode de fonctionnement d'un moteur de blog statique}
+Mettre ici un sch<63>ma et pr<70>senter la chose
+\end{frame}
+
+\subsection{Outils existants}
+
+\begin{frame}{Les outils propos<6F>s}
+  Apr<70>s plusieurs recherches sur la toile, voici quelques r<>sultats : 
+  \begin{enumerate}
+    \item Nanoblogger~: \href{http://nanoblogger.sourceforge.net}{\beamerbutton{http://nanoblogger.sourceforge.net}} % [bash] dont nous allons parler
+    \item Panda~: \href{http://www.haskell.org/haskellwiki/Panda}{\beamerbutton{http://www.haskell.org/haskellwiki/Panda}} % [Haskell] non test<73>
+    \item Rassmalog~: \href{http://snk.tuxfamily.org/lib/rassmalog/output/about.html}{\beamerbutton{http://snk.tuxfamily.org/lib/rassmalog/output/about.html}} % [Ruby] pr<70>vu pour la BlogBox
+    \item Wadcomblog~: \href{http://vss.73rus.com/wadcomblog/}{\beamerbutton{http://vss.73rus.com/wadcomblog/}} % [Python] test<73> rapidement
+    \item Ikiwiki~: \href{http://ikiwiki.info/}{\beamerbutton{http://ikiwiki.info/}} % [Perl] utilis<69> pour nb.homelinux.com
+  \end{enumerate}
+\end{frame}
+
+\subsection{Avantages et inconv<6E>nients}
+
+\begin{frame}{Les avantages et inconv<6E>nients d'un tel syst<73>me}
+Donner ici les diff<66>rents avantages et inconv<6E>nients
+\end{frame}
+
+\section{Nanoblogger}
+
+\begin{frame}{Exemple de Nanoblogger}
+\end{frame}
+
+\section{Conclusion}
+
+\subsection{Conclusion rapide}
+
+\begin{frame}{Conclusion rapide}
+Dire dans QUELS cas d'utilisation les moteurs de joueb statique, et plus particuli<6C>rement Nanoblogger sont efficaces/utiles
+Des questions ?
+\end{frame}
+
+\subsection{Questions}
+\begin{frame}{Questions}
+Avez vous des questions avant que je passe <20> la mise en application d'un moteur de joueb statique ?
+\end{frame}
+
+\subsection{D<EFBFBD>monstration}
+\begin{frame}{D<EFBFBD>monstration}
+./configure \&\& make \&\& make install
+\end{frame}
+
+\section*{Pour aller plus loin}
+
+% Projet BlogBox (BB)
+% Benjamin Bayart et l'internet libre : donner adresse de la vid<69>o sur le minitel 2.0
+% Le projet BB c'est :
+%  - du matos (NSLU2 par exemple) => donner une image. Expliquer consommation basse, environ 22W
+% il y a le sheevaplug aussi qui consomme 5w et est tr<74>s petit, n'h<>sites pas <20> me redemander
+% ~~afranke
+%  - du logiciel (par exemple Rassmalog)
+
+\begin{frame}{Le projet BlogBox}
+Projet BlogBox / Internet Libre
+\end{frame}
+
+\begin{frame}{Remerciements}
+Mettre ici les merci <20> tout le monde
+Pas oublier les relecteurs !
+\end{frame}
+
+\begin{frame}{Sources}
+Citer les sources : Wikipedia, fdn.fr, etc.
+\end{frame}
+
+\end{document}

nanoblogger/GULL/pinpoint/dynamique.svg

@@ -0,0 +1,79 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN"
+ "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<!-- Generated by graphviz version 2.26.3 (20100126.1600)
+ -->
+<!-- Title: _anonymous_0 Pages: 1 -->
+<svg width="382pt" height="242pt"
+ viewBox="0.00 0.00 382.00 242.00" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+<g id="graph1" class="graph" transform="scale(1 1) rotate(0) translate(4 238)">
+<title>_anonymous_0</title>
+<polygon fill="white" stroke="white" points="-4,5 -4,-238 379,-238 379,5 -4,5"/>
+<!-- Auteur -->
+<g id="node1" class="node"><title>Auteur</title>
+<polygon fill="none" stroke="black" points="65,-234 1.42109e-14,-208 65,-182 130,-208 65,-234"/>
+<text text-anchor="middle" x="65" y="-204.4" font-family="Times Roman,serif" font-size="14.00">Auteur</text>
+</g>
+<!-- Serveur0 -->
+<g id="node3" class="node"><title>Serveur0</title>
+<ellipse fill="none" stroke="black" cx="65" cy="-109" rx="50.2046" ry="18.3848"/>
+<text text-anchor="middle" x="65" y="-105.4" font-family="Times Roman,serif" font-size="14.00">Serveur</text>
+</g>
+<!-- Auteur&#45;&gt;Serveur0 -->
+<g id="edge2" class="edge"><title>Auteur&#45;&gt;Serveur0</title>
+<path fill="none" stroke="black" d="M65,-181.989C65,-168.385 65,-151.699 65,-137.716"/>
+<polygon fill="black" stroke="black" points="68.5001,-137.647 65,-127.647 61.5001,-137.647 68.5001,-137.647"/>
+<text text-anchor="middle" x="117.5" y="-151.4" font-family="Times Roman,serif" font-size="14.00"> Dépose scripts</text>
+</g>
+<!-- Serveur -->
+<g id="node4" class="node"><title>Serveur</title>
+<ellipse fill="none" stroke="black" cx="258" cy="-109" rx="50.2046" ry="18.3848"/>
+<text text-anchor="middle" x="258" y="-105.4" font-family="Times Roman,serif" font-size="14.00">Serveur</text>
+</g>
+<!-- Script -->
+<g id="node6" class="node"><title>Script</title>
+<polygon fill="none" stroke="black" points="222,-226 166,-226 166,-190 222,-190 222,-226"/>
+<text text-anchor="middle" x="194" y="-204.4" font-family="Times Roman,serif" font-size="14.00">Script</text>
+</g>
+<!-- Serveur&#45;&gt;Script -->
+<g id="edge4" class="edge"><title>Serveur&#45;&gt;Script</title>
+<path fill="none" stroke="black" d="M239.309,-126.443C233.638,-132.315 227.676,-139.129 223,-146 215.76,-156.637 209.457,-169.368 204.593,-180.519"/>
+<polygon fill="black" stroke="black" points="201.333,-179.242 200.701,-189.818 207.79,-181.944 201.333,-179.242"/>
+<text text-anchor="middle" x="253" y="-151.4" font-family="Times Roman,serif" font-size="14.00"> Exécute</text>
+</g>
+<!-- Internaute -->
+<g id="node11" class="node"><title>Internaute</title>
+<polygon fill="none" stroke="black" points="258,-52 167,-26 258,-3.55271e-15 349,-26 258,-52"/>
+<text text-anchor="middle" x="258" y="-22.4" font-family="Times Roman,serif" font-size="14.00">Internaute</text>
+</g>
+<!-- Serveur&#45;&gt;Internaute -->
+<g id="edge10" class="edge"><title>Serveur&#45;&gt;Internaute</title>
+<path fill="none" stroke="black" d="M251.553,-80.4817C251.081,-70.6775 251.161,-59.7983 251.79,-50.3559"/>
+<polygon fill="black" stroke="black" points="248.07,-80.857 252.28,-90.5796 255.052,-80.3539 248.07,-80.857"/>
+<text text-anchor="middle" x="209.368" y="-61.3178" font-family="Times Roman,serif" font-size="14.00"> Demande</text>
+</g>
+<!-- Page web -->
+<g id="node8" class="node"><title>Page web</title>
+<polygon fill="none" stroke="black" points="374,-226 292,-226 292,-190 374,-190 374,-226"/>
+<text text-anchor="middle" x="333" y="-204.4" font-family="Times Roman,serif" font-size="14.00">Page web</text>
+</g>
+<!-- Script&#45;&gt;Page web -->
+<g id="edge6" class="edge"><title>Script&#45;&gt;Page web</title>
+<path fill="none" stroke="black" d="M222.129,-208C239.085,-208 261.206,-208 281.225,-208"/>
+<polygon fill="black" stroke="black" points="281.463,-211.5 291.463,-208 281.463,-204.5 281.463,-211.5"/>
+<text text-anchor="middle" x="257" y="-213.4" font-family="Times Roman,serif" font-size="14.00">Génère</text>
+</g>
+<!-- Page web&#45;&gt;Serveur -->
+<g id="edge8" class="edge"><title>Page web&#45;&gt;Serveur</title>
+<path fill="none" stroke="black" d="M319.244,-189.842C307.614,-174.491 290.81,-152.309 277.744,-135.062"/>
+<polygon fill="black" stroke="black" points="280.497,-132.9 271.669,-127.043 274.918,-137.127 280.497,-132.9"/>
+<text text-anchor="middle" x="325.5" y="-151.4" font-family="Times Roman,serif" font-size="14.00">Donnée</text>
+</g>
+<!-- Internaute&#45;&gt;Serveur -->
+<g id="edge12" class="edge"><title>Internaute&#45;&gt;Serveur</title>
+<path fill="none" stroke="black" d="M264.661,-60.3997C264.922,-70.7447 264.608,-81.6965 263.72,-90.5796"/>
+<polygon fill="black" stroke="black" points="268.156,-60.1885 264.21,-50.3559 261.163,-60.5031 268.156,-60.1885"/>
+<text text-anchor="middle" x="306.415" y="-73.565" font-family="Times Roman,serif" font-size="14.00"> Distribue</text>
+</g>
+</g>
+</svg>

nanoblogger/GULL/pinpoint/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 <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

nanoblogger/GULL/pinpoint/nanoblogger.pin

@@ -0,0 +1,357 @@
+#!/usr/bin/env pinpoint
+[font=Sans 50px]
+[eclair_bleu.jpg] [fill]
+
+- [font=Monospace 100px] # 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
+
+
+- [auteur.jpg] [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
+
+- [exit.jpg] [top]
+Ne partez pas ! (si trop vite, m'arrêtez !)
+
+- [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
+-
+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 ?
+• 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 ?
+• 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]
+etc.
+
+
+- [white] [top]
+Mode de fonctionnement classique
+- [dynamique.svg]
+#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
+- [statique.svg]
+#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/
+
+
+- [white] [top]
+Présentation Nanoblogger (NB)
+-
+# parler de l'origine de Nanoblogger : N1xter a vu un petit moteur de blog
+• 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 rapide
+# 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
+• Remerciements
+• Questions ?
+• Démonstration possible
+- [sale.jpg]
+Remerciements à :
+• LUG de 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 aux RMLL si connue
+• 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)
+
+

nanoblogger/GULL/pinpoint/statique.svg

@@ -0,0 +1,62 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN"
+ "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<!-- Generated by graphviz version 2.26.3 (20100126.1600)
+ -->
+<!-- Title: _anonymous_0 Pages: 1 -->
+<svg width="306pt" height="334pt"
+ viewBox="0.00 0.00 306.00 334.00" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+<g id="graph1" class="graph" transform="scale(1 1) rotate(0) translate(4 330)">
+<title>_anonymous_0</title>
+<polygon fill="white" stroke="white" points="-4,5 -4,-330 303,-330 303,5 -4,5"/>
+<!-- Utilisateur -->
+<g id="node1" class="node"><title>Utilisateur</title>
+<polygon fill="none" stroke="black" points="89,-326 1.42109e-14,-300 89,-274 178,-300 89,-326"/>
+<text text-anchor="middle" x="89" y="-296.4" font-family="Times Roman,serif" font-size="14.00">Utilisateur</text>
+</g>
+<!-- Page web -->
+<g id="node3" class="node"><title>Page web</title>
+<polygon fill="none" stroke="black" points="47.5,-183 47.5,-219 130.5,-219 130.5,-183 47.5,-183"/>
+<text text-anchor="middle" x="89" y="-197.4" font-family="Times Roman,serif" font-size="14.00">Page web</text>
+</g>
+<!-- Utilisateur&#45;&gt;Page web -->
+<g id="edge2" class="edge"><title>Utilisateur&#45;&gt;Page web</title>
+<path fill="none" stroke="black" d="M89,-273.989C89,-260.202 89,-243.25 89,-229.155"/>
+<polygon fill="black" stroke="black" points="92.5001,-229.032 89,-219.032 85.5001,-229.032 92.5001,-229.032"/>
+<text text-anchor="middle" x="117" y="-243.4" font-family="Times Roman,serif" font-size="14.00"> Génère</text>
+</g>
+<!-- Serveur -->
+<g id="node5" class="node"><title>Serveur</title>
+<ellipse fill="none" stroke="black" cx="89" cy="-109" rx="50.2046" ry="18.3848"/>
+<text text-anchor="middle" x="89" y="-105.4" font-family="Times Roman,serif" font-size="14.00">Serveur</text>
+</g>
+<!-- Page web&#45;&gt;Serveur -->
+<g id="edge4" class="edge"><title>Page web&#45;&gt;Serveur</title>
+<path fill="none" stroke="black" d="M89,-182.824C89,-170.014 89,-152.592 89,-137.89"/>
+<polygon fill="black" stroke="black" points="92.5001,-137.77 89,-127.77 85.5001,-137.77 92.5001,-137.77"/>
+<text text-anchor="middle" x="121" y="-151.4" font-family="Times Roman,serif" font-size="14.00"> Envoyée</text>
+</g>
+<!-- Internaute -->
+<g id="node6" class="node"><title>Internaute</title>
+<polygon fill="none" stroke="black" points="207,-52 116,-26 207,-3.55271e-15 298,-26 207,-52"/>
+<text text-anchor="middle" x="207" y="-22.4" font-family="Times Roman,serif" font-size="14.00">Internaute</text>
+</g>
+<!-- Serveur2 -->
+<g id="node8" class="node"><title>Serveur2</title>
+<ellipse fill="none" stroke="black" cx="207" cy="-109" rx="50.2046" ry="18.3848"/>
+<text text-anchor="middle" x="207" y="-105.4" font-family="Times Roman,serif" font-size="14.00">Serveur</text>
+</g>
+<!-- Internaute&#45;&gt;Serveur2 -->
+<g id="edge6" class="edge"><title>Internaute&#45;&gt;Serveur2</title>
+<path fill="none" stroke="black" d="M213.661,-60.3997C213.922,-70.7447 213.608,-81.6965 212.72,-90.5796"/>
+<polygon fill="black" stroke="black" points="217.156,-60.1885 213.21,-50.3559 210.163,-60.5031 217.156,-60.1885"/>
+<text text-anchor="middle" x="255.415" y="-73.565" font-family="Times Roman,serif" font-size="14.00">Distribue</text>
+</g>
+<!-- Serveur2&#45;&gt;Internaute -->
+<g id="edge8" class="edge"><title>Serveur2&#45;&gt;Internaute</title>
+<path fill="none" stroke="black" d="M200.553,-80.4817C200.081,-70.6775 200.161,-59.7983 200.79,-50.3559"/>
+<polygon fill="black" stroke="black" points="197.07,-80.857 201.28,-90.5796 204.052,-80.3539 197.07,-80.857"/>
+<text text-anchor="middle" x="158.368" y="-61.3178" font-family="Times Roman,serif" font-size="14.00"> Demande</text>
+</g>
+</g>
+</svg>

nanoblogger/GULL/presentation_moteur_blog_statiques_00.texte

@@ -0,0 +1,68 @@
+====== Les moteurs de blog statique ======
+
+Présentation de soi (ne pas le mettre sur les diapositives) :
+  * Olivier DOSSMANN - 24 ans
+  * alias Blankoworld
+  * Étudiant en informatique (licence pro CDED)
+  * Ai travaillé à PowerLinux
+
+Un peu de vocabulaire : 
+  * Si je dis JOUEB souvent, c'est pour nommer les blogs, joueb étant JOUrnal wEB
+  * Je dois normalement utiliser les mots : 
+    * utilisateur pour décrire la personne utilisant le moteur du joueb (l'auteur du joueb si vous voulez)
+    * internaute pour décrire la personne qui va visualiser les pages du joueb
+
+===== Plans / idées possibles =====
+
+  * Qu'est ce qu'un moteur de blog ?
+  * Dynamique, statique, la poisse !
+  * Principaux moteurs statiques
+
+===== Connaissances =====
+
+==== Moteurs de blogs statiques ====
+
+  * Nanoblogger (écrit en bash) : http://nanoblogger.sourceforge.net
+  * Panda (écrit en Haskell) : http://www.haskell.org/haskellwiki/Panda
+  * Rassmalog (écrit en ruby) : http://snk.tuxfamily.org/lib/rassmalog/output/about.html
+  * Wadcomblog (écrit en python) : http://vss.73rus.com/wadcomblog/
+  * Ikiwiki (écrit en perl) : http://ikiwiki.info/
+
+==== Vrac ====
+
+Avant le net : gopher et usenet
+
+Avantages du moteur de joueb/blog statique : 
+  * Seul un serveur web HTTP est nécessaire pour servir les pages aux internautes => pas de base de données, pas de calculs spécifiques, ce qui induit un coût moindre pour le serveur tant par l'énergie, le matériel, donc investissements et charges diminuées
+  * Rapidité de l'affichage des pages, une page HTML pourrait pour ainsi dire être assimilable à un fichier texte. Sauf qu'on ajoute tout de même des images et un fichier texte supplémentaire : la feuille de style (ou CSS, Cascading Style Sheet)
+  * Le site n'est pas "hackable" par une tierce personne, seul le serveur lui même est attaquable
+  * En cas où le serveur tombe en panne le travail se trouve toujours sur notre ordinateur, on peut alors recompiler et déposer le site sur un autre serveur
+  * Indépendant du serveur : on peut migrer le site (résultat de la compilation) d'un hébergeur à l'autre, il faut seulement qu'il possède un serveur web HTTP qui puisse délivrer des pages HTML aux internautes
+  * Scriptable / automatisation de tâches : très utile pour le côté "personnalisation"
+
+Inconvénients : 
+  * On perd le côté "interaction avec l'internaute", sauf si on ajoute du Javascript dans ses pages. Il faut savoir que nanoblogger permet de générer des fichiers dont l'extension est choisie par l'utilisateur, donc on peut imaginer faire des pages en PHP, ce qui perd un ensemble d'avantage au niveau rapidité et indépendance du serveur
+  * Faut tripatouiller dans les lignes de commande, connaître un peu le HTML, CSS si on veut personnaliser notre site, sauf si on crée une interface graphique pour les utilisateurs
+  * Les commentaires
+  * Le rapport entre "nombre de modifications/ajouts" par jour et le nombre de visiteurs potentiels est souvent mauvais, c'est à dire qu'on a soit trop peu d'utilisateurs comparé à la durée de compilation qu'on a pour créer le site, ou bien on a trop de modifications à faire par jour, et donc le temps entre la rédaction et la publication de la nouvelle est ennuyeux pour les utilisateurs en fonction du type de contenu.
+  * Pas d'interface graphique
+
+Quelques moteurs de jouebs :
+  * Typo
+  * Joomla
+  * Blog:CMS
+  * b2evolution
+  * Dotclear
+  * Drupal
+  * Movable Type
+  * WordPress
+
+==== Schéma ====
+
+Faire un schéma pour différencier un moteur de blog dit "normal", à un moteur de blog dit "statique".
+
+Le moteur de blog normal est un code source, placé à un endroit spécifique. Au moment de l'appel, il génère tout le code nécessaire à la création d'un HTML ou tout autre type de contenu à rendre à l'internaute. Le problème est que pour chaque utilisateur demandant la page, il va refaire l'ensemble du processus de rendu de la page. Bien que les bons administrateurs de serveurs mettent en place un cache pour réduire un maximum le travail effectué par le serveur.
+
+Pour un moteur de blog statique, la façon de procéder est différente. C'est un code source qui va générer un blog suite à l'ajout d'un billet, et mettre à un endroit spécifique le résultat de sa compilation. C'est le RESULTAT qui sera visible pour tout les internautes.
+
+

nanoblogger/GULL/presentation_moteur_blog_statiques_01.texte

@@ -0,0 +1,97 @@
+====== Les moteurs de blog statique ======
+
+Présentation de soi (ne pas le mettre sur les diapositives) :
+  * Olivier DOSSMANN - 24 ans
+  * alias Blankoworld
+  * Étudiant en informatique (licence pro CDED)
+  * Ai travaillé à PowerLinux.fr
+
+Un peu de vocabulaire : 
+  * Si je dis JOUEB souvent, c'est pour nommer les blogs, joueb étant JOUrnal wEB
+  * Je dois normalement utiliser les mots : 
+    * utilisateur pour décrire la personne utilisant le moteur du joueb (l'auteur du joueb si vous voulez)
+    * internaute pour décrire la personne qui va visualiser les pages du joueb
+
+===== Plans / idées possibles =====
+
+  * Qu'est ce qu'un moteur de blog ?
+  * Dynamique, statique, la poisse !
+  * Principaux moteurs statiques
+  * Remerciements
+    * Thom1 (irc.freenode.net #absolinux) pour ses définitions sur l'Internet Libre et quelques exemples
+	* Benjamin Bayart pour sa conférence "Internet Libre ou Minitel 2.0" disponible à l'adresse suivante : http://www.fdn.fr/minitel.avi
+	* Alexandre FRANKE pour la découverte d'ikiwiki
+	* GNU/Linux Pratique pour la découverte de Nanoblogger
+	* Vous pour m'avoir écouté et pas avoir trop dormi
+	* D'autres personnes que j'aurais oublié
+  * Questions ?
+  * Conclusion rapide
+
+===== Connaissances =====
+
+==== Moteurs de blogs statiques ====
+
+  * Nanoblogger (écrit en bash) : http://nanoblogger.sourceforge.net
+  * Panda (écrit en Haskell) : http://www.haskell.org/haskellwiki/Panda
+  * Rassmalog (écrit en ruby) : http://snk.tuxfamily.org/lib/rassmalog/output/about.html
+  * Wadcomblog (écrit en python) : http://vss.73rus.com/wadcomblog/
+  * Ikiwiki (écrit en perl) : http://ikiwiki.info/
+
+==== Vrac ====
+
+Avant le net : gopher et usenet
+
+Avantages du moteur de joueb/blog statique : 
+  * Seul un serveur web HTTP est nécessaire pour servir les pages aux internautes => pas de base de données, pas de calculs spécifiques, ce qui induit un coût moindre pour le serveur tant par l'énergie, le matériel, donc investissements et charges diminuées
+  * Rapidité de l'affichage des pages, une page HTML pourrait pour ainsi dire être assimilable à un fichier texte. Sauf qu'on ajoute tout de même des images et un fichier texte supplémentaire : la feuille de style (ou CSS, Cascading Style Sheet)
+  * Le site n'est pas "hackable" par une tierce personne, seul le serveur lui même est attaquable
+  * En cas où le serveur tombe en panne le travail se trouve toujours sur notre ordinateur, on peut alors recompiler et déposer le site sur un autre serveur
+  * Indépendant du serveur : on peut migrer le site (résultat de la compilation) d'un hébergeur à l'autre, il faut seulement qu'il possède un serveur web HTTP qui puisse délivrer des pages HTML aux internautes
+  * Scriptable / automatisation de tâches : très utile pour le côté "personnalisation"
+  * l'Internet libre c'est contrôler ses propres données en ligne
+  * Quand on reçoit du courrier postal, on le reçoit dans notre boîte au lettre, devant chez nous, ou dans le bâtiment lui même. Pourquoi cela serait différent pour nos courriels ?
+  * Quand on veut des informations sur quelqu'un, la meilleure source, c'est la personne elle-même. Pourquoi cela serait différent pour nos vidéos, notre joueb/blog sur le net ?
+  * Le résultat est facilement exploitable sur une disquette, CDROM, DVD, clé USB etc.
+  
+---- 
+
+Avantage :
+
+Permet de réduire le coût de l’hébergement.
+Le niveau nécessaire pour la réalisation de ce type de site est faible.
+
+Optimisation moteur grandement facilité.
+
+----
+
+Inconvénients : 
+  * On perd le côté "interaction avec l'internaute", sauf si on ajoute du Javascript dans ses pages. Il faut savoir que nanoblogger permet de générer des fichiers dont l'extension est choisie par l'utilisateur, donc on peut imaginer faire des pages en PHP, ce qui perd un ensemble d'avantage au niveau rapidité et indépendance du serveur
+  * Faut tripatouiller dans les lignes de commande, connaître un peu le HTML, CSS si on veut personnaliser notre site, sauf si on crée une interface graphique pour les utilisateurs
+  * Les commentaires
+  * Le rapport entre "nombre de modifications/ajouts" par jour et le nombre de visiteurs potentiels est souvent mauvais, c'est à dire qu'on a soit trop peu d'utilisateurs comparé à la durée de compilation qu'on a pour créer le site, ou bien on a trop de modifications à faire par jour, et donc le temps entre la rédaction et la publication de la nouvelle est ennuyeux pour les utilisateurs en fonction du type de contenu.
+  * Pas d'interface graphique
+
+Quelques moteurs de jouebs :
+  * Typo
+  * Joomla
+  * Blog:CMS
+  * b2evolution
+  * Dotclear
+  * Drupal
+  * Movable Type
+  * WordPress
+
+==== Schéma ====
+
+Faire un schéma pour différencier un moteur de blog dit "normal", à un moteur de blog dit "statique".
+
+Le moteur de blog normal est un code source, placé à un endroit spécifique. Au moment de l'appel, il génère tout le code nécessaire à la création d'un HTML ou tout autre type de contenu à rendre à l'internaute. Le problème est que pour chaque utilisateur demandant la page, il va refaire l'ensemble du processus de rendu de la page. Bien que les bons administrateurs de serveurs mettent en place un cache pour réduire un maximum le travail effectué par le serveur.
+
+Pour un moteur de blog statique, la façon de procéder est différente. C'est un code source qui va générer un blog suite à l'ajout d'un billet, et mettre à un endroit spécifique le résultat de sa compilation. C'est le RESULTAT qui sera visible pour tout les internautes.
+
+===== Notes =====
+
+  * Ajouter des images qui n'ont rien à voir, toutes les 4 à 5 diapositives (voire toute les 5 min)
+  * Parler de l'application des moteurs de jouebs statiques à l'Internet Libre
+  * Se renseigner sur les handout => impression des diapos avec commentaires de l'auteur
+

nanoblogger/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 <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

nanoblogger/RMLL2011/nanoblogger.pin

@@ -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/
+

nanoblogger/graphiques/Makefile

@@ -0,0 +1,17 @@
+
+
+statique: statique.svg statique.png
+statique.svg:
+	dot -Tsvg statique.dot -o statique.svg
+statique.png:
+	dot -Tpng statique.dot -o statique.png
+
+dynamique: dynamique.svg dynamique.png
+dynamique.svg:
+	dot -Tsvg dynamique.dot -o dynamique.svg
+dynamique.png:
+	dot -Tpng dynamique.dot -o dynamique.png
+
+clean:
+	rm -f *.png *.svg
+

nanoblogger/graphiques/dynamique.dot

@@ -0,0 +1,26 @@
+
+digraph {
+	//
+	Auteur -> Serveur0 [label=" Dépose scripts"]
+	
+	Serveur -> Script    [label=" Exécute"]
+	Script -> "Page web" [label="Génère"]
+	"Page web" -> Serveur [label="Donne"]
+	Serveur -> Internaute [taillabel=" Demande",labeldistance=5,labelangle=305,dir=back]
+	Internaute -> Serveur [taillabel=" Distribue",labeldistance=5,labelangle=305,dir=back]
+	
+	// Labels
+	Serveur0 [label="Serveur"]
+	//Serveur2 [label="Serveur"]
+	
+	// Shapes
+	Internaute [shape=diamond]
+	Auteur     [shape=diamond]
+	Script     [shape=box]
+	"Page web" [shape=box]
+	
+	// Ranks
+	{rank=same; Serveur Serveur0}
+	{rank=min; Script "Page web"}
+}
+

nanoblogger/graphiques/dynamique.svg

@@ -0,0 +1,79 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN"
+ "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<!-- Generated by graphviz version 2.28.0 (20110626.0926)
+ -->
+<!-- Title: _anonymous_0 Pages: 1 -->
+<svg width="323pt" height="206pt"
+ viewBox="0.00 0.00 323.00 206.00" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+<g id="graph1" class="graph" transform="scale(1 1) rotate(0) translate(4 202)">
+<title>_anonymous_0</title>
+<polygon fill="white" stroke="white" points="-4,5 -4,-202 320,-202 320,5 -4,5"/>
+<!-- Auteur -->
+<g id="node1" class="node"><title>Auteur</title>
+<polygon fill="none" stroke="black" points="49,-198 -0.451241,-180 49,-162 98.4512,-180 49,-198"/>
+<text text-anchor="middle" x="49" y="-176.3" font-family="Times,serif" font-size="14.00">Auteur</text>
+</g>
+<!-- Serveur0 -->
+<g id="node3" class="node"><title>Serveur0</title>
+<ellipse fill="none" stroke="black" cx="49" cy="-92" rx="38.0212" ry="18"/>
+<text text-anchor="middle" x="49" y="-88.3" font-family="Times,serif" font-size="14.00">Serveur</text>
+</g>
+<!-- Auteur&#45;&gt;Serveur0 -->
+<g id="edge2" class="edge"><title>Auteur&#45;&gt;Serveur0</title>
+<path fill="none" stroke="black" d="M49,-161.597C49,-149.746 49,-133.817 49,-120.292"/>
+<polygon fill="black" stroke="black" points="52.5001,-120.084 49,-110.084 45.5001,-120.084 52.5001,-120.084"/>
+<text text-anchor="middle" x="93" y="-132.3" font-family="Times,serif" font-size="14.00"> Dépose scripts</text>
+</g>
+<!-- Serveur -->
+<g id="node4" class="node"><title>Serveur</title>
+<ellipse fill="none" stroke="black" cx="216" cy="-92" rx="38.0212" ry="18"/>
+<text text-anchor="middle" x="216" y="-88.3" font-family="Times,serif" font-size="14.00">Serveur</text>
+</g>
+<!-- Script -->
+<g id="node6" class="node"><title>Script</title>
+<polygon fill="none" stroke="black" points="187,-198 133,-198 133,-162 187,-162 187,-198"/>
+<text text-anchor="middle" x="160" y="-176.3" font-family="Times,serif" font-size="14.00">Script</text>
+</g>
+<!-- Serveur&#45;&gt;Script -->
+<g id="edge4" class="edge"><title>Serveur&#45;&gt;Script</title>
+<path fill="none" stroke="black" d="M200.529,-108.638C195.237,-114.441 189.518,-121.257 185,-128 179.871,-135.654 175.156,-144.515 171.236,-152.682"/>
+<polygon fill="black" stroke="black" points="168.024,-151.29 167.021,-161.837 174.382,-154.217 168.024,-151.29"/>
+<text text-anchor="middle" x="209.5" y="-132.3" font-family="Times,serif" font-size="14.00"> Exécute</text>
+</g>
+<!-- Internaute -->
+<g id="node11" class="node"><title>Internaute</title>
+<polygon fill="none" stroke="black" points="216,-36 151.108,-18 216,-3.55271e-15 280.892,-18 216,-36"/>
+<text text-anchor="middle" x="216" y="-14.3" font-family="Times,serif" font-size="14.00">Internaute</text>
+</g>
+<!-- Serveur&#45;&gt;Internaute -->
+<g id="edge10" class="edge"><title>Serveur&#45;&gt;Internaute</title>
+<path fill="none" stroke="black" d="M209.429,-63.7193C209.015,-53.8234 209.319,-42.992 210.34,-34.4679"/>
+<polygon fill="black" stroke="black" points="205.955,-64.2123 210.16,-73.937 212.938,-63.7127 205.955,-64.2123"/>
+<text text-anchor="middle" x="167.261" y="-44.5538" font-family="Times,serif" font-size="14.00"> Demande</text>
+</g>
+<!-- Page web -->
+<g id="node8" class="node"><title>Page web</title>
+<polygon fill="none" stroke="black" points="315.25,-198 244.75,-198 244.75,-162 315.25,-162 315.25,-198"/>
+<text text-anchor="middle" x="280" y="-176.3" font-family="Times,serif" font-size="14.00">Page web</text>
+</g>
+<!-- Script&#45;&gt;Page web -->
+<g id="edge6" class="edge"><title>Script&#45;&gt;Page web</title>
+<path fill="none" stroke="black" d="M187.23,-180C201.184,-180 218.55,-180 234.47,-180"/>
+<polygon fill="black" stroke="black" points="234.673,-183.5 244.673,-180 234.673,-176.5 234.673,-183.5"/>
+<text text-anchor="middle" x="215.75" y="-186.8" font-family="Times,serif" font-size="14.00">Génère</text>
+</g>
+<!-- Page web&#45;&gt;Serveur -->
+<g id="edge8" class="edge"><title>Page web&#45;&gt;Serveur</title>
+<path fill="none" stroke="black" d="M267.049,-161.597C257.611,-148.915 244.699,-131.564 234.222,-117.486"/>
+<polygon fill="black" stroke="black" points="236.844,-115.147 228.066,-109.214 231.228,-119.326 236.844,-115.147"/>
+<text text-anchor="middle" x="272.5" y="-132.3" font-family="Times,serif" font-size="14.00">Donne</text>
+</g>
+<!-- Internaute&#45;&gt;Serveur -->
+<g id="edge12" class="edge"><title>Internaute&#45;&gt;Serveur</title>
+<path fill="none" stroke="black" d="M222.486,-44.4696C222.989,-54.2385 222.773,-65.1418 221.84,-73.937"/>
+<polygon fill="black" stroke="black" points="225.972,-44.1456 221.66,-34.4679 218.996,-44.7222 225.972,-44.1456"/>
+<text text-anchor="middle" x="264.84" y="-55.9761" font-family="Times,serif" font-size="14.00"> Distribue</text>
+</g>
+</g>
+</svg>

nanoblogger/graphiques/statique.dot

@@ -0,0 +1,16 @@
+
+digraph {
+	Utilisateur [shape=diamond]
+	Utilisateur -> "Page web" [label=" Génère"]
+	"Page web" -> Serveur [label=" Envoye"]
+	"Page web" [shape=record]
+	
+	Internaute -> Serveur2 [taillabel="Distribue",labeldistance=5,labelangle=305,dir=back]
+	Serveur2 -> Internaute [taillabel=" Demande",labeldistance=5,labelangle=305,dir=back]
+	Serveur2 [label="Serveur"]
+	Internaute [shape=diamond]
+//	Internautes2 [label="Internautes",shape=diamond]
+//	{rank=same; Utilisateur Internautes}
+	{rank=same; Serveur Serveur2}
+}
+

nanoblogger/graphiques/statique.svg

@@ -0,0 +1,62 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN"
+ "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<!-- Generated by graphviz version 2.28.0 (20110626.0926)
+ -->
+<!-- Title: _anonymous_0 Pages: 1 -->
+<svg width="243pt" height="296pt"
+ viewBox="0.00 0.00 243.34 296.00" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+<g id="graph1" class="graph" transform="scale(1 1) rotate(0) translate(4 292)">
+<title>_anonymous_0</title>
+<polygon fill="white" stroke="white" points="-4,5 -4,-292 240.34,-292 240.34,5 -4,5"/>
+<!-- Utilisateur -->
+<g id="node1" class="node"><title>Utilisateur</title>
+<polygon fill="none" stroke="black" points="66,-288 -0.269227,-270 66,-252 132.269,-270 66,-288"/>
+<text text-anchor="middle" x="66" y="-266.3" font-family="Times,serif" font-size="14.00">Utilisateur</text>
+</g>
+<!-- Page web -->
+<g id="node3" class="node"><title>Page web</title>
+<polygon fill="none" stroke="black" points="30.5,-163 30.5,-199 101.5,-199 101.5,-163 30.5,-163"/>
+<text text-anchor="middle" x="66" y="-177.3" font-family="Times,serif" font-size="14.00">Page web</text>
+</g>
+<!-- Utilisateur&#45;&gt;Page web -->
+<g id="edge2" class="edge"><title>Utilisateur&#45;&gt;Page web</title>
+<path fill="none" stroke="black" d="M66,-251.812C66,-239.657 66,-223.114 66,-209.182"/>
+<polygon fill="black" stroke="black" points="69.5001,-209.153 66,-199.153 62.5001,-209.153 69.5001,-209.153"/>
+<text text-anchor="middle" x="88" y="-222.3" font-family="Times,serif" font-size="14.00"> Génère</text>
+</g>
+<!-- Serveur -->
+<g id="node5" class="node"><title>Serveur</title>
+<ellipse fill="none" stroke="black" cx="66" cy="-92" rx="38.0212" ry="18"/>
+<text text-anchor="middle" x="66" y="-88.3" font-family="Times,serif" font-size="14.00">Serveur</text>
+</g>
+<!-- Page web&#45;&gt;Serveur -->
+<g id="edge4" class="edge"><title>Page web&#45;&gt;Serveur</title>
+<path fill="none" stroke="black" d="M66,-162.812C66,-150.657 66,-134.114 66,-120.182"/>
+<polygon fill="black" stroke="black" points="69.5001,-120.153 66,-110.153 62.5001,-120.153 69.5001,-120.153"/>
+<text text-anchor="middle" x="89" y="-132.3" font-family="Times,serif" font-size="14.00"> Envoye</text>
+</g>
+<!-- Internaute -->
+<g id="node6" class="node"><title>Internaute</title>
+<polygon fill="none" stroke="black" points="161,-36 96.1084,-18 161,-3.55271e-15 225.892,-18 161,-36"/>
+<text text-anchor="middle" x="161" y="-14.3" font-family="Times,serif" font-size="14.00">Internaute</text>
+</g>
+<!-- Serveur2 -->
+<g id="node8" class="node"><title>Serveur2</title>
+<ellipse fill="none" stroke="black" cx="161" cy="-92" rx="38.0212" ry="18"/>
+<text text-anchor="middle" x="161" y="-88.3" font-family="Times,serif" font-size="14.00">Serveur</text>
+</g>
+<!-- Internaute&#45;&gt;Serveur2 -->
+<g id="edge6" class="edge"><title>Internaute&#45;&gt;Serveur2</title>
+<path fill="none" stroke="black" d="M167.486,-44.4696C167.989,-54.2385 167.773,-65.1418 166.84,-73.937"/>
+<polygon fill="black" stroke="black" points="170.972,-44.1456 166.66,-34.4679 163.996,-44.7222 170.972,-44.1456"/>
+<text text-anchor="middle" x="209.84" y="-55.9761" font-family="Times,serif" font-size="14.00">Distribue</text>
+</g>
+<!-- Serveur2&#45;&gt;Internaute -->
+<g id="edge8" class="edge"><title>Serveur2&#45;&gt;Internaute</title>
+<path fill="none" stroke="black" d="M154.429,-63.7193C154.015,-53.8234 154.319,-42.992 155.34,-34.4679"/>
+<polygon fill="black" stroke="black" points="150.955,-64.2123 155.16,-73.937 157.938,-63.7127 150.955,-64.2123"/>
+<text text-anchor="middle" x="112.261" y="-44.5538" font-family="Times,serif" font-size="14.00"> Demande</text>
+</g>
+</g>
+</svg>