Build HTML 5 Apps for
Mobile
João Ferreira
`
Firefox OS
Firefox OS Apps
Firefox OS Marketplace
What is Firefox OS?
Mobile OS
Open source
Linux based
Power by Gecko
Firefox OS Features
Social
Photos
Music
Maps
Messages
Adaptive App Search
HTML 5 Marketplace
`
Firefox OS
Firefox OS Apps
Firefox OS Marketplace
`
OPPORTUNITY
How can I build Firefox OS
Apps?
HTML 5
CSS
JavaScript
What do I need to start?
Firefox Browser
Firefox OS Simulator
Hello World Firefox OS!
HTML
CSS
JavaScript
Manifest
`
Let’s see how it looks
App types
Hosted App
Packaged App
Hybrid App
Hosted Apps
For already existent web apps
• Doesn’t work offline
• Requires internet access
• Fastest way to publish an app
Packaged Apps
For specific Firefox OS apps
• Doesn’t need to be hosted
• Faster
• Allows access to the hardware
• Requires...
Hybrid Apps
• It’s not possible access to all the hardware
• Combine the best features from hosted and
packaged
Starting point...
Firefox OS Boilerplate App
`
Firefox OS
Firefox OS Apps
Firefox OS Marketplace
What do I need to submit my
app?
Firefox Market place free account
App packaged in a ZIP file
`
Let’s submit a new App
What else do I need?
Screenshots
App description
Icons
`
Let’s download the App

THANK YOU
TWITTER @JOAO12FERREIRA
EMAIL JOAOFERREIRA@BIND.PT
Upcoming SlideShare
Loading in …5
×

Build html 5 apps for mobile

370 views
326 views

Published on

How to build apps for Firefox OS with HTML5, CSS3 and JavaScript

Published in: Technology, News & Politics
0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total views
370
On SlideShare
0
From Embeds
0
Number of Embeds
1
Actions
Shares
0
Downloads
6
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide
  • Contras:Sembotão de voltarcomonos browsersNecessáriocarregamento da página de form síncrona a cadaiteracçãoUtilizamuitalargura de banda para o carregamentoNãofunciona offline Podeserconsiderado um simples link favoriteA Favor:Fácil de converter
  • ProsNãoprecisa de estarhospedadoRapidocarregamentoFicheirossãodescarregados para o dispositivoÉ possivelacederao hardware do equipamentoContrasA cadaactualização tem de descarregar a app todanovamenteSubmissão e aprovação é maisrestrita
  • NemtodososApis de control do dispositivoestãodisponiveis para utilização.
  • Build html 5 apps for mobile

    1. 1. Build HTML 5 Apps for Mobile João Ferreira
    2. 2. ` Firefox OS Firefox OS Apps Firefox OS Marketplace
    3. 3. What is Firefox OS? Mobile OS Open source Linux based Power by Gecko
    4. 4. Firefox OS Features Social Photos Music Maps Messages Adaptive App Search HTML 5 Marketplace
    5. 5. ` Firefox OS Firefox OS Apps Firefox OS Marketplace
    6. 6. ` OPPORTUNITY
    7. 7. How can I build Firefox OS Apps? HTML 5 CSS JavaScript
    8. 8. What do I need to start? Firefox Browser Firefox OS Simulator
    9. 9. Hello World Firefox OS!
    10. 10. HTML
    11. 11. CSS
    12. 12. JavaScript
    13. 13. Manifest
    14. 14. ` Let’s see how it looks
    15. 15. App types Hosted App Packaged App Hybrid App
    16. 16. Hosted Apps For already existent web apps • Doesn’t work offline • Requires internet access • Fastest way to publish an app
    17. 17. Packaged Apps For specific Firefox OS apps • Doesn’t need to be hosted • Faster • Allows access to the hardware • Requires longer approval process
    18. 18. Hybrid Apps • It’s not possible access to all the hardware • Combine the best features from hosted and packaged
    19. 19. Starting point... Firefox OS Boilerplate App
    20. 20. ` Firefox OS Firefox OS Apps Firefox OS Marketplace
    21. 21. What do I need to submit my app? Firefox Market place free account App packaged in a ZIP file
    22. 22. ` Let’s submit a new App
    23. 23. What else do I need? Screenshots App description Icons
    24. 24. ` Let’s download the App
    25. 25.  THANK YOU
    26. 26. TWITTER @JOAO12FERREIRA EMAIL JOAOFERREIRA@BIND.PT

    ×