Ugly truths about html5 moosecon - robert virkus - 2013-03-07

29
Ugly Truth about HTML5 for mobile Apps 10:45 - 11:15 Robert Virkus, CEO @robert_virkus @EnoughSoftware

Transcript of Ugly truths about html5 moosecon - robert virkus - 2013-03-07

Page 1: Ugly truths about html5   moosecon - robert virkus - 2013-03-07

Ugly Truth about HTML5 for mobile Apps

10:45 - 11:15

Robert Virkus, CEO

@robert_virkus@EnoughSoftware

Robert VirkusVor dem Steintor 21828203 BremenGermany

+49 (0)421 98 89 131+49 (0)421 98 89 132+49 (0)160 77 88 203

[email protected]

TelFax

Mobile

ENOUGHSO F T WA R E

Robert VirkusVor dem Steintor 21828203 BremenGermany

+49 (0)421 98 89 131+49 (0)421 98 89 132+49 (0)160 77 88 203

[email protected]

TelFax

Mobile

ENOUGHSO F T WA R E

Page 2: Ugly truths about html5   moosecon - robert virkus - 2013-03-07

Enough Software

A Team of Mobile Enthusiasts

Headquarter: Bremen, Germany Customer base: worldwide

Page 3: Ugly truths about html5   moosecon - robert virkus - 2013-03-07

2005-4,600 M

Earth forms-3,500 MLife forms

-2,000 MComplex life forms

-225 until -65 MAge of dinosaurs

-3 MStone age

Page 4: Ugly truths about html5   moosecon - robert virkus - 2013-03-07
Page 5: Ugly truths about html5   moosecon - robert virkus - 2013-03-07

Non-Profit Project

Mobile Developer’s Guide to the Galaxy

The popular, and free, handbook for developers and decision makers

Community-driven, objective, and non-profit

45,000 hardcopies distributed, over 100k in downloads

Page 6: Ugly truths about html5   moosecon - robert virkus - 2013-03-07

The Holy Grail

Page 7: Ugly truths about html5   moosecon - robert virkus - 2013-03-07

The Promise

- One code to rule them all- Easy access to native features- Like a native app but simpler- Almost everyone can write HTML (many cheap developers!)

Page 8: Ugly truths about html5   moosecon - robert virkus - 2013-03-07

ANNO 2011

Page 9: Ugly truths about html5   moosecon - robert virkus - 2013-03-07

ANNO 2011

Source: http://app.ft.com

Page 10: Ugly truths about html5   moosecon - robert virkus - 2013-03-07

“I think the biggest mistake we made as a company is

betting too much on HTML5

as opposed to native.”

Source: http://www.forbes.com/sites/jjcolao/2012/09/19/facebooks-html5-dilemma-explained

Page 11: Ugly truths about html5   moosecon - robert virkus - 2013-03-07

The Holy GrailBeyond the Hype

Page 12: Ugly truths about html5   moosecon - robert virkus - 2013-03-07

WebKit

- around 72% market share for mobile (Q4 2012)

- rendering engine for Safari, Chrome, BlackBerry, Nokia Series 40, UC Browser, NetFront, and soon Opera

Browser Marketshare Q4 2012

Android 27%

Safari 23%

Opera 18%

Nokia 10%

UC 9%

NetFront 4%

BlackBerry 4%

Dolfin 1%

Internet Explorer 1%

Firefox 1%

Samsung 1%

Chrome 1%

Source: www.quirksmode.org/blog/archives/2013/02/browser_stats_f_6.html

Page 13: Ugly truths about html5   moosecon - robert virkus - 2013-03-07

Nitro

V8

WebKit Fragmentation

- Subversion- 8 build systems• XCode -> Mac• VCProj -> Win, WinCairo• CMake -> WinCE, EFL• QMake -> Qt• MakeFile -> Gtk• GYP -> Chromium• Android.mk -> Android• wx

- OS and closed Forks- Complex build options e.g. Gamepad API

Source: trac.webkit.org/wiki/Unifying%20the%20build%20system

WebKit

Safari

Chrome

Page 14: Ugly truths about html5   moosecon - robert virkus - 2013-03-07

WebKit Fragmentation

Source: www.quirksmode.org/webkit.html

Page 15: Ugly truths about html5   moosecon - robert virkus - 2013-03-07

WebKit Fragmentation

Source: www.quirksmode.org/webkit.html

Page 16: Ugly truths about html5   moosecon - robert virkus - 2013-03-07

HTML5

&

Page 17: Ugly truths about html5   moosecon - robert virkus - 2013-03-07

Security

Source: www.filldisk.com

Page 18: Ugly truths about html5   moosecon - robert virkus - 2013-03-07

Security

Source: www.internetnews.com/blog/skerner/why-is-open-source-webkit-the-weak-link-in-apple-security.html

“If a security researcher is looking for a path to exploitation on iOS, they need to look no further than WebKit. Just look for a vuln that has been patched in Chrome, see that it hasn't been patched in iOS and then get 'cracking' on what you want to do.”

Sean Michael Kerner   |    September 24, 2012

Page 19: Ugly truths about html5   moosecon - robert virkus - 2013-03-07

Beware of the Uncanny Valley

Source: http://upload.wikimedia.org/wikipedia/commons/a/aa/Repliee_Q2.jpg

Page 20: Ugly truths about html5   moosecon - robert virkus - 2013-03-07

Beware of the Uncanny Valley

Source: http://en.wikipedia.org/w/index.php?title=File:Mori_Uncanny_Valley.svg

Page 21: Ugly truths about html5   moosecon - robert virkus - 2013-03-07

Beware of the Uncanny Valley

Sources: http://snippetspace.com/portfolio/iwebkit/ http://www.jqtouch.com/ http://itabbar.com/

Page 22: Ugly truths about html5   moosecon - robert virkus - 2013-03-07

Performance

Source: adventuresinspeechpathology.wordpress.com

Native App Web App

Page 23: Ugly truths about html5   moosecon - robert virkus - 2013-03-07

Where is it?

Plateau of Productivity

Page 24: Ugly truths about html5   moosecon - robert virkus - 2013-03-07

Native HTML5

Past Now / Soon

Page 25: Ugly truths about html5   moosecon - robert virkus - 2013-03-07

New APIs

Battery APIWebRTCAmbient Light SensorsBandwidth detection

Page 26: Ugly truths about html5   moosecon - robert virkus - 2013-03-07

HTML for:Content Heavy

Page 27: Ugly truths about html5   moosecon - robert virkus - 2013-03-07

HTML for: Content that needs freedom

(or direct updates)

Page 28: Ugly truths about html5   moosecon - robert virkus - 2013-03-07

HybridSuper Power

Page 29: Ugly truths about html5   moosecon - robert virkus - 2013-03-07

Thanks! Questions?

Robert VirkusVor dem Steintor 21828203 BremenGermany

+49 (0)421 98 89 131+49 (0)421 98 89 132+49 (0)160 77 88 203

[email protected]

TelFax

Mobile

ENOUGHSO F T WA R E

Robert VirkusVor dem Steintor 21828203 BremenGermany

+49 (0)421 98 89 131+49 (0)421 98 89 132+49 (0)160 77 88 203

[email protected]

TelFax

Mobile

ENOUGHSO F T WA R E

Sögestr. 7028195 Bremen

www.enough.detwitter: @enoughsoftware

Robert Virkustwitter: @robert_virkus