Minor indentation fixes
[rmll_2011.git] / slides.html
1 <!DOCTYPE html>
2
3 <meta charset="utf-8">
4 <title>lacie-nas.org RMLL 2011</title>
5
6 <!-- Your Slides -->
7 <!-- One section is one slide -->
8
9 <section class=title>
10     <!-- This is the first slide -->
11     <h1>lacie-nas.org</h1>
12     <footer>by Simon and Thomas <a href="http://lacie-nas.org">@lacie-nas.org</a></footer>
13 </section>
14
15 <section class=chapter>
16     <h1>What is a NAS ?</h1>
17 </section>
18 <section>
19     <h1>What is a NAS ?</h1>
20     <h2>A kind of desktop</h2>
21     <ul>
22         <li>without monitor
23         <li>without keyboard
24         <li>like a server in a tiny package
25     </ul>
26 </section>
27 <section>
28     <h1>What is a NAS ?</h1>
29     <h2>A remote storage</h2>
30     <ul>
31         <li>available through network protocols
32             <p>(NFS, Samba, Netatalk, DLNA, FTP, etc)
33         <li>additional services more or less useful
34             <p>(BitTorrent, backup, web hosting, etc)
35     </ul>
36 </section>
37 <section>
38     <h1>What is a NAS ?</h1>
39     <h2>Exotic devices for user interface</h2>
40     <h2>(instead of keyboard / monitor)</h2>
41     <ul>
42         <li>buttons
43         <li>LEDs
44         <li>LCD
45     </ul>
46 </section>
47 <section>
48     <h1>What is a NAS ?</h1>
49     <h2>Various architectures</h2>
50     <ul>
51         <li>ARM
52         <li>MIPS
53         <li>PPC
54         <li>x86 more recently
55     </ul>
56     <note>Power up NS2 for demo</note>
57 </section>
58 <section>
59     <h1>What is a NAS ?</h1>
60     <h2>Low cost</h2>
61     <ul>
62         <li>cheap hardware
63         <li>low power consumption
64         <li>firmwares are largely based on free software
65     </ul>
66 </section>
67
68 <section class=chapter>
69     <h1>Project Overview</h1>
70 </section>
71
72 <section>
73     <h1>Project Overview</h1>
74     <h2>Origins</h2>
75     <ul>
76         <li>lacie.com: non free hardware
77         <li>until 2009, no mainline support
78         <li>except for EDmini v2 (2008 Linux patch)
79             <p>by hobbyists: Albert Aribaud and Christopher Moore
80             <p>signed off by Marvell guys: Lennert Buytenhek and Nicolas Pitre
81         <li>discussions with patch authors
82         <li>a framework was needed...
83     </ul>
84 </section>
85
86 <section>
87     <h1>Project Overview</h1>
88     <h2>What is not lacie-nas.org ?</h2>
89     <ul>
90         <li><a>not</a> a project hosted by LaCie
91             <note>very limited sponsoring from lacie.com</note>
92         <li><a>not</a> after sales service for LaCie
93         <li><a>not</a> a hacking house for LaCie firmwares
94             <p>Some other projects (like nas-central.org) already does it well.
95     </ul>
96     <note>Often people comes and ask how to hack a LaCie NAS</note>
97 </section>
98
99 <section class=chapter>
100     <h1>Projects and targets</h1>
101 </section>
102
103 <section>
104     <h1>Projects and targets</h1>
105     <h2>Open/unlock hardware</h2>
106     <ul>
107         <li>boards specifications
108         <li>pinout
109             <p>JTAG, serial, MPPs, GPIOs, etc...
110         <li>provide support for <a href="http://openocd.berlios.de/web/">OpenOCD</a>
111     </ul>
112 </section>
113
114 <section>
115     <h1>Projects and targets</h1>
116     <h2>Provide <a href="http://www.denx.de/wiki/U-Boot">U-Boot</a> mainline support</h2>
117     <ul>
118         <li>don't rely on Marvell HAL
119             <p>dual license (commercial or GPL)
120         <li>LaCie U-Boot stock limitations
121             <p>no 'saveenv' allowed, huge binary size
122         <li>more features
123             <p>USB boot, enhanced command line, ...
124     </ul>
125 </section>
126
127 <section>
128     <h1>Projects and targets</h1>
129     <h2>Provide <a href="http://kernel.org">Linux</a> mainline support</h2>
130     <ul>
131         <li>don't rely on Marvell HAL
132             <p>dual license (commercial or GPL)
133         <li>long term maintenance
134         <li>mostly drivers for boards and devices
135     </ul>
136     <note>
137         Linux mainline submission - Free software and enterprise
138     </note>
139 </section>
140
141 <section>
142     <h1>Projects and targets</h1>
143     <h2>Provide NAS modules</h2>
144     <p>Develop and package <a>generic</a> NAS modules</p>
145     <ul>
146         <li><a href="http://lacie-nas.org/doku.php?id=nastools">NAS system tools</a>
147             <p>handle GPIO buttons, GPIO LEDs, disk by slot naming, ...
148             <p>TODO: disk PM, fan, hardware sensors, ...
149         <li>configuration manager
150             <p>someone interested ?
151         <note>provide a GNU/Debian package</note>
152     </ul>
153 </section>
154
155 <section>
156     <h1>Projects and targets</h1>
157     <h2>Provide development/hacking tools</h2>
158     <ul>
159         <li><a href="http://lacie-nas.org/doku.php?id=clunc">clunc</a> (Client for LaCie U-Boot NetConsole)
160             <p>mainline DHCP
161         <li><a href="http://git.lacie-nas.org/?p=miniroot.git;a=summary">miniroot</a>
162             <p>build system
163     </ul>
164 </section>
165
166 <section>
167     <h1>Projects and targets</h1>
168     <h2>Provide development services</h2>
169     <ul>
170         <li>hosted inside a dedicated VM
171         <li><a href="http://lacie-nas.org">wiki</a>
172         <li><a href="http://git.lacie-nas.org">git repositories</a>
173         <li><a href="http://sequanux.org/cgi-bin/mailman/listinfo/lacie-nas">mailing List</a>
174         <li>IRC channel <a href="irc://irc.freenode.net/lacie-nas">#lacie-nas</a> @freenode.net
175         <li><a href="ftp://lacie-nas.org/">FTP</a>
176     </ul>
177 </section>
178
179 <section>
180     <h1>Projects and targets</h1>
181     <h2>Roadmap</h2>
182     <p>No roadmap, no deadlines, but tasks and priorities
183     <ul>
184         <li>complete low-level support
185         <li>installer for GNU/Debian
186             <p>network and USB
187             <note>two ways: miniroot and rootfs copy or Debian way</note>
188         <li>more NAS packages
189         <li>more documents (wiki)
190         <p>increase the knowledge database
191     </ul>
192     <note>to be merged with perspectives</note>
193 </section>
194
195 <section class=chapter>
196     <h1>Free a NS2 demo !</h1>
197 </section>
198
199 <section>
200     <h1>Free a NS2 demo !</h1>
201     <h2>Steps (if all goes well :)</h2>
202     <ul>
203         <li>Take board control with clunc<li>
204         <li>Install U-boot mainline
205         <li>Startup an installation system
206             <p>powered by miniroot
207         <li>Install GNU/Debian ARM
208     </ul>
209 </section>
210
211 <section>
212     <h1>Free a NS2 demo !</h1>
213     <h2>Use SSH and log into the NS2 :)</h2>
214 </section>
215
216 <section class=chapter>
217     <h1>Perspectives</h1>
218 </section>
219
220 <section>
221     <h1>Perspectives</h1>
222     <h2>Device Tree early adopter</h2>
223 </section>
224
225 <section>
226     <h1>Perspectives</h1>
227     <h2>Free NAS distribution</h2>
228     <note>
229         - why Debian ?
230         - openwrt ?
231     </note>
232 </section>
233
234 <section class=chapter>
235     <h1>Questions ?</h1>
236 </section>
237
238 <section class=chapter>
239     <h1>Thanks</h1>
240 </section>
241
242 <!-- Your Style -->
243 <!-- Define the style of you presentation -->
244
245 <!-- Maybe a font from http://www.google.com/webfonts ? -->
246 <!-- link href='http://fonts.googleapis.com/css?family=Oswald' rel='stylesheet'-->
247 <style>
248   html { background-color: black; }
249   a { color: #FF0066; } a:hover {text-decoration: underline;}
250   footer { position: absolute; bottom: 50px; right: 50px; }
251   strong {color: #FF0066}
252   body {
253       font-family: 'Oswald', arial, serif;
254       background-color: white;
255       color: white;
256       font-size: 2em;
257       background: #1C1C1C;
258       background-image: -moz-radial-gradient(center 45deg, #333 0%, #1C1C1C 50%);
259       background-image: -moz-radial-gradient(center 45deg, #333 0%, #1C1C1C 50%);
260   }
261
262   note { display: none; }
263
264   /* Transition effect */
265   section {
266       -moz-transition: left 400ms linear 0s;
267       -webkit-transition: left 400ms linear 0s;
268       -o-transition: left 400ms linear 0s;
269       -ms-transition: left 400ms linear 0s;
270       transition: left 400ms linear 0s;
271   }
272   section { left: -150%; }
273   section[aria-selected] { left: 0; }
274   section[aria-selected] ~ section { left: +150% }
275
276   .title { background-color: black; }
277   .title h1 {
278       vertical-align: middle; margin: 0; text-align: center; display: block;
279       line-height: 400px;
280       font-size: 70px;
281   }
282
283   .chapter { background-color: black;}
284   .chapter h1 {
285       font-size: 50px;
286       line-height: 600px;
287       vertical-align: middle; margin: 0; text-align: center; display: block
288   }
289
290   h1 {
291       margin: 10px;
292       text-align: left;
293       font-size: 25px;
294       text-shadow: 0px -1px 0px #000;
295   }
296   h2 {
297       color: #FAE50B;
298       margin: 70px 0 0 0;
299       font-size: 40px;
300       text-align: center;
301   }
302   ul {
303       margin-top: 70px;
304       font-size: 35px;
305       text-align: left;
306       border-left: 4px solid white;
307       padding-left: 40px;
308       min-width: 310px;
309       margin-left: 50px;
310       display: inline-block;
311   }
312   li {
313       margin-top: 10px;
314   }
315   ul > li:first-child {
316       margin-top: 0;
317   }
318   q, p {
319       margin: 50px auto 0 auto;
320       text-align: left;
321       margin-left: 50px;
322   }
323   q:after {content: ""}
324   q:before {content: ""}
325   q {
326       display: block;
327       margin-top: 140px;
328   }
329   li p {
330       margin-top: 0;
331       font-size: 20px;
332       font-style: italic;
333   }
334   video {
335       position: absolute;
336       top: 210px;
337       width: 260px;
338       left: 445px;
339       box-shadow: 0 0 10px black;
340   }
341   #arrow {
342       position: absolute;
343       top: 165px;
344       left: 460px;
345       font-size: 100px;
346       color: white;
347
348   }
349   li {list-style-type: none}
350
351 </style>
352
353 <!-- {{{{ *****************  DZSlides CORE 2.0b1 *************************** -->
354 <!-- *********************************************************************** -->
355 <!-- *********************************************************************** -->
356 <!-- *********************************************************************** -->
357 <!-- *********************************************************************** -->
358
359 <!-- This block of code is not supposed to be edited, but if you want to change the behavior of the slides, feel free to hack it ;) -->
360
361 <!-- Default Style -->
362 <style>
363   * { margin: 0; padding: 0; }
364   details {display: none;}
365   body {
366     width: 800px; height: 600px;
367     margin-left: -400px; margin-top: -300px;
368     position: absolute; top: 50%; left: 50%;
369     overflow: hidden;
370   }
371   section {
372     position: absolute;
373     pointer-events: none;
374     width: 100%; height: 100%;
375   }
376   section[aria-selected] { pointer-events: auto;}
377   body {display: none}
378   body.loaded {display: block}
379 </style>
380
381 <script>
382   var friendWindows = [];
383   var idx = 1;
384   var slides;
385
386   /* main() */
387
388   window.onload = function() {
389     slides = document.querySelectorAll("body > section");
390     onhashchange();
391     setSlide();
392     document.body.className = "loaded";
393     onresize();
394   }
395
396   /* Handle keys */
397
398   window.onkeydown = function(e) {
399     // Don't intercept keyboard shortcuts
400     if (e.altKey || e.ctrlKey || e.metaKey || e.shiftKey) {
401       return;
402     }
403     if ( e.keyCode == 37 // left arrow
404       || e.keyCode == 33 // page up
405     ) {
406       e.preventDefault();
407       back();
408     }
409     if ( e.keyCode == 39 // right arrow
410       || e.keyCode == 34 // page down
411     ) {
412       e.preventDefault();
413       forward();
414     }
415
416     if ( e.keyCode == 32) { // space
417         e.preventDefault();
418         toggleContent();
419     }
420   }
421
422   /* Adapt the size of the slides to the window */
423
424   window.onresize = function() {
425     var sx = document.body.clientWidth / window.innerWidth;
426     var sy = document.body.clientHeight / window.innerHeight;
427     var transform = "scale(" + (1/Math.max(sx, sy)) + ")";
428     document.body.style.MozTransform = transform;
429     document.body.style.WebkitTransform = transform;
430     document.body.style.OTransform = transform;
431     document.body.style.msTransform = transform;
432     document.body.style.transform = transform;
433   }
434   function getDetails(idx) {
435     var s = document.querySelector("section:nth-of-type("+ idx +")");
436     var d = s.querySelector("details");
437     return d?d.innerHTML:"";
438   }
439   window.onmessage = function(e) {
440     msg = e.data;
441     win = e.source;
442     if (msg === "register") {
443       friendWindows.push(win);
444       win.postMessage(JSON.stringify({method: "registered", title: document.title, count: slides.length}), document.location);
445       win.postMessage(JSON.stringify({method: "newslide", details: getDetails(idx), idx: idx}), document.location);
446       return;
447     }
448     if (msg === "back") back();
449     if (msg === "forward") forward();
450     if (msg === "toggleContent") toggleContent();
451     // setSlide(42)
452     var r = /setSlide\((\d+)\)/.exec(msg);
453     if (r) {
454         idx = r[1];
455         setSlide();
456     }
457   }
458
459   /* If a Video is present in this new slide, play it.
460      If a Video is present in the previous slide, stop it. */
461
462   function toggleContent() {
463     var s = document.querySelector("section[aria-selected]");
464     if (s) {
465         var video = s.querySelector("video");
466         if (video) {
467             if (video.ended || video.paused) {
468                 video.play();
469             } else {
470                 video.pause();
471             }
472         }
473     }
474   }
475
476   /* If the user change the slide number in the URL bar, jump
477      to this slide. */
478
479   window.onhashchange = function(e) {
480     var newidx = ~~window.location.hash.split("#")[1];
481     if (!newidx) newidx = 1;
482     if (newidx == idx) return;
483     idx = newidx;
484     setSlide();
485   }
486
487   /* Slide controls */
488
489   function back() {
490     if (idx == 1) return;
491     idx--;
492     setSlide();
493   }
494   function forward() {
495     if (idx >= slides.length) return;
496     idx++;
497     setSlide();
498   }
499   function setSlide() {
500     var old = document.querySelector("section[aria-selected]");
501     var next = document.querySelector("section:nth-of-type("+ idx +")");
502     if (old) {
503       old.removeAttribute("aria-selected");
504       var video = old.querySelector("video");
505       if (video) { video.pause(); }
506     }
507     if (next) {
508       next.setAttribute("aria-selected", "true");
509       var video = next.querySelector("video");
510       if (video) { video.play(); }
511     } else {
512       console.warn("No such slide: " + idx);
513       idx = 0;
514       for (var i = 0; i < slides.length; i++) {
515           if (slides[i].hasAttribute("aria-selected")) {
516               idx = i + 1;
517           }
518       }
519     }
520     window.location.hash = idx;
521     for (var i = 0; i < friendWindows.length; i++) {
522         friendWindows[i].postMessage(JSON.stringify({method: "newslide", details: getDetails(idx), idx: idx}), document.location);
523     }
524   }
525 </script>
526 <!-- vim: set fdm=marker: }}} -->