add dashboards link
[slides.git] / linuxwochen2013-mozilla / 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>Mozilla - Das Web ist die Plattform</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="Overview">
10   <link rel="index" id="link-toc" href="#toc" title="Inhalt">
11   <link rel="start" id="link-start" href="#index" title="Start">
12 </head>
13 <body onload="docLoaded();">
14 <header id="header"><div id="header-text">Aktuelle Entwicklungen</div>
15   <div id="subheader-text"></div>
16   <a id="headerlogo" href="#index" title="Startseite">Mozilla</a>
17 </header>
18 <nav id="slidenav">
19   <a href="#toc" id="nav-toc" accesskey="t">Inhalt</a> ||
20   <a href="#index" id="nav-start" accesskey="s">Start</a> ||
21   <a href="#" id="nav-prev" accesskey="p" hidden>&lt; zurück</a>
22   <span id="nav-prev-nolink" class="nolink">&lt; zurück</span> |
23   <a href="#" id="nav-next" id="goNext" accesskey="n" hidden>weiter &gt;</a>
24   <span id="nav-next-nolink" class="nolink">weiter &gt;</span>
25 </nav>
26
27 <article id="toc" title="Inhalt">
28 <h1>Inhalt</h1>
29 <h2>Mozilla - Das Web ist die Plattform</h2>
30
31 <div class="captionedbox">
32 <p class="captionedbox-caption">Folgende Folien sind in dieser Präsentation enthalten:</p>
33 <div class="captionedbox-content">
34 <ul id="toc-list">
35 </ul>
36 </article>
37
38 <article id="index" title="Startseite">
39 <h1>Mozilla - Das Web ist die Plattform</h1>
40 <h2>Aktuelle Entwicklungen im Mozilla-Projekt</h2>
41
42 <div class="simplebox">
43 <mark><a href="http://home.kairo.at/">Robert Kaiser</a></mark>,
44 "KaiRo" &lt;kairo@kairo.at&gt;
45 <br><small>Mozilla-Stabilitäts-Manager</small>
46 </div>
47
48 <div class="captionedbox">
49 <p class="captionedbox-caption">Folien:
50   <a href="http://slides.kairo.at/linuxwochen2013-mozilla/">http://slides.kairo.at/linuxwochen2013-mozilla/</a></p>
51 <div class="captionedbox-content small">
52 <ul class="small">
53   <li>Erstellt für einen
54     <a href="https://cfp.linuxwochen.at/de/lww2013/public/events/59">Vortrag</a>
55     auf den <a href="http://www.linuxwochen.at/">Linuxwochen 2013</a> in Wien.</li>
56   <li>Geschrieben in HTML 5 mit CSS 3 und JavaScript.</li>
57   <li>Navigation mit Links auf allen Folien, mit Accesskeys
58    (e.g. "n"/Alt+Shift+N für "next"/weiter) oder vor/zurück-Pfeilasten</li>
59   <li><a href="#toc">Inhalt</a></li>
60   <li><a rel="license" href="http://creativecommons.org/licenses/by-sa/3.0/at/"><img
61       alt="Lizenziert unter CC-BY-SA," style="border-width:0;vertical-align:bottom;"
62       src="cc-by-sa-80x15.png"></a> 04/2013 Robert Kaiser -
63     "Mozilla", "Firefox" und deren Logos sind
64     <a href="http://www.mozilla.org/foundation/trademarks/list.html">Handelmarken
65     der Mozilla Foundation</a>.</li>
66 </ul>
67 </div>
68 </div>
69 </article>
70
71 <article id="history" title="Geschichte">
72 <h1>15 Jahre Mozilla-Geschichte</h1>
73
74 <div class="simplebox">
75 <img src="mozorg-hack.gif" alt="hack - mozilla.org" class="slidepic">
76 <ul>
77   <li>Freigabe des Netscape-Quellcodes am 31. März 1998</li>
78   <li>Unter dem langjährigen Netscape-Codenamen "Mozilla"</li>
79   <li>Firefox 1.0 im November 2004</li>
80 </ul>
81 <p class="ensurepicinbox"></p>
82 </div>
83 </article>
84
85 <article id="foundation" title="Foundation">
86 <h1>Mozilla Foundation</h1>
87
88 <div class="simplebox">
89 <img src="webmaker_openbadges.png" alt="Webmaker / OpenBadges" class="slidepic">
90 <ul>
91   <li>Mission, Manifesto</li>
92   <li>Webmaker (Popcorn, Thimble)</li>
93   <li>Open Badges</li>
94 </ul>
95 <p class="ensurepicinbox"></p>
96 </div>
97 </article>
98
99 <article id="desktop" title="Firefox für Desktop">
100 <h1>Aktuelles: Firefox für Desktop</h1>
101
102 <div class="simplebox">
103 <img src="australis.png" alt="Australis" class="slidepic">
104 <ul>
105   <li>Social: Multi-Provider-Unterstützung</li>
106   <li>Australis-Design</li>
107   <li>Neue Windows-8-Oberfläche ("Metro")</li>
108 </ul>
109 <p class="ensurepicinbox"></p>
110 </div>
111 </article>
112
113 <article id="devtools" title="Werkzeuge">
114 <h1>Entwickler-Werkzeuge</h1>
115
116 <div class="simplebox">
117 <img src="devtools.png" alt="Werkzeuge" class="slidepic">
118 <ul>
119   <li>Inspektor, Style-Editor</li>
120   <li>Debugger, Profiler</li>
121   <li>Netzwerk-Panel</li>
122 </ul>
123 <p class="ensurepicinbox"></p>
124 </div>
125 </article>
126
127 <article id="backend" title="Hintergrund">
128 <h1>Hintergrundarbeiten, Medien-APIs</h1>
129
130 <div class="simplebox">
131 <img src="webrtc_social.png" alt="WebRTC / SocialAPI" class="slidepic">
132 <ul>
133   <li>Performance, MemShrink</li>
134   <li>WebRTC (Audio, Video, Daten)</li>
135   <li>WebAudio</li>
136 </ul>
137 <p class="ensurepicinbox"></p>
138 </div>
139 </article>
140
141 <article id="mobile" title="Mobilgeräte">
142 <h1>Mobilgeräte</h1>
143
144 <div class="simplebox">
145 <img src="fxos_shot.png" alt="Firefox OS" class="slidepic">
146 <ul>
147   <li>Firefox für Android</li>
148   <li>Web Apps für Android (Aurora)</li>
149   <li>Firefox OS</li>
150 </ul>
151 <p class="ensurepicinbox"></p>
152 </div>
153 </article>
154
155 <article id="webapi1" title="WebAPI: Apps">
156 <h1>WebAPI: Web Apps</h1>
157
158 <div class="simplebox">
159 <img src="marketplace.png" alt="Firefox Marketplace" class="slidepic">
160 <ul>
161   <li>Open Web Apps</li>
162   <li>WebActivities</li>
163   <li>WebPayment</li>
164 </ul>
165 <p class="ensurepicinbox"></p>
166 </div>
167 </article>
168
169 <article id="webapi2" title="WebAPI: Mobil">
170 <h1>WebAPI: Mobil</h1>
171
172 <div class="simplebox">
173 <img src="call.png" alt="Anruf" class="slidepic">
174 <ul>
175   <li>Verbindungen: Telefon, SMS, Bluetooth, WLAN, USB, ...</li>
176   <li>Batterie, Vibration</li>
177   <li>Ausrichtung, Beschleunigung</li>
178 </ul>
179 <p class="ensurepicinbox"></p>
180 </div>
181 </article>
182
183 <article id="webapi3" title="WebAPI: Noch mehr">
184 <h1>WebAPI: Noch mehr!</h1>
185
186 <div class="simplebox">
187 <img src="contacts.png" alt="Kontakte" class="slidepic">
188 <ul>
189   <li>Geolocation</li>
190   <li>Kontakte</li>
191   <li>Mouse-Lock, Vollbild</li>
192 </ul>
193 <p class="ensurepicinbox"></p>
194 </div>
195 </article>
196
197 <article id="persona" title="Persona">
198 <h1>Mozilla Persona</h1>
199
200 <div class="simplebox">
201 <img src="persona.png" alt="Persona" class="slidepic">
202 <ul>
203   <li>Dezentralisierter Login</li>
204   <li>Identitätsprovider (IdP)</li>
205   <li>"Profile In The Cloud" (PiCl)</li>
206 </ul>
207 <p class="ensurepicinbox"></p>
208 </div>
209 </article>
210
211 <article id="fastjs" title="JS-Beschleunigung">
212 <h1>JavaScript-Beschleunigung</h1>
213
214 <div class="simplebox">
215 <img src="bananabread.png" alt="BananaBread" class="slidepic">
216 <ul>
217   <li>Baseline JIT</li>
218   <li>ASM.js + OdinMonkey</li>
219   <li>ParallelJS</li>
220   <li>EmScripten</li>
221 </ul>
222 <p class="ensurepicinbox"></p>
223 </div>
224 </article>
225
226 <article id="plugins" title="Plugins">
227 <h1>Plugins?</h1>
228
229 <div class="simplebox">
230 <img src="pdfjs.png" alt="PDF.js" class="slidepic">
231 <ul>
232   <li>Click-To-Play für unsichere Plugins</li>
233   <li>PDF.js: Eingebaut, HTML+JS</li>
234   <li>Shumway: SWF-Player in HTML+JS</li>
235 </ul>
236 <p class="ensurepicinbox"></p>
237 </div>
238 </article>
239
240 <article id="research" title="Forschung">
241 <h1>Weitere Forschung</h1>
242
243 <div class="simplebox">
244 <img src="rust.png" alt="Rust" class="slidepic">
245 <ul>
246   <li>Servo: Web-Engine - Parallelität und Speichersicherheit</li>
247   <li>Rust: Programmiersprache - Gleichzeitigkeit und Integrität</li>
248 </ul>
249 <p class="ensurepicinbox"></p>
250 </div>
251 </article>
252
253 <article id="links" title="Links">
254 <h1>Weitere Infos</h1>
255
256 <div class="simplebox">
257 <ul>
258   <li>Mozilla Hacks: <a href="https://hacks.mozilla.org/">hacks.mozilla.org</a></li>
259   <li>Mozilla Research: <a href="http://www.mozilla.org/research/">mozilla.org/research</a></li>
260   <li>Firefox Aurora: <a href="http://www.mozilla.org/firefox/aurora/">mozilla.org/firefox/aurora</a></li>
261   <li><a href="https://wiki.mozilla.org/WebAPI">wiki.mozilla.org/WebAPI</a>,
262       <a href="https://www.persona.org/">persona.org</a>,
263       <a href="https://webmaker.org/">webmaker.org</a>,
264       <a href="http://openbadges.org/">openbadges.org</a>,
265       <a href="https://developer.mozilla.org/">developer.mozilla.org</a></li>
266 </ul>
267 </div>
268 </article>
269
270 </body>
271 </html>