[ADD] Dossier spécial RMLL 2011

This commit is contained in:
Olivier DOSSMANN 2011-07-11 15:10:49 +02:00
parent c47e191414
commit 4e167a18f0
22 changed files with 640 additions and 0 deletions

View File

@ -0,0 +1,8 @@
<?xml version="1.0" encoding="UTF-8"?>
<comment version="3.0">
<caption>Mongolian Family Uses Solar Energy to Power Home</caption>
<note>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/</note>
<place/>
<categories/>
</comment>

BIN
RMLL2011/auteur.jpg Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 324 KiB

BIN
RMLL2011/boutons.jpg Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 349 KiB

BIN
RMLL2011/butineur.jpg Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 72 KiB

79
RMLL2011/dynamique.svg Normal file
View File

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

After

Width:  |  Height:  |  Size: 4.8 KiB

BIN
RMLL2011/eclair_bleu.jpg Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 150 KiB

149
RMLL2011/exemple_presentation.pin Executable file
View 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
RMLL2011/exit.jpg Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 75 KiB

BIN
RMLL2011/gratte_ciel.jpg Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 333 KiB

BIN
RMLL2011/hache_cabine.jpg Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 347 KiB

BIN
RMLL2011/mer.jpg Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 351 KiB

BIN
RMLL2011/metro.jpg Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 512 KiB

BIN
RMLL2011/montagnes.jpg Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 364 KiB

BIN
RMLL2011/montre.jpg Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 265 KiB

342
RMLL2011/nanoblogger.pin Executable file
View File

@ -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)

Binary file not shown.

After

Width:  |  Height:  |  Size: 245 KiB

BIN
RMLL2011/poissons.jpg Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 299 KiB

BIN
RMLL2011/renard.jpg Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 506 KiB

BIN
RMLL2011/sale.jpg Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 548 KiB

BIN
RMLL2011/sentier.jpg Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 202 KiB

BIN
RMLL2011/sorte_moulin.jpg Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 210 KiB

62
RMLL2011/statique.svg Normal file
View File

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

After

Width:  |  Height:  |  Size: 3.6 KiB