1. THE WEB IS THE PLATFORM
Anthony Ricaud,
anthony@mozilla.com
@rik24d

2. MOZILLA IS A FOUNDATION

3. MOZILLA IS A FOUNDATION
- Everything we do is open

4. MOZILLA IS A FOUNDATION
- Everything we do is open
- Open source, open discussions, open meetings

5. MOZILLA IS A FOUNDATION
- Everything we do is open
- Open source, open discussions, open meetings
- We answer to the manifesto

6. PROMOTE CHOICE, INNOVATION
AND OPPORTUNITIES ON
INTERNET

7. A BIT OF HISTORY

8. A BIT OF HISTORY
- 2004: IE has 95% marketshare

9. A BIT OF HISTORY
- 2004: IE has 95% marketshare
- Nov 9, 2004: Firefox 1.0 release

10. A BIT OF HISTORY
- 2004: IE has 95% marketshare
- Nov 9, 2004: Firefox 1.0 release
- June 29, 2007: iPhone release

11. MOVING TO A MOBILE WORLD

12. MOVING TO A MOBILE WORLD
- More smartphones sold than “computers” in
2011

13. MOVING TO A MOBILE WORLD
- More smartphones sold than “computers” in
2011
- Great change in our industry

14. MOVING TO A MOBILE WORLD
- More smartphones sold than “computers” in
2011
- Great change in our industry
- But we lost control and hackability in the
process

15. MOVING TO A MOBILE WORLD
- More smartphones sold than “computers” in
2011
- Great change in our industry
- But we lost control and hackability in the
process

16. MOVING TO A MOBILE WORLD
- More smartphones sold than “computers” in
2011
- Great change in our industry
- But we lost control and hackability in the
process
- Let’s do it again!

17. THE ECOSYSTEM EFFECT

18. THE ECOSYSTEM EFFECT
- Most of the apps are created for iOS or
Android

19. THE ECOSYSTEM EFFECT
- Most of the apps are created for iOS or
Android
- You need knowledge for each platform

20. THE ECOSYSTEM EFFECT
- Most of the apps are created for iOS or
Android
- You need knowledge for each platform
- New platforms are struggling

21. THE ECOSYSTEM EFFECT
- Most of the apps are created for iOS or
Android
- You need knowledge for each platform
- New platforms are struggling
- WP7, Meego, RIM, Bada, …

22. THE WEB IS THE PLATFORM

23. THE WEB IS THE PLATFORM
- Facebook, GMail, Twitter, Balsamiq, 280 slides

24. THE WEB IS THE PLATFORM
- Facebook, GMail, Twitter, Balsamiq, 280 slides
- As efficient as native apps

25. THE WEB IS THE PLATFORM
- Facebook, GMail, Twitter, Balsamiq, 280 slides
- As efficient as native apps
- Works on every device

26. THE WEB IS THE PLATFORM
- Facebook, GMail, Twitter, Balsamiq, 280 slides
- As efficient as native apps
- Works on every device
- Don’t ask to create

27. UNLOCKING THE WEB

28. UNLOCKING THE WEB
1. Same capabilities as native apps

29. UNLOCKING THE WEB
1. Same capabilities as native apps
2. Out of the browser

30. UNLOCKING THE WEB
1. Same capabilities as native apps
2. Out of the browser
3. Distribution system

31. WEB APIS

33. Vector
graphics
Transitions
Offline
Ajax
WebGL
Video
(3D)
Geolocation

34. Vector
graphics
Transitions
HTML5
Offline
Ajax
WebGL
Video
(3D)
Geolocation

35. Bluetooth
Battery
Vector Camera
graphics
Transitions
HTML5
SMS Offline
Ajax
WebGL
Video
(3D)
Vibration
Geolocation
Telephony
Contacts

36. WebAPIS
Battery
Bluetooth
Vector Camera
graphics
Transitions
HTML5
SMS Offline
Ajax
WebGL
Video
(3D)
Vibration
Geolocation
Telephony
Contacts

37. Bluetooth
Battery
Vector Camera
graphics
Transitions
HTML5
SMS Offline
Ajax
WebGL
Video
(3D)
Vibration
Geolocation
Telephony
Contacts

38. HAVE YOU TRIED FIREFOX?

39. HAVE YOU TRIED FIREFOX?
- Or Opera ?

40. HAVE YOU TRIED FIREFOX?
- Or Opera ?
- Or IE9 on Windows Phone?

41. HAVE YOU TRIED FIREFOX?
- Or Opera ?
- Or IE9 on Windows Phone?
- Does your web app work in non WebKit?

42. DEMO

43. OPEN WEB APPS

44. OPEN WEB APPS

45. OPEN WEB APPS
- Regular website + a few things

46. OPEN WEB APPS
- Regular website + a few things
- Integrated in the OS

47. OPEN WEB APPS
- Regular website + a few things
- Integrated in the OS
- Distribute on your terms

48. MANIFEST
{
"version": "1.0",
"name": "AwesomeNewspaper",
"description": "Exciting news
delivered to you",
"icons": {
"128": "/img/icon-128.png",
},
"developer": {
"name": "Press2.0",
"url": "http://press20.fr"
},
"installs_allowed_from": ["*"]
}

49. INSTALLATION
var pending = navigator.mozApps.install(
'http://lxjs.org/manifest.webapp');
pending.onsuccess = function () {};
pending.onerror = function () {};

50. DEMO

51. MARKETPLACE

52. MOZILLA MARKETPLACE

53. MOZILLA MARKETPLACE
- List apps, write review

54. MOZILLA MARKETPLACE
- List apps, write review
- Free and paid apps

55. MOZILLA MARKETPLACE
- List apps, write review
- Free and paid apps
- Not the only distribution system

56. MOZILLA MARKETPLACE
- List apps, write review
- Free and paid apps
- Not the only distribution system
- Others could run their own

57. DEMO

58. ONE MORE THING

60. - Android is not enough

61. - Android is not enough
- Many markets don’t have smartphones yet

62. - Android is not enough
- Many markets don’t have smartphones yet
- Open Web Apps are powerful

63. - Android is not enough
- Many markets don’t have smartphones yet
- Open Web Apps are powerful

64. - Android is not enough
- Many markets don’t have smartphones yet
- Open Web Apps are powerful
- So…

65. FIREFOX OS

66. WHAT IT IS?

67. WHAT IT IS?
- Open from the beginning: July 25, 2011

68. WHAT IT IS?
- Open from the beginning: July 25, 2011
- Everything is a web app

69. WHAT IT IS?
- Open from the beginning: July 25, 2011
- Everything is a web app
- Linux Kernel + Gecko

70. WHAT IT IS?
- Open from the beginning: July 25, 2011
- Everything is a web app
- Linux Kernel + Gecko
- First partners: Telefonica and Qualcomm

71. WHAT IT IS?
- Open from the beginning: July 25, 2011
- Everything is a web app
- Linux Kernel + Gecko
- First partners: Telefonica and Qualcomm
- Launch in Brazil, early 2013

72. DEMO

73. WE’RE BUILDING OUR DIGITAL FUTURE

74. WE’RE BUILDING OUR DIGITAL FUTURE
- Get involved

75. WE’RE BUILDING OUR DIGITAL FUTURE
- Get involved
- Test your apps (desktop emulator)

76. WE’RE BUILDING OUR DIGITAL FUTURE
- Get involved
- Test your apps (desktop emulator)
- Help with Gaia, the user interface

77. WE’RE BUILDING OUR DIGITAL FUTURE
- Get involved
- Test your apps (desktop emulator)
- Help with Gaia, the user interface
- Talk to Dale!

78. DOCUMENTATION?
- MDN doc sprint this week-end
- #devmo on irc.mozilla.org.
- http://ricaud.me/lxjs-doc

79. THAT’S ALL FOLKS
- https://wiki.mozilla.org/WebAPI
- https://wiki.mozilla.org/Apps
- https://marketplace.mozilla.org
- https://developer.mozilla.org/en-US/docs/
Mozilla/Firefox_OS
- anthony@mozilla.com