Merge branch 'master' of ssh://git.zarb.org/srv/git/booh
[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   <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/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    <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/simple/">simple</a> -
93                              <a href="themes/cardu/">cardu</a> -
94                              <a href="themes/dark/">dark</a> -
95                              <a href="themes/sbs/">sbs</a>)</li>
96        <li>sub-albums support</li>
97        <li>remember end-user preferred size of thumbnails accross sub-albums</li>
98        <li>multi-processor support to <a href="advanced.html#performance">speed up thumbnails generation</a></li>
99        <li>smooth integration of <a href="http://hugin.sourceforge.net/tutorials/two-photos/en.shtml">panoramic images</a>
100        in <a href="themes/cardu/Home/thumbnails-large-0.html#pano-960x528.jpg">thumbnails pages</a></li>
101        <li>full video support, including thumbnailing (with seek time
102          specification possibility), transcoding and embedded
103          flash playback with <a href="http://www.flowplayer.org/">Flowplayer</a></li>
104        <li>multi-languages web-album navigation
105          (using <a href="http://httpd.apache.org/docs/2.2/content-negotiation.html">Apache
106          MultiViews</a> - navigation links are automatically shown
107          in user's language)</li>
108        <li>a graphical user interface both easy to use for newbies, and very powerful
109            so that power users can input captions, rotate,
110            reorder and remove images FAST (<a href="tutorial.html#speedup">extensive use of
111            keyboard shortcuts and mouse gestures</a>)</li>
112
113    </ul>
114
115    <p>
116      As of version 0.9.0, a new
117      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">Mon Mar  5 11:22:13 2012</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>