The Enterprise Dilemma: Native vs. Web

The Enterprise Dilemma:
Native vs Web
Suzanne Alexandra
Android Technology Evangelist

reach
me

@suzalex

@motodev

#na1vevsweb

Suzanne
Alexandra

2012

mobile
ubiquity

"We
now
live
and
always
will
live
in
a
mul:-‐device
world,
where

companies
and
consumers
choose
diﬀerent
smartphone
and

tablet
pla?orms
and
expect
to
get
apps
on
all
of
them."

-‐-‐
Forrester
Research

na:ve
android
mobile
middleware

four
tracks

hybrid

html5,
javascript

Hybrid

Experience Cost

Native Web

Performance Agility

Middleware

the
answer

it
depends

it's
both
business
and
technical

what
is
na1ve?

android
sdk

android
ndk
(c/c++)

renderscript

citrix
receiver

citrix
receiver

vmware
view

splashtop
remote
desktop

key
technology
beneﬁts

na1ve
experience
integrate
with
android
plaForm

beDer
access
to
device
features
more
discoverable
on
device

integrate
with
other
apps
run
smoother,
beDer,
faster

key
business
beneﬁts

low
barrier
to
entry
reuse
app
func1onality

distribute
through
markets
rich
ecosystem,
wealth
of
material

open
and
free
plaForm

the
android
plaForm
apps
run
here

android
security
001

each
app
runs
in
its
own
process

android
security
001

each
app
runs
in
its
own
process

each
app
can
access
only
its
own
data

android
market

 

easy
to
upload

 

easy
to
update

 

malware
checks

 

device
or
feature
ﬁltering

market
ﬁltering

<?xml version="1.0" encoding="utf-8"?>
<manifest ... >

<uses-sdk android:minSdkVersion="8"
android:targetSdkVersion="11" />
<uses-feature android:name="android.hardware.bluetooth" />
<uses-feature
android:name="android.hardware.camera.autofocus"
android:required="true"/>

</manifest>

the
plaForms

Native Android
Cross-platform No

User interface High

Performance High

Cost High

Updates Android Market

Languages Java, C, C++

box

npr

bit.ly

ﬁnd
parking
lots

mobile-‐op:mized

web
sites

the
spectrum

html5
web
apps

cross
plaForm

sketchpad

graceful
degrada:on

<canvas>

Your
browser
is
not
supported

</canvas>

feature
detec:on

!!document.createElement
('canvas').getContext

cross
browser

mul:ple
css
ﬁles

styles.css

mobile.css

android.css
<h1 { color:white; text-align:center; }

canvas

<canvas
id="canvas"
width="838"
height="220"></canvas>

geoloca1on

navigator.geoloca:on.getCurrentPosi:on

(
func:on
(
posi:on
)
{
…
}

);

video

<video
src="movie.webm"></video>

oﬄine
access
…
app
cache

CACHE MANIFEST
index.html
stylesheet.css
images/logo.png
scripts/main.js

<html
manifest="demo.manifest">

web
sockets

var connection =
new WebSocket('ws://html5rocks.websocket.org/echo');

web
workers

<script type="text/javascript">

var worker = new Worker('worker.js');

...

</script>

the
big
ques1on.

security

a
few
1ps

 

Make
sure
the
device
is
password
protected
and
encrypted.

 

Store
locally
only
a
small
subset
of
enterprise
data.

 

Consider
changing
the
schema
of
a
local
database.

 

Do
origin
checks
on
cross-‐document
messaging.

 

Remember
Google
Chrome.

on
chrome
beta

X-‐Frame-‐Op:ons

WebSockets

Sandboxing

Mul:process
architecture

browser
comparison

Android Browser Google Chrome
Feature Android 1.5+ Android 4.0+
Canvas
2.1+

Geolocation 2.0+

Video + Audio 2.3+

App cache 2.1+

Web storage 2.0+

Web sockets

Web workers

what
about
ui?

ﬁxed
posi:on
areas

+
scrolling
areas

touch

mul:touch

canvas
3d
with
accelera:on

Sensa
Touch
Charts

SproutCore

also:
jQuery
Mobile

viewpoints

look
like
a
na:ve

mobile
app

look
like
the
web

be
consistent

across
pla?orms

what's
motorola
doing?

"If
we
can
standardize
device
APIs
that
provide
developers

quote here …
access
to
the
whole
device,
eﬃciently
…
then
I
think
we

will
really
see
the
emergence
of
a
ubiquitous,
cross
device

web
pla?orm
and
an
ecosystem
based
on
open

standards."

Gilles
Drieu

VP,
Sohware
Engineering

Motorola
Mobility

the
plaForms

Native Android HTML5
Cross-platform No Yes

User interface High Medium to high

Performance High Medium

Cost High Low

Updates Android Market Your server

Languages Java, C, C++ HTML, CSS, JavaScript

why
hybrid?
Hybrid

Experience Cost

Native Web

Performance Agility

Middleware

geTng
started

MOTODEV
Studio

+

hybrid
sample

web
app
or
site
moto.ly/wrappersample

@Override
public void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
String url = "http://www.motorola.com";
Intent i = new Intent(Intent.ACTION_VIEW);
i.setData( Uri.parse(url) );
startActivity(i);
this.finish();
}

javascript
bridge

Na:ve
calls
HTML5

loadURL("javascript: addInteger("+integer+");");

HTML5
calls
na:ve

WebView.addJavascriptInterface(
new Gesture(), "gesture" );

the
plaForms

Native Android HTML5 Hybrid Wrapper
Cross-platform No Yes No

User interface High Medium to high Medium to high

Performance High Medium Medium

Cost High Low Low

Updates Android Market Your server Android Market

Languages Java, C, C++ HTML, Java, HTML, CSS,
CSS,JavaScript JavaScript

the
boDom
line.

if
…

Invested
in
na:ve
already

…

na:ve

Demand
top
performance

…

na:ve

App
is
very
complex
or
highly
interac:ve

…

na:ve

Targe:ng
mul:ple
pla?orms
and
have
web
exper:se

…

HTML5

Need
na:ve
only
for
part
of
a
cross-‐pla?orm
app

…

hybrid

Want
to
distribute
through
an
app
market

…

na:ve
or
hybrid

Questions?
@suzalex
@motodev

More info

MOTODEV for Enterprise
developer.motorola.com/enterprise

LEGAL
LICENSE NOTICES

Except where noted, sample source code written by Motorola Mobility Inc. and provided to you is licensed as described below.
Copyright © 2012, Motorola, Inc. All rights reserved except as otherwise explicitly indicated.
•  Redistribution and use in source and binary forms, with or without modification, are permitted provided that the following conditions are met:
•  Redistributions of source code must retain the above copyright notice, this list of conditions and the following disclaimer.
•  Redistributions in binary form must reproduce the above copyright notice, this list of conditions and the following disclaimer in the documentation and/or other
materials provided with the distribution.
•  Neither the name of the Motorola, Inc. nor the names of its contributors may be used to endorse or promote products derived from this software without specific
prior written permission.
•  THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS "AS IS" AND ANY EXPRESS OR IMPLIED WARRANTIES,
INCLUDING, BUT NOT LIMITED TO, THE IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS FOR A PARTICULAR PURPOSE ARE
DISCLAIMED. IN NO EVENT SHALL THE COPYRIGHT HOLDER OR CONTRIBUTORS BE LIABLE FOR ANY DIRECT, INDIRECT, INCIDENTAL, SPECIAL,
EXEMPLARY, OR CONSEQUENTIAL DAMAGES (INCLUDING, BUT NOT LIMITED TO, PROCUREMENT OF SUBSTITUTE GOODS OR SERVICES; LOSS OF
USE, DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED AND ON ANY THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT
LIABILITY, OR TORT (INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE OF THIS SOFTWARE, EVEN IF ADVISED OF
THE POSSIBILITY OF SUCH DAMAGE.

Other source code displayed in this presentation may be offered under other licenses.

Apache 2.0
Copyright © 2010, Android Open Source Project. All rights reserved unless otherwise explicitly indicated.
Licensed under the Apache License, Version 2.0 (the "License"); you may not use this file except in compliance with the License. You may obtain a copy of the
License at http://www.apache.org/licenses/LICENSE-2.0.
Unless required by applicable law or agreed to in writing, software distributed under the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR
CONDITIONS OF ANY KIND, either express or implied. See the License for the specific language governing permissions and limitations under the License.

Creative Commons 3.0 Attribution License
Portions of this presentation are reproduced from work created and shared by Google (http://code.google.com/policies.html) and used according to terms
described in the Creative Commons 3.0 Attribution License (http://creativecommons.org/licenses/by/3.0/).
MOTOROLA and the Stylized M Logo are trademarks or registered trademarks of Motorola Trademark Holdings, LLC.
All other trademarks are the property of their respective owners. © 2012 Motorola Mobility, Inc. All rights reserved.

The Enterprise Dilemma: Native vs. Web

Recommended

Recommended

More Related Content

What's hot

What's hot (19)

Similar to The Enterprise Dilemma: Native vs. Web

Similar to The Enterprise Dilemma: Native vs. Web (20)

More from Motorola Mobility - MOTODEV

More from Motorola Mobility - MOTODEV (20)

The Enterprise Dilemma: Native vs. Web