devtreff201311/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: 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;
  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 &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>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>
 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="development" title="Developments">
 144 <h1>Development &amp; 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
 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>
 222   <li>Add "missing" features (C&amp;P, NFC, etc.)</li>
 223   <li>Over time, get ready for higher end phones and tablets</li>
 224   <li>Push Marketplace and APIs to Android &amp; 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>