Contenu connexe Similaire à Should you say no to HTML5? (20) Should you say no to HTML5?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. CONFIDENTIAL
Copyright © 2010 Kony Solutions, Inc. CONFIDENTIAL 2
2
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. CONFIDENTIAL
Copyright © 2010 Kony Solutions, Inc. CONFIDENTIAL 3
3
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. CONFIDENTIAL
Copyright © 2010 Kony Solutions, Inc. CONFIDENTIAL 4
4
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. CONFIDENTIAL
Copyright © 2010 Kony Solutions, Inc. CONFIDENTIAL 6
6
8. So why you are participating today?
“The biggest strategic mistake we made as a company was betting too
much on HTML5 as opposed to native.”
Mark Zuckerberg, facebook
But is this true for you?
Copyright © 2011 Kony Solutions, Inc. CONFIDENTIAL 8
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. 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 channels
Copyright © 2012 Kony Solutions, Inc. CONFIDENTIAL 10 10
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. 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 Publishing
Copyright © 2011 Kony Solutions, Inc. CONFIDENTIAL 12
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. 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’s
Copyright © 2011 Kony Solutions, Inc. CONFIDENTIAL 14
14
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 / Maintainability
Copyright © 2012 Kony Solutions, Inc. CONFIDENTIAL 15 15
16. Eliminating the HTML5 Challenge with Kony
KonyOne Platform HTML5
Browser Kony handles the variances to Developer codes the variances to support
Fragmentation support HTML5 across “All” browsers HTML5 across browsers
Development Single platform for development and Additional code required to handle
Cost integration current variances and development
required for server side components
Testing 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 device
Performance 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. 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. 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. CONFIDENTIAL
Copyright © 2010 Kony Solutions, Inc. CONFIDENTIAL 18
18
19. Kony & HTML5
HTML5 Approach KonyOne HTML5
Development 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 Management
Infrastructure
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 Broker
Deployment Deployment
37% Global Devices Covered 98% Global Devices Covered
Smart Phone – HTML5 Capable Browsers | Tablet Smart Phone (All) | Feature Phone | Tablet | Desktop Web
Copyright © 2012 Kony Solutions, Inc. CONFIDENTIAL 19 19
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
& Testing
Copyright © 2012 Kony Solutions, Inc. CONFIDENTIAL 20 20
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. 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 industry
Copyright © 2011 Kony Solutions, Inc. CONFIDENTIAL 22
22
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. CONFIDENTIAL
Copyright © 2010 Kony Solutions, Inc. CONFIDENTIAL 25
25
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. CONFIDENTIAL
Copyright © 2010 Kony Solutions, Inc. CONFIDENTIAL 26
26
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 web
Copyright © 2011 Kony Solutions, Inc. CONFIDENTIAL 27
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. 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 & parsers
Copyright © 2011 Kony Solutions, Inc. CONFIDENTIAL 29
29
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. 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 away
Copyright © 2011 Kony Solutions, Inc. CONFIDENTIAL 31
31
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. Kony & HTML5
HTML5 Approach KonyOne HTML5
Development
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 Management
Infrastructure
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 Broker
Deployment Deployment
37% Global Devices Covered 98% Global Devices Covered
Smart Phone – HTML5 Capable Browsers | Tablet Smart Phone (All) | Feature Phone | Tablet | Desktop Web
Copyright © 2012 Kony Solutions, Inc. CONFIDENTIAL 33 33
Notes de l'éditeur 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!