0f0e6bce71d3b9e1753a2b4d5d4df68917ef12c6
[booh] / www / index.fr.html
1 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
2 <html xmlns="http://www.w3.org/1999/xhtml">
3
4 <head>
5   <title>Booh - Le Web-Album de choix pour les utilisateurs de Linux distingués</title>
6   <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
7   <meta name="viewport" content="width=device-width"/>  
8 <style type="text/css">
9 body {
10         font-family: Verdana, Arial, Helvetica, sans-serif, monospace;
11         text-align: justify;
12 }
13 @media all and (orientation: landscape) {  
14     body {
15         margin-left: 15%;
16         margin-right: 15%;
17     }
18 }
19 </style>
20 </head>
21
22 <body bgcolor="#FFFFFF" text="#000000" link="#0000ee" vlink="#551a8b">
23
24    <table width="100%" cellspacing="0" cellpadding="0">
25      <tr>
26        <td width="10%" align="left" valign="top">
27          <a class="FlattrButton" style="display:none;" rev="flattr;button:compact;" href="http://booh.org/"></a>
28        </td>
29        <td width="50%" align="center">
30          <img src="images/logo.png" alt="booh logo"/>
31        </td>
32        <td width="10%" align="right" valign="top">
33          <div style="display:inline-block; margin-bottom:0.2em"><a href="index.html"><img src="images/en.png" alt="this page in english"/></a></div>
34          <div style="display:inline-block"><img src="images/fr.png" alt="cette page est en français"/></div>
35        </td>
36      </tr>
37    </table>
38
39    <h1 align="center">Booh</h1>
40
41    <p align="center">[ page principale |
42                        <a href="themes/cardu/">exemple de web-album</a> |
43                        <a href="video-demo.fr.html">démo vidéo</a> |
44                        <a href="tutorial.fr.html">tutoriel</a> |
45                        <a href="advanced.fr.html">avancé</a> |
46                        <a href="discuss.fr.html">discussion</a> |
47                        <a href="download.fr.html">téléchargement</a> ]</p>
48
49    <p>Booh est un <b>générateur de Web-Album statique</b> libre pour
50    Linux. Il prend des <b>séries de photos et vidéos</b>, et crée
51    automatiquement des <b>pages web statiques</b> pour les parcourir -
52    <a href="themes/cardu/">regardez le résultat</a>.
53    </p>
54
55    <div align="center">
56      <div style="display:inline-block; margin-right:2em; margin-bottom:1em">
57        <div align="center"><nobr><font color="#0018ad"><b>#1:</b></font> triez vos photos</nobr></div>
58        <br/>
59        <a href="http://booh.org/images/tutorial-classifier-2.png"><img src="images/scenario_1.jpg" alt="scenario #1" border="0"/></a>
60      </div>
61      <div style="display:inline-block; margin-right:2em; margin-bottom:1em">
62        <div align="center"><nobr><font color="#0018ad"><b>#2:</b></font> classez-les</nobr></div>
63        <br/>
64        <a href="http://booh.org/images/tutorial-classifier-5.png"><img src="images/scenario_2.jpg" alt="scenario #2" border="0"/></a>
65      </div>
66      <div style="display:inline-block; margin-right:2em; margin-bottom:1em">
67        <div align="center"><nobr><font color="#0018ad"><b>#3:</b></font> entrez les légendes</nobr></div>
68        <br/>
69        <a href="http://booh.org/images/tutorial-starting-up-4.png"><img src="images/scenario_3.jpg" alt="scenario #3" border="0"/></a>
70      </div>
71      <div style="display:inline-block; margin-bottom:1em">
72        <div align="center"><nobr><font color="#0018ad"><b>#4:</b></font> album terminé</nobr></div>
73        <br/>
74        <a href="http://booh.org/themes/gradient/Home/"><img src="images/scenario_4.jpg" alt="scenario #4" border="0"/></a>
75      </div>
76    </div>
77
78    <p>Il y a déjà un grand nombre de générateurs de web-album
79      disponibles sous Linux ; Booh se distingue par sa liste unique de
80      fonctionnalités :</p>
81
82    <ul>
83        <li>rotation automatique des photos portrait grâce à l'information
84          lue depuis le fichier .jpg (EXIF)</li>
85        <li>affichage immédiat des images (préchargement dans le navigateur) - attendre quelques secondes
86          entre chaque image est très frustrant</li>
87        <li>conservation de la position des liens "suivant/précédent" dans le navigateur
88          entre les images</li>
89        <li>utilisation intelligente de la totalité de l'espace disponible dans
90          une fenêtre classique de navigateur (ce n'est vraiment pas bon de devoir
91          faire défiler la fenêtre pour voir le bas des photos portrait - ou,
92          au contraire, d'utiliser seulement 1/4 de l'espace disponible quand on
93          visualise une image paysage)</li>
94        <li>thèmes (voir : <a href="themes/simple/">simple</a> -
95 cardu</a> -
96                           <a href="themes/dark/">dark</a> -
97                           <a href="themes/sbs/">sbs</a>)</li>
98        <li>support des sous-albums</li>
99        <li>conservation de la taille préférée des vignettes par utilisateur entre sous-albums</li>
100        <li>support multi-processeur pour <a href="advanced.fr.html#performance">accélérer la génération des vignettes</a></li>
101        <li>intégration en douceur des <a href="http://hugin.sourceforge.net/tutorials/two-photos/fr.shtml">images panoramiques</a>
102        dans la <a href="themes/cardu/Home/thumbnails-large-0.html#pano-960x528.jpg">page des vignettes</a></li>
103        <li>support complet des vidéos, y compris la génération de
104        vignettes, le transcodage et la visualisation embarquée
105        avec lecteur flash <a href="http://www.flowplayer.org/">Flowplayer</a></li>
106        <li>navigation multi-langues dans le web-album (grâce à
107        <a href="http://httpd.apache.org/docs/2.2/content-negotiation.html">Apache
108        MultiViews</a> - les liens de navigation sont automatiquement montrés dans la langue de l'utilisateur)</li>
109        <li>une interface graphique à la fois facile d'utilisation pour les débutants, et très
110          puissante afin que les utilisateurs avancés puissent entrer les légendes,
111          tourner, réordonner et supprimer les images RAPIDEMENT (<a href="tutorial.fr.html#speedup">utilisation
112            intensive des raccourcis claviers et des mouvements de souris</a>)</li>
113    </ul>
114
115    <p>
116      À partir de la version 0.9.0, un nouveau sous-programme,
117      une trieuse - <a href="tutorial.html#startingup"><i>booh-classifier</i></a>,
118      est disponible pour fournir un moyen puissant et rapide de classer
119      vos tonnes de photos et vidéos, afin de ne garder que les toutes
120      meilleures dans vos web-albums. Notez que ce n'est <b>pas</b> une application
121      avec base de données (une application pour marquer les images avec
122      des tags permanents), c'est un outil pour supprimer/copier/déplacer
123      des images/vidéos en série. Les fonctionnalités principales sont :
124    </p>
125
126    <ul>
127        <li>chargement RAPIDE des photos et vidéos en vignettes
128        (charge environ 7 images de 3,0 Mo par seconde sur un p4 -
129        ce qui ne devrait <a href="advanced.fr.html#classifierperformance">pas
130         faire pâle figure</a>)</li>
131        <li>navigation RAPIDE même en cours de chargement des
132        photos et vidéos, préchargement des vignettes environnantes</li>
133        <li>raccourcis clavier pour la navigation et la classification</li>
134    </ul>
135    
136
137
138    <h2>État</h2>
139
140    <p>Booh est stable. Il devrait y avoir de nouvelles versions de maintenance.</p>
141
142    <p>Jetez un oeil à la section <a href="tutorial.fr.html">tutoriel</a> pour voir
143      une introduction à l'utilisation de Booh.</p>
144
145    <p>
146       À propos, Booh veut dire, en anglais : <b>B</b>est
147       web-album <b>O</b>f the world, <b>O</b>r your money
148       back, <b>H</b>umerus. Cet acronyme est complètement nul,
149       cependant il constitue un hommage à Dragon Ball d'Akira
150       Toriyama, dans lequel le dernier ennemi (battu dans le
151       tome #42 : il n'y a pas de hasard) s'appelle "Boo". Mais il y
152       avait déjà un logiciel libre du nom de Boo, donc celui-ci
153       s'appellera "Booh".
154    </p>
155
156    <p>Si vous aimez booh, vous pouvez le <b>flattr</b> en haut à gauche de la page.</p>
157
158
159
160
161    <h2>Pourquoi statique ?</h2>
162
163    <p>
164      Les web-albums dynamiques sont à la mode, par exemple Gallery
165      (en PHP) ou Flickr. Ils sont très pratiques
166      particulièrement parce qu'une fois en place, vous déposez
167      facilement une image dans un répertoire, et au prochain
168      passage de PHP (ou ASP ou tout autre composant serveur
169      utilisé) la nouvelle vignette sera créée. Toutefois, Booh
170      est un générateur de web-album statique, ce qui veut dire
171      que vous avez besoin d'exécuter Booh à nouveau pour ajouter
172      des images, puis uploader votre web-album sur le serveur web
173      à nouveau ; cependant, il y a des avantages intéressants
174      comparé aux web-albums dynamiques :
175    </p>
176
177    <ul>
178      <li>l'utilisation d'une application native locale permet à la
179      création des web-albums d'être plus rapide (pas d'attente de
180      chargement) et plus puissante (plus de possibilités dans
181      l'interface graphique, mouvements de souris) </li>
182      <li>l'utilisation de la bande passante pour l'envoi des
183      photos est plus faible (avec un appareil photo numérique
184      moderne, vous enverrez environ 2 à 5 Mo pour chaque photo,
185      alors qu'avec Booh vous enverrez 2 fichiers de 10 à 30 Ko et
186      3 fichiers de 100 à 150 Ko)</li>
187      <li>moins de charge sur le serveur (envoi de pages statiques
188      par rapport à l'envoi de lourdes pages dynamiques avec de
189      coûteux redimensionnements d'images)</li>
190      <li>permet de gérer aussi les vidéos (utiliser mplayer en local
191      pour produire les vignettes est très efficace, et
192      généralement impossible côté serveur)</li>
193      <li>pas besoin de PHP/ASP ou d'autres extensions, donc plus
194      facile pour l'hébergement</li>
195      <li>être statique par rapport à être dynamique avec besoin
196      d'accès en écriture est plus sûr</li>
197      <li>intéressant pour ceux qui ne veulent pas (trop) déléguer la
198       gestion de leur données personnelles à une grosse entité</li>
199      <li>comparé à Flickr, vous n'avez pas besoin de payer afin
200      de passer outre toutes les limitations qu'ils imposent aux
201      utilisateurs "normaux" :)</li>
202    </ul>
203
204
205
206 <p align="center">
207   <img src="images/icon-73lab.png" title="Graphics by Ayo" alt="Graphics by Ayo"/>
208   &nbsp;&nbsp;
209   <img src="images/icon-emacs.png" title="Edited in Emacs" alt="Edited in Emacs"/>
210   &nbsp;&nbsp;
211   <img src="images/powered_by_ruby.jpg" title="Uses Ruby" alt="Uses Ruby"/>
212   &nbsp;&nbsp;
213   <img src="images/ruby-gnome2.png" alt="Powered by Ruby-Gnome2" title="Powered by Ruby-Gnome2"/>
214 </p>
215
216
217 <font size="-1"><a href="http://zarb.org/~gc/"><em>Guillaume Cottenceau</em></a></font>
218
219 <p align="right"><font size="-1">Wed Jan  5 14:28:30 2011</font></p>
220
221 </body>
222
223 </html>