Your SlideShare is downloading. ×
Firefox OS Application Development
Upcoming SlideShare
Loading in...5
×

Thanks for flagging this SlideShare!

Oops! An error has occurred.

×
Saving this for later? Get the SlideShare app to save on your phone or tablet. Read anywhere, anytime – even offline.
Text the download link to your phone
Standard text messaging rates apply

Firefox OS Application Development

650
views

Published on

A quick guide on firefox OS and Development of open web apps

A quick guide on firefox OS and Development of open web apps

Published in: Technology, News & Politics

2 Comments
4 Likes
Statistics
Notes
No Downloads
Views
Total Views
650
On Slideshare
0
From Embeds
0
Number of Embeds
0
Actions
Shares
0
Downloads
58
Comments
2
Likes
4
Embeds 0
No embeds

Report content
Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
No notes for slide

Transcript

  • 1. Firefox OS Development With Anam Ahmed Mozillian, Mozilla Bangladesh
  • 2. Firefox OS is actually firefox Browser That works as the operating system for smartphones. What you feel & what you see in it, is pure web technology.
  • 3. Web Developer? Raise your hands
  • 4. How many code can you language?
  • 5. Open web standards
  • 6. The concept of Open Web App Open Web == Open Web standards App == Application So, Open Web App == Webpage or collection of webpages made using open web technologies, that works as an application.
  • 7. So, your application is actually a webpage? Yes it is! Webpage with access to your phone's Hardware on demand.
  • 8. Hello world? Hello? Hello?
  • 9. Defines HTML5 Dcument Starting tag Starting of head section Unicode Document Document Title Head ends Body section Body tag ends End of document <p> Hello World ! </p>
  • 10. One more step to turn this into an app!
  • 11. The manifest file! A file named manifest.webapp ● Should be kept in the application root directory. ● A simple JSON File. ● JSON== JavaScript Object Notation ● Contains Aditional Informatoion Required for the app ●
  • 12. Application Info Developer Info Permission Locale Info
  • 13. That's All !!
  • 14. How to run/test? I don't have device!
  • 15. Firefox OS Simulator !
  • 16. Start it from the Web developer menu
  • 17. Simulator Dashboard Start/stop button Shows installed apps Add New applications from here
  • 18. And this is how it looks
  • 19. Any question? If you don't ask, I'll start asking :)
  • 20. Thank you