A Firefox OS bemutatója, rendszerismertetés, fejlesztői eszközök, alapismeretek, hackelés. A legfontosabb információk, hogy belevághass a saját Firefox OS-re készült webapp fejlesztésébe. A Firefox OS a világméretű Mozilla közösség új operációs rendszere, amelyet mobiltelefonokhoz fejleszt a közösség.

1. FIREFOX OS
Teljesen nyitott mobiltelefon operációs
rendszer – új lehetőségek a horizonton
Nyári Egyetem
Corvinus Egyetem
Budapest
2013. július 22.
Szalai „KAMI” Kálmán
Mozilla Reps
kami911@gmail.com

2. 07/22/13
Irányelvek
Nyíltság
— Nyílt szabványok, nyílt
forráskód
Innováció
— Előremutató megoldások,
kísérleti projektek
Lehetőség
— Mindenki részt vehet
munkánkban
—— Mozilla kiáltvány
— https://www.mozilla.org/about/manifesto.hu.html

3. 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
(itthon 39%)
— 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 3

4. WebRTC
• Fejlődő webes
szabvány
• Bármely HTML5
végpont
összekötésére
• Saját „Skype
szolgáltatás”
létrehozása
Firefox
Marketplace
• App piactér
2.0 – a Mozilla
értékeivel
• HTML5 Appok
• Láthatóság
• Értékesítés
• Kersztplatform
Mozilla: több mint böngésző
Firefox for
Android
• Jobb értékelés az
Operanál, a
Dolphinnál és a
Chrome-nál
• Táblagépre és
telefonra
• Nagy mértékben
testreszabható
Firefox OS
• Web/HTML5
alapú
mobilplatform
• Szabványos és
nyílt forráskódú
• Versenyképes
felhasználói
élmény
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

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

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

7. Értékek a vásárlók számára
7
— 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

8. Firefox OS Appok
8
— Már elérhető alkalmazások a weben
— Appok a Marketplace piactéren
— Továbbiak: Dinamikus App keresés
— A telefonon lévő valamennyi alkalmazás egy webapp (app
mappa):
•Tárcsázó
•Térkép szoftver
•SMS kezelő
•Fotó alkalmazás
•Naptár
•Óra és ébresztő

9. Dinamikus App keresés
9
• 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

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

11. App biztonság
11
— Beépített biztonsági architektúra
— WebAPI engedélyeztetési rendszer
— Elérés csak WebAPI-n keresztül
— App biztonsági szintek
•Alaprendszer app (csomagolt)
•Kiemelt jogosultságú app
(csomagolt)
•Web app
•Hosztolt
•Csomagolt
— Sandboxing

12. Firefox OS
12
Telefonhardver
(800 MHz → 600 MHz, 512 MB RAM → 256 MB RAM)
Gonk
Linux kernel, eszközmeghajtók, HAL
Gecko
HTML5, CSS3, JavaScript, WebAPI, WebGL
Gaia
UI, Csomagolt appok, Hosztolt appok

13. Firefox OS felépítése
13
— 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

14. WebAPI
14

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

16. R2D2B2G
16
— 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
— 3.0 verziótól
•Csatlakozás: Firefox OS telefonhoz és androidos
Firefoxhoz
•Helymeghatározás tesztelése
— 4.0 verziótól
•Alkalmazásból történő fizetés tesztelése

17. Hibakeresés
17

18. Telefonos környezet
18
— sudo vi /etc/udev/51-android.rules
SUBSYSTEM=="usb", ATTR{idVendor}=="18d1",
MODE="0666", GROUP="plugdev"
SUBSYSTEM=="usb", ATTR{idVendor}=="19d2",
MODE="0666", GROUP="plugdev"
SUBSYSTEM=="usb", ATTR{idVendor}=="05c6",
MODE="0666", GROUP="plugdev"
— sudo udevadm control --reload-rules
— Android Debug Bridge (adb) beszerzése
•https://developer.android.com/sdk/index.html
•Android-tools-adb csomag:
http://packages.ubuntu.com/raring/android-tools-adb

19. Egy mintaalkalmazás
19
— # 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

20. Egy másik demóalkalmazás
20
— Firefox OS-szel való ismerkedéshez
— Sok funkció kipróbálható
•Hosztolt app
•Appcache
•Csomagolt app
Ahttps://github.com/robnyman/Firefox-OS-Boil
erplate-App/

21. manifest.webapp
21
{
"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"
}

22. Csomagolt alkalmazás
22
— ZIP fájl
— manifest.appcache
CACHE MANIFEST
index.html
js/bajolo.js
js/webapp.js
js/offline.js
NETWORK:
*
FALLBACK:
/ fallback.html

23. Mentés
23
— adb pull /system ~/mozbackup/system
— adb pull /data ~/mozbackup/data
— adb pull /vendor ~/mozbackup/vendor

24. Use the source, Luke
24
cd ~/moz
git clone https://github.com/mozilla-b2g/gaia.git
cd gaia
git checkout -b v1.0.1 origin/v1.0.1
vagy
git checkout -b master origin/master
cd locales
hg clone https://hg.mozilla.org/releases/gaia-l10n/v1_0_1/hu
cd ..
make clean && make production MAKECMDGOALS=production
MOZILLA_OFFICIAL=1 GAIA_DEFAULT_LOCALE=hu
LOCALES_FILE=locales/languages_all.json
LOCALE_BASEDIR=locales/ REMOTE_DEBUGGER=1 HIDPI=1
HIDPI=1 - csak a Peak készülékhez

25. Hasznos linkek I
25
— https://wiki.mozilla.org/B2G
— https://wiki.mozilla.org/WebAPI
— https://marketplace.firefox.com/developers/
— http://appcachefacts.info/
— https://developer.mozilla.org/en-US/docs/Ap
ps/App_permissions
— https://developer.mozilla.org/en/docs/HTML/
Using_the_application_cache
— http://www.mozilla.org/en-US/styleguide/pro
ducts/firefoxos/icons/

26. Hasznos linkek II
26
— http://buildingfirefoxos.com/building-blocks/
headers/
— https://github.com/comoyo/ffos-list-detail
— https://github.com/Jaxo/fxosstub
— http://appcachefacts.info/demo/
— https://github.com/robnyman/Firefox-OS-Boi
lerplate-App
— http://comoyo.github.io/blog/2013/03/12/bui
ld-first-ffos-app/
— http://www.slideshare.net/matenadasdi1/fir
efox-os-weekend
— https://marketplace.firefox.com/developers/
validator

27. Fejlessz webappot idén nyáron
27
— Alklamzásfejlesztői verseny
— Határidő: 2013. szeptember 08.
— Firefox Marketplace validáció a feltétel
(max 18 munkanap)
— 5 kategória
•közösség (Social)
•játékok (Games)
•média (Media)
•utazás/közlekedés (Travel/Transport)
•egyéb (Other)
— 250 ezer forint pénzjutalom
— A Telenor által szoponzorált verseny a
Mozilla közreműködésével

28. Fejlesztői partnerprogram
28
— Az ingyenes, de kötelező regisztrációt
követően egy darab Firefox OS
szimulátorban futó alkalmazást kell leadni.
— Egy nyilvános repository-ban kell legyen
publikálva (pl.: github, bitbucket)
— Magyar nyelvet kötelező támogatnia
— A benyújtott alkalmazásnak Firefox OS
szimulátorban futtathatónak kell lennie
— Az alkalmazás típusa hosted vagy packaged
app lehet
— Jelentkezni lehet:
http://tinyurl.com/fxos-devhubform

29. Önkénteseket keresünk
29
— Fordítás
•Dokumentáció (Mozilla Support – SuMo)
•Firefox kiterjesztések
— Népszerűsítés
•Cikkek írása
•Prezentációk tartása
•Részvétel eseményeken, szervezés
•Mobilizer program
— Hibajelentés
— Adminisztratív feladatok
— Firefox Market jóváhagyók
— WebMaker oktatás kicsiknek
— Grafikai munkák
— Bármi, ami jó ötletlen tűnik

30. Köszönöm a figyelmet!
30
Nyári Egyetem – Corvinus Egyetem
Kérdések? Észrevételek?
Részt vennél?
Szalai Kálmán
kami911@gmail.com
@kami911kami
linkedin.com/in/kami911