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="Die Mission">
  71 <h1>Ein besseres Internet bauen</h1>
  72
  73 <div class="simplebox">
  74 <img src="mozorg-hack.gif" alt="hack - mozilla.org" class="slidepic">
  75 <p class="largetext">Die Mission von Mozilla ist es, <b>Offenheit, Innovation &amp;
  76 Möglichkeiten</b> am <b>Web</b> zu fördern.</p>
  77 <p class="ensurepicinbox"></p>
  78 </div>
  79 </article>
  80
  81 <article id="different" title="Anders als die Masse">
  82 <h1>Anderes als aktuelle Mobilsysteme</h1>
  83
  84 <div class="simplebox">
  85 <img src="webmaker.png" alt="Mozilla Webmaker" class="slidepic">
  86 <ul>
  87   <li>Das Web ist eine öffentliche Ressource, keine kommerzielle Handelsware</li>
  88   <li>Offene Standards, dezentralisierte Netzwerke</li>
  89   <li>Weltweite Gemeinschaft, Kontrolle an die Benutzer</li>
  90 </ul>
  91 <p class="ensurepicinbox"></p>
  92 </div>
  93 </article>
  94
  95 <article id="mobile" title="Mozilla und Mobilgeräte">
  96 <h1>Mozilla &amp; Mobile</h1>
  97
  98 <div class="simplebox">
  99 <img src="fxandroid.png" alt="Firefox für Android" class="slidepic">
 100 <ul>
 101   <li>Frühe Versuche mit Minimo, dann Maemo</li>
 102   <li>Jetzt: Firefox für Android</li>
 103   <li>Das Web sollte nicht in einer Browser-App "gefangen" sein</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>Das Web als vollwertiger Bestandteil:</p>
 115 <p><b>Alle Bedienoberflächen und Apps sind HTML+CSS+JS!</b></p>
 116 <p class="small">Ziel ist es, alle benötigten neuen APIs zu standardisieren (oder durch Standards zu ersetzen).</p>
 117 <p class="ensurepicinbox"></p>
 118 </div>
 119 </article>
 120
 121 <article id="market" title="Markt-Status">
 122 <h1>Jetzt verfügbar</h1>
 123
 124 <div class="simplebox">
 125 <img src="phone-marketplace-screenshot.jpg" alt="Firefox Marketplace" class="slidepic">
 126 <ul>
 127   <li>Hauptsächlich Schwellenländer als Zielmäkte</li>
 128   <li>Ausgeliefert in 14 Ländern (ES, PL, DE, IT, HU, SR, Teile von Lateinamerika)</li>
 129   <li>3 Telefone (ZTE, Alcatel, LG) am Markt, 5-6 starten demnächst, inkl. $25-Smartphone</li>
 130   <li>Tausende von Apps im Firefox Marketplace</li>
 131 </ul>
 132 <p class="ensurepicinbox"></p>
 133 </div>
 134 </article>
 135
 136 <article id="architecture" title="Architektur">
 137 <h1>Architektur</h1>
 138
 139 <div class="cent">
 140 <img src="fxos-architecture.png" alt="Firefox-OS-Architektur">
 141 </div>
 142 </article>
 143
 144 <article id="allweb" title="Alles Web!">
 145 <h1>Alles ist Web!</h1>
 146
 147 <div class="simplebox">
 148 <ul>
 149 <li>Haupt- und Sperrbildschirme, Bedienelemente</li>
 150 <li>System-Apps - Telefonie, SMS, Kontakte, Kamera, usw.</li>
 151 <li>Zusätzlich installierte Apps, inkl. Offline-Fähigkeiten</li>
 152 </ul>
 153 Alles in HTML + CSS + JavaScript implementiert!
 154 </div>
 155 </article>
 156
 157 <article id="webapi" title="WebAPIs">
 158 <h1>WebAPIs</h1>
 159
 160 <div class="simplebox">
 161 <p>Neue Schnittstellen für Zugriff auf Gerätefunktionen und Standarddienste</p>
 162 <p>Telefonie, SMS, Vibration, Batterie, Bluetooth, Kontakte, Datenspeicher, ...</p>
 163 </div>
 164 </article>
 165
 166 <article id="security" title="Sicherheit">
 167 <h1>Sicherheit</h1>
 168
 169 <div class="simplebox">
 170 <ul>
 171 <li>Isolation aller Apps in separate Prozesse</li>
 172 <li>Systemzugriff und Kommunikation nur über definierte Schnittstellen</li>
 173 <li>Berechtigungsmodell, privilegierte und zertifizierte APIs</li>
 174 </ul>
 175 </div>
 176 </article>
 177
 178 <article id="plans" title="Pläne">
 179 <h1>Pläne für Firefox OS</h1>
 180
 181 <div class="simplebox">
 182 <img src="be-the-future.png" alt="Be the Future" class="slidepic">
 183 <ul>
 184   <li>Weitere Länder, zusätzliche Geräte, $25-Smartphone</li>
 185   <li>Überarbeitete Systemoberfläche ("Flow")</li>
 186   <li>"Fehlende" Funktionen (C&amp;P, NFC, usw.)</li>
 187   <li>Längerfristig: Unterstützung besserer Geräte und Tablets</li>
 188   <li>Marketplace und APIs auf Android &amp; Desktop verfügbar machen</li>
 189 </ul>
 190 <p class="ensurepicinbox"></p>
 191 </div>
 192 </article>
 193
 194 <article id="links" title="Ressourcen">
 195 <h1>Ressourcen</h1>
 196
 197 <div class="simplebox">
 198 <ul>
 199   <li>Dokumentation: <a href="https://developer.mozilla.org/en-US/Firefox_OS">developer.mozilla.org/Firefox_OS</a></li>
 200   <li>Artikel über Funktionen: <a href="https://hacks.mozilla.org/">hacks.mozilla.org</a></li>
 201   <li>WebAPIs: <a href="https://wiki.mozilla.org/WebAPI">wiki.mozilla.org/WebAPI</a></li>
 202   <li>ZTE Open C: <a href="http://item.ebay.co.uk/171301269724">http://item.ebay.co.uk/171301269724</a></li>
 203   <li>Flame Referenz-Device: <a href="https://developer.mozilla.org/en-US/Firefox_OS/Developer_phone_guide/Flame">https://developer.mozilla.org/en-US/Firefox_OS/Developer_phone_guide/Flame</a></li>
 204 </ul>
 205 </div>
 206 </article>
 207
 208 </body>
 209 </html>