add a first version of the slides for devtreff on 2013-11-25
[slides.git] / devtreff201311 / index.html
... / ...
CommitLineData
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: Reasons, Status &amp; Plans</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="Contents">
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">toc</a> ||
20 <a href="#index" id="nav-start" accesskey="s">start</a> ||
21 <a href="#" id="nav-prev" accesskey="p" hidden>&lt; back</a>
22 <span id="nav-prev-nolink" class="nolink">&lt; back</span> |
23 <a href="#" id="nav-next" id="goNext" accesskey="n" hidden>fwd &gt;</a>
24 <span id="nav-next-nolink" class="nolink">fwd &gt;</span>
25</nav>
26
27<article id="toc" title="Table of Contents">
28<h1>Table of Contents</h1>
29<h2>Firefox OS: Reasons, Status &amp; Plans</h2>
30
31<div class="captionedbox">
32<p class="captionedbox-caption">The following slides are available in this presentation:</p>
33<div class="captionedbox-content">
34<ul id="toc-list">
35</ul>
36</article>
37
38<article id="index" title="Start Page">
39<h1>Firefox OS: Reasons, Status &amp; Plans</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>Program Manager, Mozilla</small>
45</div>
46
47<div class="captionedbox">
48<p class="captionedbox-caption">slides:
49 <a href="http://slides.kairo.at/devtreff201311/">http://slides.kairo.at/devtreff201311/</a></p>
50<div class="captionedbox-content small">
51<ul class="small">
52 <li>Created for <a href="http://www.devtreff.org/">FirefoxOS DevTreff
53 Austria</a>.</li>
54 <li>Written in HTML 5 with CSS 3 and JavaScript.</li>
55 <li>Navigation via links on all slides, via access keys
56 (e.g. "n"/Alt+Shift+N for "next") or back/forward arrow keys</li>
57 <li><a href="#toc">Contents</a></li>
58 <li><a rel="license" href="http://creativecommons.org/licenses/by-sa/3.0/at/"><img
59 alt="Licensed under CC-BY-SA," style="border-width:0;vertical-align:bottom;"
60 src="cc-by-sa-80x15.png"></a> 11/2013 Robert Kaiser -
61 "Mozilla", "Firefox" and their logos are
62 <a href="http://www.mozilla.org/foundation/trademarks/list.html">trademarks
63 of the Mozilla Foundation</a>.</li>
64</ul>
65</div>
66</div>
67</article>
68
69<article id="mission" title="The Mission">
70<h1>Building a Better Internet</h1>
71
72<div class="simplebox">
73<img src="mozorg-hack.gif" alt="hack - mozilla.org" class="slidepic">
74<p class="largetext">Mozilla's mission is to <b>promote openness, innovation &amp;
75opportunity</b> on the <b>Web</b>.</p>
76<p class="ensurepicinbox"></p>
77</div>
78</article>
79
80<article id="different" title="Mozilla vs. Mobile">
81<h1>Different Than Current Mobile</h1>
82
83<div class="simplebox">
84<img src="webmaker.png" alt="Mozilla Webmaker" class="slidepic">
85<ul>
86 <li>Web is public resource, not commercial commodity</li>
87 <li>Open standards, decentralized networks</li>
88 <li>Worldwide community, control to the user</li>
89</ul>
90<p class="ensurepicinbox"></p>
91</div>
92</article>
93
94<article id="mobile" title="Mozilla and Mobile">
95<h1>Mozilla &amp; Mobile</h1>
96
97<div class="simplebox">
98<img src="fxandroid.png" alt="Firefox for Android" class="slidepic">
99<ul>
100 <li>Early tries with Minimo, then Maemo</li>
101 <li>Now: Firefox for Android</li>
102 <li>Web should not be locked in a browser app</li>
103</ul>
104<p class="ensurepicinbox"></p>
105</div>
106</article>
107
108<article id="firefoxos" title="Firefox OS">
109<h1>Firefox OS</h1>
110
111<div class="simplebox">
112<img src="fxos_shot.png" alt="Firefox OS" class="slidepic">
113<p>Web as first-class citizen:</p>
114<p><b>All UI and Apps are HTML+CSS+JS!</b></p>
115<p class="small">Target is to standardize all required new APIs (or replace them with standards).</p>
116<p class="ensurepicinbox"></p>
117</div>
118</article>
119
120<article id="market" title="Market Status">
121<h1>Available Now</h1>
122
123<div class="simplebox">
124<img src="phone-marketplace-screenshot.jpg" alt="Firefox Marketplace" class="slidepic">
125<ul>
126 <li>Emerging markets as first target</li>
127 <li>Shipped in 9 countries (ES, PL, DE, parts of South/Middle America)</li>
128 <li>3 phones (ZTE Open, Alcatel One Touch Fire, LG Fireweb</li>
129 <li>Thousands of apps in the Firefox Marketplace</li>
130</ul>
131<p class="ensurepicinbox"></p>
132</div>
133</article>
134
135<article id="architecture" title="Architecture">
136<h1>Architecture</h1>
137
138<div class="cent">
139<img src="fxos-architecture.png" alt="Firefox OS Architecture">
140</div>
141</article>
142
143<article id="webapi-public" title="Public WebAPIs">
144<h1>Public WebAPIs</h1>
145
146<div class="simplebox">
147<ul class="nobullets columns2">
148 <li>Vibration API (W3C)</li>
149 <li>Screen Orientation</li>
150 <li>Geolocation API (W3C)</li>
151 <li>Mouse Lock API (W3C)</li>
152 <li>Open WebApps</li>
153 <li>Network Information API (W3C)</li>
154 <li>Battery Status APIs (W3C)</li>
155 <li>Alarm API</li>
156 <li>Web Activities</li>
157 <li>Push Notifications API</li>
158 <li>WebFM API</li>
159 <li>WebPayment</li>
160 <li>IndexedDB (W3C)</li>
161 <li>Ambient Light Sensor</li>
162 <li>Proximity Sensor</li>
163 <li>Notification</li>
164</ul>
165</div>
166</article>
167
168<article id="webapi-private" title="Priv/Cert WebAPIs">
169<h1>Privileged / Certified WebAPIs</h1>
170
171<div class="simplebox">
172<ul class="nobullets columns2">
173 <li>Device Storage API (P)</li>
174 <li>Browser API (P)</li>
175 <li>TCP Socket API (P)</li>
176 <li>Contacts API (P)</li>
177 <li>systemXHR (P)</li>
178 <li>WebTelephony (C)</li>
179 <li>WebSMS (C)</li>
180 <li>Idle API (C)</li>
181 <li>Settings API (C)</li>
182 <li>Power Management API (C)</li>
183 <li>Mobile Connection API (C)</li>
184 <li>WiFi Information API (C)</li>
185 <li>WebBluetooth (C)</li>
186 <li>Permissions API (C)</li>
187 <li>Network Stats API (C)</li>
188 <li>Camera API (C)</li>
189 <li>Time/Clock API (C)</li>
190 <li>Attention Screen (C)</li>
191 <li>Voicemail (C)</li>
192</ul>
193</div>
194</article>
195
196<article id="plans" title="Plans">
197<h1>Plans for Firefox OS</h1>
198
199<div class="simplebox">
200<img src="be-the-future.png" alt="Be the Future" class="slidepic">
201<ul>
202 <li>More countries, more devices</li>
203 <li>System UI overhaul ("Haida")</li>
204 <li>Add "missing" features (C&amp;P, NFX, etc.)</li>
205 <li>Over time, get ready for higher end phones and tablets</li>
206 <li>Push Marketplace and APIs to Android &amp; desktop</li>
207</ul>
208<p class="ensurepicinbox"></p>
209</div>
210</article>
211
212<article id="links" title="Links">
213<h1>Resources</h1>
214
215<div class="simplebox">
216<ul>
217 <li>Documentation: <a href="https://developer.mozilla.org/en-US/Firefox_OS">developer.mozilla.org/Firefox_OS</a></li>
218 <li>Feature Articles: <a href="https://hacks.mozilla.org/">hacks.mozilla.org</a></li>
219 <li>Web APIs: <a href="https://wiki.mozilla.org/WebAPI">wiki.mozilla.org/WebAPI</a></li>
220 <li>App Development: <a href="https://marketplace.firefox.com/developers/">marketplace.firefox.com/developers/</a></li>
221 <li>Get ZTE Open: <a href="http://stores.ebay.com/ztemobileuk">stores.ebay.com/ztemobileuk</a></li>
222 <li>Get Geeksphone: <a href="http://www.geeksphone.com/">geeksphone.com</a></li>
223</ul>
224</div>
225</article>
226
227</body>
228</html>