git.zarb.org Git - booh/blob - www/index.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 - The Web-Album of choice for discriminating Linux users</title>
   6   <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
   7 <script type="text/javascript">
   8 /* <![CDATA[ */
   9     (function() {
  10         var s = document.createElement('script'), t = document.getElementsByTagName('script')[0];
  11
  12         s.type = 'text/javascript';
  13         s.async = true;
  14         s.src = 'http://api.flattr.com/js/0.5.0/load.js?mode=auto';
  15
  16         t.parentNode.insertBefore(s, t);
  17     })();
  18 /* ]]> */
  19 </script>
  20 </head>
  21
  22 <body bgcolor="#FFFFFF" text="#000000" link="#0000ee" vlink="#551a8b" style="padding: 0em 3em; text-align: justify">
  23
  24    <table width="100%" cellspacing="0" cellpadding="0">
  25      <tr>
  26        <td width="25%" 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="25%" align="right" valign="top">
  33          <img src="images/en.png" alt="this page is in english"/>
  34          <a href="index.fr.html"><img src="images/fr.png" alt="cette page en français"/></a>
  35        </td>
  36      </tr>
  37    </table>
  38
  39    <h1 align="center">Booh</h1>
  40
  41    <p align="center">[ home |
  42                        <a href="themes/cardu/">example web-album</a> |
  43                        <a href="video-demo.html">video demo</a> |
  44                        <a href="tutorial.html">tutorial</a> |
  45                        <a href="advanced.html">advanced</a> |
  46                        <a href="discuss.html">discuss</a> |
  47                        <a href="download.html">download</a> ]</p>
  48
  49    <p>Booh is a free software <b>static Web-Album generator</b> for
  50    Linux. It takes <b>series of photos and videos</b>, and
  51    automatically build <b>static web pages</b> to browse them
  52    - <a href="themes/cardu/">watch the results</a>.
  53    </p>
  54
  55      <table width="1%" align="center" style="border-style:solid;border-color:#C0C0C0;border-width:1px 1px 1px 1px;padding:5px" cellspacing="0" cellpadding="0">
  56              <tr>
  57                      <td align="center"><a href="http://booh.org/images/tutorial-classifier-2.png"><img src="images/scenario_1.jpg" alt="scenario #1" border="0"/></a></td>
  58                      <td><img src="images/scenario_arrow.jpg" alt="scenario arrow"/></td>
  59                      <td align="center"><a href="http://booh.org/images/tutorial-classifier-5.png"><img src="images/scenario_2.jpg" alt="scenario #2" border="0"/></a></td>
  60                      <td><img src="images/scenario_arrow.jpg" alt="scenario arrow"/></td>
  61                      <td align="center"><a href="http://booh.org/images/tutorial-starting-up-4.png"><img src="images/scenario_3.jpg" alt="scenario #3" border="0"/></a></td>
  62                      <td><img src="images/scenario_arrow.jpg" alt="scenario arrow"/></td>
  63                      <td align="center"><a href="http://booh.org/themes/cardu/Home/"><img src="images/scenario_4.jpg" alt="scenario #4" border="0"/></a></td>
  64              </tr>
  65              <tr>
  66                      <td align="center"><nobr><font color="#0018ad"><b>#1:</b></font> sort your photos</nobr></td>
  67                      <td>&nbsp;</td>
  68                      <td align="center"><nobr><font color="#0018ad"><b>#2:</b></font> classify them</nobr></td>
  69                      <td>&nbsp;</td>
  70                      <td align="center"><nobr><font color="#0018ad"><b>#3:</b></font> input captions</nobr></td>
  71                      <td>&nbsp;</td>
  72                      <td align="center"><nobr><font color="#0018ad"><b>#4:</b></font> album completed</nobr></td>
  73              </tr>
  74      </table>
  75
  76    <p>There are already a lot of web-album generators available for
  77    Linux; Booh differentiates with its unique features set:</p>
  78
  79    <ul>
  80        <li>automatic rotation of portrait photos thanks to
  81            information read in .jpg file (EXIF)</li>
  82        <li>immediate display of images (preloading in browser) - waiting a couple of seconds between
  83            each image is very frustrating</li>
  84        <li>keep position of "next/previous" hyperlinks in browser
  85            between images</li>
  86        <li>clever use of the whole space of a typical browser
  87        window (definitely not good to scroll to see the bottom of portrait images -
  88        or, opposedly, using only 1/4 of the screen area for a landscape image
  89        seems a poor use of space)</li>
  90        <li>themability (see: <a href="themes/simple/">simple</a> -
  91                              <a href="themes/cardu/">cardu</a> -
  92                              <a href="themes/dark/">dark</a> -
  93                              <a href="themes/sbs/">sbs</a>)</li>
  94        <li>sub-albums support</li>
  95        <li>remember end-user preferred size of thumbnails accross sub-albums</li>
  96        <li>multi-processor support to <a href="advanced.html#performance">speed up thumbnails generation</a></li>
  97        <li>smooth integration of <a href="http://hugin.sourceforge.net/tutorials/two-photos/en.shtml">panoramic images</a>
  98        in <a href="themes/cardu/Home/thumbnails-large-0.html#pano-960x528.jpg">thumbnails pages</a></li>
  99        <li>full video support, including thumbnailing (with seek time
 100          specification possibility), transcoding and embedded
 101          flash playback with <a href="http://www.flowplayer.org/">Flowplayer</a></li>
 102        <li>multi-languages web-album navigation
 103          (using <a href="http://httpd.apache.org/docs/2.2/content-negotiation.html">Apache
 104          MultiViews</a> - navigation links are automatically shown
 105          in user's language)</li>
 106        <li>a graphical user interface both easy to use for newbies, and very powerful
 107            so that power users can input captions, rotate,
 108            reorder and remove images FAST (<a href="tutorial.html#speedup">extensive use of
 109            keyboard shortcuts and mouse gestures</a>)</li>
 110
 111    </ul>
 112
 113    <p>
 114      As of version 0.9.0, a new
 115      subprogram, <a href="tutorial.html#startingup"><i>booh-classifier</i></a>,
 116      is available to provide powerful and fast classifying of your
 117      tons on photos and videos in order to keep only the best of breed
 118      in your web-albums. Notice that it is <b>not</b> a database
 119      application (an application to assign permanent tags), it's a
 120      tool for batch deleting/copying/moving around images/videos. Main
 121      features:
 122    </p>
 123
 124    <ul>
 125        <li>FAST loading of photos and videos into thumbnails
 126        (loads about 7 3.0 MB photos per second on a p4 - is believed to
 127         <a href="advanced.html#classifierperformance">compete
 128         well</a>)</li>
 129        <li>FAST navigation even while loading photos and videos in background,
 130        preloading of surrounding thumbnails</li>
 131        <li>keyboard shortcuts for navigation and classifying</li>
 132    </ul>
 133
 134
 135    <h2>Status</h2>
 136
 137    <p>Booh is mature. There should be only maintainance releases.</p>
 138
 139    <p>Check the <a href="tutorial.html">tutorial</a> section for
 140    a short how-to using Booh.</p>
 141
 142    <p>
 143       By the way, Booh stands for <b>B</b>est web-album <b>O</b>f the
 144       world, <b>O</b>r your money back, <b>H</b>umerus. The acronym
 145       sucks, however this is a tribute to Dragon Ball by Akira
 146       Toriyama, where the last defeated enemy (beaten in chapter #42:
 147       nothing's random) is named "Boo". But there was already a free
 148       software project called Boo, so this one will be
 149       "Booh".
 150    </p>
 151
 152    <p>If you like booh, you can <b>flattr</b> it in the top-left part of the page.</p>
 153
 154
 155    <h2>Why static?</h2>
 156
 157    <p>
 158      Dynamic web-albums have a great momentum, for example
 159      Gallery (on PHP) or Flickr. They are very nice
 160      especially because once set, you just drop an image in a
 161      directory and the next run of the PHP (or ASP or whatever server-side
 162      component used) will add the thumbnail. However, Booh is a static
 163      web-album generator, which means you need to re-run Booh when
 164      you add images, then upload your web-album on the web-server
 165      again; however, there are interesting advantages
 166      over dynamic web-albums:
 167    </p>
 168
 169    <ul>
 170      <li>using a local native application, authoring the web-album
 171      is much faster (no loading wait) and powerful (more GUI possibilities, mouse gestures)</li>
 172      <li>uses less bandwidth to send photos (with a modern
 173      digital camera, you will send 2-5 Mbytes for each photo,
 174      with Booh you will send 2 10-30 Kbytes files and 2 100-150
 175      Kbytes files)</li>
 176      <li>less load on the server (serving static pages versus
 177      serving heavy dynamic pages with costly images resizes)</li>
 178      <li>gives ability to handle videos too (using mplayer locally
 179      to produce thumbnails is very efficient, and usually not
 180      possible on server-side)</li>
 181      <li>no need for PHP/ASP or any extension, so easier for
 182      hosting</li>
 183      <li>being static versus being dynamic with need for write access is more secure</li>
 184      <li>interesting for those who do not wish to delegate (too much)
 185      the handling of personal data</li>
 186      <li>compared to Flickr, you don't have to pay to break all the limits they impose on "normal" users :)</li>
 187    </ul>
 188
 189
 190 <p align="center">
 191   <img src="images/icon-73lab.png" title="Graphics by Ayo" alt="Graphics by Ayo"/>
 192   &nbsp;&nbsp;
 193   <img src="images/icon-emacs.png" title="Edited in Emacs" alt="Edited in Emacs"/>
 194   &nbsp;&nbsp;
 195   <img src="images/powered_by_ruby.jpg" title="Uses Ruby" alt="Uses Ruby"/>
 196   &nbsp;&nbsp;
 197   <img src="images/ruby-gnome2.png" alt="Powered by Ruby-Gnome2" title="Powered by Ruby-Gnome2"/>
 198 </p>
 199
 200
 201 <font size="-1"><a href="http://zarb.org/~gc/"><em>Guillaume Cottenceau</em></a></font>
 202
 203 <p align="right"><font size="-1">Wed Jan  5 14:21:53 2011</font></p>
 204
 205 <!-- <p align="right"><font size="-2"><a href="http://validator.w3.org/check/referer">Valid XHTML 1.0!</a></font></p> -->
 206
 207 </body>
 208
 209 </html>