UNLEASH
THE FUTURE
Firefox OS for developers
Making HTML5 work
Firefox OS is HTML5
(and not just a bad host for an HTML5 event)
Firefox OS keeps HTML5 promises
(Works offline, store-independent distribution, simple update mechanisms)
Firefox OS empowers HTML5
(Web APIs, Web Activities, shared research findings into low-end device performance)
Firefox OS is 100% open
(Open Source, all tech are standard proposals)
Firefox OS is a shared effort
(All partners of Mozilla have engineers on the project)
The step from site to app is simple
(define a manifest)
{	
"name": "MozMonument",	
"description": "A simple search application to find your name on	
the Monument outside the Mozi...
Application levels / security model
Web Content

Privileged Web App

Regular web content

More access, more
responsibility...
You already use the developer tool
(the browser is input and output)
Firefox Developer Tools
Build with Firefox
Tools for the Web
Instant Feedback
Full device and tools integration
Helping developers hands-on
Technical
Evangelists team
We are here to help you
StackOverflow
We are actively answering questions
PhoneGap
Porting PhoneGap apps to Firefox OS
Cordova implementation APIs

•

Camera

•

Contacts

•

Device

•

Device-motion

•

Geolocation

•

Orientation

•

Vibra...
Get ready!

$ sudo npm install -g cordova
$ cordova create hello com.example.hello HelloWorld
$ cd hello
$ cordova platfor...
Camera API
$ cordova plugin add org.apache.cordova.camera
!

//Cordova code
navigator.camera.getPicture(function (src) {
v...
Mozilla Brick
http://mozilla.github.io/brick/
Brick
<x-flipbox>
<div>I'm the front face.</div>
<div>And I'm the back face.</div>
</x-flipbox>
!

//JavaScript
toggleButt...
Apps Partner
Engineering team
Helping brands port to Firefox OS
Phones for Apps
Getting phones into the porters’ hands
Building an app?
Please let me know!
Resources!
https://developer.mozilla.org/en/docs/Mozilla/Firefox_OS
https://hacks.mozilla.org/category/firefox-os/
https://marketplace.firefox.com/developers/
Thanks!
Upcoming SlideShare
Loading in...5
×

Firefox OS for developers - Mobile World Congress - 2014-02-26

734

Published on

A presentation Christian Heilmann, Dave Camp, and me did at Mobile World Congress 2014. The goal was to tell developers about the Firefox OS story, how they can publish applications, and how we can support them.

Published in: Technology
0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total Views
734
On Slideshare
0
From Embeds
0
Number of Embeds
0
Actions
Shares
0
Downloads
23
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

Firefox OS for developers - Mobile World Congress - 2014-02-26

  1. 1. UNLEASH THE FUTURE
  2. 2. Firefox OS for developers
  3. 3. Making HTML5 work
  4. 4. Firefox OS is HTML5 (and not just a bad host for an HTML5 event)
  5. 5. Firefox OS keeps HTML5 promises (Works offline, store-independent distribution, simple update mechanisms)
  6. 6. Firefox OS empowers HTML5 (Web APIs, Web Activities, shared research findings into low-end device performance)
  7. 7. Firefox OS is 100% open (Open Source, all tech are standard proposals)
  8. 8. Firefox OS is a shared effort (All partners of Mozilla have engineers on the project)
  9. 9. The step from site to app is simple (define a manifest)
  10. 10. { "name": "MozMonument", "description": "A simple search application to find your name on the Monument outside the Mozilla San Francisco office", "launch_path": "/mobilefinder.html", "icons": { "128": "/128.png", "90": "/90.png", "60": "/60.png" }, "developer": { "name": "Christian Heilmann", "url": "http://christianheilmann.com" }, "locales": { "en": { "name": "MozMonument" } }, "default_locale": "en", "fullscreen": "true" }
  11. 11. Application levels / security model Web Content Privileged Web App Regular web content More access, more responsibility Installed Web App Certified Web App A regular web app Device-critical applications
  12. 12. You already use the developer tool (the browser is input and output)
  13. 13. Firefox Developer Tools
  14. 14. Build with Firefox
  15. 15. Tools for the Web
  16. 16. Instant Feedback
  17. 17. Full device and tools integration
  18. 18. Helping developers hands-on
  19. 19. Technical Evangelists team We are here to help you
  20. 20. StackOverflow We are actively answering questions
  21. 21. PhoneGap Porting PhoneGap apps to Firefox OS
  22. 22. Cordova implementation APIs • Camera • Contacts • Device • Device-motion • Geolocation • Orientation • Vibration
  23. 23. Get ready! $ sudo npm install -g cordova $ cordova create hello com.example.hello HelloWorld $ cd hello $ cordova platform add firefoxos $ cordova prepare firefoxos
  24. 24. Camera API $ cordova plugin add org.apache.cordova.camera ! //Cordova code navigator.camera.getPicture(function (src) { var img = document.createElement('img'); img.id = 'slide'; img.src = src; }, function () {}, { destinationType: 1 });
  25. 25. Mozilla Brick http://mozilla.github.io/brick/
  26. 26. Brick <x-flipbox> <div>I'm the front face.</div> <div>And I'm the back face.</div> </x-flipbox> ! //JavaScript toggleButton.addEventListener("click", function() { flipBox.toggle(); }); http://mozilla.github.io/brick/
  27. 27. Apps Partner Engineering team Helping brands port to Firefox OS
  28. 28. Phones for Apps Getting phones into the porters’ hands
  29. 29. Building an app? Please let me know!
  30. 30. Resources!
  31. 31. https://developer.mozilla.org/en/docs/Mozilla/Firefox_OS
  32. 32. https://hacks.mozilla.org/category/firefox-os/
  33. 33. https://marketplace.firefox.com/developers/
  34. 34. Thanks!
  1. A particular slide catching your eye?

    Clipping is a handy way to collect important slides you want to go back to later.

×