add a first version of the slides for devtreff on 2013-11-25
[slides.git] / devtreff201311 / index.html
diff --git a/devtreff201311/index.html b/devtreff201311/index.html
new file mode 100755 (executable)
index 0000000..47fd22f
--- /dev/null
@@ -0,0 +1,228 @@
+<!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>Emerging markets as first target</li>
+  <li>Shipped in 9 countries (ES, PL, DE, parts of South/Middle 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="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, NFX, 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>