-
Notifications
You must be signed in to change notification settings - Fork 0
/
firefoxOS.html
164 lines (162 loc) · 6.98 KB
/
firefoxOS.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
<!DOCTYPE HTML>
<html lang="en">
<head>
<title>Firefox OS</title>
<meta charset="utf-8">
<meta name="viewport" content="width=792, user-scalable=no">
<meta http-equiv="x-ua-compatible" content="ie=edge">
<link rel="stylesheet" href="shower/themes/bright/styles/screen.css">
<style>
#cover h2, h2.shadow {
margin:30px 0 0;
color:#FFF;
text-align:center;
font-size:70px;
text-shadow: 0 0 5px black;
}
#Cover p {
margin:10px 0 0;
text-align:center;
color:#FFF;
font-style:italic;
font-size:20px;
text-shadow: 0 0 6px black;
}
#Cover p a {
color:#FFF;
text-shadow: 0 0 5px black;
}
.imgcopyright {
position:absolute;
bottom:0;
right:0;
font-size:50%;
color:#fff
}
.copyright {
position:absolute;
top:50px;
right:50px;
font-size:75%;
color:#fff
}
.shadowText {
color:#000;
text-shadow: 0 0 5px white;
}
</style>
</head>
<body class="list">
<header class="caption">
<h1>Firefox OS</h1>
<p>oder warum ich finde, dass es aus Webentwicklersicht cool ist!</p>
</header>
<section class="slide cover" id="Cover"><div>
<h2 class="shadow">Firefox OS</h2>
<p>oder warum ich finde, dass es aus Webentwicklersicht cool ist!</p>
<img src="pictures/firefox-os-phone.jpg" alt="">
<div class="copyright">Carsten Sandtner<br/>@casarock</div>
</div></section>
<section class="slide cover shout"><div>
<h2 class="shadow">HTML5-Basierte Betriebssysteme</h2>
<img src="pictures/pre3-iphone.JPG" alt="">
<footer class="notes">FirefoxOS ist bei weitem nicht das erste HTML5-Basierte System für mobile Devices. Schon vorher gab es prominente Vertreter</footer>
</div></section>
<section class="slide"><div>
<figure>
<blockquote>
<p>The full Safari engine is inside of iPhone. And so, you can write amazing Web 2.0 and Ajax apps that look exactly and behave exactly like apps on the iPhone. And these apps can integrate perfectly with iPhone services. They can make a call, they can send an email, they can look up a location on Google Maps.
And guess what? There’s no SDK that you need!</p>
</blockquote>
<figcaption>Steve Jobs</figcaption>
</figure>
<footer class="notes">
Das iPhone sollte ursprünglich keine nativen Apps bekommen, sondern rein mit HTML5/Javascript-Basierten Apps benutzt werden.
</footer>
</div></section>
<section class="slide cover"><div>
<h2>WebOS</h2>
<img src="pictures/palm_pre.jpg" alt="">
<div class="imgcopyright">http://www.flickr.com/photos/mbiebusch/5066338184/ <a href="pictures/webos-architecture.png">#</a></div>
<footer class="notes">
Palm zeigte mit dem Palm Pre und WebOS das erste Device und zugehörige Betriebssystem auf HTML5-Basis. Viele der für WebOS entwickelten Apps können schnell und unkompliziert für Firefox OS protiert werden.
Das Enyo-Framework 2.2 unterstützt Firefox OS out of the box.
</footer>
</div></section>
<section class="slide cover"><div>
<h2 class="shadow">Firefox OS!</h2>
<img src="pictures/firefox_phone.jpg" alt="">
<div class="imgcopyright">http://www.flickr.com/photos/mozillaeu/9191443975/</div>
<footer class="notes">
Firefox greift diese Ideen auf und führt sie weiter. Alle Apps, auch die System-Apps, sind HTML5 basiert.
</footer>
</div></section>
<section class="slide"><div>
<h2>Historie</h2>
<ul>
<li>Juli 2011 angekündigt</li>
<li class="next">als Chrome OS Konkurrenz</li>
<li class="next">September 2012 erstes Produktvideo</li>
<li class="next">Seit Dez. 2012 Firefox Simulator erhältlich</li>
<li class="next">2013: ZTE, Geeksphone und Alcatel bieten Telefone</li>
<li class="next">NICHT als Mitbewerber zu Android, iOS & WP7/8 gedacht</li>
</ul>
<footer class="notes">
Firefox OS wurde relativ schnell entwickelt. Frühzeitig wurden große Provider wie Telekom involviert. Hersteller für günstige Hardware wurden ebenfalls involviert.
Alle Teile des Betriebssystems sind OpenSource und "jeder" kann helfen.
</footer>
</div></section>
<section class="slide cover"><div>
<h2 class="shadow">Smartphone for everyone!</h2>
<img src="pictures/firefox_phone.jpg" alt="">
<div class="shadowText" style="position:absolute;bottom:20px;text-align:right; right: 5px;">Brazil, Colombia, Hungary, Mexico, Montenegro, Poland, Serbia, Spain and Venezuela.</div>
<div class="imgcopyright">http://www.flickr.com/photos/mozillaeu/9191443975/</div>
<footer class="notes">
FFOS möchte nicht als Mitbewerber/Konkurrent zu iOS oder Android gesehen werden. Vielmehr adressiert FFOS die "dritten" Märkte, Personen und Länder die
keine 600-1000$ für ein Telefon haben, keine Kreditkarten haben etc. Daher auch der Launch in Brazil, ...
</footer>
</div></section>
<section class="slide cover">
<div>
<img src="pictures/ffos_arch.png" alt="">
</div>
<footer class="notes">
...
</footer>
</section>
<section class="slide cover"><div>
<h2 class="shadow">Aber was ist so besonders?</h2>
<img src="pictures/why.jpg" width="100%" alt="">
<div class="imgcopyright">http://www.flickr.com/photos/ksayer/5614813544</div>
<footer class="notes">
Was macht FirefoxOS so besonders? Es ist die Art und Weise, wie Mozilla Standards für die mobile Webentwicklung
vorantreibt!
</footer>
</div></section>
<section class="slide cover" id="Picture"><div>
<h2>APIs</h2>
<p><a href="https://wiki.mozilla.org/WebAPI#APIs">https://wiki.mozilla.org/WebAPI#APIs</a></p>
<footer class="notes">
Viele der APIs sind beim W3C bereits standardisiert oder im Working/Editors Draft. Andere Hersteller beginnen bereits
die APIs zu unterstützen. Firefox auf Android, Chrome etc. (lediglich Apple...)
</footer>
</div></section>
<section class="slide shout"><div>
<h2>Code! Beispiele!</h2>
<p>https://github.com/appsbu-de/talk-ffos_bcrm13</p>
</div></section>
<section class="slide shout" id="SeeMore"><div>
<h2>DANKE!</h2>
<p>@casarock</p>
</div></section>
<section class="slide" ><div>
<h2>Links</h2>
<p><a href="https://github.com/robnyman/Firefox-OS-Boilerplate-App">Firefox Boilerplate App</a><br/>
<a href="https://addons.mozilla.org/de/firefox/addon/firefox-os-simulator/">Der Firefox OS Simulator (Addon für Firefox)</a><br/>
<a href="http://buildingfirefoxos.com/">Resource für alle, die mal eine App entwicklen möchten</a><br/>
<a href="https://developer.mozilla.org/en-US/Apps/Reference">MDN. Must read!</a></p>
</div></section>
<div class="progress"><div></div></div>
<script src="shower/shower.min.js"></script>
</body>
</html>