Should you say no to HTML5?

1,842
-1

Published on

Facebook said no to HTML5 - but should you? This presentations cover the pros and cons of choosing to develop with HTML5. Find out if it is the right solutions for you.

Published in: Technology
0 Comments
1 Like
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total Views
1,842
On Slideshare
0
From Embeds
0
Number of Embeds
0
Actions
Shares
0
Downloads
103
Comments
0
Likes
1
Embeds 0
No embeds

No notes for slide
  • Conclusion - drive net new revenue with new services by delivering a greater user experience (via access to native OS APIs).
  • Sites like http://caniuse.com and http://html5test.com exist because of the massive fragmentation among HTML5 browsers. Also refer to html5rocks.comKony doesn’t use HTML5 as a shortcut to cross-platform support, instead:Kony generates HTML5 specific to each browser so your customers get the best out of their browser and aren’t affected by the limitations of other browsers.
  • ----- Meeting Notes (12/6/11 14:49) Aaron Kaufman -----Build 1: In order to leverage HTML5 in your organization is it an advanced assembly effort of multiple components. To highlight a few of them - today you will not find a comprehensive package of JavaScript APIs, multi-device preview, multi-device layout manager and especially assembled infrastructual components, such as a services broker, JSON Server and device optimization capabilities.Build 2: Oh, and by the way, by doing the above you only capture 37% of the global devices in your efforts. This is because there are only a few devices that have HTML5 capable browsers.Build 3: The KonyOne HTML5 Platform is a fully integrated development and deployment system. We have full HTML5 capabilities with all the expectations of the enterprise. Build 4: With the same code base in developing the HTML5 output, you also get mobile web, HTML5, in a device specific deployment determined by our device specific database rendering capabilities. This allows you to reach 98% of the devices in the market: All Smart Phones, feature phones, tablets, and traditional desktop web!
  • ----- Meeting Notes (12/6/11 14:49) Aaron Kaufman -----Build 1: In order to leverage HTML5 in your organization is it an advanced assembly effort of multiple components. To highlight a few of them - today you will not find a comprehensive package of JavaScript APIs, multi-device preview, multi-device layout manager and especially assembled infrastructual components, such as a services broker, JSON Server and device optimization capabilities.Build 2: Oh, and by the way, by doing the above you only capture 37% of the global devices in your efforts. This is because there are only a few devices that have HTML5 capable browsers.Build 3: The KonyOne HTML5 Platform is a fully integrated development and deployment system. We have full HTML5 capabilities with all the expectations of the enterprise. Build 4: With the same code base in developing the HTML5 output, you also get mobile web, HTML5, in a device specific deployment determined by our device specific database rendering capabilities. This allows you to reach 98% of the devices in the market: All Smart Phones, feature phones, tablets, and traditional desktop web!
  • Should you say no to HTML5?

    1. 1. Facebook says NO to HTML5 – Will you?Kony Mobile Retail 1
    2. 2. HTML5 – Overview  Based on Open Standards  Industry-Standard: cross-device, cross-platform, cross-browser strategy  Same HTML5 components can be used on any website or mobile web site  Leverages standards based tools for development & deployment  Key Components  HTML5, CSS 3.0, and JavaScript enhancements are changing the way web applications are built and interact with other systems.  “Develop Once Deploy Everywhere”  PC  Mobile  Home  Car Copyright © 2011 Kony Solutions, Inc. CONFIDENTIALCopyright © 2010 Kony Solutions, Inc. CONFIDENTIAL 2 2
    3. 3. HTML5 – The Hype & The Promise  Development Advantages  Avoid rare specialized skillsets  Ease of maintaining one code base  Future backwards compatibility  Business Advantages  No need for App Store, Play Store,....  Connect to far reaching users  New business application designed with mobile in mind Copyright © 2011 Kony Solutions, Inc. CONFIDENTIALCopyright © 2010 Kony Solutions, Inc. CONFIDENTIAL 3 3
    4. 4. HTML5 Capabilities  Canvas - broad support for fine-grained screen controls and animation  Graphics/Media - built-in support for a wide array of media types, including video  Offline Storage - the ability to store data locally, allowing offline capabilities  File/Hardware Access - Deeper integration with the Operating System Copyright © 2011 Kony Solutions, Inc. CONFIDENTIALCopyright © 2010 Kony Solutions, Inc. CONFIDENTIAL 4 4
    5. 5. Mobile WebCopyright © 2012 Kony Solutions, Inc. CONFIDENTIAL 5 5
    6. 6. Different Flavors of Mobile Web  Basic HTML  Application is all HTML, server side apps.  Hybrid App (Wrapper)  Hybrid apps run inside a native container, and leverage the device’s browser engine (but not the browser) to render the HTML and process the JavaScript locally.  Mixed Mode Application  Version of native application where some forms are rendered in the WebView while others are rendered using the native SDK.  SPA – Single Page Application  Native app experience in a browser. Copyright © 2011 Kony Solutions, Inc. CONFIDENTIALCopyright © 2010 Kony Solutions, Inc. CONFIDENTIAL 6 6
    7. 7. HybridCopyright © 2012 Kony Solutions, Inc. CONFIDENTIAL 7 7
    8. 8. So why you are participating today?“The biggest strategic mistake we made as a company was betting toomuch on HTML5 as opposed to native.” Mark Zuckerberg, facebook But is this true for you? Copyright © 2011 Kony Solutions, Inc. CONFIDENTIAL 8
    9. 9. HTML5 Technical Challenges & Advantages Challenges Advantages• Less stable than native • Leverage effective web search• Pulls in data much more slowly than technology for discoverability native • Native mobile developers are• Browser fragmentation getting more expensive• No app store discoverability • More capable than HTML4• May take longer to generate • Multimedia support revenue • Cost efficient• Scarcity of mobile web developers • Cross-platform• Less offline capabilities • Less maintenance• Poor gaming capabilities • Multivariate testing• Not as UX rich as native • Faster time-to-market• Less device access capabilities • Smaller device footprint • Can be wrapped in hybrid format Copyright © 2012 Kony Solutions, Inc. CONFIDENTIAL 9 9
    10. 10. Business Challenges with HTML5  Leverage existing resources  HTML Expertise  Leverage existing assets  Widgets, Components, and 3rd party libraries  Access to App Stores  How users find and download mobile application  Designing enterprise apps for all target channels  Includes mobile and desktop channelsCopyright © 2012 Kony Solutions, Inc. CONFIDENTIAL 10 10
    11. 11. Market Challenges with HTML5  Low Adoption Rates for HTML5  Development Cost  Immature Features The Biggest Concern! *Courtesy of Kendo UI, “HTML5 Adoption Fact or Fiction”Copyright © 2012 Kony Solutions, Inc. CONFIDENTIAL 11 11
    12. 12. Why are you considering HTML5?  What industry do you function in?  Is it driven by tech?  How much does content matter to your users?  Industry like publishing put content at a premium  How do your users access and consume content?  Mobile, Desktop, Other  How does mobile satisfy your business needs?  Revenue driven?  Does your business need to evolve as fast as technology?  Gaming vs PublishingCopyright © 2011 Kony Solutions, Inc. CONFIDENTIAL 12
    13. 13. Do your research  What do your users want? B2C or B2E or Both?  What devices are your users on?  What are your operational and maintenance cost requirements?  What UX experience do your users require?  Are you looking to be in the app store?  How much and how often will your users be accessing content offline?  Will you be supporting HTML5 browsers only or others too?  Do you wish to leverage 3rd party libraries like jQuery or Sencha? Or code straight HTML/CSS/JS?  Is vendor lock a concern?  Are you considering a wrapper deployment?Copyright © 2011 Kony Solutions, Inc. CONFIDENTIAL 13
    14. 14. HTML5 – May Be a Good Fit  Viable Solutions  Publishing, Magazines, and News Letters  Information/content-driven apps, forms-based apps, and mapping apps  Low Storage Requirement  Local storage limits for mobile web apps is 5M  Simple Graphics  Does not require a rich U/I or U/X  Large Amounts of Device Interaction is NOT Required  HTML5 has limited support for device API’sCopyright © 2011 Kony Solutions, Inc. CONFIDENTIAL 14 14
    15. 15. HTML5 App Development Options• Multiple Development Projects - Multiple projects, one mobile Web HTML5, one ( or more for each platform ) for native applications. • Leads to multiple versions of the code, increased effort to maintain functionality, support the application, and maintain against mobile chaos.• Hybrid Platform Approach - Leverages an HTML5 core placed inside a native wrapper. • Application can be deployed as mobile web or hybrid to access native functionality • Increased support and maintenance due to HTML5 to wrapper application efforts• KonyOne Platform Approach - The same application definition is used for both mobile and native applications while reducing development cost. Multiple Hybrid Platform KonyOne Platform Development Project Approach Approach Ease of Development / MaintainabilityCopyright © 2012 Kony Solutions, Inc. CONFIDENTIAL 15 15
    16. 16. Eliminating the HTML5 Challenge with Kony KonyOne Platform HTML5Browser Kony handles the variances to Developer codes the variances to supportFragmentation support HTML5 across “All” browsers HTML5 across browsersDevelopment Single platform for development and Additional code required to handleCost integration current variances and development required for server side componentsTesting Integrate test environment to test Apps must be tested on a range of applications on “ALL” target devices popular devices. Developers must standup test suite for each target devicePerformance Highly optimized code to maintain HTML5 may be designed to run on performance across varying various devices, but no reliable way to hardware specifications maintain performance across varying hardware specifications Copyright © 2012 Kony Solutions, Inc. CONFIDENTIAL 16 16
    17. 17. HTML5 Fragmentation Example • HTML5 is a great technology, but is a work in progress. • Kony handles the HTML5 variations, and creates optimized sites for specific browsers so you can use the best of every browser. • Others use HTML5 to try a cross-platform shortcut. • Of course, Kony also lets you build hybrid, and fully native apps too!Copyright © 2012 Kony Solutions, Inc. CONFIDENTIAL 17 17 17
    18. 18. KonyOne Platform & HTML5  Kony offers the world’s best tools for developing great, enterprise- grade applications for HTML5 and native technologies:  Graphical screen layout tools  HTML5 porting tools from native and mobile web apps  HTML5, mobile web, and native debugging tools  Graphical service integration configuration  Service simulation tools  Profiling tools  Dynamic skins and themes  Support for essentially any phone, tablet or browser Copyright © 2011 Kony Solutions, Inc. CONFIDENTIALCopyright © 2010 Kony Solutions, Inc. CONFIDENTIAL 18 18
    19. 19. Kony & HTML5 HTML5 Approach KonyOne HTML5Development KonyOne Studio KonyOne Server IDE Capabilities JS APIs CSS Design Cross Browser HTML5 Designer Form Script Native App Deploy & Flow Controller Designer Editor Install Test Harness Offline Data Sync Multi-Device HTML5 Preview Service Data Server Side Alert Services Definition Mapper Web Client Runtime Development Utilities Device Detection Image Handling Client Sequencing Wrappers Code Generator Data (Chunk) Handling Multi-Protocol Data Mapping & Service Connectors Optimization Server Sequencing Emulators Integration (WS, HTML, Data Connect) Publish / Deploy Security & Session ManagementInfrastructure JSON Server Reporting Kony Cross Channel API Device Features Channel Specific API Foreign Function Interface Data Chunking & Optimization Data Sync Server Core API & Utility Functions Kony Widgets Payments API Analytics & Reporting Services BrokerDeployment Deployment 37% Global Devices Covered 98% Global Devices CoveredSmart Phone – HTML5 Capable Browsers | Tablet Smart Phone (All) | Feature Phone | Tablet | Desktop Web Copyright © 2012 Kony Solutions, Inc. CONFIDENTIAL 19 19
    20. 20. Kony Studio Advantages in the Entire SDLC Business Analysis Most people consider only & Requirements coding and development Release & Architecture & when thinking about a Upgrades Design platform approach – not the entire SDLC. Support & Documentation Maintenance Promotion & Development & Deployment Integration Quality Assurance & TestingCopyright © 2012 Kony Solutions, Inc. CONFIDENTIAL 20 20
    21. 21. Debunking the Myths 1. HTML5 is all I need to go mobile. a. HTML5 is a fantastic technology that provides significant browsing improvements. However, it will not reduce the need for companies to provide native applications as a part of their mobile channel mix. 2. I only need one skillset to build HTML5 Applications. a. HTML5 development required HTML, CSS3 and JavaScript expertise. If creating Hybrid mobile apps without Kony, expertise with targeted device API’s is required. 3. Browsers will eventually standardize HTML5. a. Non–standard browsers implementations are caused by competitive forces, competition won’t go away. Browsers wars will produce continued fragmentation. 4. Cost of developing an mobile app with HTML5 is less. a. Many technologists hope HTML5 will be the silver bullet to tame the mobile chaos. Ironically, HTML5 simply adds another mobile channel organizations must support.Copyright © 2011 Kony Solutions, Inc. CONFIDENTIAL 21 21
    22. 22. Summary  Determine if HTML5 satisfies your business and user needs. It may be the right answer for your development efforts  Companies wanting to compete effectively in the mobile marketplace can’t rely on browser technology alone  With Kony, supporting new technologies like HTML5 becomes a business decision because we handle the mobile chaos for you.  There’s no need to gamble on the future of the mobile industryCopyright © 2011 Kony Solutions, Inc. CONFIDENTIAL 22 22
    23. 23. Questions?For more info:www.kony.com/resourcesTwitter: @kony
    24. 24. Appendix 24 24
    25. 25. What’s the connection to Mobile?  One can approximate a native app experience  Wrap HTML in a native code “wrapper”  KonyOne, for example, can provide  Enclosed HTML and Lua/Javascript  Including access to native device’s hardware through Kony’s platform-specific APIs Copyright © 2011 Kony Solutions, Inc. CONFIDENTIALCopyright © 2010 Kony Solutions, Inc. CONFIDENTIAL 25 25
    26. 26. What’s the connection to Mobile?  Wrapped-HTML5 approach allows enterprises to leverage power of the native mobile app package  But HTML5 does most of the heavy lifting  HTML5 widgets can be incorporated into a wrapped application  Yet, the application is sitting in an app store and is downloaded on the mobile device like any other app; to the consumer, it looks identical to any native app.  Same HTML5 components can be used on any website or portal site.  Industry-standard HTML5 -- cross-device, cross-platform, cross-browser strategy  Truly a "have your cake and eat it, too" strategy. Copyright © 2011 Kony Solutions, Inc. CONFIDENTIALCopyright © 2010 Kony Solutions, Inc. CONFIDENTIAL 26 26
    27. 27. Mobile Web - Overview  Smartphones cover 40% of all US mobile devices  Of this 40%, approximately half have browsers capable of some HTML5 features  1 in 5 are therefore able to view HTML5 content  For companies supporting both mobile web and native app channels, 50% of users come in via the mobile webCopyright © 2011 Kony Solutions, Inc. CONFIDENTIAL 27
    28. 28. At-A-Glance: HTML5 By 2014, in new websites targeted to mobile devices, the use of wrapped HTML will have at least 10 times the growth rate of Adobe Flash and Microsoft Silverlight. By 2014, 30 of the most popular 100 Web applications will work online or off Through 2020, attempts to displace browser JavaScript with proprietary client-side Web programming languages will fail.Copyright © 2011 Kony Solutions, Inc. CONFIDENTIAL 28 28
    29. 29. HTML5  Language for structuring & presenting content to the web  Core technology of the internet  5th revision of HTML standard  Main goals:  Improve the language to support multimedia  Keep it readable by web designers/developers  Keep it understood by browsers & parsersCopyright © 2011 Kony Solutions, Inc. CONFIDENTIAL 29 29
    30. 30. HTML5 & Kony HTML5 applications provide the power and usability benefits of native apps without having to download from the app store or install plug-ins HTML5, CSS 3.0, and JavaScript enhancements are changing the way web applications are built and interact with other systems Kony offers the world’s best tools for developing great, enterprise- grade applications for HTML5 and native technologies:  Graphical screen layout tools  HTML5 porting tools from native and mobile web apps  HTML5, mobile web, and native debugging tools  Graphical service integration configuration  Service simulation tools  Profiling tools  Dynamic skins and themes  Support for essentially any phone, tablet or browser With Kony, supporting new technologies like HTML5 becomes a business decision because we handle the mobile chaos for you. There’s no need to gamble on the future of the mobile industry. Copyright © 2011 Kony Solutions, Inc. CONFIDENTIAL 30
    31. 31. HTML5  Not one cohesive spec/language  Collection of dozens of specifications in various stages of maturity and vendor support  Final specification in 2022  Aggregation of significant enhancements to HTML, CSS and HTTP.  HTML5 + CSS3 + Javascript - Not going awayCopyright © 2011 Kony Solutions, Inc. CONFIDENTIAL 31 31
    32. 32. HTML5: Not A Silver Bullet BUT May Be Right For You Native is necessary to access innovative hardware until support is added into HTML5 and browsers begin implementing that support Non-standard browser implementations are caused by competitive forces – competition won’t go away, browsers will continue to fragment Companies wanting to compete effectively in the mobile marketplace can’t rely on browser technology alone Organizations must continue using native applications and other technologies in addition to browsers Many technologists hope HTML5 will be the silver bullet to tame the mobile chaos. Ironically, HTML5 simply adds another mobile channel organizations must support HTML5 is a fantastic technology that provides significant browsing improvements. However, it will not reduce the need for companies to provide native applications as a part of their mobile channel mix. Determine if HTML5 satisfies your business and user needs. It may be the right answer for you. But it is not the right or only answer for everyone. Copyright © 2011 Kony Solutions, Inc. CONFIDENTIAL 32
    33. 33. Kony & HTML5 HTML5 Approach KonyOne HTML5Development KonyOne Studio KonyOne Server IDE Capabilities JS APIs CSS Design Cross Browser HTML5 Designer Form Script Native App Deploy & Flow Controller Designer Editor Install Test Harness Offline Data Sync Multi-Device HTML5 Preview Service Data Server Side Alert Services Definition Mapper Web Client Runtime Development Utilities Device Detection Image Handling Client Sequencing Wrappers Code Generator Data (Chunk) Handling Multi-Protocol Data Mapping & Service Connectors Optimization Server Sequencing Emulators Integration (WS, HTML, Data Connect) Publish / Deploy Security & Session ManagementInfrastructure JSON Server Reporting Kony Cross Channel API Device Features Channel Specific API Foreign Function Interface Data Chunking & Optimization Data Sync Server Core API & Utility Functions Kony Widgets Payments API Analytics & Reporting Services BrokerDeployment Deployment 37% Global Devices Covered 98% Global Devices CoveredSmart Phone – HTML5 Capable Browsers | Tablet Smart Phone (All) | Feature Phone | Tablet | Desktop Web Copyright © 2012 Kony Solutions, Inc. CONFIDENTIAL 33 33
    1. A particular slide catching your eye?

      Clipping is a handy way to collect important slides you want to go back to later.

    ×