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