[slides.git] / linuxwochen2014-fxos / 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: Das Web als Betriebssystem</title>
  <link rel="stylesheet" type="text/css" href="slides.css">
  <script type="text/javascript" src="slides.js"></script>
  <link rel="contents" href="#index" title="Überblick">
  <link rel="index" id="link-toc" href="#toc" title="Inhalt">
  <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">Inhalt</a> ||
  <a href="#index" id="nav-start" accesskey="s">Start</a> ||
  <a href="#" id="nav-prev" accesskey="p" hidden>&lt; zurück</a>
  <span id="nav-prev-nolink" class="nolink">&lt; zurück</span> |
  <a href="#" id="nav-next" id="goNext" accesskey="n" hidden>weiter &gt;</a>
  <span id="nav-next-nolink" class="nolink">weiter &gt;</span>
</nav>

<article id="toc" title="Inhalt">
<h1>Inhalt</h1>
<h2>Firefox OS: Das Web als Betriebssystem</h2>

<div class="captionedbox">
<p class="captionedbox-caption">Folgende Folien sind in dieser Präsentation enthalten:</p>
<div class="captionedbox-content">
<ul id="toc-list">
</ul>
</article>

<article id="index" title="Startseite">
<h1>Firefox OS: Das Web als Betriebssystem</h1>

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

<div class="captionedbox">
<p class="captionedbox-caption">Folien:
  <a href="http://slides.kairo.at/linuxwochen2014-fxos/">http://slides.kairo.at/linuxwochen2014-fxos/</a></p>
<div class="captionedbox-content small">
<ul class="small">
  <li>Erstellt für einen
    <a href="https://cfp.linuxwochen.at/de/LWW14/public/events/163">Vortrag</a>
    auf den <a href="http://www.linuxwochen.at/">Linuxwochen 2014</a> in Wien.</li>
  <li>Geschrieben in HTML 5 mit CSS 3 und JavaScript.</li>
  <li>Navigation mit Links auf allen Folien, mit Accesskeys
   (z.B. "n"/Alt+Umschalt+N für "next"/weiter) oder vor/zurück-Pfeilasten</li>
  <li><a href="#toc">Inhalt</a></li>
  <li><a rel="license" href="http://creativecommons.org/licenses/by-sa/3.0/at/"><img
      alt="Lizenziert unter CC-BY-SA," style="border-width:0;vertical-align:bottom;"
      src="cc-by-sa-80x15.png"></a> 05/2014 Robert Kaiser -
    "Mozilla", "Firefox" und deren Logos sind
    <a href="http://www.mozilla.org/foundation/trademarks/list.html">Handelsmarken
    der Mozilla Foundation</a>.</li>
</ul>
</div>
</div>
</article>

<article id="mission" title="Die Mission">
<h1>Ein besseres Internet bauen</h1>

<div class="simplebox">
<img src="mozorg-hack.gif" alt="hack - mozilla.org" class="slidepic">
<p class="largetext">Die Mission von Mozilla ist es, <b>Offenheit, Innovation &amp;
Möglichkeiten</b> am <b>Web</b> zu fördern.</p>
<p class="ensurepicinbox"></p>
</div>
</article>

<article id="different" title="Anders als die Masse">
<h1>Anderes als aktuelle Mobilsysteme</h1>

<div class="simplebox">
<img src="webmaker.png" alt="Mozilla Webmaker" class="slidepic">
<ul>
  <li>Das Web ist eine öffentliche Ressource, keine kommerzielle Handelsware</li>
  <li>Offene Standards, dezentralisierte Netzwerke</li>
  <li>Weltweite Gemeinschaft, Kontrolle an die Benutzer</li>
</ul>
<p class="ensurepicinbox"></p>
</div>
</article>

<article id="mobile" title="Mozilla und Mobilgeräte">
<h1>Mozilla &amp; Mobile</h1>

<div class="simplebox">
<img src="fxandroid.png" alt="Firefox für Android" class="slidepic">
<ul>
  <li>Frühe Versuche mit Minimo, dann Maemo</li>
  <li>Jetzt: Firefox für Android</li>
  <li>Das Web sollte nicht in einer Browser-App "gefangen" sein</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>Das Web als vollwertiger Bestandteil:</p>
<p><b>Alle Bedienoberflächen und Apps sind HTML+CSS+JS!</b></p>
<p class="small">Ziel ist es, alle benötigten neuen APIs zu standardisieren (oder durch Standards zu ersetzen).</p>
<p class="ensurepicinbox"></p>
</div>
</article>

<article id="market" title="Markt-Status">
<h1>Jetzt verfügbar</h1>

<div class="simplebox">
<img src="phone-marketplace-screenshot.jpg" alt="Firefox Marketplace" class="slidepic">
<ul>
  <li>Hauptsächlich Schwellenländer als Zielmäkte</li>
  <li>Ausgeliefert in 14 Ländern (ES, PL, DE, IT, HU, SR, Teile von Lateinamerika)</li>
  <li>3 Telefone (ZTE, Alcatel, LG) am Markt, 5-6 starten demnächst, inkl. $25-Smartphone</li>
  <li>Tausende von Apps im Firefox Marketplace</li>
</ul>
<p class="ensurepicinbox"></p>
</div>
</article>

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

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

<article id="allweb" title="Alles Web!">
<h1>Alles ist Web!</h1>

<div class="simplebox">
<ul>
<li>Haupt- und Sperrbildschirme, Bedienelemente</li>
<li>System-Apps - Telefonie, SMS, Kontakte, Kamera, usw.</li>
<li>Zusätzlich installierte Apps, inkl. Offline-Fähigkeiten</li>
</ul>
Alles in HTML + CSS + JavaScript implementiert!
</div>
</article>

<article id="webapi" title="WebAPIs">
<h1>WebAPIs</h1>

<div class="simplebox">
<p>Neue Schnittstellen für Zugriff auf Gerätefunktionen und Standarddienste</p>
<p>Telefonie, SMS, Vibration, Batterie, Bluetooth, Kontakte, Datenspeicher, ...</p>
</div>
</article>

<article id="security" title="Sicherheit">
<h1>Sicherheit</h1>

<div class="simplebox">
<ul>
<li>Isolation aller Apps in separate Prozesse</li>
<li>Systemzugriff und Kommunikation nur über definierte Schnittstellen</li>
<li>Berechtigungsmodell, privilegierte und zertifizierte APIs</li>
</ul>
</div>
</article>

<article id="plans" title="Pläne">
<h1>Pläne für Firefox OS</h1>

<div class="simplebox">
<img src="be-the-future.png" alt="Be the Future" class="slidepic">
<ul>
  <li>Weitere Länder, zusätzliche Geräte, $25-Smartphone</li>
  <li>Überarbeitete Systemoberfläche ("Flow")</li>
  <li>"Fehlende" Funktionen (C&amp;P, NFC, usw.)</li>
  <li>Längerfristig: Unterstützung besserer Geräte und Tablets</li>
  <li>Marketplace und APIs auf Android &amp; Desktop verfügbar machen</li>
</ul>
<p class="ensurepicinbox"></p>
</div>
</article>

<article id="links" title="Ressourcen">
<h1>Ressourcen</h1>

<div class="simplebox">
<ul>
  <li>Dokumentation: <a href="https://developer.mozilla.org/en-US/Firefox_OS">developer.mozilla.org/Firefox_OS</a></li>
  <li>Artikel über Funktionen: <a href="https://hacks.mozilla.org/">hacks.mozilla.org</a></li>
  <li>WebAPIs: <a href="https://wiki.mozilla.org/WebAPI">wiki.mozilla.org/WebAPI</a></li>
  <li>ZTE Open C: <a href="http://item.ebay.co.uk/171301269724">http://item.ebay.co.uk/171301269724</a></li>
  <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>
</ul>
</div>
</article>

</body>
</html>
Commit	Line	Data
bd471cd1 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: 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>< zurück</a>
	22	<span id="nav-prev-nolink" class="nolink">< zurück</span> \|
	23	<a href="#" id="nav-next" id="goNext" accesskey="n" hidden>weiter ></a>
	24	<span id="nav-next-nolink" class="nolink">weiter ></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" <kairo@kairo.at>
	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
f4e255bd RK	70	<article id="mission" title="Die Mission">
f4e255bd RK	71	<h1>Ein besseres Internet bauen</h1>
bd471cd1 RK	72
	73	<div class="simplebox">
	74	<img src="mozorg-hack.gif" alt="hack - mozilla.org" class="slidepic">
f4e255bd RK	75	<p class="largetext">Die Mission von Mozilla ist es, <b>Offenheit, Innovation &
f4e255bd RK	76	Möglichkeiten</b> am <b>Web</b> zu fördern.</p>
bd471cd1 RK	77	<p class="ensurepicinbox"></p>
	78	</div>
	79	</article>
	80
f4e255bd RK	81	<article id="different" title="Anders als die Masse">
f4e255bd RK	82	<h1>Anderes als aktuelle Mobilsysteme</h1>
bd471cd1 RK	83
	84	<div class="simplebox">
	85	<img src="webmaker.png" alt="Mozilla Webmaker" class="slidepic">
	86	<ul>
f4e255bd	87	<li>Das Web ist eine öffentliche Ressource, keine kommerzielle Handelsware</li>
b73d33b5	88	<li>Offene Standards, dezentralisierte Netzwerke</li>
f4e255bd	89	<li>Weltweite Gemeinschaft, Kontrolle an die Benutzer</li>
bd471cd1 RK	90	</ul>
	91	<p class="ensurepicinbox"></p>
	92	</div>
	93	</article>
	94
f4e255bd	95	<article id="mobile" title="Mozilla und Mobilgeräte">
bd471cd1 RK	96	<h1>Mozilla & Mobile</h1>
	97
	98	<div class="simplebox">
f4e255bd	99	<img src="fxandroid.png" alt="Firefox für Android" class="slidepic">
bd471cd1	100	<ul>
f4e255bd RK	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>
bd471cd1 RK	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">
f4e255bd RK	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>
bd471cd1 RK	117	<p class="ensurepicinbox"></p>
	118	</div>
	119	</article>
	120
f4e255bd RK	121	<article id="market" title="Markt-Status">
f4e255bd RK	122	<h1>Jetzt verfügbar</h1>
bd471cd1 RK	123
	124	<div class="simplebox">
	125	<img src="phone-marketplace-screenshot.jpg" alt="Firefox Marketplace" class="slidepic">
	126	<ul>
f4e255bd	127	<li>Hauptsächlich Schwellenländer als Zielmäkte</li>
b73d33b5 RK	128	<li>Ausgeliefert in 14 Ländern (ES, PL, DE, IT, HU, SR, Teile von Lateinamerika)</li>
b73d33b5 RK	129	<li>3 Telefone (ZTE, Alcatel, LG) am Markt, 5-6 starten demnächst, inkl. $25-Smartphone</li>
f4e255bd	130	<li>Tausende von Apps im Firefox Marketplace</li>
bd471cd1 RK	131	</ul>
	132	<p class="ensurepicinbox"></p>
	133	</div>
	134	</article>
	135
f4e255bd RK	136	<article id="architecture" title="Architektur">
f4e255bd RK	137	<h1>Architektur</h1>
bd471cd1 RK	138
bd471cd1 RK	139	<div class="cent">
f4e255bd	140	<img src="fxos-architecture.png" alt="Firefox-OS-Architektur">
bd471cd1 RK	141	</div>
	142	</article>
	143
	144	<article id="allweb" title="Alles Web!">
	145	<h1>Alles ist Web!</h1>
	146
	147	<div class="simplebox">
f4e255bd RK	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!
bd471cd1 RK	154	</div>
	155	</article>
	156
	157	<article id="webapi" title="WebAPIs">
	158	<h1>WebAPIs</h1>
	159
	160	<div class="simplebox">
f4e255bd RK	161	<p>Neue Schnittstellen für Zugriff auf Gerätefunktionen und Standarddienste</p>
f4e255bd RK	162	<p>Telefonie, SMS, Vibration, Batterie, Bluetooth, Kontakte, Datenspeicher, ...</p>
bd471cd1 RK	163	</div>
	164	</article>
	165
	166	<article id="security" title="Sicherheit">
	167	<h1>Sicherheit</h1>
	168
	169	<div class="simplebox">
f4e255bd RK	170	<ul>
	171	<li>Isolation aller Apps in separate Prozesse</li>
	172	<li>Systemzugriff und Kommunikation nur über definierte Schnittstellen</li>
b73d33b5	173	<li>Berechtigungsmodell, privilegierte und zertifizierte APIs</li>
f4e255bd	174	</ul>
bd471cd1 RK	175	</div>
	176	</article>
	177
f4e255bd RK	178	<article id="plans" title="Pläne">
f4e255bd RK	179	<h1>Pläne für Firefox OS</h1>
bd471cd1 RK	180
	181	<div class="simplebox">
	182	<img src="be-the-future.png" alt="Be the Future" class="slidepic">
	183	<ul>
f4e255bd RK	184	<li>Weitere Länder, zusätzliche Geräte, $25-Smartphone</li>
	185	<li>Überarbeitete Systemoberfläche ("Flow")</li>
	186	<li>"Fehlende" Funktionen (C&P, NFC, usw.)</li>
	187	<li>Längerfristig: Unterstützung besserer Geräte und Tablets</li>
	188	<li>Marketplace und APIs auf Android & Desktop verfügbar machen</li>
bd471cd1 RK	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>
f4e255bd RK	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>
bd471cd1 RK	204	</ul>
	205	</div>
	206	</article>
	207
	208	</body>
	209	</html>