Upload
dipesh-mukerji
View
583
Download
5
Tags:
Embed Size (px)
DESCRIPTION
Discussion on the advantage and disadvantages of mobile web / HTML5
Citation preview
1
Kony Mobile Retail
Facebook Say NO To HTML5
Will You?
Copyright © 2010 Kony Solutions, Inc. CONFIDENTIAL 2Copyright © 2011 Kony Solutions, Inc. CONFIDENTIAL
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
2
HTML5 – Overview
Copyright © 2010 Kony Solutions, Inc. CONFIDENTIAL 3Copyright © 2011 Kony Solutions, Inc. CONFIDENTIAL
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
3
HTML5 – The Hype & The Promise
Copyright © 2010 Kony Solutions, Inc. CONFIDENTIAL 4Copyright © 2011 Kony Solutions, Inc. CONFIDENTIAL
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
4
HTML5 Capabilities
5Copyright © 2012 Kony Solutions, Inc. CONFIDENTIAL 5
Mobile Web
6Copyright © 2012 Kony Solutions, Inc. CONFIDENTIAL 6
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.
6
Different Flavors of Mobile Web
7Copyright © 2012 Kony Solutions, Inc. CONFIDENTIAL 7
Hybrid
8Copyright © 2011 Kony Solutions, Inc. CONFIDENTIAL
“The biggest strategic mistake we made as a company was betting too much on HTML5 as opposed to native.”
Mark Zuckerberg, facebook
So why you are participating today?
But is this true for you?
9Copyright © 2012 Kony Solutions, Inc. CONFIDENTIAL 9
HTML5 Technical Challenges & Advantages
Challenges
• Less stable than native• Pulls in data much more slowly than
native• Browser fragmentation• No app store discoverability• May take longer to generate
revenue• Scarcity of mobile web developers• Less offline capabilities• Poor gaming capabilities• Not as UX rich as native• Less device access capabilities
Advantages
• Leverage effective web search technology for discoverability
• Native mobile developers are getting more expensive
• More capable than HTML4• Multimedia support• Cost efficient• Cross-platform• Less maintenance• Multivariate testing• Faster time-to-market• Smaller device footprint• Can be wrapped in hybrid format
10Copyright © 2012 Kony Solutions, Inc. CONFIDENTIAL 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
11Copyright © 2012 Kony Solutions, Inc. CONFIDENTIAL 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”
12Copyright © 2011 Kony Solutions, Inc. CONFIDENTIAL
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
13Copyright © 2011 Kony Solutions, Inc. CONFIDENTIAL
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?
14Copyright © 2011 Kony Solutions, Inc. CONFIDENTIAL
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
14
HTML5 – May Be a Good Fit
15Copyright © 2012 Kony Solutions, Inc. CONFIDENTIAL 15
Ease of Development / Maintainability
Multiple Development Project
Hybrid Platform Approach
KonyOne Platform Approach
• 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.
HTML5 & Native App Development Options
16Copyright © 2012 Kony Solutions, Inc. CONFIDENTIAL 16
Eliminating the HTML5 Challenge with Kony
KonyOne Platform HTML5 Browser Fragmentation
Kony handles the variances to support HTML5 across “All” browsers
Developer codes the variances to support HTML5 across browsers
Development Cost
Single platform for development and integration
Additional code required to handle current variances and development required for server side components
Testing Integrate test environment to test applications on “ALL” target devices
Apps must be tested on a range of popular devices. Developers must standup test suite for each target device
Performance Highly optimized code to maintain performance across varying hardware specifications
HTML5 may be designed to run on various devices, but no reliable way to maintain performance across varying hardware specifications
17Copyright © 2012 Kony Solutions, Inc. CONFIDENTIAL 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!
18Copyright © 2011 Kony Solutions, Inc. CONFIDENTIAL
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
18
KonyOne Platform & HTML5
19Copyright © 2012 Kony Solutions, Inc. CONFIDENTIAL 19
HTML5 Approach
Deployment
Kony & HTML5
Development
Development Utilities
WrappersMulti-Protocol
Service ConnectorsEmulators
Client Sequencing
Server Sequencing
Data Mapping & Optimization
IDE Capabilities
JS APIs
Test Harness
CSS Design
Offline Data Sync
Cross Browser HTML5 Designer
Multi-Device HTML5 Preview
Infrastructure
JSON Server Reporting
Data Sync ServerData Chunking & Optimization
Analytics & Reporting Services Broker
Deployment
KonyOne HTML5
Kony Cross Channel APIChannel Specific APIDevice Features
Core API & Utility Functions Kony Widgets Payments API
Foreign Function Interface
Native App Deploy & Install
Flow Controller
Server Side Web Client Runtime Alert Services
Device DetectionImage Handling
Data (Chunk) Handling
Integration (WS, HTML, Data Connect)
Security & Session Management
KonyOne ServerForm
DesignerScriptEditor
ServiceDefinition
DataMapper
Code Generator
Publish / Deploy
KonyOne Studio
37% Global Devices CoveredSmart Phone – HTML5 Capable Browsers | Tablet
98% Global Devices CoveredSmart Phone (All) | Feature Phone | Tablet | Desktop Web
20Copyright © 2012 Kony Solutions, Inc. CONFIDENTIAL 20
Kony Studio Advantages in the Entire SDLC
Business Analysis & Requirements
Architecture & Design
Documentation
Development & Integration
Quality Assurance & Testing
Promotion & Deployment
Support & Maintenance
Release & Upgrades
Most people consider onlycoding and development when thinking about a platform approach – not the entire SDLC.
21Copyright © 2011 Kony Solutions, Inc. CONFIDENTIAL
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.
21
Debunking the Myths
22Copyright © 2011 Kony Solutions, Inc. CONFIDENTIAL
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
22
Summary
2323
Appendix
Copyright © 2010 Kony Solutions, Inc. CONFIDENTIAL 24Copyright © 2011 Kony Solutions, Inc. CONFIDENTIAL
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
24
What’s the connection to Mobile?
Copyright © 2010 Kony Solutions, Inc. CONFIDENTIAL 25Copyright © 2011 Kony Solutions, Inc. CONFIDENTIAL
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.
25
What’s the connection to Mobile?
26Copyright © 2011 Kony Solutions, Inc. CONFIDENTIAL
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
27Copyright © 2011 Kony Solutions, Inc. CONFIDENTIAL
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.
27
At-A-Glance: HTML5
28Copyright © 2011 Kony Solutions, Inc. CONFIDENTIAL
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
28
HTML5
29Copyright © 2011 Kony Solutions, Inc. CONFIDENTIAL
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.
30Copyright © 2011 Kony Solutions, Inc. CONFIDENTIAL
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
30
HTML5
31Copyright © 2011 Kony Solutions, Inc. CONFIDENTIAL
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.