[ADD] Dossier spécial RMLL 2011
							
								
								
									
										8
									
								
								RMLL2011/.comments/panneau_solaire.jpg.xml
									
									
									
									
									
										Normal 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
									
								
							
							
						
						| After Width: | Height: | Size: 324 KiB | 
							
								
								
									
										
											BIN
										
									
								
								RMLL2011/boutons.jpg
									
									
									
									
									
										Normal file
									
								
							
							
						
						| After Width: | Height: | Size: 349 KiB | 
							
								
								
									
										
											BIN
										
									
								
								RMLL2011/butineur.jpg
									
									
									
									
									
										Normal file
									
								
							
							
						
						| After Width: | Height: | Size: 72 KiB | 
							
								
								
									
										79
									
								
								RMLL2011/dynamique.svg
									
									
									
									
									
										Normal 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->Serveur0 --> | ||||||
|  | <g id="edge2" class="edge"><title>Auteur->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->Script --> | ||||||
|  | <g id="edge4" class="edge"><title>Serveur->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->Internaute --> | ||||||
|  | <g id="edge10" class="edge"><title>Serveur->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->Page web --> | ||||||
|  | <g id="edge6" class="edge"><title>Script->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->Serveur --> | ||||||
|  | <g id="edge8" class="edge"><title>Page web->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->Serveur --> | ||||||
|  | <g id="edge12" class="edge"><title>Internaute->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
									
								
							
							
						
						| After Width: | Height: | Size: 150 KiB | 
							
								
								
									
										149
									
								
								RMLL2011/exemple_presentation.pin
									
									
									
									
									
										Executable file
									
								
							
							
						
						| @ -0,0 +1,149 @@ | |||||||
|  | #!/usr/bin/env pinpoint | ||||||
|  | [font=Sans 50px] | ||||||
|  | [bg.jpg] | ||||||
|  |  | ||||||
|  | - The bits above this point are defaults for every slide in the presentation | ||||||
|  | Welcome to pinpoint | ||||||
|  |  | ||||||
|  | - [bowls.jpg] lines starting with - are slide seperators. This is where you can override the defaults with with per-slide properties | ||||||
|  | A tool for making excellent presentations | ||||||
|  |  | ||||||
|  | - | ||||||
|  | It has a simple text source | ||||||
|  |  | ||||||
|  | - [font=monospace 18px] [shading-opacity=1.0] | ||||||
|  | The current presentation thus far: | ||||||
|  |  #!/usr/bin/env pinpoint | ||||||
|  |  [font=Droid Sans 50px] | ||||||
|  |  [bg.jpg] | ||||||
|  |   | ||||||
|  |  - The bits above this point are defaults for every slide in the presentation | ||||||
|  |  Welcome to pinpoint | ||||||
|  |  | ||||||
|  |  - [bowls.jpg] lines starting with - are slide seperators.. | ||||||
|  |  A tool for making excellent presentations | ||||||
|  |  | ||||||
|  |  - | ||||||
|  |   | ||||||
|  |  It has a simple text source | ||||||
|  |  | ||||||
|  |  - [font=monospace 18px] [shading-opacity=1.0] | ||||||
|  |  | ||||||
|  |  The current presentation thus far: | ||||||
|  | - [text-align=center] | ||||||
|  | You start by writing down the core concepts that you will be talking about. Then sort and format | ||||||
|  | them as a pinpoint presentation in a text editor of your choice.  | ||||||
|  |  | ||||||
|  | If this was a presentation given as a demonstration of pinpoint you would now be trying to read | ||||||
|  | this slide as well as pay attention to what is said. Less than ideal. | ||||||
|  |  | ||||||
|  | Pinpoint reloads the presentation when it changes on disk, very useful when you're tuning things | ||||||
|  | so keep both pinpoint and your text editor open. And remember, the less text you have, the happier | ||||||
|  | your audience will be ;-) | ||||||
|  |  | ||||||
|  |  | ||||||
|  | - You can add '\n' before and after the slide text to keep the file tidy and slides seperated | ||||||
|  | Let's use some of the more  | ||||||
|  | esoteric features of pinpoint | ||||||
|  |  | ||||||
|  | - [bowls.jpg] [text-align=center] | ||||||
|  | \- [filename.jpg] | ||||||
|  | set a custom background for an individual slide | ||||||
|  |  | ||||||
|  | - [bunny.ogg] [fill] | ||||||
|  | You can put <b>anything</b> in the background | ||||||
|  |  | ||||||
|  | - [linus.jpg] [fill] [bottom-left] | ||||||
|  | But, slides with cat pictures are best | ||||||
|  |  | ||||||
|  | -[top-right] [text-align=right] | ||||||
|  | position text in the | ||||||
|  | [top-right] | ||||||
|  |  | ||||||
|  | - [right] | ||||||
|  | [right] | ||||||
|  |  | ||||||
|  | - [bottom-right] | ||||||
|  | [bottom-right] | ||||||
|  |  | ||||||
|  | - [bottom] | ||||||
|  | [bottom] | ||||||
|  |  | ||||||
|  | - [bottom-left] | ||||||
|  | [bottom-left] | ||||||
|  |  | ||||||
|  | - [left] | ||||||
|  | [left] | ||||||
|  |  | ||||||
|  | - [top-left] | ||||||
|  | [top-left] | ||||||
|  |  | ||||||
|  | - [top] | ||||||
|  | [top] | ||||||
|  |  | ||||||
|  | - [center] [text-align=center] | ||||||
|  | and even in the | ||||||
|  | [center] | ||||||
|  | (which is the default) | ||||||
|  |  | ||||||
|  | - [font=Monospace 100px][white][text-color=black][shading-opacity=0.0][bottom] | ||||||
|  | Make text big! | ||||||
|  | [font=Monospace 100px] | ||||||
|  | [white][text-color=black] | ||||||
|  | [shading-opacity=0.0][bottom] | ||||||
|  |  | ||||||
|  | - | ||||||
|  | <s>use</s> <b>pango</b> <i | ||||||
|  | ><span foreground='#f24'>m<u | ||||||
|  | >ar</u>k<sup>up</sup></span></i> for style | ||||||
|  |  | ||||||
|  | - [no-markup] | ||||||
|  | [no-markup] | ||||||
|  | <s>don't use</s> <b>pango</b> <i | ||||||
|  | ><span foreground='#f24'>m<u | ||||||
|  | >ar</u>k<sup>up</sup></span></i> | ||||||
|  |  | ||||||
|  | - [transition=page-curl-both][bowls.jpg] | ||||||
|  | need bullets? | ||||||
|  |  ❥ use the power of unicode | ||||||
|  | • ✽ ✩ ✔ ☃ ◦ | ||||||
|  |  | ||||||
|  | - [transition=text-slide-up] | ||||||
|  | $ pinpoint presentation.txt -o output.pdf | ||||||
|  | Export to PDF. Handy. | ||||||
|  |  | ||||||
|  | - [fill] | ||||||
|  | [fill] | ||||||
|  | Fill the slide with your background | ||||||
|  | (the default is [fit]) | ||||||
|  |  | ||||||
|  | - [transition=swing] | ||||||
|  | Keybindings: | ||||||
|  |  | ||||||
|  | - [transition=sheet] | ||||||
|  | right, down or space - next slide | ||||||
|  |  | ||||||
|  | - [transition=slide-left] | ||||||
|  | left or up - previous slide | ||||||
|  |  | ||||||
|  | - [transition=slide-up] | ||||||
|  | F11 - toggle fullscreen | ||||||
|  |  | ||||||
|  | - [transition=text-slide-down] | ||||||
|  | Escape - quit pinpoint | ||||||
|  |  | ||||||
|  | - [transition=slide-in-left] [command=killall xeyes ; xeyes] [fill] | ||||||
|  | Enter - Run command | ||||||
|  | Tab - Edit command | ||||||
|  | [command=killall xeyes ; xeyes] | ||||||
|  |  | ||||||
|  | N.B. run pinpoint with the -m option | ||||||
|  | and hidden or auto-hiding panels, to | ||||||
|  | allow window management in fullscreen. | ||||||
|  |  | ||||||
|  | - [linus.jpg] [fill] [bottom-right] | ||||||
|  | That's pretty much everything.  | ||||||
|  | Told you it was simple. | ||||||
|  |  | ||||||
|  | - [black] [font=Sans 100px] [transition=spin-text] | ||||||
|  | FIN | ||||||
							
								
								
									
										
											BIN
										
									
								
								RMLL2011/exit.jpg
									
									
									
									
									
										Normal file
									
								
							
							
						
						| After Width: | Height: | Size: 75 KiB | 
							
								
								
									
										
											BIN
										
									
								
								RMLL2011/gratte_ciel.jpg
									
									
									
									
									
										Normal file
									
								
							
							
						
						| After Width: | Height: | Size: 333 KiB | 
							
								
								
									
										
											BIN
										
									
								
								RMLL2011/hache_cabine.jpg
									
									
									
									
									
										Normal file
									
								
							
							
						
						| After Width: | Height: | Size: 347 KiB | 
							
								
								
									
										
											BIN
										
									
								
								RMLL2011/mer.jpg
									
									
									
									
									
										Normal file
									
								
							
							
						
						| After Width: | Height: | Size: 351 KiB | 
							
								
								
									
										
											BIN
										
									
								
								RMLL2011/metro.jpg
									
									
									
									
									
										Normal file
									
								
							
							
						
						| After Width: | Height: | Size: 512 KiB | 
							
								
								
									
										
											BIN
										
									
								
								RMLL2011/montagnes.jpg
									
									
									
									
									
										Normal file
									
								
							
							
						
						| After Width: | Height: | Size: 364 KiB | 
							
								
								
									
										
											BIN
										
									
								
								RMLL2011/montre.jpg
									
									
									
									
									
										Normal file
									
								
							
							
						
						| After Width: | Height: | Size: 265 KiB | 
							
								
								
									
										342
									
								
								RMLL2011/nanoblogger.pin
									
									
									
									
									
										Executable 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) | ||||||
|  |  | ||||||
|  |  | ||||||
							
								
								
									
										
											BIN
										
									
								
								RMLL2011/panneau_solaire.jpg
									
									
									
									
									
										Normal file
									
								
							
							
						
						| After Width: | Height: | Size: 245 KiB | 
							
								
								
									
										
											BIN
										
									
								
								RMLL2011/poissons.jpg
									
									
									
									
									
										Normal file
									
								
							
							
						
						| After Width: | Height: | Size: 299 KiB | 
							
								
								
									
										
											BIN
										
									
								
								RMLL2011/renard.jpg
									
									
									
									
									
										Normal file
									
								
							
							
						
						| After Width: | Height: | Size: 506 KiB | 
							
								
								
									
										
											BIN
										
									
								
								RMLL2011/sale.jpg
									
									
									
									
									
										Normal file
									
								
							
							
						
						| After Width: | Height: | Size: 548 KiB | 
							
								
								
									
										
											BIN
										
									
								
								RMLL2011/sentier.jpg
									
									
									
									
									
										Normal file
									
								
							
							
						
						| After Width: | Height: | Size: 202 KiB | 
							
								
								
									
										
											BIN
										
									
								
								RMLL2011/sorte_moulin.jpg
									
									
									
									
									
										Normal file
									
								
							
							
						
						| After Width: | Height: | Size: 210 KiB | 
							
								
								
									
										62
									
								
								RMLL2011/statique.svg
									
									
									
									
									
										Normal 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->Page web --> | ||||||
|  | <g id="edge2" class="edge"><title>Utilisateur->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->Serveur --> | ||||||
|  | <g id="edge4" class="edge"><title>Page web->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->Serveur2 --> | ||||||
|  | <g id="edge6" class="edge"><title>Internaute->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->Internaute --> | ||||||
|  | <g id="edge8" class="edge"><title>Serveur2->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 | 
 Olivier DOSSMANN
					Olivier DOSSMANN