[slides.git] / devtreff201311 / 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>Firefox OS: Reasons, Status &amp; Plans</title>
  <link rel="stylesheet" type="text/css" href="slides.css">
  <script type="text/javascript" src="slides.js"></script>
  <link rel="contents" href="#index" title="Overview">
  <link rel="index" id="link-toc" href="#toc" title="Contents">
  <link rel="start" id="link-start" href="#index" title="Start">
</head>
<body onload="docLoaded();">
<header id="header"><div id="header-text">Firefox OS</div>
  <div id="subheader-text"></div>
  <a id="headerlogo" href="#index" title="Startseite">Mozilla</a>
</header>
<nav id="slidenav">
  <a href="#toc" id="nav-toc" accesskey="t">toc</a> ||
  <a href="#index" id="nav-start" accesskey="s">start</a> ||
  <a href="#" id="nav-prev" accesskey="p" hidden>&lt; back</a>
  <span id="nav-prev-nolink" class="nolink">&lt; back</span> |
  <a href="#" id="nav-next" id="goNext" accesskey="n" hidden>fwd &gt;</a>
  <span id="nav-next-nolink" class="nolink">fwd &gt;</span>
</nav>

<article id="toc" title="Table of Contents">
<h1>Table of Contents</h1>
<h2>Firefox OS: Reasons, Status &amp; Plans</h2>

<div class="captionedbox">
<p class="captionedbox-caption">The following slides are available in this presentation:</p>
<div class="captionedbox-content">
<ul id="toc-list">
</ul>
</article>

<article id="index" title="Start Page">
<h1>Firefox OS: Reasons, Status &amp; Plans</h1>

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

<div class="captionedbox">
<p class="captionedbox-caption">slides:
  <a href="http://slides.kairo.at/devtreff201311/">http://slides.kairo.at/devtreff201311/</a></p>
<div class="captionedbox-content small">
<ul class="small">
  <li>Created for <a href="http://www.devtreff.org/">FirefoxOS DevTreff
    Austria</a>.</li>
  <li>Written in HTML 5 with CSS 3 and JavaScript.</li>
  <li>Navigation via links on all slides, via access keys
   (e.g. "n"/Alt+Shift+N for "next") or back/forward arrow keys</li>
  <li><a href="#toc">Contents</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> 11/2013 Robert Kaiser -
    "Mozilla", "Firefox" and their logos are
    <a href="http://www.mozilla.org/foundation/trademarks/list.html">trademarks
    of the Mozilla Foundation</a>.</li>
</ul>
</div>
</div>
</article>

<article id="mission" title="The Mission">
<h1>Building a Better Internet</h1>

<div class="simplebox">
<img src="mozorg-hack.gif" alt="hack - mozilla.org" class="slidepic">
<p class="largetext">Mozilla's mission is to <b>promote openness, innovation &amp;
opportunity</b> on the <b>Web</b>.</p>
<p class="ensurepicinbox"></p>
</div>
</article>

<article id="different" title="Mozilla vs. Mobile">
<h1>Different Than Current Mobile</h1>

<div class="simplebox">
<img src="webmaker.png" alt="Mozilla Webmaker" class="slidepic">
<ul>
  <li>Web is public resource, not commercial commodity</li>
  <li>Open standards, decentralized networks</li>
  <li>Worldwide community, control to the user</li>
</ul>
<p class="ensurepicinbox"></p>
</div>
</article>

<article id="mobile" title="Mozilla and Mobile">
<h1>Mozilla &amp; Mobile</h1>

<div class="simplebox">
<img src="fxandroid.png" alt="Firefox for Android" class="slidepic">
<ul>
  <li>Early tries with Minimo, then Maemo</li>
  <li>Now: Firefox for Android</li>
  <li>Web should not be locked in a browser app</li>
</ul>
<p class="ensurepicinbox"></p>
</div>
</article>

<article id="firefoxos" title="Firefox OS">
<h1>Firefox OS</h1>

<div class="simplebox">
<img src="fxos_shot.png" alt="Firefox OS" class="slidepic">
<p>Web as first-class citizen:</p>
<p><b>All UI and Apps are HTML+CSS+JS!</b></p>
<p class="small">Target is to standardize all required new APIs (or replace them with standards).</p>
<p class="ensurepicinbox"></p>
</div>
</article>

<article id="market" title="Market Status">
<h1>Available Now</h1>

<div class="simplebox">
<img src="phone-marketplace-screenshot.jpg" alt="Firefox Marketplace" class="slidepic">
<ul>
  <li>Primarily emerging markets as first target</li>
  <li>Shipped in 9 countries (ES, PL, DE, parts of South/Latin America)</li>
  <li>3 phones (ZTE Open, Alcatel One Touch Fire, LG Fireweb)</li>
  <li>Thousands of apps in the Firefox Marketplace</li>
</ul>
<p class="ensurepicinbox"></p>
</div>
</article>

<article id="architecture" title="Architecture">
<h1>Architecture</h1>

<div class="cent">
<img src="fxos-architecture.png" alt="Firefox OS Architecture">
</div>
</article>

<article id="development" title="Developments">
<h1>Development &amp; Tools</h1>

<div class="simplebox">
<img src="devtools.png" alt="Firefox DevTools" class="slidepic">
<ul>
  <li>Whatever you like for websites works here!</li>
  <li><a href="https://hacks.mozilla.org/2013/10/introducing-the-firefox-os-app-manager/">App Manager</a>,
    <a href="https://addons.mozilla.org/en-US/firefox/addon/firefox-os-simulator/">Simulator</a></li>
  <li>Remote debugging via Firefox dev tools</li>
  <li><a href="https://hacks.mozilla.org/2013/08/using-jsfiddle-to-prototype-firefox-os-apps/">JSFiddle</a>,
    <a href="http://buildingfirefoxos.com">Building Blocks</a>,
    <a href="http://mozilla.github.io/brick">Brick</a></li>
</ul>
<p class="ensurepicinbox"></p>
</div>
</article>

<article id="webapi-public" title="Public WebAPIs">
<h1>Public WebAPIs</h1>

<div class="simplebox">
<ul class="nobullets columns2">
  <li>Vibration API (W3C)</li>
  <li>Screen Orientation</li>
  <li>Geolocation API (W3C)</li>
  <li>Mouse Lock API (W3C)</li>
  <li>Open WebApps</li>
  <li>Network Information API (W3C)</li>
  <li>Battery Status APIs (W3C)</li>
  <li>Alarm API</li>
  <li>Web Activities</li>
  <li>Push Notifications API</li>
  <li>WebFM API</li>
  <li>WebPayment</li>
  <li>IndexedDB (W3C)</li>
  <li>Ambient Light Sensor</li>
  <li>Proximity Sensor</li>
  <li>Notification</li>
</ul>
</div>
</article>

<article id="webapi-private" title="Priv/Cert WebAPIs">
<h1>Privileged / Certified WebAPIs</h1>

<div class="simplebox">
<ul class="nobullets columns2">
  <li>Device Storage API (P)</li>
  <li>Browser API (P)</li>
  <li>TCP Socket API (P)</li>
  <li>Contacts API (P)</li>
  <li>systemXHR (P)</li>
  <li>WebTelephony (C)</li>
  <li>WebSMS (C)</li>
  <li>Idle API (C)</li>
  <li>Settings API (C)</li>
  <li>Power Management API (C)</li>
  <li>Mobile Connection API (C)</li>
  <li>WiFi Information API (C)</li>
  <li>WebBluetooth (C)</li>
  <li>Permissions API (C)</li>
  <li>Network Stats API (C)</li>
  <li>Camera API (C)</li>
  <li>Time/Clock API (C)</li>
  <li>Attention Screen (C)</li>
  <li>Voicemail (C)</li>
</ul>
</div>
</article>

<article id="plans" title="Plans">
<h1>Plans for Firefox OS</h1>

<div class="simplebox">
<img src="be-the-future.png" alt="Be the Future" class="slidepic">
<ul>
  <li>More countries, more devices</li>
  <li>System UI overhaul ("Haida")</li>
  <li>Add "missing" features (C&amp;P, NFC, etc.)</li>
  <li>Over time, get ready for higher end phones and tablets</li>
  <li>Push Marketplace and APIs to Android &amp; desktop</li>
</ul>
<p class="ensurepicinbox"></p>
</div>
</article>

<article id="links" title="Links">
<h1>Resources</h1>

<div class="simplebox">
<ul>
  <li>Documentation: <a href="https://developer.mozilla.org/en-US/Firefox_OS">developer.mozilla.org/Firefox_OS</a></li>
  <li>Feature Articles: <a href="https://hacks.mozilla.org/">hacks.mozilla.org</a></li>
  <li>Web APIs: <a href="https://wiki.mozilla.org/WebAPI">wiki.mozilla.org/WebAPI</a></li>
  <li>App Development: <a href="https://marketplace.firefox.com/developers/">marketplace.firefox.com/developers/</a></li>
  <li>Get ZTE Open: <a href="http://stores.ebay.com/ztemobileuk">stores.ebay.com/ztemobileuk</a></li>
  <li>Get Geeksphone: <a href="http://www.geeksphone.com/">geeksphone.com</a></li>
</ul>
</div>
</article>

</body>
</html>
Commit	Line	Data
3b154e55 RK	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 & 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>< back</a>
	22	<span id="nav-prev-nolink" class="nolink">< back</span> \|
	23	<a href="#" id="nav-next" id="goNext" accesskey="n" hidden>fwd ></a>
	24	<span id="nav-next-nolink" class="nolink">fwd ></span>
	25	</nav>
	26
	27	<article id="toc" title="Table of Contents">
	28	<h1>Table of Contents</h1>
	29	<h2>Firefox OS: Reasons, Status & 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 & Plans</h1>
	40
	41	<div class="simplebox">
	42	<mark><a href="http://home.kairo.at/">Robert Kaiser</a></mark>,
	43	"KaiRo" <kairo@kairo.at>
	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 &
75	opportunity</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 & 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>
a0d0dd13 RK	126	<li>Primarily emerging markets as first target</li>
	127	<li>Shipped in 9 countries (ES, PL, DE, parts of South/Latin America)</li>
	128	<li>3 phones (ZTE Open, Alcatel One Touch Fire, LG Fireweb)</li>
3b154e55 RK	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
ed840f7e RK	143	<article id="development" title="Developments">
	144	<h1>Development & Tools</h1>
	145
	146	<div class="simplebox">
	147	<img src="devtools.png" alt="Firefox DevTools" class="slidepic">
	148	<ul>
	149	<li>Whatever you like for websites works here!</li>
	150	<li><a href="https://hacks.mozilla.org/2013/10/introducing-the-firefox-os-app-manager/">App Manager</a>,
	151	<a href="https://addons.mozilla.org/en-US/firefox/addon/firefox-os-simulator/">Simulator</a></li>
	152	<li>Remote debugging via Firefox dev tools</li>
	153	<li><a href="https://hacks.mozilla.org/2013/08/using-jsfiddle-to-prototype-firefox-os-apps/">JSFiddle</a>,
	154	<a href="http://buildingfirefoxos.com">Building Blocks</a>,
	155	<a href="http://mozilla.github.io/brick">Brick</a></li>
	156	</ul>
	157	<p class="ensurepicinbox"></p>
	158	</div>
	159	</article>
	160
3b154e55 RK	161	<article id="webapi-public" title="Public WebAPIs">
	162	<h1>Public WebAPIs</h1>
	163
	164	<div class="simplebox">
	165	<ul class="nobullets columns2">
	166	<li>Vibration API (W3C)</li>
	167	<li>Screen Orientation</li>
	168	<li>Geolocation API (W3C)</li>
	169	<li>Mouse Lock API (W3C)</li>
	170	<li>Open WebApps</li>
	171	<li>Network Information API (W3C)</li>
	172	<li>Battery Status APIs (W3C)</li>
	173	<li>Alarm API</li>
	174	<li>Web Activities</li>
	175	<li>Push Notifications API</li>
	176	<li>WebFM API</li>
	177	<li>WebPayment</li>
	178	<li>IndexedDB (W3C)</li>
	179	<li>Ambient Light Sensor</li>
	180	<li>Proximity Sensor</li>
	181	<li>Notification</li>
	182	</ul>
	183	</div>
	184	</article>
	185
	186	<article id="webapi-private" title="Priv/Cert WebAPIs">
	187	<h1>Privileged / Certified WebAPIs</h1>
	188
	189	<div class="simplebox">
	190	<ul class="nobullets columns2">
	191	<li>Device Storage API (P)</li>
	192	<li>Browser API (P)</li>
	193	<li>TCP Socket API (P)</li>
	194	<li>Contacts API (P)</li>
	195	<li>systemXHR (P)</li>
	196	<li>WebTelephony (C)</li>
	197	<li>WebSMS (C)</li>
	198	<li>Idle API (C)</li>
	199	<li>Settings API (C)</li>
	200	<li>Power Management API (C)</li>
	201	<li>Mobile Connection API (C)</li>
	202	<li>WiFi Information API (C)</li>
	203	<li>WebBluetooth (C)</li>
	204	<li>Permissions API (C)</li>
	205	<li>Network Stats API (C)</li>
	206	<li>Camera API (C)</li>
	207	<li>Time/Clock API (C)</li>
	208	<li>Attention Screen (C)</li>
	209	<li>Voicemail (C)</li>
	210	</ul>
	211	</div>
	212	</article>
	213
	214	<article id="plans" title="Plans">
	215	<h1>Plans for Firefox OS</h1>
	216
	217	<div class="simplebox">
	218	<img src="be-the-future.png" alt="Be the Future" class="slidepic">
	219	<ul>
	220	<li>More countries, more devices</li>
	221	<li>System UI overhaul ("Haida")</li>
856a4267	222	<li>Add "missing" features (C&P, NFC, etc.)</li>
3b154e55 RK	223	<li>Over time, get ready for higher end phones and tablets</li>
	224	<li>Push Marketplace and APIs to Android & desktop</li>
	225	</ul>
	226	<p class="ensurepicinbox"></p>
	227	</div>
	228	</article>
	229
	230	<article id="links" title="Links">
	231	<h1>Resources</h1>
	232
	233	<div class="simplebox">
	234	<ul>
	235	<li>Documentation: <a href="https://developer.mozilla.org/en-US/Firefox_OS">developer.mozilla.org/Firefox_OS</a></li>
	236	<li>Feature Articles: <a href="https://hacks.mozilla.org/">hacks.mozilla.org</a></li>
	237	<li>Web APIs: <a href="https://wiki.mozilla.org/WebAPI">wiki.mozilla.org/WebAPI</a></li>
	238	<li>App Development: <a href="https://marketplace.firefox.com/developers/">marketplace.firefox.com/developers/</a></li>
	239	<li>Get ZTE Open: <a href="http://stores.ebay.com/ztemobileuk">stores.ebay.com/ztemobileuk</a></li>
	240	<li>Get Geeksphone: <a href="http://www.geeksphone.com/">geeksphone.com</a></li>
	241	</ul>
	242	</div>
	243	</article>
	244
	245	</body>
	246	</html>