Firefox os campusparty

591
-1

Published on

Firefox os campusparty

  1. 1. FIREFOX OS Introdução e componentesTuesday, January 29, 13
  2. 2. Levando a Open Web para os dispositivos MóveisTuesday, January 29, 13
  3. 3. O projeto Firefox OS foi lançado para permitir que a Open Web seja a plataforma para os dispositivos móveis. Estamos tornando a inovação possível ao conduzir o desenvolvimento de novos padrões da Web.Tuesday, January 29, 13
  4. 4. Liberdade das plataformas móveis proprietáriasTuesday, January 29, 13
  5. 5. Os operadores e desenvolvedores escrevem aplicativos e serviços para uma plataforma e depois os reescrevem para outras. Os usuários que querem comprar telefones, e-readers e consoles de jogos de diferentes fabricantes muitas vezes precisam recomprar os aplicativos para cada dispositivo.Tuesday, January 29, 13
  6. 6. Oportunidades para desenvolvedoresTuesday, January 29, 13
  7. 7. Usando o HTML5 e as novas APIs padrão propostas pela Mozilla, os desenvolvedores de todos os lugares vão conseguir criar experiências e aplicativos incríveis. Os desenvolvedores não precisarão mais aprender e desenvolver em relação às APIs nativas específicas à plataforma.Tuesday, January 29, 13
  8. 8. Personalização para OEMS e operadoresTuesday, January 29, 13
  9. 9. Os OEMs e operadores conseguirão fornecer conteúdo e serviços em todo o seu portfólio de dispositivo, independentemente do SO. E vão conseguir personalizar as experiências de usuário, gerenciar a distribuição de aplicativo e manter as relações de atenção, lealdade e faturamento.Tuesday, January 29, 13
  10. 10. Liberdade do clienteTuesday, January 29, 13
  11. 11. Os clientes que utilizam dispositivos baseados na plataforma Open Web vão conseguir acessar e baixar facilmente seu próprio conteúdo, independentemente de qual sistema operacional utilizem.Tuesday, January 29, 13
  12. 12. Novos padrões da WebTuesday, January 29, 13
  13. 13. O Firefox OS promove uma implementação desses novos padrões da Web para liberar as plataformas móveis dos estorvos das regras e das restrições das plataformas proprietárias existentes.Tuesday, January 29, 13
  14. 14. ComponentesTuesday, January 29, 13
  15. 15. GONK GECKO GAIATuesday, January 29, 13
  16. 16. Tuesday, January 29, 13 GONK
  17. 17. Sistema operacional de nível inferior, que consiste em um kernel Linux e HAL (Hardware Abstraction Layer). Possibilidade de expor alguma coisa do hardware para o Gecko.Tuesday, January 29, 13
  18. 18. Tuesday, January 29, 13 GECKO
  19. 19. O runtime do aplicativo. O mecanismo de renderização no Firefox para HTML5, CSS e JavaScript. Implementa uma série de APIs.Tuesday, January 29, 13
  20. 20. Tuesday, January 29, 13 GAIA
  21. 21. Conceito Gaia UX para Firefox OSTuesday, January 29, 13
  22. 22. A interface de usuário, totalmente construída por APIs de HTML5 e Open Web.Tuesday, January 29, 13
  23. 23. FIREFOX OS Ambiente de desenvolvimentoTuesday, January 29, 13
  24. 24. TESTANDO O FIREFOX OSTuesday, January 29, 13
  25. 25. FIREFOX NIGHTLYTuesday, January 29, 13
  26. 26. Tuesday, January 29, 13
  27. 27. Tuesday, January 29, 13
  28. 28. VERSÕES PARA DESKTOPTuesday, January 29, 13
  29. 29. Simulador https://addons.mozilla.org/en-US/firefox/addon/ firefox-os-simulator/Tuesday, January 29, 13
  30. 30. Tuesday, January 29, 13
  31. 31. Simulador 1.1 preview mais atualizado https://ftp.mozilla.org/pub/mozilla.org/labs/ r2d2b2g/Tuesday, January 29, 13
  32. 32. git clone git://github.com/mozilla-b2g/gaiaObter o GaiaTuesday, January 29, 13
  33. 33. Text FIREFOX OS Fazendo Apps e Mozilla MarketplaceTuesday, January 29, 13
  34. 34. Usando HTML5, CSS e JavaScript para construir aplicativos da Web.Tuesday, January 29, 13
  35. 35. APLICATIVOS DA WEB ABERTOSTuesday, January 29, 13
  36. 36. Tuesday, January 29, 13
  37. 37. Tuesday, January 29, 13
  38. 38. Os aplicativos da Web são construídos usando-se tecnologias da Web padrão. Funcionam em qualquer navegador da Web moderno e podem ser desenvolvidos com suas ferramentas favoritas. O projeto de aplicativos Open Web propõe algumas implementações pequenas 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 móveis, e os usuários têm mais facilidade para descobri-los e abri-los do que os sites da Web.Tuesday, January 29, 13
  39. 39. MEDIDAS A TOMARTuesday, January 29, 13
  40. 40. Desenvolver aplicativos da 1. Web usando HTML5, CSS e JavaScript 2. Criar um arquivo de manifesto de aplicativo 3. Publicar/instalar o aplicativoTuesday, January 29, 13
  41. 41. Tuesday, January 29, 13 1. Desenvolver aplicativos da Web usando HTML5, CSS e JavaScript
  42. 42. Reutilize qualquer site da Web/aplicativo existente ou desenvolva do zero com os padrões da Web abertos. Utilize os recursos do HTML5, como manifesto, manifesto offline, IndexedDB e APIs da Web de acesso para ter mais opções. Design da Web sensível para se adaptar a várias resoluções e orientação de tela.Tuesday, January 29, 13
  43. 43. Tuesday, January 29, 13 2. Criar um arquivo de manifesto de aplicativo
  44. 44. Crie um arquivo com a extensão.webappTuesday, January 29, 13
  45. 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": "¡Acción 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. 46. http://appmanifest.org/ VERIFICADOR DE MANIFESTOTuesday, January 29, 13
  47. 47. Tuesday, January 29, 13 3. Publicar/instalar o aplicativo
  48. 48. Firefox MarketplaceTuesday, January 29, 13
  49. 49. https://marketplace.firefox.com/Tuesday, January 29, 13
  50. 50. https://marketplace.firefox.com/developers/Tuesday, January 29, 13
  51. 51. Tuesday, January 29, 13
  52. 52. Instalação/hospedagem do aplicativoTuesday, January 29, 13
  53. 53. var request = navigator.mozApps.install( "http://mozillalabs.com/MozillaBall.webapp", { user_id: "some_user" } ); request.onsuccess = function() { // Success! Notification, launch page etc } request.onerror = function() { // Failed. this.error.name has details }Tuesday, January 29, 13
  54. 54. Obrigado! #firefoxbrasil @fabiomagnoni http://mzl.la/mobilizersbrasil fabio@mozilla.comTuesday, January 29, 13

×