What Lies Ahead for HTML5?

Krzysztof SzafranekWooga GmbH

@szafranek

[ˈkʂɨʂtɔf ʂafranˈɛk]Web application

&game developer

Wooga(Roche, Nokia)

Let me start with the most technically difficult part of the presentation.

How many of you would consider yourself developers?How many of you have used HTML5?

I think the biggest mistake that we made, as a company, is betting too much on HTML5 as opposed to native... because it just wasn't there.

Last year’s quote that caused a lot of confusion

The language

< >

Next iteration of the HTML language

Markup language for structuring and presenting content for the World Wide Web.

<video>

<audio>

<canvas>

New form elements

<input type=color>

<input type=date>

How many of you have implemented a date picker?

Less code to improve site’s usabilityFaster site

The buzzword

[5]

3D

WebGLDemo: 3D race car

Media

video, audioScreenshot: mobile YouTube

Offline

Screenshot: Twitter mobile

CSS3

Network

WebSockets, server-sent events, XHR2Screenshot: Facebook chat

Devices

Microphone, cameraDemo: speech recognition

HTML5has already

won

If you have a website built in the last 3 years, most likely you’ve been using HTML5 already.

http://html5awesome.com/

mobile

[15]Mobile doesn’t necessarily mean phone!

0

7.5

15

22.5

30

% of sales done through mobile

16.269.84 2011

2012

Black Friday 2012

Source: http://www-01.ibm.com/software/marketing-solutions/benchmark-reports/benchmark-2012-black-friday.pdf

0

7.5

15

22.5

30

% of traffic coming from mobile

24.04

14.3320112012

Black Friday 2012

I think the biggest mistake that we made, as a company, is betting too much on HTML5 as opposed to native... because it just wasn't there.

... we actually have more people on a daily basis using mobile Web Facebook than we have using our iOS or Android apps combined.So mobile Web is a big thing for us.

Web or native?

Native

Native

Native

Performance

Native

Native

Access to device features

Native

Native

Native

Distribution throughan app store

Native

Native

Native

Payments

Native

Native

Opportunity cost

Apple

Samsung

HTC

Nokia

RIM Sony

LGAmazon

m.guardian.co.uk

3.3m daily page viewsApple 80%Samsung 8%RIM 6%HTC 5%Nokia 1%

http://www.guardian.co.uk/info/developer-blog/2012/dec/11/fragmented-world-mobile-traffic-data

Discoverability

Discoverability in the AppStore,over 700 000 apps.

Development cost

1.3 million Android devices is being activated every single day.Source: http://techcrunch.com/2012/09/05/eric-schmidt-there-are-now-1-3-million-android-device-activations-per-day/

Web

Web

Web

You already have it

Web

Web

Web

Cheaper to build

Web

Web

Open standards not controlled by one company

Web

Vendor independence

Open standards not controlled by one company

Web

Open standards not controlled by one company

Web

Web

Easy updates

Web

Web

Web

Future proof

Web

Discoverability

Payments

“Standards”

Hybrid

Hybrid

HTML5 inside

Native wrapper

Hybrid

Hybrid

Hybrid

App store distribution

Access to device

features

Hybrid

Hybrid

Hybrid

Cross platform

Notnative!

Hybrid

The story of

[30]

Hybrid: HTML5+PhoneGap

Over 20x less than my current game in Objective C

Hybrid: HTML5+PhoneGap

22k lines of JS

Over 20x less than my current game in Objective C

AppStore, worldwide

Released as open source

github.com/wooga/Pocket-Island

JavaScript!

JavaScript!

•Development speed

JavaScript!

•Developer talent

•Development speed

JavaScript!

•Community

•Developer talent

•Development speed

“Write once, run everywhere”

“Run everywhere” – either a lie or programs that worked equally badly everywhere

Sound, multitouch...

Sounds has been fixed in Safari 6, multitouch is being standardized right now.

Performance

12 FPS instead of 60

Conclusions

The web wasn’t the best platform for making mobile games in 2012.

[40]

“Every new generation brings radical new features, and the Web will always be behind on those. So the cutting edge is native.”

Ian Hickson,editorof the HTML spec

Do you really need the cutting edge?Are you willing to pay for it?

Games

Games

Games

Games

Games

Operating system!

WebAPIWebSMSWebTelephonyPower ManagementDevice StorageWebPaymentCameraCalendarWebBluetoothVibration API...

https://wiki.mozilla.org/WebAPI

10 years from now

In many ways mobile web is where the desktop web was 15 years ago.But it is catching up.

10 years from now

The web & HTML:still around.

In many ways mobile web is where the desktop web was 15 years ago.But it is catching up.

10 years from now

App stores: not so sure.

In many ways mobile web is where the desktop web was 15 years ago.But it is catching up.

10 years from now

In many ways mobile web is where the desktop web was 15 years ago.But it is catching up.

Thank you!

wooga.com/jobswww.szafranek.net@szafranek

Photo credits:

Crunchies2009

John Kannenberg

luisvilla