of 54 /54
FIREFOX OS Introdução e componentes Tuesday, January 29, 13

Firefox os campusparty

Embed Size (px)

Text of Firefox os campusparty

  • 1.FIREFOX OS Introduo e componentesTuesday, January 29, 13

2. Levando a Open Web para osdispositivos MveisTuesday, January 29, 13 3. O projeto Firefox OS foi lanadopara permitir que a Open Web sejaa plataforma para os dispositivosmveis. Estamos tornando ainovao possvel ao conduzir odesenvolvimento de novos padresda Web.Tuesday, January 29, 13 4. Liberdade das plataformas mveis proprietriasTuesday, January 29, 13 5. Os operadores e desenvolvedoresescrevem aplicativos e servios para umaplataforma e depois os reescrevem paraoutras.Os usurios que querem comprar telefones,e-readers e consoles de jogos de diferentesfabricantes muitas vezes precisamrecomprar os aplicativos para cadadispositivo.Tuesday, January 29, 13 6. Oportunidades para desenvolvedoresTuesday, January 29, 13 7. Usando o HTML5 e as novas APIs padropropostas pela Mozilla, os desenvolvedoresde todos os lugares vo conseguir criarexperincias e aplicativos incrveis.Os desenvolvedores no precisaro maisaprender e desenvolver em relao s APIsnativas especficas plataforma.Tuesday, January 29, 13 8. Personalizao para OEMS e operadoresTuesday, January 29, 13 9. Os OEMs e operadores conseguiro fornecercontedo e servios em todo o seu portfliode dispositivo, independentemente do SO.E vo conseguir personalizar as experinciasde usurio, gerenciar a distribuio deaplicativo e manter as relaes de ateno,lealdade e faturamento.Tuesday, January 29, 13 10. Liberdade do clienteTuesday, January 29, 13 11. Os clientes que utilizam dispositivos baseados na plataforma Open Web vo conseguir acessar e baixar facilmente seu prprio contedo, independentemente de qual sistema operacional utilizem.Tuesday, January 29, 13 12. Novos padres da WebTuesday, January 29, 13 13. O Firefox OS promove uma implementao dessesnovos padres da Web para liberar as plataformasmveis dos estorvos das regras e das restries dasplataformas proprietrias existentes.Tuesday, January 29, 13 14. ComponentesTuesday, January 29, 13 15. GONKGECKO GAIATuesday, January 29, 13 16. Tuesday, January 29, 13GONK 17. Sistema operacional de nvel inferior, que consiste emum kernel Linux e HAL (Hardware Abstraction Layer).Possibilidade de expor alguma coisa do hardware parao Gecko.Tuesday, January 29, 13 18. Tuesday, January 29, 13GECKO 19. O runtime do aplicativo. O mecanismo derenderizao no Firefox para HTML5, CSS e JavaScript.Implementa uma srie de APIs.Tuesday, January 29, 13 20. Tuesday, January 29, 13GAIA 21. Conceito Gaia UX paraFirefox OSTuesday, January 29, 13 22. A interface de usurio, totalmente construda porAPIs de HTML5 e Open Web.Tuesday, January 29, 13 23. FIREFOX OS Ambiente de desenvolvimentoTuesday, January 29, 13 24. TESTANDO O FIREFOX OSTuesday, January 29, 13 25. FIREFOX NIGHTLYTuesday, January 29, 13 26. Tuesday, January 29, 13 27. Tuesday, January 29, 13 28. VERSES PARA DESKTOPTuesday, January 29, 13 29. Simulador https://addons.mozilla.org/en-US/firefox/addon/firefox-os-simulator/Tuesday, January 29, 13 30. Tuesday, January 29, 13 31. Simulador 1.1 preview mais atualizado https://ftp.mozilla.org/pub/mozilla.org/labs/r2d2b2g/Tuesday, January 29, 13 32. git clone git://github.com/mozilla-b2g/gaiaObter o GaiaTuesday, January 29, 13 33. TextFIREFOX OSFazendo Apps e Mozilla MarketplaceTuesday, January 29, 13 34. Usando HTML5, CSS e JavaScriptpara construir aplicativos da Web.Tuesday, January 29, 13 35. APLICATIVOS DA WEB ABERTOSTuesday, January 29, 13 36. Tuesday, January 29, 13 37. Tuesday, January 29, 13 38. Os aplicativos da Web so construdos usando-se tecnologias da Web padro. Funcionam em qualquer navegador da Web moderno e podemser desenvolvidos com suas ferramentas favoritas.O projeto de aplicativos Open Web prope algumas implementaespequenas nos sites existentes para transform-los em aplicativos que rodam em um ambiente computacional divertido, rico e poderoso. Esses aplicativos rodam em navegadores desktop e dispositivos mveis, e os usurios tm mais facilidade para descobri-los e abri-los do que os sites da Web.Tuesday, January 29, 13 39. MEDIDAS A TOMARTuesday, January 29, 13 40. Desenvolver aplicativos da1.Web usando HTML5, CSS e JavaScript2. Criar um arquivo de manifesto de aplicativo3. Publicar/instalar o aplicativoTuesday, January 29, 13 41. Tuesday, January 29, 13 1.Desenvolver aplicativos da Webusando HTML5, CSS e JavaScript 42. Reutilize qualquer site da Web/aplicativo existente ou desenvolvado zero com os padres da Web abertos.Utilize os recursos do HTML5, como manifesto, manifesto oine, IndexedDB e APIs da Web de acesso para ter mais opes.Design da Web sensvel para se adaptar a vrias resolues eorientao de tela.Tuesday, January 29, 13 43. Tuesday, January 29, 13 2.Criar um arquivo demanifesto de aplicativo 44. Crie um arquivo com a extenso.webappTuesday, January 29, 13 45. {"version": "1.0","name": "MozillaBall","description": "Exciting Open Web development action!","icons": {"16": "/img/icon-16.png","48": "/img/icon-48.png","128": "/img/icon-128.png"},"developer": {"name": "Mozilla Labs","url": "http://mozillalabs.com"},"installs_allowed_from": ["*"],"appcache_path": "/cache.manifest",permissions: [sms],"locales": {"es": {"description": "Accin abierta emocionante del desarrollo del Web!","developer": {"url": "http://es.mozillalabs.com/"}},"it": {"description": "Azione aperta emozionante di sviluppo di fotoricettore!","developer": {"url": "http://it.mozillalabs.com/"}}},"default_locale": "en"}Tuesday, January 29, 13 46. http://appmanifest.org/VERIFICADOR DEMANIFESTOTuesday, January 29, 13 47. Tuesday, January 29, 13 3.Publicar/instalar o aplicativo 48. Firefox MarketplaceTuesday, January 29, 13 49. https://marketplace.refox.com/Tuesday, January 29, 13 50. https://marketplace.refox.com/developers/Tuesday, January 29, 13 51. Tuesday, January 29, 13 52. Instalao/hospedagem do aplicativoTuesday, January 29, 13 53. var request = navigator.mozApps.install( "http://mozillalabs.com/MozillaBall.webapp", { user_id: "some_user" });request.onsuccess = function() {// Success! Notication, launch page etc}request.onerror = function() {// Failed. this.error.name has details}Tuesday, January 29, 13 54. Obrigado! #firefoxbrasil @fabiomagnonihttp://mzl.la/[email protected], January 29, 13