Firefox OS Development
With Anam Ahmed
Mozillian, Mozilla Bangladesh
Firefox OS is actually firefox Browser
That works as the operating system for
smartphones. What you feel & what you
see in...
Web Developer? Raise your hands
How many code can you language?
Open web standards
The concept of Open Web App
Open Web == Open Web standards
App == Application
So, Open Web App == Webpage or collection
of...
So, your application is
actually a webpage?
Yes it is!
Webpage with access to your
phone's
Hardware on demand.
Hello world?
Hello? Hello?
Defines HTML5 Dcument
Starting tag
Starting of head section
Unicode Document
Document Title
Head ends
Body section
Body ta...
One more step to
turn this into an
app!
The manifest file!
A file named manifest.webapp
● Should be kept in the application root
directory.
● A simple JSON File.
...
Application Info

Developer Info
Permission
Locale Info
That's All !!
How to run/test? I don't have
device!
Firefox OS Simulator !
Start it from the Web developer menu
Simulator Dashboard

Start/stop button
Shows installed apps
Add New applications from here
And this is how it looks
Any question?
If you don't ask, I'll start asking :)
Thank you
Firefox OS Application Development
Firefox OS Application Development
Firefox OS Application Development
Upcoming SlideShare
Loading in …5
×

Firefox OS Application Development

919 views
823 views

Published on

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
919
On SlideShare
0
From Embeds
0
Number of Embeds
2
Actions
Shares
0
Downloads
64
Comments
2
Likes
4
Embeds 0
No embeds

No notes for slide

Firefox OS Application Development

  1. 1. Firefox OS Development With Anam Ahmed Mozillian, Mozilla Bangladesh
  2. 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. 3. Web Developer? Raise your hands
  4. 4. How many code can you language?
  5. 5. Open web standards
  6. 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. 7. So, your application is actually a webpage? Yes it is! Webpage with access to your phone's Hardware on demand.
  8. 8. Hello world? Hello? Hello?
  9. 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. 10. One more step to turn this into an app!
  11. 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. 12. Application Info Developer Info Permission Locale Info
  13. 13. That's All !!
  14. 14. How to run/test? I don't have device!
  15. 15. Firefox OS Simulator !
  16. 16. Start it from the Web developer menu
  17. 17. Simulator Dashboard Start/stop button Shows installed apps Add New applications from here
  18. 18. And this is how it looks
  19. 19. Any question? If you don't ask, I'll start asking :)
  20. 20. Thank you

×