git.zarb.org Git - booh/blob - 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/gradient/">gradient</a> -
  95                              <a href="themes/simple/">simple</a> -
  96                              <a href="themes/cardu/">cardu</a> -
  97                              <a href="themes/dark/">dark</a> -
  98                              <a href="themes/sbs/">sbs</a>)</li>
  99        <li>support des sous-albums</li>
 100        <li>conservation de la taille préférée des vignettes par utilisateur entre sous-albums</li>
 101        <li>support multi-processeur pour <a href="advanced.fr.html#performance">accélérer la génération des vignettes</a></li>
 102        <li>intégration en douceur des <a href="http://hugin.sourceforge.net/tutorials/two-photos/fr.shtml">images panoramiques</a>
 103        dans la <a href="themes/gradient/Home/thumbnails-large-0.html#pano-1200x604.jpg">page des vignettes</a></li>
 104        <li>support complet des vidéos, y compris la génération de
 105        vignettes, le transcodage et la visualisation embarquée
 106        avec lecteur flash <a href="http://www.flowplayer.org/">Flowplayer</a></li>
 107        <li>navigation multi-langues dans le web-album (grâce à
 108        <a href="http://httpd.apache.org/docs/2.2/content-negotiation.html">Apache
 109        MultiViews</a> - les liens de navigation sont automatiquement montrés dans la langue de l'utilisateur)</li>
 110        <li>une interface graphique à la fois facile d'utilisation pour les débutants, et très
 111          puissante afin que les utilisateurs avancés puissent entrer les légendes,
 112          tourner, réordonner et supprimer les images RAPIDEMENT (<a href="tutorial.fr.html#speedup">utilisation
 113            intensive des raccourcis claviers et des mouvements de souris</a>)</li>
 114    </ul>
 115
 116    <p>
 117      Un sous-programme, 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">Sat Nov  2 21:32:30 2013</font></p>
 220
 221 </body>
 222
 223 </html>