FirefoxOS - A plataforma Open Web

O FirefoxOS é o novo sistema operacional móvel da Mozilla, feito com HTML5, CSS, Javascript e outras tecnologias abertas. Conheça como funciona o sistema e descubra como criar seu primeiro aplicativo para esta nova plataforma.

Transcript

1. Getting started!
   GuilhermeFarias.com.br
   

   View Slide

2. A web é a plataforma
   

   View Slide

3. Tudo isso é HTML,
   CSS e Javascript
   

   View Slide

4. Arquitetura do FirefoxOS
   

   View Slide

5. 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
   Por onde começar?
   

   View Slide

6. Dúvidas durante o
   desenvolvimento?
   

   View Slide

7. WebAPI
   

   View Slide

8. View Slide

9. Documentação
   

   View Slide

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

    View Slide

11. Dúvidas com o design?
    

    View Slide

12. View Slide

13. FirefoxOS Boilerplate
    

    View Slide

14. View Slide

15. Quer simplificar ainda mais?
    

    View Slide

16. yo firefox-os
    

    View Slide

17. Arquivo de manifesto de
    aplicativo
    

    View Slide

18. nomedoapp.webapp
    Modelo básico
    

    View Slide

19. Validador
    

    View Slide

20. Testando o app
    

    View Slide

21. Navegador
    http://nightly.mozilla.org/
    

    View Slide

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

    View Slide

23. Como usar o simulador?
    

    View Slide

24. Aparelho
    

    View Slide

25. Como posso distribuir
    meu app?
    

    View Slide

26. Firefox Marketplace
    

    View Slide

27. Submetendo o app
    

    View Slide

28. Hospede seu próprio app
    

    View Slide

29. Referências
    • https://developer.mozilla.org/en-US/docs/Mozilla/Firefox_OS
    • https://marketplace.firefox.com/developers/
    • https://developer.mozilla.org/en-US/docs/Mozilla/Firefox_OS/Apps
    • https://developer.mozilla.org/en-
    US/docs/Mozilla/Firefox_OS/UX/Building_blocks
    • http://www.mozilla.org/en-US/styleguide/products/firefoxos/icons/
    • https://wiki.mozilla.org/WebAPI
    • https://developer.mozilla.org/en-US/docs/Apps/Manifest
    • https://marketplace.firefox.com/developers/validator
    • http://nightly.mozilla.org/
    • https://addons.mozilla.org/en-US/firefox/addon/firefox-os-simulator/
    

    View Slide

30. Guilherme Farias
    twitter.com/guiky
    slideshare.net/guiky
    guilhermefarias.com.br
    github.com/guilhermefarias
    mozillians.org/u/guilhermefarias
    

    View Slide

31. View Slide