Upgrade to Pro — share decks privately, control downloads, hide ads and more …

FirefoxOS - A Web como plataforma

FirefoxOS - A Web como plataforma

Palestra sobre o novo sistema operacional da Mozilla, esse slide foi apresentado no dia 22 de março de 2013, durante o evento MobDev Alagoas.

Guilherme Farias

March 22, 2013
Tweet

More Decks by Guilherme Farias

Other Decks in Programming

Transcript

  1. FirefoxOS
    A Web como plataforma, usando
    HTML5 e Web Standards

    View full-size slide

  2. Tudo isso é HTML, CSS e JavaScript

    View full-size slide

  3. Arquitetura do FirefoxOS

    View full-size slide

  4. Gonk
    - Sistema operacional de nível inferior:
    - Kernel Linux
    - HAL (Hardware Abstraction Layer)

    View full-size slide

  5. Gecko
    - Runtime do aplicativo.
    - Mecanismo de renderização do Firefox para
    HTML5, CSS e Javascript
    - APIs

    View full-size slide

  6. Gaia
    - Interface do usuário
    - Totalmente construída com
    APIs de HTML5 e Open Web

    View full-size slide

  7. O surgimento dos webaps

    View full-size slide

  8. Aplicativos hibridos

    View full-size slide

  9. A Web como plataforma e os Open
    Web Apps (OWA)

    View full-size slide

  10. 1 Desenvolva seu webapp
    usando tecnologias da web
    aberta, HTML5,
    CSS,Javascript, WebGL e etc.
    2 Crie um arquivo de manifesto
    de aplicativo
    3 Publique/Instale o aplicativo
    Quero desenvolver meu app, por
    onde começar?

    View full-size slide

  11. E os jogos? Também são feitos
    com HTML?
    http://carvisualizer.plus360degrees.com/threejs/

    View full-size slide

  12. Que tal Jogos FPS em WebGL?
    https://developer.mozilla.org/en-US/demos/detail/bananabread

    View full-size slide

  13. Que tal Jogos FPS em WebGL?

    View full-size slide

  14. Iniciei o desenvolvimento do
    meu webapp, caso eu tenha
    alguma duvida, há algum
    material que eu possa consultar?

    View full-size slide

  15. Ok, estou fazendo meu webapp e
    estou com duvidas quanto ao
    desing?
    https://marketplace.firefox.com/developers/

    View full-size slide

  16. Duvidas com o design?
    https://developer.mozilla.org/en-US/docs/Mozilla/Firefox_OS/UX/Building_blocks

    View full-size slide

  17. Arquivo de manifesto de aplicativo
    nomedoapp.webapp
    https://developer.mozilla.org/en-US/docs/Apps/Manifest

    View full-size slide

  18. Testando seu app
    http://nightly.mozilla.org/

    View full-size slide

  19. Simulador
    https://addons.mozilla.org/en-US/firefox/addon/firefox-os-
    simulator/

    View full-size slide

  20. Como posso testar meu aplicativo
    no simulador?

    View full-size slide

  21. Terminei meu aplicativo, como
    posso distribuir?

    View full-size slide

  22. As vendas começarão a partir do segundo semestre de 2013
    Os aparelhos com FirefoxOS já
    começaram a ser vendidos?

    View full-size slide