[slides.git] / linuxwochen2011 / index.html

<!DOCTYPE html>
<html>
<head>
  <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
  <meta name="Author" content="KaiRo - Robert Kaiser">
  <title>In-Tab UI</title>
  <link rel="stylesheet" type="text/css" href="slides.css">
  <script type="text/javascript" src="slides.js"></script>
  <link rel="contents" href="#index" title="Überblick">
  <link rel="index" id="link-toc" href="#toc" title="Inhalt">
  <link rel="start" id="link-start" href="#index" title="Start">
  <!-- link rel="first" id="link-first" href="#" title="First page" hidden>
  <link rel="previous" id="link-prev" href="#" title="Previous page" hidden>
  <link rel="next" id="link-next" href="#" title="Next page" hidden>
  <link rel="last" id="link-last" href="#" title="Last page" hidden -->
</head>
<body onload="docLoaded();">
<header id="header"><div id="header-text">CSI:Mozilla</div>
  <a id="headerlogo" href="#index" title="Startseite">Mozilla Firefox</a>
</header>
<nav id="slidenav"><div id="subheader-text"></div>
  <a href="#toc" id="nav-toc" accesskey="t">inhalt</a> ||
  <a href="#index" id="nav-start" accesskey="s">start</a> ||
  <a href="#" id="nav-prev" accesskey="p" hidden>&lt; zurück</a>
  <span id="nav-prev-nolink" class="nolink">&lt; zurück</span> |
  <a href="#" id="nav-next" id="goNext" accesskey="n" hidden>weiter &gt;</a>
  <span id="nav-next-nolink" class="nolink">weiter &gt;</span>
</nav>

<article id="toc" title="Table of Contents">
<h1>Inhalt</h1>
<h2>CSI:Mozilla</h2>

<div class="captionedbox">
<p class="captionedbox-caption">Folgende Folien sind in dieser Präsentation enthalten:</p>
<div class="captionedbox-content">
<ul id="toc-list">
</ul>
</article>

<article id="index" title="Startseite">
<h1>CSI:Mozilla - Den Bugs auf der Spur</h1>

<div class="simplebox">
<mark><a href="http://home.kairo.at/">Robert Kaiser</a></mark>,
"KaiRo" &lt;kairo@kairo.at&gt;
<br><small>Mozilla-Manager</small>
</div>

<div class="captionedbox">
<p class="captionedbox-caption">Slides:
  <a href="http://kairo.mozdev.org/slides/linuxwochen2011/">http://kairo.mozdev.org/slides/linuxwochen2011/</a></p>
<div class="captionedbox-content small">
<ul class="small">
  <li>Erstellt für einen Vortrag auf den
    <a href="http://www.linuxwochen.at/">Linuxwochen 2011</a> in
    Wien.</li>
  <li>Geschrieben in HTML 5 mit CSS 3 und JavaScript.</li>
  <li>Navigation mit Links auf allen Folien, mit Accesskeys
   (e.g. "n"/Alt+Shift+N for "next") oder vor/zurück-Pfeilasten</li>
  <li><a href="#toc">Inhalt</a></li>
  <li><a rel="license" href="http://creativecommons.org/licenses/by-sa/3.0/at/"><img
      alt="Licensed under CC-BY-SA," style="border-width:0;vertical-align:bottom;"
      src="cc-by-sa-80x15.png" /></a> 05/2011 Robert Kaiser</li>
</ul>
</div>
</div>
</article>

<article id="mozilla" title="Was ist Mozilla?">
<h1>Mozilla</h1>

<div class="simplebox">
<ul>
  <li><mark>Gemeinnützige</mark> Stiftung</li>
  <li>Innovation, Offenheit und Auswahl im Web</li>
  <li>Firefox, Thunderbird, Drumbeat, Bugzilla, SeaMonkey, XULRunner, ...</li>
  <li>Riesige Community</li>
</ul>
</div>
</article>

<article id="ff4-overview" title="Firefox 4: Überblick">
<h1>Firefox 4</h1>

<div class="simplebox">
<ul>
  <li>März 2011 - auch für Android und N900!</li>
  <li>Große Anzahl an Neuerungen</li>
  <li>Manche Funktionen fast 1 Jahr vorher fertig</li>
  <li>Letztes "großes" Release</li>
  <li>In Zukunft schnelle, kleine Schritte</li>
</ul>
</div>
</article>

<article id="ff4-features" title="Firefox 4: Funktionen">
<h1>Firefox 4: Funktionen</h1>

<div class="simplebox">
<ul>
  <li>Neue einfachere Oberfläche (anpassbar!)</li>
  <li>Neue Web-Funktionen -
    <a href="http://webofwonder.org/">webofwonder.org</a> - WebGL, WebM,
    Audio-API, CSS-Transformationen, IndexedDB, ...</li>
  <li>Performance (Start und Ausführung, Hardwarebeschleunigung)</li>
  <li>DNT, Sync, App-Tabs, Panorama, ...</li>
  <li>Neustart-freie Add-Ons</li>
</ul>
</div>
</article>

<article id="new-process" title="Neuer Release-Prozess">
<h1>Neuer Prozess</h1>

<div class="simplebox">
<ul>
  <li>Kleine, schnelle Schritte, Versionsnummern immer weniger wichtig</li>
  <li>Neuer "Zug" alle 6 Wochen</li>
  <li>Nightly / Aurora / Beta / Release</li>
  <li>Derzeit  5 in Aurora, 6 in Nightly - 17./24. Mai: 5-&gt;Beta, 6-&gt;Aurora, 7-&gt;Nightly</li>
  <li>Automatische Updates</li>
</ul>
<div class="cent topmargin">
<img src="nightly-aurora-beta.jpg" alt="Logos: Nightly, Aurora, Beta/Firefox">
</div>
</div>
</article>

<article id="ff5" title="Firefox 5">
<h1>Firefox 5</h1>

<div class="simplebox">
<ul>
  <li><mark>Juni 2011</mark> (!)</li>
  <li>Derzeit "Aurora"</li>
  <li>Performance (Verbindungen, Seiten-Ausführung)</li>
  <li>CSS-Animationen, überarbeitete Rechtschreibprüfung, ...</li>
  <li><a href="https://wiki.mozilla.org/Features/Release_Tracking#Firefox_5"
        >https://wiki.mozilla.org/Features/Release_Tracking#Firefox_5</a></li>
</ul>
</div>
</article>

<article id="ff6" title="Firefox 6">
<h1>Firefox 6</h1>

<div class="simplebox">
<ul>
  <li><mark>August 2011</mark></li>
  <li>Derzeit "Nightly"</li>
  <li>"Scratchpad" ("Schmierzettel"?), Firefox Share (F1)?</li>
  <li>Ab 24. Mai "Aurora" - was nicht korrekt funktioniert, wird gestrichen
    und kommt später</li>
</ul>
</div>
</article>

<article id="ff7plus" title="Firefox 7+">
<h1>Firefox 7+</h1>

<div class="simplebox">
<ul>
  <li>Websockets, <a href="https://wiki.mozilla.org/Identity">"Firefox
    Identity"</a>, usw.</li>
  <li><a href="https://wiki.mozilla.org/Platform/Features/IonMonkey">"IonMonkey"</a>
    (Noch schelleres JavaScript)</li>
  <li><a href="http://blog.mozilla.com/joe/2011/04/26/introducing-the-azure-project/">"Azure"</a>
    (Besser beschleunigte Grafikfunktionen)</li>
  <li><a href="https://wiki.mozilla.org/Electrolysis">"Electrolysis"</a> (Prozesstrennung),
    usw.</li>
  <li>Auslieferung 12-18 Wochen nach Fertigstellung der Funktionen</li>
</ul>
</div>
</article>

<article id="csi-mozilla" title="CSI:Mozilla">
<h1>"CSI:Mozilla"</h1>

<div class="simplebox cent">
<ul>
  <li>"CrashKill"-Team</li>
  <li>"Autopsieberichte und Spurensicherung" von "toten" Firefox-Prozessen</li>
  <li>Finden von größeren Serien"fällen"</li>
  <li>Analyse von Zusammenhängen</li>
  <li>Zuständige Entwickler (intern/extern) zur Lösung bewegen</li>
</ul>
</div>
</article>

<article id="crash" title="Was ist ein Absturz?">
<h1>Absturz?</h1>

<div class="simplebox">
<ul>
  <li>Ungültiger Aufruf -&gt; unsauberes Beenden von Prozessen</li>
  <li>Nicht antwortendes Plugin ("Hang")</li>
  <li>Absturzmelder sammelt Daten ("Spurensicherung", "Autopsie")</li>
  <li>An Mozilla übermittelt, ev. mit Kommentar</li>
  <li>Dort aufbereitet, analysiert</li>
</ul>
</div>
</article>

<article id="reported-data" title="Daten im Bericht">
<h1>Daten in Absturzberichten</h1>

<div class="simplebox">
<ul>
  <li>Produkt, Version, Build ID, System, Channel, ...</li>
  <li>Aufrufe im Stack ("Autopsie")</li>
  <li>Geladene Module, Erweiterungen, Kommentar, ... ("Spurensicherung")</li>
</ul>
</div>
</article>

<article id="csi-overview" title="Überblick">
<h1>Überblick</h1>

<div class="simplebox">
<ul>
  <li>Verwandte Abstürze -&gt; "Signatur"</li>
  <li>"Topcrashers"</li>
  <li>Signifikante Anstiege</li>
  <li>Korrelationen</li>
</ul>
</div>
</article>

<article id="demo" title="Demo">
<h1>Demo</h1>

<div class="simplebox">
Wahlweise:
<ul>
  <li>Absturz</li>
  <li>Firefox-Funktionen</li>
</ul>
</div>
</article>

<article id="end" title="Aktiv werden">
<h1>Aktiv werden</h1>

<div class="captionedbox">
<p class="captionedbox-caption">Danke für die Aufmerksamkeit!</p>
<div class="captionedbox-content">
Jetzt ist es an der Zeit, selbst aktiv zu werden:
<ul>
  <li><mark>Firefox 4</mark> installieren, wo möglich!</li>
  <li><mark>Aurora</mark> testen! <a href="http://www.firefox.com/channel">www.firefox.com/channel</a></li>
  <li><mark>Absturzmeldungen</mark> senden!</li>
  <li>Mozilla <mark>unterstützen</mark>!</li>
</ul>
</div>
</div>
</article>

</body>
</html>
Commit	Line	Data
613226d6	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>In-Tab UI</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>< zurück</a>
	25	<span id="nav-prev-nolink" class="nolink">< zurück</span> \|
	26	<a href="#" id="nav-next" id="goNext" accesskey="n" hidden>weiter ></a>
	27	<span id="nav-next-nolink" class="nolink">weiter ></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" <kairo@kairo.at>
	47	<br><small>Mozilla-Manager</small>
	48	</div>
	49
	50	<div class="captionedbox">
	51	<p class="captionedbox-caption">Slides:
	52	<a href="http://kairo.mozdev.org/slides/linuxwochen2011/">http://kairo.mozdev.org/slides/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	<ul>
75	<li><mark>Gemeinnützige</mark> Stiftung</li>
76	<li>Innovation, Offenheit und Auswahl im Web</li>
77	<li>Firefox, Thunderbird, Drumbeat, Bugzilla, SeaMonkey, XULRunner, ...</li>
78	<li>Riesige Community</li>
79	</ul>
80	</div>
81	</article>
82
83	<article id="ff4-overview" title="Firefox 4: Überblick">
84	<h1>Firefox 4</h1>
85
86	<div class="simplebox">
87	<ul>
88	<li>März 2011 - auch für Android und N900!</li>
89	<li>Große Anzahl an Neuerungen</li>
90	<li>Manche Funktionen fast 1 Jahr vorher fertig</li>
91	<li>Letztes "großes" Release</li>
92	<li>In Zukunft schnelle, kleine Schritte</li>
93	</ul>
94	</div>
95	</article>
96
97	<article id="ff4-features" title="Firefox 4: Funktionen">
98	<h1>Firefox 4: Funktionen</h1>
99
100	<div class="simplebox">
101	<ul>
102	<li>Neue einfachere Oberfläche (anpassbar!)</li>
103	<li>Neue Web-Funktionen -
104	<a href="http://webofwonder.org/">webofwonder.org</a> - WebGL, WebM,
105	Audio-API, CSS-Transformationen, IndexedDB, ...</li>
106	<li>Performance (Start und Ausführung, Hardwarebeschleunigung)</li>
107	<li>DNT, Sync, App-Tabs, Panorama, ...</li>
108	<li>Neustart-freie Add-Ons</li>
109	</ul>
110	</div>
111	</article>
112
113	<article id="new-process" title="Neuer Release-Prozess">
114	<h1>Neuer Prozess</h1>
115
116	<div class="simplebox">
117	<ul>
118	<li>Kleine, schnelle Schritte, Versionsnummern immer weniger wichtig</li>
119	<li>Neuer "Zug" alle 6 Wochen</li>
120	<li>Nightly / Aurora / Beta / Release</li>
121	<li>Derzeit 5 in Aurora, 6 in Nightly - 17./24. Mai: 5->Beta, 6->Aurora, 7->Nightly</li>
122	<li>Automatische Updates</li>
123	</ul>
124	<div class="cent topmargin">
125	<img src="nightly-aurora-beta.jpg" alt="Logos: Nightly, Aurora, Beta/Firefox">
126	</div>
127	</div>
128	</article>
129
130	<article id="ff5" title="Firefox 5">
131	<h1>Firefox 5</h1>
132
133	<div class="simplebox">
134	<ul>
135	<li><mark>Juni 2011</mark> (!)</li>
136	<li>Derzeit "Aurora"</li>
137	<li>Performance (Verbindungen, Seiten-Ausführung)</li>
138	<li>CSS-Animationen, überarbeitete Rechtschreibprüfung, ...</li>
139	<li><a href="https://wiki.mozilla.org/Features/Release_Tracking#Firefox_5"
140	>https://wiki.mozilla.org/Features/Release_Tracking#Firefox_5</a></li>
141	</ul>
142	</div>
143	</article>
144
145	<article id="ff6" title="Firefox 6">
146	<h1>Firefox 6</h1>
147
148	<div class="simplebox">
149	<ul>
150	<li><mark>August 2011</mark></li>
151	<li>Derzeit "Nightly"</li>
152	<li>"Scratchpad" ("Schmierzettel"?), Firefox Share (F1)?</li>
153	<li>Ab 24. Mai "Aurora" - was nicht korrekt funktioniert, wird gestrichen
154	und kommt später</li>
155	</ul>
156	</div>
157	</article>
158
159	<article id="ff7plus" title="Firefox 7+">
160	<h1>Firefox 7+</h1>
161
162	<div class="simplebox">
163	<ul>
164	<li>Websockets, <a href="https://wiki.mozilla.org/Identity">"Firefox
165	Identity"</a>, usw.</li>
166	<li><a href="https://wiki.mozilla.org/Platform/Features/IonMonkey">"IonMonkey"</a>
167	(Noch schelleres JavaScript)</li>
168	<li><a href="http://blog.mozilla.com/joe/2011/04/26/introducing-the-azure-project/">"Azure"</a>
169	(Besser beschleunigte Grafikfunktionen)</li>
170	<li><a href="https://wiki.mozilla.org/Electrolysis">"Electrolysis"</a> (Prozesstrennung),
171	usw.</li>
172	<li>Auslieferung 12-18 Wochen nach Fertigstellung der Funktionen</li>
173	</ul>
174	</div>
175	</article>
176
177	<article id="csi-mozilla" title="CSI:Mozilla">
178	<h1>"CSI:Mozilla"</h1>
179
180	<div class="simplebox cent">
181	<ul>
182	<li>"CrashKill"-Team</li>
183	<li>"Autopsieberichte und Spurensicherung" von "toten" Firefox-Prozessen</li>
184	<li>Finden von größeren Serien"fällen"</li>
185	<li>Analyse von Zusammenhängen</li>
186	<li>Zuständige Entwickler (intern/extern) zur Lösung bewegen</li>
187	</ul>
188	</div>
189	</article>
190
191	<article id="crash" title="Was ist ein Absturz?">
192	<h1>Absturz?</h1>
193
194	<div class="simplebox">
195	<ul>
196	<li>Ungültiger Aufruf -> unsauberes Beenden von Prozessen</li>
197	<li>Nicht antwortendes Plugin ("Hang")</li>
198	<li>Absturzmelder sammelt Daten ("Spurensicherung", "Autopsie")</li>
199	<li>An Mozilla übermittelt, ev. mit Kommentar</li>
200	<li>Dort aufbereitet, analysiert</li>
201	</ul>
202	</div>
203	</article>
204
205	<article id="reported-data" title="Daten im Bericht">
206	<h1>Daten in Absturzberichten</h1>
207
208	<div class="simplebox">
209	<ul>
210	<li>Produkt, Version, Build ID, System, Channel, ...</li>
211	<li>Aufrufe im Stack ("Autopsie")</li>
212	<li>Geladene Module, Erweiterungen, Kommentar, ... ("Spurensicherung")</li>
213	</ul>
214	</div>
215	</article>
216
217	<article id="csi-overview" title="Überblick">
218	<h1>Überblick</h1>
219
220	<div class="simplebox">
221	<ul>
222	<li>Verwandte Abstürze -> "Signatur"</li>
223	<li>"Topcrashers"</li>
224	<li>Signifikante Anstiege</li>
225	<li>Korrelationen</li>
226	</ul>
227	</div>
228	</article>
229
230	<article id="demo" title="Demo">
231	<h1>Demo</h1>
232
233	<div class="simplebox">
234	Wahlweise:
235	<ul>
236	<li>Absturz</li>
237	<li>Firefox-Funktionen</li>
238	</ul>
239	</div>
240	</article>
241
242	<article id="end" title="Aktiv werden">
243	<h1>Aktiv werden</h1>
244
245	<div class="captionedbox">
246	<p class="captionedbox-caption">Danke für die Aufmerksamkeit!</p>
247	<div class="captionedbox-content">
248	Jetzt ist es an der Zeit, selbst aktiv zu werden:
249	<ul>
250	<li><mark>Firefox 4</mark> installieren, wo möglich!</li>
251	<li><mark>Aurora</mark> testen! <a href="http://www.firefox.com/channel">www.firefox.com/channel</a></li>
252	<li><mark>Absturzmeldungen</mark> senden!</li>
253	<li>Mozilla <mark>unterstützen</mark>!</li>
254	</ul>
255	</div>
256	</div>
257	</article>
258
259	</body>
260	</html>