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

2. Firefox OS Development
With Anam Ahmed
Mozillian, Mozilla Bangladesh

3. 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.

4. Web Developer? Raise your hands

5. How many code can you language?

7. Open web standards

8. 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.

9. So, your application is
actually a webpage?
Yes it is!
Webpage with access to your
phone's
Hardware on demand.

10. Hello world?
Hello? Hello?

11. 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>

13. One more step to
turn this into an
app!

14. 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
●

15. Application Info
Developer Info
Permission
Locale Info

16. That's All !!

17. How to run/test? I don't have
device!

18. Firefox OS Simulator !

19. Start it from the Web developer menu

20. Simulator Dashboard
Start/stop button
Shows installed apps
Add New applications from here

21. And this is how it looks

22. Any question?
If you don't ask, I'll start asking :)

23. Thank you