What lies ahead of HTML5_Ooop Munich 2013_Krzysztof Szafranek
Upcoming SlideShare
Loading in...5
×
 

What lies ahead of HTML5_Ooop Munich 2013_Krzysztof Szafranek

on

  • 2,949 views

 

Statistics

Views

Total Views
2,949
Views on SlideShare
981
Embed Views
1,968

Actions

Likes
3
Downloads
11
Comments
0

5 Embeds 1,968

http://www.wooga.com 1956
http://translate.googleusercontent.com 6
http://feeds.feedburner.com 2
http://131.253.14.66 2
http://131.253.14.98 2

Accessibility

Categories

Upload Details

Uploaded via as Adobe PDF

Usage Rights

© All Rights Reserved

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Processing…
Post Comment
Edit your comment

    What lies ahead of HTML5_Ooop Munich 2013_Krzysztof Szafranek What lies ahead of HTML5_Ooop Munich 2013_Krzysztof Szafranek Presentation Transcript

    • What Lies Ahead for HTML5?Krzysztof Szafranek @szafranekWooga GmbH
    • [ˈ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 wasnt there.Last year’s quote that caused a lot of confusion
    • The language < >
    • Next iteration of the HTML languageMarkup language for structuring and presenting content for the World Wide Web.
    • <video><audio>
    • <canvas>
    • New form elements <input type=date><input type=color>How many of you have implemented a date picker?Less code to improve site’s usabilityFaster site
    • The buzzword[5]
    • 3DWebGLDemo: 3D race car
    • Mediavideo, audioScreenshot: mobile YouTube
    • OfflineScreenshot: Twitter mobile
    • CSS3
    • NetworkWebSockets, server-sent events, XHR2Screenshot: Facebook chat
    • DevicesMicrophone, cameraDemo: speech recognition
    • HTML5 has already wonIf 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!
    • Black Friday 30 2012 22.5 15 7.5 16.26 9.84 2011 2012 0 % of sales done through mobileSource: http://www-01.ibm.com/software/marketing-solutions/benchmark-reports/benchmark-2012-black-friday.pdf
    • Black Friday 30 201222.5 15 24.04 7.5 14.33 2011 2012 0 % of traffic coming from mobile
    • I think the biggestmistake that wemade, as a company,is betting too muchon HTML5 asopposed to native...because it justwasnt there.
    • ... we actually have morepeople on a daily basisusing mobile WebFacebook than we haveusing our iOS or Androidapps combined.So mobile Web is a bigthing for us.
    • Web or native?
    • Native
    • Native
    • Native Performance
    • Native
    • Native
    • Native Access to device features
    • Native
    • Native
    • Native Distribution through an app store
    • Native
    • Native
    • Native Payments
    • Native
    • Opportunity cost
    • m.guardian.co.uk Amazon HTC LG Sony RIM Apple Samsung Nokia 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
    • DiscoverabilityDiscoverability in the AppStore,over 700 000 apps.
    • Development cost1.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
    • WebYou already have it
    • Web
    • Web
    • WebCheaper to build
    • Web
    • WebOpen standards not controlled by one company
    • Web VendorindependenceOpen standards not controlled by one company
    • WebOpen standards not controlled by one company
    • Web
    • WebEasy updates
    • Web
    • Web
    • WebFuture proof
    • Web
    • Discoverability
    • Payments
    • “Standards”
    • Hybrid
    • Hybrid Native HTML5wrapper inside
    • Hybrid
    • Hybrid
    • Hybrid Access to App store devicedistribution features
    • Hybrid
    • Hybrid
    • Hybrid Cross Notplatform native!
    • Hybrid
    • The story of[30]
    • Hybrid: HTML5+PhoneGapOver 20x less than my current game in Objective C
    • Hybrid: HTML5+PhoneGap 22k lines of JSOver 20x less than my current game in Objective C
    • AppStore, worldwideReleased as opensource
    • github.com/wooga/Pocket-Island
    • JavaScript!
    • JavaScript!•Development speed
    • JavaScript!•Development speed•Developer talent
    • JavaScript!•Development speed•Developer talent•Community
    • “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.
    • Performance12 FPS instead of 60
    • ConclusionsThe 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, editor of the HTML specDo you really need the cutting edge?Are you willing to pay for it?
    • Games
    • Games
    • Games
    • Games
    • Games
    • Operating system!
    • WebAPI WebSMS WebTelephony Power Management Device Storage WebPayment Camera Calendar WebBluetooth Vibration API ...https://wiki.mozilla.org/WebAPI
    • 10 years from nowIn 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 nowIn many ways mobile web is where the desktop web was 15 years ago.But it is catching up.
    • Thank you!www.szafranek.net wooga.com/jobs@szafranek
    • Photo credits: Crunchies2009 John Kannenberg luisvilla