some 0.9.4 work on website
[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/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/simple/">simple</a> -
93                              <a href="themes/gradient/">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/gradient/Home/thumbnails-large-0.html#pano-1200x604.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      A subprogram, <a href="tutorial.html#startingup"><i>booh-classifier</i></a>,
117      is available to provide powerful and fast classifying of your
118      tons on photos and videos in order to keep only the best of breed
119      in your web-albums. Notice that it is <b>not</b> a database
120      application (an application to assign permanent tags), it's a
121      tool for batch deleting/copying/moving around images/videos. Main
122      features:
123    </p>
124
125    <ul>
126        <li>FAST loading of photos and videos into thumbnails
127        (loads about 7 3.0 MB photos per second on a p4 - is believed to
128         <a href="advanced.html#classifierperformance">compete
129         well</a>)</li>
130        <li>FAST navigation even while loading photos and videos in background,
131        preloading of surrounding thumbnails</li>
132        <li>keyboard shortcuts for navigation and classifying</li>
133    </ul>
134
135
136    <h2>Status</h2>
137
138    <p>Booh is mature. There should be only maintainance releases.</p>
139
140    <p>Check the <a href="tutorial.html">tutorial</a> section for
141    a short how-to using Booh.</p>
142
143    <p>
144       By the way, Booh stands for <b>B</b>est web-album <b>O</b>f the
145       world, <b>O</b>r your money back, <b>H</b>umerus. The acronym
146       sucks, however this is a tribute to Dragon Ball by Akira
147       Toriyama, where the last defeated enemy (beaten in chapter #42:
148       nothing's random) is named "Boo". But there was already a free
149       software project called Boo, so this one will be
150       "Booh".
151    </p>
152
153    <p>If you like booh, you can <b>flattr</b> it in the top-left part of the page.</p>
154
155
156    <h2>Why static?</h2>
157
158    <p>
159      Dynamic web-albums have a great momentum, for example
160      Gallery (on PHP) or Flickr. They are very nice
161      especially because once set, you just drop an image in a
162      directory and the next run of the PHP (or ASP or whatever server-side
163      component used) will add the thumbnail. However, Booh is a static
164      web-album generator, which means you need to re-run Booh when
165      you add images, then upload your web-album on the web-server
166      again; however, there are interesting advantages
167      over dynamic web-albums:
168    </p>
169
170    <ul>
171      <li>using a local native application, authoring the web-album
172      is much faster (no loading wait) and powerful (more GUI possibilities, mouse gestures)</li>
173      <li>uses less bandwidth to send photos (with a modern
174      digital camera, you will send 2-5 Mbytes for each photo,
175      with Booh you will send 2 10-30 Kbytes files and 2 100-150
176      Kbytes files)</li>
177      <li>less load on the server (serving static pages versus
178      serving heavy dynamic pages with costly images resizes)</li>
179      <li>gives ability to handle videos too (using mplayer locally
180      to produce thumbnails is very efficient, and usually not
181      possible on server-side)</li>
182      <li>no need for PHP/ASP or any extension, so easier for
183      hosting</li>
184      <li>being static versus being dynamic with need for write access is more secure</li>
185      <li>interesting for those who do not wish to delegate (too much)
186      the handling of personal data</li>
187      <li>compared to Flickr, you don't have to pay to break all the limits they impose on "normal" users :)</li>
188    </ul>
189
190
191 <p align="center">
192   <img src="images/icon-73lab.png" title="Graphics by Ayo" alt="Graphics by Ayo"/>
193   &nbsp;&nbsp;
194   <img src="images/icon-emacs.png" title="Edited in Emacs" alt="Edited in Emacs"/>
195   &nbsp;&nbsp;
196   <img src="images/powered_by_ruby.jpg" title="Uses Ruby" alt="Uses Ruby"/>
197   &nbsp;&nbsp;
198   <img src="images/ruby-gnome2.png" alt="Powered by Ruby-Gnome2" title="Powered by Ruby-Gnome2"/>
199 </p>
200
201
202 <font size="-1"><a href="http://zarb.org/~gc/"><em>Guillaume Cottenceau</em></a></font>
203
204 <p align="right"><font size="-1">Sat Nov  2 21:32:36 2013</font></p>
205
206 <!-- <p align="right"><font size="-2"><a href="http://validator.w3.org/check/referer">Valid XHTML 1.0!</a></font></p> -->
207
208 </body>
209
210 </html>