some 0.9.4 work on website
[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/gradient/">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/gradient/">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/gradient/Home/thumbnails-large-0.html#pano-1200x604.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      Un sous-programme, une trieuse - <a href="tutorial.html#startingup"><i>booh-classifier</i></a>,
117      est disponible pour fournir un moyen puissant et rapide de classer
118      vos tonnes de photos et vidéos, afin de ne garder que les toutes
119      meilleures dans vos web-albums. Notez que ce n'est <b>pas</b> une application
120      avec base de données (une application pour marquer les images avec
121      des tags permanents), c'est un outil pour supprimer/copier/déplacer
122      des images/vidéos en série. Les fonctionnalités principales sont :
123    </p>
124
125    <ul>
126        <li>chargement RAPIDE des photos et vidéos en vignettes
127        (charge environ 7 images de 3,0 Mo par seconde sur un p4 -
128        ce qui ne devrait <a href="advanced.fr.html#classifierperformance">pas
129         faire pâle figure</a>)</li>
130        <li>navigation RAPIDE même en cours de chargement des
131        photos et vidéos, préchargement des vignettes environnantes</li>
132        <li>raccourcis clavier pour la navigation et la classification</li>
133    </ul>
134    
135
136
137    <h2>État</h2>
138
139    <p>Booh est stable. Il devrait y avoir de nouvelles versions de maintenance.</p>
140
141    <p>Jetez un oeil à la section <a href="tutorial.fr.html">tutoriel</a> pour voir
142      une introduction à l'utilisation de Booh.</p>
143
144    <p>
145       À propos, Booh veut dire, en anglais : <b>B</b>est
146       web-album <b>O</b>f the world, <b>O</b>r your money
147       back, <b>H</b>umerus. Cet acronyme est complètement nul,
148       cependant il constitue un hommage à Dragon Ball d'Akira
149       Toriyama, dans lequel le dernier ennemi (battu dans le
150       tome #42 : il n'y a pas de hasard) s'appelle "Boo". Mais il y
151       avait déjà un logiciel libre du nom de Boo, donc celui-ci
152       s'appellera "Booh".
153    </p>
154
155    <p>Si vous aimez booh, vous pouvez le <b>flattr</b> en haut à gauche de la page.</p>
156
157
158
159
160    <h2>Pourquoi statique ?</h2>
161
162    <p>
163      Les web-albums dynamiques sont à la mode, par exemple Gallery
164      (en PHP) ou Flickr. Ils sont très pratiques
165      particulièrement parce qu'une fois en place, vous déposez
166      facilement une image dans un répertoire, et au prochain
167      passage de PHP (ou ASP ou tout autre composant serveur
168      utilisé) la nouvelle vignette sera créée. Toutefois, Booh
169      est un générateur de web-album statique, ce qui veut dire
170      que vous avez besoin d'exécuter Booh à nouveau pour ajouter
171      des images, puis uploader votre web-album sur le serveur web
172      à nouveau ; cependant, il y a des avantages intéressants
173      comparé aux web-albums dynamiques :
174    </p>
175
176    <ul>
177      <li>l'utilisation d'une application native locale permet à la
178      création des web-albums d'être plus rapide (pas d'attente de
179      chargement) et plus puissante (plus de possibilités dans
180      l'interface graphique, mouvements de souris) </li>
181      <li>l'utilisation de la bande passante pour l'envoi des
182      photos est plus faible (avec un appareil photo numérique
183      moderne, vous enverrez environ 2 à 5 Mo pour chaque photo,
184      alors qu'avec Booh vous enverrez 2 fichiers de 10 à 30 Ko et
185      3 fichiers de 100 à 150 Ko)</li>
186      <li>moins de charge sur le serveur (envoi de pages statiques
187      par rapport à l'envoi de lourdes pages dynamiques avec de
188      coûteux redimensionnements d'images)</li>
189      <li>permet de gérer aussi les vidéos (utiliser mplayer en local
190      pour produire les vignettes est très efficace, et
191      généralement impossible côté serveur)</li>
192      <li>pas besoin de PHP/ASP ou d'autres extensions, donc plus
193      facile pour l'hébergement</li>
194      <li>être statique par rapport à être dynamique avec besoin
195      d'accès en écriture est plus sûr</li>
196      <li>intéressant pour ceux qui ne veulent pas (trop) déléguer la
197       gestion de leur données personnelles à une grosse entité</li>
198      <li>comparé à Flickr, vous n'avez pas besoin de payer afin
199      de passer outre toutes les limitations qu'ils imposent aux
200      utilisateurs "normaux" :)</li>
201    </ul>
202
203
204
205 <p align="center">
206   <img src="images/icon-73lab.png" title="Graphics by Ayo" alt="Graphics by Ayo"/>
207   &nbsp;&nbsp;
208   <img src="images/icon-emacs.png" title="Edited in Emacs" alt="Edited in Emacs"/>
209   &nbsp;&nbsp;
210   <img src="images/powered_by_ruby.jpg" title="Uses Ruby" alt="Uses Ruby"/>
211   &nbsp;&nbsp;
212   <img src="images/ruby-gnome2.png" alt="Powered by Ruby-Gnome2" title="Powered by Ruby-Gnome2"/>
213 </p>
214
215
216 <font size="-1"><a href="http://zarb.org/~gc/"><em>Guillaume Cottenceau</em></a></font>
217
218 <p align="right"><font size="-1">Sat Nov  2 21:32:30 2013</font></p>
219
220 </body>
221
222 </html>