add first variant of lxww14 slides
[slides.git] / linuxwochen2014-fxos / 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>Firefox OS: Das Web als Betriebssystem</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 </head>
13 <body onload="docLoaded();">
14 <header id="header"><div id="header-text">Firefox OS</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>Firefox OS: Das Web als Betriebssystem</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>Firefox OS: Das Web als Betriebssystem</h1>
40
41 <div class="simplebox">
42 <mark><a href="http://home.kairo.at/">Robert Kaiser</a></mark>,
43 "KaiRo" &lt;kairo@kairo.at&gt;
44 <br><small>Qualitätsprojektmanager, Mozilla</small>
45 </div>
46
47 <div class="captionedbox">
48 <p class="captionedbox-caption">Folien:
49   <a href="http://slides.kairo.at/linuxwochen2014-fxos/">http://slides.kairo.at/linuxwochen2014-fxos/</a></p>
50 <div class="captionedbox-content small">
51 <ul class="small">
52   <li>Erstellt für einen
53     <a href="https://cfp.linuxwochen.at/de/LWW14/public/events/163">Vortrag</a>
54     auf den <a href="http://www.linuxwochen.at/">Linuxwochen 2014</a> in Wien.</li>
55   <li>Geschrieben in HTML 5 mit CSS 3 und JavaScript.</li>
56   <li>Navigation mit Links auf allen Folien, mit Accesskeys
57    (z.B. "n"/Alt+Umschalt+N für "next"/weiter) oder vor/zurück-Pfeilasten</li>
58   <li><a href="#toc">Inhalt</a></li>
59   <li><a rel="license" href="http://creativecommons.org/licenses/by-sa/3.0/at/"><img
60       alt="Lizenziert unter CC-BY-SA," style="border-width:0;vertical-align:bottom;"
61       src="cc-by-sa-80x15.png"></a> 05/2014 Robert Kaiser -
62     "Mozilla", "Firefox" und deren Logos sind
63     <a href="http://www.mozilla.org/foundation/trademarks/list.html">Handelsmarken
64     der Mozilla Foundation</a>.</li>
65 </ul>
66 </div>
67 </div>
68 </article>
69
70 <article id="mission" title="The Mission">
71 <h1>Building a Better Internet</h1>
72
73 <div class="simplebox">
74 <img src="mozorg-hack.gif" alt="hack - mozilla.org" class="slidepic">
75 <p class="largetext">Mozilla's mission is to <b>promote openness, innovation &amp;
76 opportunity</b> on the <b>Web</b>.</p>
77 <p class="ensurepicinbox"></p>
78 </div>
79 </article>
80
81 <article id="different" title="Mozilla vs. Mobile">
82 <h1>Different Than Current Mobile</h1>
83
84 <div class="simplebox">
85 <img src="webmaker.png" alt="Mozilla Webmaker" class="slidepic">
86 <ul>
87   <li>Web is public resource, not commercial commodity</li>
88   <li>Open standards, decentralized networks</li>
89   <li>Worldwide community, control to the user</li>
90 </ul>
91 <p class="ensurepicinbox"></p>
92 </div>
93 </article>
94
95 <article id="mobile" title="Mozilla and Mobile">
96 <h1>Mozilla &amp; Mobile</h1>
97
98 <div class="simplebox">
99 <img src="fxandroid.png" alt="Firefox for Android" class="slidepic">
100 <ul>
101   <li>Early tries with Minimo, then Maemo</li>
102   <li>Now: Firefox for Android</li>
103   <li>Web should not be locked in a browser app</li>
104 </ul>
105 <p class="ensurepicinbox"></p>
106 </div>
107 </article>
108
109 <article id="firefoxos" title="Firefox OS">
110 <h1>Firefox OS</h1>
111
112 <div class="simplebox">
113 <img src="fxos_shot.png" alt="Firefox OS" class="slidepic">
114 <p>Web as first-class citizen:</p>
115 <p><b>All UI and Apps are HTML+CSS+JS!</b></p>
116 <p class="small">Target is to standardize all required new APIs (or replace them with standards).</p>
117 <p class="ensurepicinbox"></p>
118 </div>
119 </article>
120
121 <article id="market" title="Market Status">
122 <h1>Available Now</h1>
123
124 <div class="simplebox">
125 <img src="phone-marketplace-screenshot.jpg" alt="Firefox Marketplace" class="slidepic">
126 <ul>
127   <li>Primarily emerging markets as first target</li>
128   <li>Shipped in 9 countries (ES, PL, DE, parts of South/Latin America)</li>
129   <li>3 phones (ZTE Open, Alcatel One Touch Fire, LG Fireweb)</li>
130   <li>Thousands of apps in the Firefox Marketplace</li>
131 </ul>
132 <p class="ensurepicinbox"></p>
133 </div>
134 </article>
135
136 <article id="architecture" title="Architecture">
137 <h1>Architecture</h1>
138
139 <div class="cent">
140 <img src="fxos-architecture.png" alt="Firefox OS Architecture">
141 </div>
142 </article>
143
144 <article id="allweb" title="Alles Web!">
145 <h1>Alles ist Web!</h1>
146
147 <div class="simplebox">
148 ...
149 </div>
150 </article>
151
152 <article id="webapi" title="WebAPIs">
153 <h1>WebAPIs</h1>
154
155 <div class="simplebox">
156 ...
157 </div>
158 </article>
159
160 <article id="security" title="Sicherheit">
161 <h1>Sicherheit</h1>
162
163 <div class="simplebox">
164 ...
165 </div>
166 </article>
167
168 <article id="plans" title="Plans">
169 <h1>Plans for Firefox OS</h1>
170
171 <div class="simplebox">
172 <img src="be-the-future.png" alt="Be the Future" class="slidepic">
173 <ul>
174   <li>More countries, more devices</li>
175   <li>System UI overhaul ("Haida")</li>
176   <li>Add "missing" features (C&amp;P, NFC, etc.)</li>
177   <li>Over time, get ready for higher end phones and tablets</li>
178   <li>Push Marketplace and APIs to Android &amp; desktop</li>
179 </ul>
180 <p class="ensurepicinbox"></p>
181 </div>
182 </article>
183
184 <article id="links" title="Ressourcen">
185 <h1>Ressourcen</h1>
186
187 <div class="simplebox">
188 <ul>
189   <li>Documentation: <a href="https://developer.mozilla.org/en-US/Firefox_OS">developer.mozilla.org/Firefox_OS</a></li>
190   <li>Feature Articles: <a href="https://hacks.mozilla.org/">hacks.mozilla.org</a></li>
191   <li>Web APIs: <a href="https://wiki.mozilla.org/WebAPI">wiki.mozilla.org/WebAPI</a></li>
192   <li>App Development: <a href="https://marketplace.firefox.com/developers/">marketplace.firefox.com/developers/</a></li>
193   <li>Get ZTE Open: <a href="http://stores.ebay.com/ztemobileuk">stores.ebay.com/ztemobileuk</a></li>
194   <li>Get Geeksphone: <a href="http://www.geeksphone.com/">geeksphone.com</a></li>
195 </ul>
196 </div>
197 </article>
198
199 </body>
200 </html>