HTML5: NextGen Web
Development
What is HTML?
HyperText Markup
Language(HTML) is the mainmarkup
languagefor creatingweb pagesand
other information that can be
displayed in aweb browser.
HTML is written in the form of
elements consisting oftagsenclosed
inangle brackets (like<html>), within
the web page content.
The purpose of a web browser is to
read the HTML documents and
compose them into visible or audible
web pages. The browser does not
display the HTML tags, but uses the
tags to interpret the content of the
page.
What is HTML5?
Enhances HTML with native
support for latest
multimedia and graphics
Leverages standards-based
tools
Consumes HTML4, XHTML
and DOM
Compatible with JavaScript
& CSS3
Contains JS APIs for
complex web applications
Compatibl
e
Runs on smartphones and
tablet browsers
Produces cross-channel web
apps
FEATURES
Canvas
Graphics/M
edia
Offline
Storage
File/Hardw
are Access
Screen controls and animation
Native media types
(Including audio/video)
Store data locally
OS Integration
HTML5 Flavors
Basic HTML
Application is all HTML,
server side apps
Hybrid (Wrapper)
Run inside a native
container, and leverage
the device browser
engine (but not the
browser) to render the
HTML and process the JS
locally
Mixed-Mode
Version of native
application where some
forms are rendered in the
web view while others
are rendered using the
native SDK
SPA Single Page
Application
Native app experience in
Road to HTML5
JavaScript
HTML
1991
CSS1
CSS2
1996
1998
Tableless
Web Design
2002
2009
1994
HTML2
1997
HTML4
2000
XHTML1
2005
AJAX
Growth of HTML5
The Hype & The Promise
Development Advantages
No specialized skillset
Single code base
Backwards compatibility
Easy to update / upgrade
Cross channel and OS
Faster time to market
Business Advantages
No commercial app stores
Connect and reach more users
Designed with mobile in mind
Cost effective
8
HTML5 Has Its Own Challenges
The biggest strategic mistake
we made as a company was
betting too much on HTML5 as
opposed to native.
Mark Zuckerberg
We have definitely shifted from HTML5 to native. The primary reason
for that is, were seeing that more and more people are spending more
time in the app, and the app is running out of memory. The second
reason weve gone native is trying to get some of the animations, that
smoothness, we felt like we needed native to really do that well.
Kiran Prasad, Senior Director for Mobile Engineering - Linkedin
Browser Fragmentation
All major browsers
dont equally support
HTML5 across all
platforms
Compatibility testing
must be done on all
potential target
browsers
Not a uniform
standard
Varies from browserto-browser and
browser version
Must continuously
optimize web app for
multiple devices,
browsers and
platforms.
HTML5 Development Approach
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 UI 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
Easy to update / upgrade
Can be wrapped in hybrid
Kony Development Platform
Next Generation HTML5
Develop web apps with
HTML5, JS and CSS3
Reuse UI/UX and
business logic with
HTML5/4 SPA method
Tools /
Frameworks
Outcomes
API
Integration
HTML 5/4
Hybrid
Device Specific
Mixed-Mode
Channel Specific
Kony mBaaS
Incorporate native device
capabilities into hybrid
apps
Same app definition used
for web and native
applications
Deliver device specific
browser-optimized
HTML5/4 markup
Import and reuse 3rdparty frameworks
Kony & HTML5
SPA utilized to separate UI/UX
from business logic
HTML5/4 browser variation
handling
Responsive and adaptive design
Native device capabilities,
including HTML5/4 with device
detection for 10,000 device
types
Audio and video elements to
support multimedia rendering
without plugins
Touch events and gestures
CSS3 for 2D & 3D
transformations, targeted media
queries, gradients, rounded
corners, shadows, and more
Input elements to support a
Eliminating HTML5 Challenge with Kony
Kony
Browser
Kony handles the variances to
Fragmenta support HTML5 across All
tion
browsers
Cost
Testing
HTML5
Developer codes the
variances to support HTML5
across browsers
Single platform for
development and integration
Additional code required to
handle current variances and
development required for
server side components
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
Highly optimized code to
maintain performance across
Performan
varying hardware
ce
specifications
HTML5 may be designed to
run on various devices, but
no reliable way to maintain
performance across varying
hardware specifications
Where HTML5 is a Good Fit
Viable Solutions
Content driven industries without large
user bases
Publishing, magazines, newsletters,
etc
Information/content-driven, forms-based
and mapping apps
Low Storage Requirement
Local storage limits for mobile web apps is
50 MB
Simple Graphics
Does not require highest quality UI/UX
Extensive Device Interaction IS NOT Required
HTML5 has limited support for device APIs
Debunking the Myths
?
?
?
?
HTML5 is all I
TH
need
MYto go
mobile.
I only need one
skillset toH build
MYT
HTML5
Applications.
Browsers will
eventually
YTH
M
standardize
HTML5.
Cost of
developing
an
TH
Y
mobileMapp with
HTML5 is less.
HTML5 is a fantastic technology that
provides significant browsing
improvements. However, it will not reduce
the need for companies to provide native
FACT applications as a part of their mobile
channel mix.
HTML5 development requires HTML, CSS3
and JavaScript expertise. If creating hybrid
mobile apps without Kony, expertise with
FACT targeted device APIs is required.
Nonstandard browsers implementations
are caused by competitive forces,
competition wont go away. Browsers wars
FACT will produce continued fragmentation.
Many technologists hope HTML5 will be the
silver bullet to tame the mobile chaos.
HTML5 simply adds another development
FACT outcome organizations must support.
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 cant rely on browser
technology alone.
With Kony, supporting new
technologies like HTML5 becomes a
business decision because we
handle the mobile chaos for you.
No need to gamble on the future of
