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   <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"><img src="images/en.png" alt="this page is in english"/></div>
  34          <div style="display:inline-block"><a href="index.fr.html"><img src="images/fr.png" alt="cette page en français"/></a></div>
  35        </td>
  36      </tr>
  37    </table>
  38
  39    <h1 align="center">Booh</h1>
  40
  41    <p align="center">[ home |
  42                        <a href="themes/gradient/">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/gradient/">watch the results</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> sort your 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> classify them</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> input captions</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 completed!</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>There are already a lot of web-album generators available for
  79    Linux; Booh differentiates with its unique features set:</p>
  80
  81    <ul>
  82        <li>automatic rotation of portrait photos thanks to
  83            information read in .jpg file (EXIF)</li>
  84        <li>immediate display of images (preloading in browser) - waiting a couple of seconds between
  85            each image is very frustrating</li>
  86        <li>keep position of "next/previous" hyperlinks in browser
  87            between images</li>
  88        <li>clever use of the whole space of a typical browser
  89        window (definitely not good to scroll to see the bottom of portrait images -
  90        or, opposedly, using only 1/4 of the screen area for a landscape image
  91        seems a poor use of space)</li>
  92        <li>themability (see: <a href="themes/gradient/">gradient</a> -
  93                              <a href="themes/simple/">simple</a> -
  94                              <a href="themes/cardu/">cardu</a> -
  95                              <a href="themes/dark/">dark</a> -
  96                              <a href="themes/sbs/">sbs</a>)</li>
  97        <li>sub-albums support</li>
  98        <li>remember end-user preferred size of thumbnails accross sub-albums</li>
  99        <li>multi-processor support to <a href="advanced.html#performance">speed up thumbnails generation</a></li>
 100        <li>smooth integration of <a href="http://hugin.sourceforge.net/tutorials/two-photos/en.shtml">panoramic images</a>
 101        in <a href="themes/gradient/Home/thumbnails-large-0.html#pano-1200x604.jpg">thumbnails pages</a></li>
 102        <li>full video support, including thumbnailing (with seek time
 103          specification possibility), transcoding and embedded
 104          flash playback with <a href="http://www.flowplayer.org/">Flowplayer</a></li>
 105        <li>multi-languages web-album navigation
 106          (using <a href="http://httpd.apache.org/docs/2.2/content-negotiation.html">Apache
 107          MultiViews</a> - navigation links are automatically shown
 108          in user's language)</li>
 109        <li>a graphical user interface both easy to use for newbies, and very powerful
 110            so that power users can input captions, rotate,
 111            reorder and remove images FAST (<a href="tutorial.html#speedup">extensive use of
 112            keyboard shortcuts and mouse gestures</a>)</li>
 113
 114    </ul>
 115
 116    <p>
 117      A subprogram, <a href="tutorial.html#startingup"><i>booh-classifier</i></a>,
 118      is available to provide powerful and fast classifying of your
 119      tons on photos and videos in order to keep only the best of breed
 120      in your web-albums. Notice that it is <b>not</b> a database
 121      application (an application to assign permanent tags), it's a
 122      tool for batch deleting/copying/moving around images/videos. Main
 123      features:
 124    </p>
 125
 126    <ul>
 127        <li>FAST loading of photos and videos into thumbnails
 128        (loads about 7 3.0 MB photos per second on a p4 - is believed to
 129         <a href="advanced.html#classifierperformance">compete
 130         well</a>)</li>
 131        <li>FAST navigation even while loading photos and videos in background,
 132        preloading of surrounding thumbnails</li>
 133        <li>keyboard shortcuts for navigation and classifying</li>
 134    </ul>
 135
 136
 137    <h2>Status</h2>
 138
 139    <p>Booh is mature. There should be only maintainance releases.</p>
 140
 141    <p>Check the <a href="tutorial.html">tutorial</a> section for
 142    a short how-to using Booh.</p>
 143
 144    <p>
 145       By the way, Booh stands for <b>B</b>est web-album <b>O</b>f the
 146       world, <b>O</b>r your money back, <b>H</b>umerus. The acronym
 147       sucks, however this is a tribute to Dragon Ball by Akira
 148       Toriyama, where the last defeated enemy (beaten in chapter #42:
 149       nothing's random) is named "Boo". But there was already a free
 150       software project called Boo, so this one will be
 151       "Booh".
 152    </p>
 153
 154    <p>If you like booh, you can <b>flattr</b> it in the top-left part of the page.</p>
 155
 156
 157    <h2>Why static?</h2>
 158
 159    <p>
 160      Dynamic web-albums have a great momentum, for example
 161      Gallery (on PHP) or Flickr. They are very nice
 162      especially because once set, you just drop an image in a
 163      directory and the next run of the PHP (or ASP or whatever server-side
 164      component used) will add the thumbnail. However, Booh is a static
 165      web-album generator, which means you need to re-run Booh when
 166      you add images, then upload your web-album on the web-server
 167      again; however, there are interesting advantages
 168      over dynamic web-albums:
 169    </p>
 170
 171    <ul>
 172      <li>using a local native application, authoring the web-album
 173      is much faster (no loading wait) and powerful (more GUI possibilities, mouse gestures)</li>
 174      <li>uses less bandwidth to send photos (with a modern
 175      digital camera, you will send 2-5 Mbytes for each photo,
 176      with Booh you will send 2 10-30 Kbytes files and 2 100-150
 177      Kbytes files)</li>
 178      <li>less load on the server (serving static pages versus
 179      serving heavy dynamic pages with costly images resizes)</li>
 180      <li>gives ability to handle videos too (using mplayer locally
 181      to produce thumbnails is very efficient, and usually not
 182      possible on server-side)</li>
 183      <li>no need for PHP/ASP or any extension, so easier for
 184      hosting</li>
 185      <li>being static versus being dynamic with need for write access is more secure</li>
 186      <li>interesting for those who do not wish to delegate (too much)
 187      the handling of personal data</li>
 188      <li>compared to Flickr, you don't have to pay to break all the limits they impose on "normal" users :)</li>
 189    </ul>
 190
 191
 192 <p align="center">
 193   <img src="images/icon-73lab.png" title="Graphics by Ayo" alt="Graphics by Ayo"/>
 194   &nbsp;&nbsp;
 195   <img src="images/icon-emacs.png" title="Edited in Emacs" alt="Edited in Emacs"/>
 196   &nbsp;&nbsp;
 197   <img src="images/powered_by_ruby.jpg" title="Uses Ruby" alt="Uses Ruby"/>
 198   &nbsp;&nbsp;
 199   <img src="images/ruby-gnome2.png" alt="Powered by Ruby-Gnome2" title="Powered by Ruby-Gnome2"/>
 200 </p>
 201
 202
 203 <font size="-1"><a href="http://zarb.org/~gc/"><em>Guillaume Cottenceau</em></a></font>
 204
 205 <p align="right"><font size="-1">Sat Nov  2 21:32:36 2013</font></p>
 206
 207 <!-- <p align="right"><font size="-2"><a href="http://validator.w3.org/check/referer">Valid XHTML 1.0!</a></font></p> -->
 208
 209 </body>
 210
 211 </html>