Some display adjustments, make keys actually work in modern browsers
[slides.git] / linuxwochen2011 / index.html
1 <!DOCTYPE html>
2 <html>
3 <head>
4   <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
5   <meta name="Author" content="KaiRo - Robert Kaiser">
6   <title>CSI:Mozilla</title>
7   <link rel="stylesheet" type="text/css" href="slides.css">
8   <script type="text/javascript" src="slides.js"></script>
9   <link rel="contents" href="#index" title="Überblick">
10   <link rel="index" id="link-toc" href="#toc" title="Inhalt">
11   <link rel="start" id="link-start" href="#index" title="Start">
12   <!-- link rel="first" id="link-first" href="#" title="First page" hidden>
13   <link rel="previous" id="link-prev" href="#" title="Previous page" hidden>
14   <link rel="next" id="link-next" href="#" title="Next page" hidden>
15   <link rel="last" id="link-last" href="#" title="Last page" hidden -->
16 </head>
17 <body onload="docLoaded();">
18 <header id="header"><div id="header-text">CSI:Mozilla</div>
19   <a id="headerlogo" href="#index" title="Startseite">Mozilla Firefox</a>
20 </header>
21 <nav id="slidenav"><div id="subheader-text"></div>
22   <a href="#toc" id="nav-toc" accesskey="t">inhalt</a> ||
23   <a href="#index" id="nav-start" accesskey="s">start</a> ||
24   <a href="#" id="nav-prev" accesskey="p" hidden>&lt; zurück</a>
25   <span id="nav-prev-nolink" class="nolink">&lt; zurück</span> |
26   <a href="#" id="nav-next" id="goNext" accesskey="n" hidden>weiter &gt;</a>
27   <span id="nav-next-nolink" class="nolink">weiter &gt;</span>
28 </nav>
29
30 <article id="toc" title="Table of Contents">
31 <h1>Inhalt</h1>
32 <h2>CSI:Mozilla</h2>
33
34 <div class="captionedbox">
35 <p class="captionedbox-caption">Folgende Folien sind in dieser Präsentation enthalten:</p>
36 <div class="captionedbox-content">
37 <ul id="toc-list">
38 </ul>
39 </article>
40
41 <article id="index" title="Startseite">
42 <h1>CSI:Mozilla - Den Bugs auf der Spur</h1>
43
44 <div class="simplebox">
45 <mark><a href="http://home.kairo.at/">Robert Kaiser</a></mark>,
46 "KaiRo" &lt;kairo@kairo.at&gt;
47 <br><small>Mozilla-Manager</small>
48 </div>
49
50 <div class="captionedbox">
51 <p class="captionedbox-caption">Folien:
52   <a href="http://slides.kairo.at/linuxwochen2011/">http://slides.kairo.at/linuxwochen2011/</a></p>
53 <div class="captionedbox-content small">
54 <ul class="small">
55   <li>Erstellt für einen Vortrag auf den
56     <a href="http://www.linuxwochen.at/">Linuxwochen 2011</a> in
57     Wien.</li>
58   <li>Geschrieben in HTML 5 mit CSS 3 und JavaScript.</li>
59   <li>Navigation mit Links auf allen Folien, mit Accesskeys
60    (e.g. "n"/Alt+Shift+N for "next") oder vor/zurück-Pfeilasten</li>
61   <li><a href="#toc">Inhalt</a></li>
62   <li><a rel="license" href="http://creativecommons.org/licenses/by-sa/3.0/at/"><img
63       alt="Licensed under CC-BY-SA," style="border-width:0;vertical-align:bottom;"
64       src="cc-by-sa-80x15.png" /></a> 05/2011 Robert Kaiser</li>
65 </ul>
66 </div>
67 </div>
68 </article>
69
70 <article id="mozilla" title="Was ist Mozilla?">
71 <h1>Mozilla</h1>
72
73 <div class="simplebox">
74 <img src="dino_head.png" alt="Mozilla-Logo" style="float:right;">
75 <ul>
76   <li><mark>Gemeinnützige</mark> Stiftung</li>
77   <li>Innovation, Offenheit und Auswahl im Web</li>
78   <li><mark>Firefox</mark>, Thunderbird, Drumbeat, Bugzilla, SeaMonkey,
79     XULRunner, ...</li>
80   <li>Riesige <mark>Community</mark>, ~400 Mitarbeiter als Kern</li>
81 </ul>
82 </div>
83 </article>
84
85 <article id="ff4-overview" title="Firefox 4: Überblick">
86 <h1>Firefox 4</h1>
87
88 <div class="simplebox">
89 <img src="ff4-feature.png" alt="" style="float:right;">
90 <ul>
91   <li>März 2011 - auch für <mark>Android</mark> und N900!</li>
92   <li>Große Anzahl an Neuerungen</li>
93   <li>Manche Funktionen fast 1 Jahr vorher fertig</li>
94   <li><mark>Letztes "großes" Release</mark></li>
95   <li>In Zukunft schnelle, kleine Schritte</li>
96 </ul>
97 </div>
98 </article>
99
100 <article id="ff4-features" title="Firefox 4: Funktionen">
101 <h1>Firefox 4: Funktionen</h1>
102
103 <div class="simplebox">
104 <img src="ff4-feature.png" alt="" style="float:right;">
105 <ul>
106   <li>Neue einfachere <mark>Oberfläche</mark> (anpassbar!)</li>
107   <li>Neue <mark>Web-Funktionen</mark> -
108     <a href="http://webofwonder.org/">webofwonder.org</a> - WebGL, WebM,
109     Audio-API, CSS-Transformationen, IndexedDB, ...</li>
110   <li><mark>Geschwindigkeit</mark> (Start und Ausführung,
111     Hardwarebeschleunigung)</li>
112   <li><mark>DNT</mark>, <mark>Sync</mark>, App-Tabs, Panorama, ...</li>
113   <li>Neustart-freie Add-Ons</li>
114 </ul>
115 </div>
116 </article>
117
118 <article id="new-process" title="Neuer Release-Prozess">
119 <h1>Neuer Prozess</h1>
120
121 <div class="simplebox">
122 <ul>
123   <li>Kleine, schnelle Schritte, Versionsnummern immer weniger wichtig</li>
124   <li>Neuer "Zug" <mark>alle 6 Wochen</mark></li>
125   <li>Nightly / Aurora / Beta / Release</li>
126   <li>Derzeit 5 in Aurora, 6 in Nightly -
127     <mark>17./24. Mai</mark>: 5-&gt;Beta, 6-&gt;Aurora, 7-&gt;Nightly</li>
128   <li>Automatische Updates</li>
129 </ul>
130 <div class="cent topmargin">
131 <img src="nightly-aurora-beta.jpg" alt="Logos: Nightly, Aurora, Beta/Firefox">
132 </div>
133 </div>
134 </article>
135
136 <article id="ff5" title="Firefox 5">
137 <h1>Firefox 5</h1>
138
139 <div class="simplebox">
140 <img src="aurora.jpg" alt="" style="float:right;">
141 <ul>
142   <li><mark>Juni 2011</mark> (!)</li>
143   <li>Derzeit "<mark>Aurora</mark>"</li>
144   <li>Geschwindigkeit (Verbindungen, Seiten-Ausführung)</li>
145   <li>CSS-Animationen, überarbeitete Rechtschreibprüfung, ...</li>
146   <li><a href="https://wiki.mozilla.org/Features/Release_Tracking#Firefox_5"
147         >https://wiki.mozilla.org/Features/Release_Tracking#Firefox_5</a></li>
148 </ul>
149 </div>
150 </article>
151
152 <article id="ff6" title="Firefox 6">
153 <h1>Firefox 6</h1>
154
155 <div class="simplebox">
156 <img src="nightly.jpg" alt="" style="float:right;">
157 <ul>
158   <li><mark>August 2011</mark></li>
159   <li>Derzeit "<mark>Nightly</mark>"</li>
160   <li>"Scratchpad" ("Schmierzettel"?), Firefox Share (F1)?, Automatische
161     Silbentrennung</li>
162   <li>Ab 24. Mai "Aurora" - was nicht korrekt funktioniert, wird gestrichen
163     und kommt später</li>
164 </ul>
165 </div>
166 </article>
167
168 <article id="ff7plus" title="Firefox 7+">
169 <h1>Firefox 7+</h1>
170
171 <div class="simplebox">
172 <img src="offices.jpg" alt="" style="float:right;">
173 <ul>
174   <li>Websockets, <a href="https://wiki.mozilla.org/Identity">"Firefox
175     Identity"</a>, usw.</li>
176   <li><a href="https://wiki.mozilla.org/Platform/Features/IonMonkey">"IonMonkey"</a>
177     (Noch schelleres JavaScript)</li>
178   <li><a href="http://blog.mozilla.com/joe/2011/04/26/introducing-the-azure-project/">"Azure"</a>
179     (Besser beschleunigte Grafikfunktionen)</li>
180   <li><a href="https://wiki.mozilla.org/Electrolysis">"Electrolysis"</a> (Prozesstrennung),
181     usw.</li>
182   <li>Auslieferung 12-18 Wochen nach Fertigstellung der Funktionen</li>
183 </ul>
184 </div>
185 </article>
186
187 <article id="csi-mozilla" title="CSI:Mozilla">
188 <h1>"CSI:Mozilla"</h1>
189
190 <div class="simplebox">
191 <img src="investigators.jpg" alt="" style="float:right;">
192 <ul>
193   <li>"CrashKill"-Team - <mark>Absturz</mark>analyse</li>
194   <li>"Autopsieberichte und Spurensicherung" von "toten" Firefox-Prozessen</li>
195   <li>Finden von größeren <mark>Serien</mark>"fällen"</li>
196   <li>Analyse von <mark>Zusammenhängen</mark></li>
197   <li>Zuständige Entwickler (intern/extern) zur Lösung bewegen</li>
198 </ul>
199 </div>
200 </article>
201
202 <article id="crash" title="Was ist ein Absturz?">
203 <h1>Absturz?</h1>
204
205 <div class="simplebox">
206 <img src="crash.jpg" alt="" style="float:right;">
207 <ul>
208   <li><mark>Ungültiger Aufruf</mark> -&gt; unsauberes Beenden eines
209     Prozesses</li>
210   <li>Nicht antwortendes Plugin ("Hang")</li>
211   <li><mark>Absturzmelder</mark> sammelt Daten ("Spurensicherung",
212     "Autopsie")</li>
213   <li>An Mozilla übermittelt, ev. mit Kommentar</li>
214   <li>Dort aufbereitet, analysiert</li>
215 </ul>
216 </div>
217 </article>
218
219 <article id="reported-data" title="Daten im Bericht">
220 <h1>Daten in Absturzberichten</h1>
221
222 <div class="simplebox">
223 <img src="evidence.jpg" alt="" style="float:right;">
224 <ul>
225   <li>Produkt, <mark>Version</mark>, Build ID, System, Channel, ...</li>
226   <li>Aufrufe im <mark>Stack</mark> ("Autopsie")</li>
227   <li>Geladene <mark>Module, Erweiterungen</mark>, Kommentar, ...
228     ("Spurensicherung")</li>
229 </ul>
230 </div>
231 </article>
232
233 <article id="csi-overview" title="Überblick">
234 <h1>Überblick</h1>
235
236 <div class="simplebox">
237 <img src="stats.png" alt="" style="float:right;">
238 <ul>
239   <li>Verwandte Abstürze -&gt; "<mark>Signatur</mark>"</li>
240   <li>"<mark>Topcrashers</mark>"</li>
241   <li>Signifikante <mark>Anstiege</mark></li>
242   <li>Korrelationen</li>
243 </ul>
244 </div>
245 </article>
246
247 <article id="demo" title="Demo">
248 <h1>Demo</h1>
249
250 <div class="simplebox">
251 <img src="demo.png" alt="" style="float:right;">
252 Wahlweise:
253 <ul>
254   <li>Absturz-Analyse<br><br>oder<br>&nbsp;</li>
255   <li>Firefox-Funktionen</li>
256 </ul>
257 </div>
258 </article>
259
260 <article id="end" title="Aktiv werden">
261 <h1>Aktiv werden</h1>
262
263 <div class="captionedbox">
264 <p class="captionedbox-caption">Danke für die Aufmerksamkeit!</p>
265 <div class="captionedbox-content">
266 <img src="time.jpg" alt="" style="float:right;">
267 Jetzt ist es an der Zeit, selbst aktiv zu werden:
268 <ul>
269   <li><mark>Firefox 4</mark> installieren, wo möglich!</li>
270   <li><mark>Aurora</mark> testen! <a href="http://www.firefox.com/channel">www.firefox.com/channel</a></li>
271   <li><mark>Absturzmeldungen</mark> senden!</li>
272   <li>Mozilla <mark>unterstützen</mark>!</li>
273 </ul>
274 </div>
275 </div>
276 </article>
277
278 </body>
279 </html>