Exploring the business case for building hybrid HTML5 mobile applications for enterprise mobility projects compared to implementing with a purely native development approach.

THE BUSINESS CASE

FOR HYBRID HTML5

MOBILE APPS

An Appear Whitepaper

BU

SIN

ESS

CA

SE H

YBR

ID H

TMP

L5 W

HIT

E PA

PER

1

Introduction

While the debate about Hybrid versus Native app development for enterprise applications is

traditionally centered around the performance of hybrid apps versus native apps, Appear

have identified that this debate is more commonly rooted in individual developer preferences.

We believe it is important that organizations identify the technology stack that can enable

developers to be productive in the short-term while still supporting their long term

organizational strategies.

We are confident that hybrid apps offer unlimited possibilities for organisations to create

best-of-breed user experiences. Existing partner apps built using Appear IQ are a great

example and can testify to this. However, some developers have a preference for native

technologies. As such, we take a pragmatic view of this and intend, as part of our road map in

2015, to support this preference and provide native developers with a secure and efficient

communication stack that would help deliver true enterprise ready solutions. This will also

allow organizations to combine native and hybrid apps within a single environment.

This paper explores 7 factors affecting the business case for developing hybrid apps –

addressing performance, management, lifecycle, time to market, user experience, OS

portability and human resources.

BU

SIN

ESS

CA

SE H

YBR

ID H

TMP

L5 W

HIT

E P

AP

ER

2

Hybrid Apps Business Case Factor #1: Performance of Hybrid vs native apps

Native apps have a slightly quicker response time than Hybrid apps. This is a fact. Depending

on the app use case, the differences in response time can be undetectable to the user. As an

interpreted language, JavaScript (the technology behind hybrid apps) is slower than compiled

languages like objective-c (used for development of Apple native apps). This performance

metric (speed) is at the cost of one of the key benefits of the hybrid approach: app

portability. Unlike machine-specific code, JavaScript is meant to be compatible with many

different platforms. This overarching ambition requires the JavaScript engines to break down

and parse the JavaScript code into instructions that can then be executed by the underlying

platform. These are additional steps, hence additional computation, etc.

In recent years, JavaScript engines like WebKit (Android and iOS) and Chakra (Windows

Phone) have significantly improved speed through optimizations like JIT compilation. Each

new OS release significantly improves web performance (ie. HTML5 support, DOM querying,

DOM modification, JavaScript execution, CSS execution, etc.). See Sencha’s recent post on

iOS8 improved performance.

In addition, speed has been greatly improved via the continuous improvements in processor

performance. For instance, the A8 CPU and GPU used in the iPhone 6 are respectively 25%

and 50% faster than the A7 ones in the iPhone 5. This enables huge performance gains for

mobile users. These software and hardware developments are continuously narrowing the

gap between JavaScript and native speeds.

However, the key question is not whether native code is faster than JavaScript code, but

whether users will notice the difference. The performance hit usually comes from access to

the local database, manipulation of images, etc. Appear IQ includes a Native bridge that

optimizes access to local data stored on the device.

At Appear, we recommend using the right tool for the right job. For true real-time use cases

(i.e. gaming, financial transactions, etc.), we would recommend using native technologies. To

enable this Appear will offer native code support in 2015. For near real-time use cases,

JavaScript has long proven to be a solid alternative. Gartner, the IT analyst, echoes that

statement when it anticipates 90% of enterprise apps will be hybrid or web in 2015. Evernote,

CatchApp and Appear’s own reference app Site Diary are perfect examples of high performing

hybrid apps. And the Financial Times provides a perfect example of a pure mobile website

showing what HTML5 can offer.

BU

SIN

ESS

CA

SE H

YBR

ID H

TMP

L5 W

HIT

E PA

PER

3

Hybrid Apps Business Case Factor #2: Optimized communications improves performance

Beyond the language’s execution performance, an app’s performance can be impacted by

data access. Access to data, coming from IT backend systems, is dependent on the speed and

availability of network access. In some application scenarios such as construction, access to a

reliable network connection is not possible.

FIGURE 1 IN SCENARIOS SUCH AS CONSTRUCTION A RELIABLE NETWORK CONNECTION IS NOT POSSIBLE.

The Appear IQ platform offers HTML5 apps via the Appear container an optimized

communication stack that abstracts the network connectivity challenges. It ensures that the

right data is securely available on the device whenever apps need it. It also guarantees that

data created by apps can be queued on the device until it can be synchronized to IT backend

systems. Furthermore, Appear IQ leverages push notification services provided by OS vendors

like Apple and Google to efficiently trigger data synchronizations whenever required.

BU

SIN

ESS

CA

SE H

YBR

ID H

TMP

L5 W

HIT

E P

AP

ER

4

Hybrid Apps Business Case Factor #3: Control of the application lifecycle

Hybrid apps put the developer much more in control of when and how their new app updates

are released to end users by avoiding as far as possible reliance on public app stores for the

approval and release of updates.

The hybrid approach with the Appear IQ platform combines a native layer (i.e. container) and

portable HTML5 web apps. Appear typically releases a new container for developers to adapt

a couple of times a year. This is to (for example) take advantage of new capabilities provded

by Apple or Google. Web apps may be updated on monthly basis with new features and bug

fixes.

Sometimes Apple’s review and approval process can take over a month – and if this is an

important new feature that you are waiting to get into the hands of end users for feedback

for further improvements you can see the iterative development process could take years –

clearly not acceptable in today’s terms. Luckily enough, in 98% of the cases with a hybrid

approach only the mobile web apps need to be updated, and as such we bypass App Store

approval processes and enable our development partners to remain in full control over their

applications.

FIGURE 2 APPLICATION LIFECYCLE AND STAKEHOLDERS – HYBRID HELPS MINIMISE IMPACT OF UPDATES THAT

REQUIRE USER OR APPSTORE APPROVALS

BU

SIN

ESS

CA

SE H

YBR

ID H

TMP

L5 W

HIT

E PA

PER

5

Hybrid Apps Business Case Factor #4: Cost & time to market – shorter development times

Mobile web development is a faster process than native iOS development: it is a higher level

language, it does not require compilation i.e. a page reload suffices, code can be changed on

the fly, in-browser testing is faster than the iOS simulator, etc. Our benchmark indicates that –

assuming similar developer skills – the web development process can be 20% faster than

native iOS development.

If developing one web-app is faster than developing one iOS app, the cost saving becomes

tremendous when comparing with the development of multiple native apps.

In addition, Appear IQ includes a set of ready-made security and communication features

which further shorten the development of hybrid apps. Depending on the complexity of the

use cases, our benchmark indicates that developers can save up to 50-70% of time when

leveraging our authentication and communication capabilities.

FIGURE 3 APPEAR IQ READY MADE CONTAINER TEMPLATES HELP FURTHER SHORTEN DEVELOPMENT LEAD

TIMES

BU

SIN

ESS

CA

SE H

YBR

ID H

TMP

L5 W

HIT

E P

AP

ER

6

Hybrid Apps Business Case Factor #5: Cost & performance – a high-quality user experience

Apple imposes a way of developing the mobile user experience, and provides a set of UI

controls to power them. While these can be extremely powerful, you may identify a user

experience that would be even better – but unfortunately that is incompatible with “Apple’s

way”. This is what happened when developing the Site Diary application for the construction

industry – the timeline feature provides an extremely powerful and intuitive tool for the user,

but could not be easily developed using standard iOS controls.

In these cases, with a native approach you may need to develop custom controls or invest in

3rd party ones. Developing custom controls is highly time consuming, and this cost drives up

when multiple platforms are involved.

On the other hand, web technologies give you greater flexibility to design and implement your

custom user experience – and truly offer the best possible user experience to your customers.

BU

SIN

ESS

CA

SE H

YBR

ID H

TMP

L5 W

HIT

E PA

PER

7

Hybrid Apps Business Case Factor #6: Cost – supporting multiple OS versions

Major releases of operating systems can change APIs, behaviors which developers have to

account for. Unless updated, the apps may no longer work, or display correctly – significantly

impairing the end user experience. Web technologies (incl JavaScript) on the other hand have

been designed to be backwards compatible. For instance, WebKit still supports ECMAScript 3

enabling users to browse a 15 year old website with the latest iPhone 6. The same is not

always true for a 3 year old native app.

In addition, with its data access layer, Appear IQ further abstracts and avoids the complexities

associated with possible API changes introduced by the OS vendors.

BU

SIN

ESS

CA

SE H

YBR

ID H

TMP

L5 W

HIT

E P

AP

ER

8

Hybrid Apps Business Case Factor #7: Cost – Human resources and re-use of skills

Web technologies are used in both the mobile and backend components of the Appear IQ

platform. Even though the mobile world imposes specific requirements in terms of user

experience and performance management, the language is the same when developing back-

office applications. On the other hand, in developing native apps objective-c is only valid on

iOS and OSX environments. This requires more developers or enhanced skills in the team to

cover the multiple technologies required. With Appear IQ when creating a new development

team, it may be more effective and cost-efficient to invest in web technologies combined with

another backend language such as i.e. Java, .NET, etc.

BU

SIN

ESS

CA

SE H

YBR

ID H

TMP

L5 W

HIT

E PA

PER

9

About Appear and Appear IQ

Appear IQ is the Professional Mobility Platform for Independent Software Vendors

(ISVs). It allows developers to create enterprise-grade HTML5 mobile apps, integrate

them with your software, and distribute them to your customers’ users, quickly and at a

minimum cost. To find out more check out www.appeariq.com or contact us for a

discussion about your own business case for mobilizing your software assets.

©2014

Appear Networks Systems AB, Kista Science Tower, 164 51 Kista, Sweden

Phone: +46(0)854591370

Web: www.appearnetworks.com

Contact: info@appearnetworks.com