W3Café, Paris

L’enjeu du mobile pour le développeur Web,

et comment Mozilla va vous aiderTristan NITOT

Principal Mozilla Evangelistblog.mozilla.org/beyond-the-code

Twitter : @nitot

lundi 2 juillet 12

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

Mozilla is...

lundi 2 juillet 12

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

We’re known for the Firefox Web Browser

lundi 2 juillet 12

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

2012 is the year when the smartphones will outsell PCs

lundi 2 juillet 12

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

Unless...... you use Web technologies to write mobile applications!

lundi 2 juillet 12

Mozilla’s approach

lundi 2 juillet 12

«The Web is the Platform»

lundi 2 juillet 12

Firefox Mobile For Android

lundi 2 juillet 12

Firefox Mobile For Android

- Faster, faster, faster!

lundi 2 juillet 12

Firefox Mobile For Android

- Faster, faster, faster!

- Desktop-like: Awesome Screen, add-ons

lundi 2 juillet 12

Firefox Mobile For Android

- Faster, faster, faster!

- Desktop-like: Awesome Screen, add-ons

- Flash, DNT

lundi 2 juillet 12

Firefox Mobile For Android

- Faster, faster, faster!

- Desktop-like: Awesome Screen, add-ons

- Flash, DNT

- Sync with desktop

lundi 2 juillet 12

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

SPEED, baby!

lundi 2 juillet 12

The web is the platform

lundi 2 juillet 12

The web is the platform

- Examples: Facebook, GMail, GMaps, Twitter...

lundi 2 juillet 12

The web is the platform

- Examples: Facebook, GMail, GMaps, Twitter...

- As efficient as native apps

lundi 2 juillet 12

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

Taking the Web to the next level

lundi 2 juillet 12

Taking the Web to the next level

1. Same capabilities as native apps

lundi 2 juillet 12

Taking the Web to the next level

1. Same capabilities as native apps

2. Out of the browser

lundi 2 juillet 12

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

Web APIs

lundi 2 juillet 12

lundi 2 juillet 12

Ajax

Video WebGL(3D)

Offline

Transitions

Vector graphics

Geolocation

lundi 2 juillet 12

Ajax

Video WebGL(3D)

Offline

Transitions

Vector graphics

Geolocation

HTML5

lundi 2 juillet 12

Ajax

Video WebGL(3D)

Offline

Transitions

Vector graphics

Geolocation

BatteryCamera

Telephony

Vibration

SMS

Bluetooth

Contacts

HTML5

lundi 2 juillet 12

Ajax

Video WebGL(3D)

Offline

Transitions

Vector graphics

Geolocation

BatteryCamera

Telephony

Vibration

SMS

Bluetooth

Contacts

HTML5

WebAPIS

lundi 2 juillet 12

Ajax

Video WebGL(3D)

Offline

Transitions

Vector graphics

Geolocation

BatteryCamera

Telephony

Vibration

SMS

Bluetooth

Contacts

HTML5

lundi 2 juillet 12

Apps

lundi 2 juillet 12

Apps

lundi 2 juillet 12

Apps

- Integrated in the OS

lundi 2 juillet 12

Apps

- Integrated in the OS

- Distribute on your terms (from your site or any number of marketplaces)

lundi 2 juillet 12

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

Mozilla Marketplace

lundi 2 juillet 12

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

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

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

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

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

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

Mozilla Marketplace

lundi 2 juillet 12

Boot To Geckoaka B2G

http://www.mozilla.org/b2g

lundi 2 juillet 12

What it is?

lundi 2 juillet 12

What it is?

- Open Source mobile OS: Linux Kernel + Gecko + Web Apps

lundi 2 juillet 12

What it is?

- Open Source mobile OS: Linux Kernel + Gecko + Web Apps

- Everything is a web app

lundi 2 juillet 12

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

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

B2G

lundi 2 juillet 12

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

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

Thank you!Tristan NITOT

Principal Mozilla Evangelistblog.mozilla.org/beyond-the-code

Twitter : @nitot

lundi 2 juillet 12