Firefox OS bemutató, az Open Web építőköveből (HTML5, CSS3, JavasScript) félépülő telefon kedvező árának és könnyű fejleszthetőségének köszönhetően népszerű lehet a a belépő szintű telefonok szegmensében. A WebAPI segítsgével elérhető JavaScriptből a telefon speciális képességei. Első lépések, programozási bevezető. Firefox OS Simulator bemutatása.

1. FIREFOX OS
Az Open Web megérkezik
az okostelefonokra

2. Mozilla és Firefox
— Az internet mindenki számára tartogat
lehetőségeket a nyíltságnak és az
innovációnak köszönhetően
— 20% körüli böngészőpiaci részesedés
— 3 milliárd letöltött kiterjesztés
— Legmegbízhatóbb internet-márka
(https://blog.mozilla.org/blog/2013/01/2
8/privacy-day-2013/)
— Ismertség és elismertség
— Firefox OS – új szín a mobilpiacon
2

3. Mozilla: több mint böngésző
Firefox for Firefox
Firefox OS Android Marketplace WebRTC
• Web/HTML5 • Jobb értékelés az • App piactér • Fejlődő webes
alapú Operanál, a 2.0 – a Mozilla szabvány
mobilplatform Dolphinnál és a értékeivel • Bármely HTML5
• Szabványos és Chrome-nál • HTML5 Appok végpont
nyílt forráskódú • Táblagépre és • Láthatóság összekötésére
• Versenyképes telefonra • Értékesítés • Saját „Skype
felhasználói • Nagy mértékben • Kersztplatform szolgáltatás”
élmény testreszabható létrehozása
Firefox megoldások – Teljes nyílt web alapú alkalmazás ökoszisztéma amellyel
megkülönböztethető szolgáltatásokat és alkalmazásokat hozhat létre.
A szabványos és nyílt forráskódú WebRT segítségével megvalósítva

4. Mobile World Congress
Bejelentések
Elkötelezett támogatók

5. Firefox OS
— Elhozza a nyílt webet a mobilokra
— Új szabványok bevezetése, WebAPI
— Nyílt forráskód, bárki hozzájárulhat
— Nincs SDK, csak: HTML5, CSS3 és JS
— Mindenki számára teljes
ökoszisztéma, alkalmazás-piactér,
szolgáltatói számlázás
— Keresztplatformos
— Fejlesztők támogatása, dokumentáció
— Web technológiák hasznosításával
5

6. Értékek a vásárlók számára
— Megfizethető okostelefon
— Átvezet a feature telefonok világából
az okostelefonok világába
— Régebbi Android szoftverek
lecserélése
— Újabb 2 milliárd ember lesz online,
akik teljes mértékben kihasználhatják
a web által nyújtott lehetőségeket
6

7. Firefox OS Appok
— Már elérhető alkalmazások a weben
— Appok a Marketplace piactéren
— Továbbiak: Dinamikus App keresés
7

8. Dinamikus App keresés
• Alkalmas appok azonnali
keresése
• Azonnal elindul, telepíteni
nem kell
• Keresztplatformos:
Firefox OS és Android
• Nem kell 60 Appot frissíteni
• Csak a szükséges appokat
telepíthetjük
8

9. Személyre szabott Appok: megfelelnek
mindenki igényeinek, érdeklődésének
Globális Helyi
partnerek partnerek
— > 100 app már megjelent — > 50 app már megjelent
— > 500 app hamarosan érkezik — > 200 app hamarosan érkezik
— Cél: piacra lépéskor legalább — Fókusz: Dél-Amerika
annyi app legyen, mint Facebook — Növekvő részvétel a kiemelt
app piacterén régiókban
9

10. App biztonság
— Beépített biztonsági architektúra
— WebAPI engedélyeztetési rendszer
— Alaprendszer app
— Privilégizált app
— Web app
10

11. Firefox OS felépítése
— Telefon hardver
— Gonk – Kernel, HAL
— Gecko – Firefox böngészőmotor
— Gaia – Felhasználói felület
11

12. Firefox OS felépítése
— Telefon Open Web alapokon
•HTML5, CSS3, JavaScript
•WebGL, Cairo, SKIA
•WebAPI – hardverelemek elérése a böngészőből
(telefon, SMS, vibra, orientáció, GSM, lokáció, fizetés,
érzékelők, ...)
— Firefox Marketplace – https://marketplace.firefox.com/
•Open Web-ből felépített alkalmazások
•Firefox OS, mobil Firefox, Firefox és más böngészők
•Nyitott ökoszisztéma
12

13. WebAPI
13

14. Firefox OS-t szeretnék
— Telefon – Geeksphone vagy DEV megoldások
•http://www.geeksphone.com/
— Emulátor
— Szimulátor – R2D2B2G
•https://addons.mozilla.org/hu/firefox/addon/firefox-os-
simulator/
— Összefoglaló
•http://itcafe.hu/cikk/mozilla_firefox_os_teszt_mobil_unagi/
kell_nekem_egy_firefox_os.html
14

15. R2D2B2G
— Telepítsük fel a kiterjesztést, majd indítsuk el:
„Tools” → „Web Developer” → „Firefox OS Simulator”
— A Firefox OS Gaia felületét és a telepített alkalmazásokat a
Firefox eszközeivel debugolhatjuk
— Könnyedén telepíthetünk rá saját alkalmazást is
15

16. Egy mintaalkalmazás
— # Példaprogram beszerzése
git clone https://github.com/comoyo/ffos-list-detail
— # UI library letöltése
git submodule update --init --recursive
— # Kiszolgáló-függőségek telepítése
npm install
— # Induás...
node server.js
Böngészőben:
http://localhost:8081
A szimulátorban → Add URL:
http://localhost:8081/manifest.webapp
16

17. manifest.webapp
{
"version": "0.0.01",
"name": "elsoappom",
"launch_path": "index.html",
"description": "My first app",
"icons": {
"16": "/applogos/logo16.png",
"32": "/applogos/logo32.png",
"48": "/applogos/logo48.png",
"64": "/applogos/logo64.png",
"128": "/applogos/logo128.png"
},
"developer": {
"name": "You",
"url": "http://yourdomain.org"
},
"installs_allowed_from": ["*"],
"default_locale": "en"
} 17

18. Hasznos linkek
— https://wiki.mozilla.org/B2G
— https://wiki.mozilla.org/WebAPI
— https://marketplace.firefox.com/developers/
— http://www.mozilla.org/en-
US/styleguide/products/firefoxos/icons/
— http://buildingfirefoxos.com/building-
blocks/headers/
— https://github.com/comoyo/ffos-list-detail
— https://github.com/Jaxo/fxosstub
— https://github.com/robnyman/Firefox-OS-
Boilerplate-App
18

19. Köszönöm a figyelmet!
Kérdések?
Észrevételek?
Részt venne?
Szalai Kálmán
kami911@gmail.com
Mozilla Hétvége 2013 (április 6-7.)
19