FIREFOX OSTeljesen nyitott mobiltelefon operációs rendszer – új lehetőségek a horizonton

Nyári EgyetemCorvinus EgyetemBudapest2013. július 22.

Szalai „KAMI” KálmánMozilla Repskami911@gmail.com

07/22/13

IrányelvekNyíltság

— Nyílt szabványok, nyílt forráskód

Innováció— Előremutató megoldások,

kísérleti projektekLehetőség

— Mindenki részt vehet munkánkban

—— Mozilla kiáltvány— https://www.mozilla.org/about/manifesto.hu.html

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/28/privacy-day-2013/)

— Ismertség és elismertség

— Firefox OS – új szín a mobilpiacon 3

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

Mobile World CongressBejelentések

Elkötelezett támogatók

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

É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

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ő

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

Személyre szabott Appok: megfelelnek mindenki igényeinek, érdeklődésének

10

Globális partnerek

Helyipartnerek

— > 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

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

Firefox OS

12

Telefonhardver(800 MHz → 600 MHz, 512 MB RAM → 256 MB RAM)

GonkLinux kernel, eszközmeghajtók, HAL

GeckoHTML5, CSS3, JavaScript, WebAPI, WebGL

GaiaUI, Csomagolt appok, Hosztolt appok

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

WebAPI

14

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-simulator/

— Szolgáltatók: ősztől

— Összefoglaló

•http://itcafe.hu/cikk/mozilla_firefox_os_teszt_mobil_unagi/kell_nekem_egy_firefox_os.html

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

Hibakeresés

17

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

Egy mintaalkalmazás

19

— # Példaprogram beszerzésegit clone https://github.com/comoyo/ffos-list-detail

— # UI library letöltésegit submodule update --init --recursive

— # Kiszolgáló-függőségek telepítésenpm install

— # Induás...node server.js

Böngészőben:http://localhost:8081

A szimulátorban → Add URL:http://localhost:8081/manifest.webapp

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-Boilerplate-App/

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"}

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

Mentés

23

— adb pull /system ~/mozbackup/system

— adb pull /data ~/mozbackup/data

— adb pull /vendor ~/mozbackup/vendor

Use the source, Luke

24

cd ~/mozgit clone https://github.com/mozilla-b2g/gaia.gitcd gaiagit checkout -b v1.0.1 origin/v1.0.1

vagygit checkout -b master origin/mastercd localeshg clone https://hg.mozilla.org/releases/gaia-l10n/v1_0_1/hucd ..

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

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/Apps/App_permissions

— https://developer.mozilla.org/en/docs/HTML/Using_the_application_cache

— http://www.mozilla.org/en-US/styleguide/products/firefoxos/icons/

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-Boilerplate-App

— http://comoyo.github.io/blog/2013/03/12/build-first-ffos-app/

— http://www.slideshare.net/matenadasdi1/firefox-os-weekend

— https://marketplace.firefox.com/developers/validator

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

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

Ö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

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@kami911kamilinkedin.com/in/kami911