Firefox OS: hackelni könnyű

Firefox OS: hackelni könnyű

• 1.
  ELŐADÓ Szalai „KAMI” Kálmán kami911@gmail.com FirefoxOS: hackelni könnyű Mozilla Magyarország ReMo, önkéntes facebook.com/MozillaHU Prezentáció http://is.gd/fxos_oa2013
• 2.
  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
• 3.
  Mobile World Congress Bejelentések Elkötelezetttámogatók
• 4.
  Firefox OS Appok 4 —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ő •stb.
• 5.
  App biztonság 5 — Beépítettbiztonsá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
• 6.
  Firefox OS 6 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
• 7.
  WebAPI 7
• 8.
  Firefox OS-t szeretnék 8 —Telefon – Geeksphone vagy DEV megoldások •http://www.geeksphone.com/ •Peak és Keon készülékek — Emulátor — Szimulátor – R2D2B2G •https://addons.mozilla.org/hu/firefox/addon/firefox-os-simulator/ — Összefoglalók http://itcafe.hu/hir/mozilla_firefox_os_b2g_okostelefon_alcatel_zte. html http://itcafe.hu/cikk/mozilla_firefox_os_teszt_mobil_unagi/kell_neke m_egy_firefox_os.html http://itcafe.hu/hir/mozilla_firefox_os_geeksphone_peak.html
• 9.
  R2D2B2G 9 — Telepítsük fela 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 (Inspector, Debugger, Profiler) — 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
• 10.
  Hibakeresés 10
• 11.
  Telefonos környezet 11 — sudovi /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
• 12.
  Egy mintaalkalmazás 12 — #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
• 13.
  Egy másik demóalkalmazás 13 —Firefox OS-szel való ismerkedéshez — Sok funkció kipróbálható •Hosztolt app •Appcache •Csomagolt app
• 14.
  manifest.webapp 14 { "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" }
• 15.
  Csomagolt alkalmazás 15 — ZIPfájl — manifest.appcache CACHE MANIFEST index.html js/bajolo.js js/webapp.js js/offline.js NETWORK: * FALLBACK: / fallback.html
• 16.
  Mentés 16 — adb pull/system ~/mozbackup/system — adb pull /data ~/mozbackup/data — adb pull /vendor ~/mozbackup/vendor
• 17.
  Use the source,Luke 17 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
• 18.
  Hasznos linkek I 18 —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/Usin g_the_application_cache — http://www.mozilla.org/en- US/styleguide/products/firefoxos/icons/
• 19.
  Hasznos linkek II 19 —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/valid ator
• 20.
  Elkövetkező események 20 — OkostelefonAkadémia •2013. május 30. 18 óra, Akvárium •https://www.facebook.com/events/3309995136 93357/ — Szabad Szoftver Konferencia és Kiállítás 2013 •2013. június 8., Óbudai Egyetem, Bécsi út 96/b •http://konf.fsf.hu/ — Mozilla hétvége 2013 #2 •2013. június 14-15. •https://www.facebook.com/MozillaHU
• 21.
  Szalai „KAMI” Kálmán kami911@gmail.com Prezentáció http://is.gd/fxos_oa2013 Köszönöma figyelmet! Részt vennél? Kérdések? Észrevételek?