HTML5 / Mobile Web

Facebook Say NO To HTML5

Will You?

Kony Mobile Retail

1

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

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

3

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

4

Mobile Web

Copyright © 2012 Kony Solutions, Inc. CONFIDENTIAL 5 5

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.

6

Hybrid


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?

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


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


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”


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

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?

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

14

HTML5 & Native 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

Eliminating the HTML5 Challenge with Kony

KonyOne Platform HTML5
Browser Kony handles the variances to Developer codes the variances to
Fragmentation support HTML5 across “All” browsers support 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 hardware various devices, but no reliable way
specifications to maintain performance across
varying hardware specifications


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!
17 17

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

18

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


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


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.

21

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

22

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

24

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.

25

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


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.

27

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

28

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.

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

30

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.

HTML5 / Mobile Web

More Related Content

What's hot

Viewers also liked

Similar to HTML5 / Mobile Web

More from Dipesh Mukerji

Recently uploaded

HTML5 / Mobile Web

Editor's Notes