[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">
<img src="dino_head.png" alt="Mozilla-Logo" style="float:right;">
<ul>
  <li><mark>Gemeinnützige</mark> Stiftung</li>
  <li>Innovation, Offenheit und Auswahl im Web</li>
  <li><mark>Firefox</mark>, Thunderbird, Drumbeat, Bugzilla, SeaMonkey,
    XULRunner, ...</li>
  <li>Riesige <mark>Community</mark>, ~400 Mitarbeiter als Kern</li>
</ul>
</div>
</article>

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

<div class="simplebox">
<img src="ff4-feature.png" alt="" style="float:right;">
<ul>
  <li>März 2011 - auch für <mark>Android</mark> und N900!</li>
  <li>Große Anzahl an Neuerungen</li>
  <li>Manche Funktionen fast 1 Jahr vorher fertig</li>
  <li><mark>Letztes "großes" Release</mark></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">
<img src="ff4-feature.png" alt="" style="float:right;">
<ul>
  <li>Neue einfachere <mark>Oberfläche</mark> (anpassbar!)</li>
  <li>Neue <mark>Web-Funktionen</mark> -
    <a href="http://webofwonder.org/">webofwonder.org</a> - WebGL, WebM,
    Audio-API, CSS-Transformationen, IndexedDB, ...</li>
  <li><mark>Geschindigkeit</mark> (Start und Ausführung,
    Hardwarebeschleunigung)</li>
  <li><mark>DNT</mark>, <mark>Sync</mark>, 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" <mark>alle 6 Wochen</mark></li>
  <li>Nightly / Aurora / Beta / Release</li>
  <li>Derzeit 5 in Aurora, 6 in Nightly -
    <mark>17./24. Mai</mark>: 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 "<mark>Aurora</mark>"</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 "<mark>Nightly</mark>"</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">
<ul>
  <li>"CrashKill"-Team - <mark>Absturz</mark>analyse</li>
  <li>"Autopsieberichte und Spurensicherung" von "toten" Firefox-Prozessen</li>
  <li>Finden von größeren <mark>Serien</mark>"fällen"</li>
  <li>Analyse von <mark>Zusammenhängen</mark></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><mark>Ungültiger Aufruf</mark> -&gt; unsauberes Beenden eines
    Prozesses</li>
  <li>Nicht antwortendes Plugin ("Hang")</li>
  <li><mark>Absturzmelder</mark> 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, <mark>Version</mark>, Build ID, System, Channel, ...</li>
  <li>Aufrufe im <mark>Stack</mark> ("Autopsie")</li>
  <li>Geladene <mark>Module, Erweiterungen</mark>, Kommentar, ...
    ("Spurensicherung")</li>
</ul>
</div>
</article>

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

<div class="simplebox">
<ul>
  <li>Verwandte Abstürze -&gt; "<mark>Signatur</mark>"</li>
  <li>"<mark>Topcrashers</mark>"</li>
  <li>Signifikante <mark>Anstiege</mark></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">
c9890d80	74	<img src="dino_head.png" alt="Mozilla-Logo" style="float:right;">
613226d6	75	<ul>
	76	<li><mark>Gemeinnützige</mark> Stiftung</li>
	77	<li>Innovation, Offenheit und Auswahl im Web</li>
c9890d80	78	<li><mark>Firefox</mark>, Thunderbird, Drumbeat, Bugzilla, SeaMonkey,
	79	XULRunner, ...</li>
	80	<li>Riesige <mark>Community</mark>, ~400 Mitarbeiter als Kern</li>
613226d6	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">
c9890d80	89	<img src="ff4-feature.png" alt="" style="float:right;">
613226d6	90	<ul>
c9890d80	91	<li>März 2011 - auch für <mark>Android</mark> und N900!</li>
613226d6	92	<li>Große Anzahl an Neuerungen</li>
613226d6	93	<li>Manche Funktionen fast 1 Jahr vorher fertig</li>
c9890d80	94	<li><mark>Letztes "großes" Release</mark></li>
613226d6	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">
c9890d80	104	<img src="ff4-feature.png" alt="" style="float:right;">
613226d6	105	<ul>
c9890d80	106	<li>Neue einfachere <mark>Oberfläche</mark> (anpassbar!)</li>
c9890d80	107	<li>Neue <mark>Web-Funktionen</mark> -
613226d6	108	<a href="http://webofwonder.org/">webofwonder.org</a> - WebGL, WebM,
613226d6	109	Audio-API, CSS-Transformationen, IndexedDB, ...</li>
c9890d80	110	<li><mark>Geschindigkeit</mark> (Start und Ausführung,
	111	Hardwarebeschleunigung)</li>
	112	<li><mark>DNT</mark>, <mark>Sync</mark>, App-Tabs, Panorama, ...</li>
613226d6	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>
c9890d80	124	<li>Neuer "Zug" <mark>alle 6 Wochen</mark></li>
613226d6	125	<li>Nightly / Aurora / Beta / Release</li>
c9890d80	126	<li>Derzeit 5 in Aurora, 6 in Nightly -
c9890d80	127	<mark>17./24. Mai</mark>: 5->Beta, 6->Aurora, 7->Nightly</li>
613226d6	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	<ul>
	141	<li><mark>Juni 2011</mark> (!)</li>
c9890d80	142	<li>Derzeit "<mark>Aurora</mark>"</li>
613226d6	143	<li>Performance (Verbindungen, Seiten-Ausführung)</li>
	144	<li>CSS-Animationen, überarbeitete Rechtschreibprüfung, ...</li>
	145	<li><a href="https://wiki.mozilla.org/Features/Release_Tracking#Firefox_5"
	146	>https://wiki.mozilla.org/Features/Release_Tracking#Firefox_5</a></li>
	147	</ul>
	148	</div>
	149	</article>
	150
	151	<article id="ff6" title="Firefox 6">
	152	<h1>Firefox 6</h1>
	153
	154	<div class="simplebox">
	155	<ul>
	156	<li><mark>August 2011</mark></li>
c9890d80	157	<li>Derzeit "<mark>Nightly</mark>"</li>
613226d6	158	<li>"Scratchpad" ("Schmierzettel"?), Firefox Share (F1)?</li>
	159	<li>Ab 24. Mai "Aurora" - was nicht korrekt funktioniert, wird gestrichen
	160	und kommt später</li>
	161	</ul>
	162	</div>
	163	</article>
	164
	165	<article id="ff7plus" title="Firefox 7+">
	166	<h1>Firefox 7+</h1>
	167
	168	<div class="simplebox">
	169	<ul>
	170	<li>Websockets, <a href="https://wiki.mozilla.org/Identity">"Firefox
	171	Identity"</a>, usw.</li>
	172	<li><a href="https://wiki.mozilla.org/Platform/Features/IonMonkey">"IonMonkey"</a>
	173	(Noch schelleres JavaScript)</li>
	174	<li><a href="http://blog.mozilla.com/joe/2011/04/26/introducing-the-azure-project/">"Azure"</a>
	175	(Besser beschleunigte Grafikfunktionen)</li>
	176	<li><a href="https://wiki.mozilla.org/Electrolysis">"Electrolysis"</a> (Prozesstrennung),
	177	usw.</li>
	178	<li>Auslieferung 12-18 Wochen nach Fertigstellung der Funktionen</li>
	179	</ul>
	180	</div>
	181	</article>
	182
	183	<article id="csi-mozilla" title="CSI:Mozilla">
	184	<h1>"CSI:Mozilla"</h1>
	185
c9890d80	186	<div class="simplebox">
613226d6	187	<ul>
c9890d80	188	<li>"CrashKill"-Team - <mark>Absturz</mark>analyse</li>
613226d6	189	<li>"Autopsieberichte und Spurensicherung" von "toten" Firefox-Prozessen</li>
c9890d80	190	<li>Finden von größeren <mark>Serien</mark>"fällen"</li>
c9890d80	191	<li>Analyse von <mark>Zusammenhängen</mark></li>
613226d6	192	<li>Zuständige Entwickler (intern/extern) zur Lösung bewegen</li>
	193	</ul>
	194	</div>
	195	</article>
	196
	197	<article id="crash" title="Was ist ein Absturz?">
	198	<h1>Absturz?</h1>
	199
	200	<div class="simplebox">
	201	<ul>
c9890d80	202	<li><mark>Ungültiger Aufruf</mark> -> unsauberes Beenden eines
c9890d80	203	Prozesses</li>
613226d6	204	<li>Nicht antwortendes Plugin ("Hang")</li>
c9890d80	205	<li><mark>Absturzmelder</mark> sammelt Daten ("Spurensicherung",
c9890d80	206	"Autopsie")</li>
613226d6	207	<li>An Mozilla übermittelt, ev. mit Kommentar</li>
	208	<li>Dort aufbereitet, analysiert</li>
	209	</ul>
	210	</div>
	211	</article>
	212
	213	<article id="reported-data" title="Daten im Bericht">
	214	<h1>Daten in Absturzberichten</h1>
	215
	216	<div class="simplebox">
	217	<ul>
c9890d80	218	<li>Produkt, <mark>Version</mark>, Build ID, System, Channel, ...</li>
	219	<li>Aufrufe im <mark>Stack</mark> ("Autopsie")</li>
	220	<li>Geladene <mark>Module, Erweiterungen</mark>, Kommentar, ...
	221	("Spurensicherung")</li>
613226d6	222	</ul>
	223	</div>
	224	</article>
	225
	226	<article id="csi-overview" title="Überblick">
	227	<h1>Überblick</h1>
	228
	229	<div class="simplebox">
	230	<ul>
c9890d80	231	<li>Verwandte Abstürze -> "<mark>Signatur</mark>"</li>
	232	<li>"<mark>Topcrashers</mark>"</li>
	233	<li>Signifikante <mark>Anstiege</mark></li>
613226d6	234	<li>Korrelationen</li>
	235	</ul>
	236	</div>
	237	</article>
	238
	239	<article id="demo" title="Demo">
	240	<h1>Demo</h1>
	241
	242	<div class="simplebox">
	243	Wahlweise:
	244	<ul>
	245	<li>Absturz</li>
	246	<li>Firefox-Funktionen</li>
	247	</ul>
	248	</div>
	249	</article>
	250
	251	<article id="end" title="Aktiv werden">
	252	<h1>Aktiv werden</h1>
	253
	254	<div class="captionedbox">
	255	<p class="captionedbox-caption">Danke für die Aufmerksamkeit!</p>
	256	<div class="captionedbox-content">
	257	Jetzt ist es an der Zeit, selbst aktiv zu werden:
	258	<ul>
	259	<li><mark>Firefox 4</mark> installieren, wo möglich!</li>
	260	<li><mark>Aurora</mark> testen! <a href="http://www.firefox.com/channel">www.firefox.com/channel</a></li>
	261	<li><mark>Absturzmeldungen</mark> senden!</li>
	262	<li>Mozilla <mark>unterstützen</mark>!</li>
	263	</ul>
	264	</div>
	265	</div>
	266	</article>
	267
	268	</body>
	269	</html>