Presenting the Open Web Device by Telefonica

Open Web Device

A look to the HTML5 device.

Telefonica Digital - PDI

By Francisco Jordano (@mepartoconmigo)and Alberto Pastor (@pastoret)

Telefónica Digital - PDI

Lets go back in time


Lets take a look to some insights:

Still more users with features phones than smartphones

4 billion feature phones will be sold between 2011 and 2015

First approach to internet through mobile devices

Telefonica is big in LATAM

A bit of history


Let’s do something about that!

Let’s create a smartphone for their needs

Able to give a high end user experience

Don’t compete with the current market players

A bit of history


How do we do proceeded:

We were working on a web based solution

Open

Using standard technologies

A bit of history


A bit of history

And Mozilla appeared with B2G:

Love to first sight

Satisfying all Telefonica needs

Best technological partner ever


So, what is Open Web Device

Is a mobile phone build with love

Based on B2G

Aims to bring you the best experience with an incredible price

Not history anymore!


Wait, this sounds familiar to me

Someone tried this before

Why this time could success

Simple question


What’s this B2G?

Nice acronym but ...what is its?

Boot directly to Gecko

How do you manage to do it?

Build the APIs you don’t have, and standardize them


How it looks like

Re-Using alreadyexisting software

(e.g. Drivers forAndroid) = Low

Porting EffortHardware Platform

System Service

Execution Environment

NativeApps and UX

Kernel Drivers

Libraries

Middleware Framework

Browser

Web Apps

Hardware Platform

System Service

Kernel Drivers

Thinner stack: Improves

scalability acrossdifferent device

tiers

Fully Web Based:Simple UX

creation process

Based in open standards (No

proprietary API)

Web Apps and Web Based UX

Browser + WebAPIs

“TYPICAL “ SMARTPHONE

NEW HTML5-PHONE

DIR

EC

TA

CC

ESS


… and also:

Mozilla is creating an amazing UX: Gaia

Or just create your own one!

Build anything with HTML5 technologies

What is this B2G?


How are you working?

How Telefonica is helping?

Working as a single team.

Helping in both BE and FE.

Provide specific knowledge from thenetwork and the market.


… and also

Add extra services like D2B.

Open source any extra software that we create.

How are you working?


Let’s go a bit technical


Let’s take a quick overview of all the technologies

Two projects, both of then 100% free

B2G, what we call the backend

… and Gaia, guess what, the frontend

Hands on the code


You can create your own ROM

Several devices supported.

Build it from: https://github.com/mozilla-b2g/b2g (linux and mac)

ICS and GB supported

Toast your phone


The backend

Here lives the magic, new apis and new flavours

Is working like any other Mozilla product and technologies

In fact, some of the work done in B2G is landing in the desktop

Is some kind of magic


B2G is 4x4

Compile it for your desktop

Modify it using XPCOM

https://gist.github.com/2763303

Run it from the desktop


Use familiar technologies

Modify the backend!

talkPirate: function(content) { let piratePhrase, phrase = content.split(' '); piratePhrase = []; phrase.forEach(function (word) { if(pirateTranslations.hasOwnProperty(word.toLowerCase())) { piratePhrase.push(pirateTranslations[word.toLowerCase()]); } else { piratePhrase.push(word); }

return piratePhrase.join(' '); });


GaiaIs ‘one’ user experience in top of B2G

You can create your own one, it doesn’t need to be a phone even

Get the code: https://github.com/mozilla-b2g/gaia

Play with the frontend


Let’s play a bit with the frontend

What is ‘building’ GAIA?

The profile?

How I can try this without a phone?

Playing with the frontend


I have an HTML5 app what should I do?

Go and visit the Open Web Apps project:

https://developer.mozilla.org/en/Apps

Can my APP run there?


What if my app is already there?

Take a look to the Mozilla Market, submit your app:

https://marketplace.mozilla.org/

Use the Apps JS API:

Can my APP run there?

navigator.mozApps.install(manifesturl);


IRC, Mailing list, Repo, Bugs …

Everything on how to collaborate:

https://etherpad.mozilla.org/b2g-bootstrap

Keep an eye on us:

http://www.openwebdevice.com

Collaborate


… and welcome to the future.

Thanks a lot!

Technology

Presenting the Open Web Device by Telefonica