Date post: | 20-Oct-2014 |
Category: |
Technology |
View: | 2,996 times |
Download: | 1 times |
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