Intervention de Tristan Nitot au W3Café

1. W3Café, Paris
L’enjeu du mobile pour le
développeur Web,
et comment Mozilla va vous aider
Tristan NITOT
Principal Mozilla Evangelist
blog.mozilla.org/beyond-the-code
Twitter: @nitot
lundi 2 juillet 12

2. Agenda
- Who is Mozilla?
- Web developers in a Mobile world
- Mozilla’s approach: the Web is the Platform
- Firefox for Android and Web APIs
- Apps and Marketplace
- Boot To Gecko
lundi 2 juillet 12

3. Mozilla is...
lundi 2 juillet 12

4. Mozilla is...
a global community of people
who believe that openness,
innovation, and
opportunity are key to the
continued health of the
Internet.
lundi 2 juillet 12

5. We’re known for the Firefox Web
Browser
lundi 2 juillet 12

6. Mozilla Manifesto
(excerpt)
- The Internet is a global public resource that
must remain open and accessible.
- The Internet should enrich the lives of
individual human beings.
- Individuals' security on the Internet is
fundamental and cannot be treated as optional.
- Individuals must have the ability to shape
their own experiences on the Internet.
lundi 2 juillet 12

7. 2012 is the year when the
smartphones will outsell PCs
lundi 2 juillet 12

8. Mobile World today
- Apps are distributed through AppStores /
Marketplaces who control the interaction with
the user/customer
- Risks of censorship
- Vendor lock-in is important
- You have to develop 2 versions of your app, for
iOS and Android (maybe more).
- Web developers have to learn new
tools to address this market
lundi 2 juillet 12

9. Unless...
... you use Web technologies to write mobile
applications!
lundi 2 juillet 12

10. Mozilla’s approach
lundi 2 juillet 12

11. «The Web is
the Platform»
lundi 2 juillet 12

12. Firefox Mobile For Android
lundi 2 juillet 12

13. Firefox Mobile For Android
- Faster, faster, faster!
lundi 2 juillet 12

14. Firefox Mobile For Android
- Faster, faster, faster!
- Desktop-like: Awesome
Screen, add-ons
lundi 2 juillet 12

15. Firefox Mobile For Android
- Faster, faster, faster!
- Desktop-like: Awesome
Screen, add-ons
- Flash, DNT
lundi 2 juillet 12

16. Firefox Mobile For Android
- Faster, faster, faster!
- Desktop-like: Awesome
Screen, add-ons
- Flash, DNT
- Sync with desktop
lundi 2 juillet 12

17. Firefox Mobile For Android
- Faster, faster, faster!
- Desktop-like: Awesome
Screen, add-ons
- Flash, DNT
- Sync with desktop
- Available for Android
2.2+
lundi 2 juillet 12

18. SPEED, baby!
lundi 2 juillet 12

19. The web is the platform
lundi 2 juillet 12

20. The web is the platform
- Examples: Facebook, GMail, GMaps, Twitter...
lundi 2 juillet 12

21. The web is the platform
- Examples: Facebook, GMail, GMaps, Twitter...
- As efficient as native apps
lundi 2 juillet 12

22. The web is the platform
- Examples: Facebook, GMail, GMaps, Twitter...
- As efficient as native apps
- Run on every device that has a modern Web
browser
lundi 2 juillet 12

23. Taking the Web to the next level
lundi 2 juillet 12

24. Taking the Web to the next level
1. Same capabilities as native apps
lundi 2 juillet 12

25. Taking the Web to the next level
1. Same capabilities as native apps
2. Out of the browser
lundi 2 juillet 12

26. Taking the Web to the next level
1. Same capabilities as native apps
2. Out of the browser
3. Distribution system
lundi 2 juillet 12

27. Web APIs
lundi 2 juillet 12

28. lundi 2 juillet 12

29. Vector
graphics
Transitions
Offline
Ajax
WebGL
Video
(3D)
Geolocation
lundi 2 juillet 12

30. Vector
graphics
Transitions
HTML5
Offline
Ajax
WebGL
Video
(3D)
Geolocation
lundi 2 juillet 12

31. Bluetooth
Battery
Vector Camera
graphics
Transitions
HTML5
SMS Offline
Ajax
WebGL
Video
(3D)
Vibration
Geolocation
Telephony
Contacts
lundi 2 juillet 12

32. WebAPIS
Battery
Bluetooth
Vector Camera
graphics
Transitions
HTML5
SMS Offline
Ajax
WebGL
Video
(3D)
Vibration
Geolocation
Telephony
Contacts
lundi 2 juillet 12

33. Bluetooth
Battery
Vector Camera
graphics
Transitions
HTML5
SMS Offline
Ajax
WebGL
Video
(3D)
Vibration
Geolocation
Telephony
Contacts
lundi 2 juillet 12

34. Apps
lundi 2 juillet 12

35. Apps
lundi 2 juillet 12

36. Apps
- Integrated in the OS
lundi 2 juillet 12

37. Apps
- Integrated in the OS
- Distribute on your terms (from your site or any
number of marketplaces)
lundi 2 juillet 12

38. 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": ["*"]
}
lundi 2 juillet 12

39. Mozilla Marketplace
lundi 2 juillet 12

40. Mozilla Marketplace
- the first operating system- and device-
independent market for apps based on open
Web technologies like HTML5, JavaScript
and CSS.
lundi 2 juillet 12

41. Mozilla Marketplace
- the first operating system- and device-
independent market for apps based on open
Web technologies like HTML5, JavaScript
and CSS.
- One distribution system
lundi 2 juillet 12

42. Mozilla Marketplace
- the first operating system- and device-
independent market for apps based on open
Web technologies like HTML5, JavaScript
and CSS.
- One distribution system
- Others could run their own
lundi 2 juillet 12

43. Mozilla Marketplace
- the first operating system- and device-
independent market for apps based on open
Web technologies like HTML5, JavaScript
and CSS.
- One distribution system
- Others could run their own
- Free and paid apps
lundi 2 juillet 12

44. Mozilla Marketplace
- the first operating system- and device-
independent market for apps based on open
Web technologies like HTML5, JavaScript
and CSS.
- One distribution system
- Others could run their own
- Free and paid apps
- Reaches half a billion users
lundi 2 juillet 12

45. Mozilla Marketplace
- the first operating system- and device-
independent market for apps based on open
Web technologies like HTML5, JavaScript
and CSS.
- One distribution system
- Others could run their own
- Free and paid apps
- Reaches half a billion users
- Will run on different browsers, OSes and devices.
lundi 2 juillet 12

46. Mozilla Marketplace
lundi 2 juillet 12

47. Boot To Gecko
aka B2G
http://www.mozilla.org/b2g
lundi 2 juillet 12

48. What it is?
lundi 2 juillet 12

49. What it is?
- Open Source mobile OS: Linux Kernel +
Gecko + Web Apps
lundi 2 juillet 12

50. What it is?
- Open Source mobile OS: Linux Kernel +
Gecko + Web Apps
- Everything is a web app
lundi 2 juillet 12

51. What it is?
- Open Source mobile OS: Linux Kernel +
Gecko + Web Apps
- Everything is a web app
- First partners: Telefonica and Qualcomm
lundi 2 juillet 12

52. What it is?
- Open Source mobile OS: Linux Kernel +
Gecko + Web Apps
- Everything is a web app
- First partners: Telefonica and Qualcomm
- First goal: Brazil in early 2013
lundi 2 juillet 12

53. B2G
lundi 2 juillet 12

54. And now?
- Use Firefox Beta: mozilla.org/beta
- File bugs on bugzilla.mozilla.org
- Try our new Developer tools
- Use (and contribute?) to the Mozilla
Developer Network
lundi 2 juillet 12

55. Questions & Answers
- http://www.mozilla.org/about/manifesto.en.html
- https://wiki.mozilla.org/WebAPI
- https://wiki.mozilla.org/Apps
- https://marketplace.mozilla.org
- http://www.mozilla.org/b2g/
- http://blog.mozilla.org/beyond-the-code/
lundi 2 juillet 12

56. Thank you!
Tristan NITOT
Principal Mozilla Evangelist
blog.mozilla.org/beyond-the-code
Twitter: @nitot
lundi 2 juillet 12