HTML5 Web Apps vs. Native Apps

33
The information and images contained in this document are of a proprietary and confidential nature. The disclosure, duplication, use in whole, or use in part, of the document for any purposes other than client evaluation without the written permission of Apperian, Inc. is strictly prohibited. © Apperian, Inc. 2011. All Rights Reserved. HTML5 Web Apps vs. Native Apps Cimarron Buser Jonathan Stark VP, Product Marketing VP, Application Architecture Apperian, Inc. Mobiquity, Inc. [email protected] [email protected]

description

One of the many challenges facing IT leaders today is determining which technology to choose for developing enterprise applications. Should they be native mobile apps, Web-based apps using HTML5, or create a hybrid app? And once you've done your development, how best to deploy, manage, and secure these apps? Jonathan Stark, Mobiquity's vice president of application architecture, the author of O'Reilly's Building iPhone Apps with HTML, CSS, and JavaScript, and Building Android Apps will provide insight developing enterprise apps: - Best Development Approaches: HTML5 Web Apps vs. Native apps - Minimizing barriers of device diversity - Minimizing barriers of platform variations Cimarron Buser, Apperian's VP of product marketing, will talk about deploying and managing enterprise apps: - Real examples of app deployment in businesses - Making the case for a great user experience - The application life-cyle - Keeping things current for your employees without a heavy hand

Transcript of HTML5 Web Apps vs. Native Apps

Page 1: HTML5 Web Apps vs. Native Apps

The information and images contained in this document are of a proprietary and confidential nature. !The disclosure, duplication, use in whole, or use in part, of the document for any purposes other than !client evaluation without the written permission of Apperian, Inc. is strictly prohibited.!

© Apperian, Inc. 2010. All Rights Reserved.!

The information and images contained in this document are of a proprietary and confidential nature. !The disclosure, duplication, use in whole, or use in part, of the document for any purposes other than !client evaluation without the written permission of Apperian, Inc. is strictly prohibited.!

© Apperian, Inc. 2011. All Rights Reserved.!

HTML5 Web Apps vs.!Native Apps"

Cimarron Buser ! ! ! ! ! !Jonathan Stark!VP, Product Marketing! ! ! ! ! !VP, Application Architecture!Apperian, Inc. ! ! ! ! ! ! !Mobiquity, Inc.!

[email protected] ! ! ! ! [email protected]!

Page 2: HTML5 Web Apps vs. Native Apps

Page!

Today’s Webinar

2!

Twitter: #ApperianMobiquityWeb

Direct Messages: “Chat Box” in Webinar Session

Q&A At the End of the Presentation

Page 3: HTML5 Web Apps vs. Native Apps

Page!

Best development approaches

HTML5 web apps vs. native apps

3!

Page 4: HTML5 Web Apps vs. Native Apps

Page!

Jonathan Stark

4!

Mobiquity Vice President, Application Architecture

Page 5: HTML5 Web Apps vs. Native Apps

Page! 5!

Mobiquity is a professional services firm working with the global 2000 to design, build and deploy enterprise-class mobile solutions.

!  Strategists map out how mobile technology can drive business innovation!

!  User experience designers create apps that engage the user and promote the brand

!  Development teams build integrated business solutions that drive success!

Clients uniquely benefit from the breadth !and depth of our cross-disciplinary teams!

About Mobiquity

Page 6: HTML5 Web Apps vs. Native Apps

Page!

Fragmentation

6!

Page 7: HTML5 Web Apps vs. Native Apps

Page!

Platform Fragmentation

7!

•  iOS!

•  Android (Froyo, Gingerbread, Honeycomb)!

•  BlackBerry!

•  Windows Phone 7!

•  webOS?!

Page 8: HTML5 Web Apps vs. Native Apps

Page!

Device Fragmentation

8!

•  130+ Android handsets!

•  100+ tablets announced!

•  Sizes range from postage stamp to wall!

•  Screen resolution has become an issue!

Page 9: HTML5 Web Apps vs. Native Apps

Page!

Et Tu, Apple?

9!

•  iPhone 2G!•  iPhone 3G!•  iPhone 3GS!•  iPhone 4!•  iPhone 4S!

•  iPod Touch 1st gen!•  iPod Touch 2nd gen!•  iPod Touch 3rd gen!•  iPod Touch 4th gen!•  iPad!•  iPad 2!

Page 10: HTML5 Web Apps vs. Native Apps

Page!

Et Tu, Apple?

10!

•  Camera or not?!•  Multitasking or not?!•  3G or not?!•  GPS or not?!•  Gyro or not?!

•  Screen size!•  Pixel density!•  Storage capacity!•  Memory limit!•  Processor speed!

Page 11: HTML5 Web Apps vs. Native Apps

Page!

Development Options

11!

•  Native apps!

•  Web apps!

•  Hybrid apps!

Page 12: HTML5 Web Apps vs. Native Apps

Page!

Native Apps

12!

•  Highest level of polish!

•  Difficult to keep xplat code in sync!

•  Expensive and difficult to hire talent!

•  Distributed through public app store or private app catalog!

Page 13: HTML5 Web Apps vs. Native Apps

Page!

Web Apps

13!

•  Reaches largest market!

•  Single codebase!

•  Distributed on the Web!

•  Can’t access device hardware!

Page 14: HTML5 Web Apps vs. Native Apps

Page!

Hybrid Apps

14!

•  Bundle Web resources in a native wrapper!

•  Access network resources with Ajax!

•  Progressive enhancement applies!

•  Distribute through public app store or private app catalog!

Page 15: HTML5 Web Apps vs. Native Apps

Page!

PhoneGap

15!

Page 16: HTML5 Web Apps vs. Native Apps

Page!

PhoneGap

16!

•  Open source!

•  Created by @Nitobi!

•  Native app wrapper!

•  Multiple platforms!

Page 17: HTML5 Web Apps vs. Native Apps

Page! 17!

Page 18: HTML5 Web Apps vs. Native Apps

Page!

build.phonegap.com

18!

Page 19: HTML5 Web Apps vs. Native Apps

Page!

If you can build your app with HTML, CSS, and JavaScript, then you probably should.

19!

Page 20: HTML5 Web Apps vs. Native Apps

Page!

Deploying and managing

enterprise apps

20!

Page 21: HTML5 Web Apps vs. Native Apps

Page!

Cimarron Buser

21!

Apperian Vice President, Product Marketing

Page 22: HTML5 Web Apps vs. Native Apps

Page!

About Apperian

Privately held, backed by top-tier venture firms

Company to Watch

Experienced Executive Team Rapidly Expanding Customer Base

Award winning product

2011 Product Finalist

22!

Page 23: HTML5 Web Apps vs. Native Apps

Page!

Deploying and Managing Enterprise Apps

23!Page!

! Deciding what goes mobile

! The business to employee challenge

! Case Studies for Sales & Marketing

Page 24: HTML5 Web Apps vs. Native Apps

Page!

Deciding what goes mobile

24!

Page 25: HTML5 Web Apps vs. Native Apps

Page!

Sales Growth Service Delivery Productivity

What Enterprise B2E Apps are being built Today?

Combination of “Horizontal” and “Vertical” Apps

25!

Page 26: HTML5 Web Apps vs. Native Apps

Page!

Configurators!Sales Wizards!

Product Demos!Pricing Tools!

Order Placement!CRM!

Sales Call Management!Sales Growth

What Enterprise B2E Apps are being built Today?

26!

Page 27: HTML5 Web Apps vs. Native Apps

Page!

Corporate Directory!Process Digitization!

Measurement & Reporting!Engineering & Testing Tools!

Training Delivery!Knowledge Management!

Productivity

What Enterprise B2E Apps are being built Today?

27!

Page 28: HTML5 Web Apps vs. Native Apps

Page!

Business to Business Apps!Service at the Point of Contact!

API/SDKs/Web Services!Self Service CRM!

Service Delivery

What Enterprise B2E Apps are being built Today?

28!

Page 29: HTML5 Web Apps vs. Native Apps

Page!

The business-to-employee challenge

29!

Page 30: HTML5 Web Apps vs. Native Apps

Page!

The Business to Employee Challenge

30!

•  Consumerization of IT

•  Single personal/work device

•  Increased mobility

Why can’t you make business apps like this?

Users IT

•  Need a solution now!

•  Security is still #1

•  Mobilize workforce with minimum support cost

•  Need ability to create “secure apps” and get reporting

How do I deploy and

manage Apps?

Dev

•  Need starter apps

•  Little “Apple” or “Android” experience

•  Mobile SDKs not built for enterprise

Where do I start?

Page 31: HTML5 Web Apps vs. Native Apps

Page!

Public “Stores” vs Private “App Catalogs”

31!

!  Consumer app focus

!  Apps and updates are “optional”

!  iTunes or Gmail account based

iTunes App Store or Google Market

vs. “App Catalog” approach !  Enterprise “in-house” app focus

!  Apps and updates “mandatory”

!  Corporate directory authenticated

31!Page! 31!

Page 32: HTML5 Web Apps vs. Native Apps

Page!

Mobile Application Management Approach

32!

!  Beta testing

!  Version rollouts

!  Feedback to developers from users

!  “Enterprise” extensions required

Create

Developers

!  Configuration

!  App provisioning & decommissioning

!  User management

!  Help desk integration

Deploy

IT Staff

!  Management dashboards

!  App Catalog for users

!  Reporting & Tracking

!  Application ratings

Manage

IT & Business Staff

Application Lifecycle

Page 33: HTML5 Web Apps vs. Native Apps

Page!

Thank you!

36!