in case suddenly more CPUs are available, talk about appropriate configuration (upgra...
[booh] / 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>