Should you say no to HTML5?

1

Kony Mobile Retail

Facebook says 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


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


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


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


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?


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


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?


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


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 App Development Options


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!


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


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 Server

Form Designer

ScriptEditor

ServiceDefinition

DataMapper

Code Generator

Publish / Deploy

KonyOne Studio

37% Global Devices Covered

Smart Phone – HTML5 Capable Browsers | Tablet

98% Global Devices CoveredSmart Phone (All) | Feature Phone | Tablet | Desktop Web


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.


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


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

Questions?

For more info:www.kony.com/resourcesTwitter: @kony

http://www.kony.com/resources

2424

Appendix


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

25

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.

26

What’s the connection to Mobile?


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


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.

28

At-A-Glance: 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

29

HTML5


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.


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

31

HTML5


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

Technology

Should you say no to HTML5?