Cross-Platform Native vs. Hybrid HTML Making the right choice for the enterprise

We will answer questions during our Q&A Send mail to webinar@xamarin.com

Xamarin: The Complete Mobile Lifecycle Solution

xamarin.com

Today’s presenters

Kevin FordMobile Practice Lead

Kevin Ford is the Mobile Practice Lead with Magenic leading development with native mobile technologies, Xamarin and Cordova.

Steven Yi Head of Product Marketing

Prior experience at Microsoft, Red Hat, and global system integrators in strategy, product management and architecture roles.

Agenda

1

Enterprise Mobile Considerations

2

Mobile Frameworks Overview

3

Head to Head Comparison: Cross Platform Native vs. Hybrid HTML

User Experience

Developer Tools & Productivity

Performance

Total Cost of Ownership

What are we exploring and comparing?

Enterprise Productivity Fast Time to Market POC or Version 1.0

Quantified Comparative Analysis Benchmarks vs. Anecdotal Experience

Fully Mobile Capable

TCO Long term & Opportunity Costs

Enterprise mobile considerations

Business Transformation

User Experienceand Productivity

Time to Market and Agility

TCO and Maintainability

What are the mobile platform stacks?

Platform Proprietary Objective-C / Swift Android Java Windows .NET

Cross-Platform Native

Hybrid HTML & JavaScript Frameworks

React

1st Gen

3rd Gen

2nd Gen

Native UX High performance

Multi-platform Unified codebase

Hardware & platform access

Native UX High performance

Multi-platform Unified codebase

*Hardware & platform access

Native UX High performance

Multi-platform *Unified codebase

Hardware & platform access

The Demo App: IncidentTrackr

The Demo App: IncidentTrackr •  Field Service productivity and

workflow app for maintenance operations

•  Used dozens of times a day

•  Utilizes camera, microphone, and audio

•  BYOD

•  6 week development time

•  Extend enterprise backend

The Demo App: IncidentTrackr

The Demo App: IncidentTrackr

Azure App Service (formerly Azure Mobile Services)

Azure Active Directory (Identity)

Storage

Azure SQL Database

Top-level takeaways

Cross-Platform Native fulfilled all app requirements. Hybrid HTML could not deliver on key piece of functionality without requiring custom Objective-C and Java.

THE APP WORKED

25% FASTER

Cross-Platform Native apps started faster than the Hybrid HTML versions

62% FASTER

Cross-Platform Native loaded large datasets faster than Hybrid HTML

-50% LESS

Cross-Platform Native used less memory than Hybrid HTML

-76% LESS

Cross-Platform Native used less CPU time than Hybrid HTML

22x FASTER

Xamarin performs CPU-intensive tasks faster than Hybrid HTML

User Experience

User Experience: Key Considerations

Native UX Total Hardware & Platform Access

UX Design Capability

Developer Tools and Productivity

Developer Productivity: Key Considerations

1

Volatility of HTML frameworks

2

API Access Extensibility

3

Stack Complexity

4

Strongly-Typed Development

5

Compilation Time

Hybrid HTML UI Frameworks

Performance

Performance: Runtime Metrics

4,810

1,940

3,840

1,550

Android  

iOS  Hybrid  Mobile  

Hybrid  Mobile  

App Start Time (ms)

Performance: Runtime Metrics

4,810

1,940

3,840

1,550

Android  

iOS  

 231    

 6,000    

 165    

 3,000    

Android  

iOS  Hybrid  Mobile  

Hybrid  Mobile  

Hybrid  Mobile  

Hybrid  Mobile  

App Start Time (ms) Memory Usage (mb)

Performance: Runtime Metrics

4,810

1,940

3,840

1,550

Android  

iOS  

 231    

 6,000    

 165    

 3,000    

Android  

iOS  

110

25 iOS  

Hybrid  Mobile  

Hybrid  Mobile  

Hybrid  Mobile  

Hybrid  Mobile  

Hybrid  Mobile  

App Start Time (ms) Memory Usage (mb)

Total CPU Time (seconds)

Performance: Runtime Metrics

4,810

1,940

3,840

1,550

Android  

iOS  

 231    

 6,000    

 165    

 3,000    

Android  

iOS  

110

25 iOS  

4,800

4,030

2,070

3,220

Android  

iOS  

Hybrid  Mobile  

Hybrid  Mobile  

Hybrid  Mobile  

Hybrid  Mobile  

Hybrid  Mobile  

Hybrid  Mobile  

Hybrid  Mobile  

App Start Time (ms) Memory Usage (mb)

Loading Large Datasets (ms) – 1,000 Records Total CPU Time (seconds)

Performance: Coding Metrics Code Reuse

Hybrid  HTML  

Xamarin  

Hybrid  Mobile   99%

*96% (with Xamarin.Forms)

42% using Xamarin.iOS and Xamarin.Android

Performance: Coding Metrics

Hybrid  Mobile  

Hybrid  Mobile  

Code Reuse Compile Time (sec) – Debug Build

Hybrid  HTML  

Xamarin  

25

18

32

34

Android  

iOS  

Hybrid  Mobile   99%

*96% (with Xamarin.Forms)

42% using Xamarin.iOS and Xamarin.Android

Performance: Coding Metrics

Hybrid  Mobile  

Hybrid  Mobile  

Code Reuse Compile Time (sec) – Debug Build

Hybrid  HTML  

Xamarin  

25

18

32

34

Android  

iOS  

5.29

11.30

11.49

35.50

Android  

iOS  

Hybrid  Mobile   99%

*96% (with Xamarin.Forms)

42% using Xamarin.iOS and Xamarin.Android

Hybrid  Mobile  

Hybrid  Mobile  

App Size (mb)

Total Cost of Ownership

TCO: Key Considerations

1

Upfront Cost vs. Maintenance & Operations

2

End-User Productivity App Adoption

3

Agility & Opportunity Costs

Conclusion

What To Use When?

Results & eBook available March 2016

Cross-Platform Native Public facing – a reflection of your brand Experience with C# or Java Utilizing newer and/or full hardware capabilities

What To Use When?

Results & eBook available March 2016

Cross-Platform Native Public facing – a reflection of your brand Experience with C# or Java Utilizing newer and/or full hardware capabilities

Hybrid HTML Lower UX expectations HTML-only skillset Primarily consumption experience vs. high interactivity

Orlando, FL April 24th–28th

Thank you!