1. Firefox OSDeveloping Open Web Applications
Anam Ahmed
Firefox Student Ambassador
North South University

2. What is Firefox OS?
+

3. Typical Firefox Homepage

4. Firefox OS/b2g
Photo : Geeksphone Keon

5. All you need to know...
● HTML5
● CSS3
● JavaScript
And that's all :)

6. The mainfest file
● A JSON File.
● which Application Descriptor
● Stores details such as, application name,
author, icon, language, Permisson and so on.

7. Have you heard of JSON?
● Stands for JavaScript Object Notation.
● A way to define JavaScript objects.
{
"employees": [
{ "firstName":"John" , "lastName":"Doe" },
{ "firstName":"Anna" , "lastName":"Smith" },
{ "firstName":"Peter" , "lastName":"Jones" }
]
}
W3schools, JSON:1

8. manifest.webapp
MDN, App Mainfest :1

9. Device Access
● Camera :
var cameras = window.navigator.mozCameras;
● GPS (HTML5 Geolocation!!)
navigarot.geolocation.getCurrentPosition(success,fail);
● Phonecall
var call = window.navigator.mozTelephony.dial(number);

10. And Some more...
● Vibration
window.navigator.vibrate(200);
● Battery Status
alert(navigator.mozBattery.level);
● SMS
window.navigator.mozSms.send(“+8801xxxxxxx”,”hello world”);

11. More about web applications
● Are of two types, web app, package app.
● Web apps are like mobile website, you navigate
to it and, chose to install it. While package apps
are web apps, packaged in a zip file.
● The mainfest file should be in the root of that
zip file.
● To get access to device specific API, the
application needs to be signed.

12. How to begin?
Picture : Firefox OS Simulator

13. Get some skills
http://www.codecademy.com/

14. MDN, Your best friend
https://developer.mozilla.org/

15. Connect with Mozillians
http://mozillabd.org
/groups/MozillaBD/

16. Our mailing list
http://goo.gl/AuG5I

17. Any questions will be appreciated :)