Firefox OS előadás a Corvinus Nyári Egyetem rendezvényen

4,163 views
4,081 views

Published on

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.

Published in: Technology
0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total views
4,163
On SlideShare
0
From Embeds
0
Number of Embeds
3,254
Actions
Shares
0
Downloads
4
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

Firefox OS előadás a Corvinus Nyári Egyetem rendezvényen

  1. 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. 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. 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. 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. 5. Mobile World Congress Bejelentések Elkötelezett támogatók
  6. 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. 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. 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. 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. 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. 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. 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. 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. 14. WebAPI 14
  15. 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. 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. 17. Hibakeresés 17
  18. 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. 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. 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. 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. 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. 23. Mentés 23 — adb pull /system ~/mozbackup/system — adb pull /data ~/mozbackup/data — adb pull /vendor ~/mozbackup/vendor
  24. 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. 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. 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. 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. 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. 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. 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

×