Porting Hybrid Apps to Native Apps

Jan 12, 2017

© 2016 Progress Software Corporation and/or its subsidiaries or affiliates. All rights reserved.2

About Me

Lohith | @kashyapa

Technical Evangelist – Progress India

Microsoft MVP

Lohith.Nagaraj@progress.com

http://about.me/kashyapa

© 2016 Progress Software Corporation and/or its subsidiaries or affiliates. All rights reserved.3

What is Hybrid Mobile Apps?

© 2016 Progress Software Corporation and/or its subsidiaries or affiliates. All rights reserved.4

Architecture

© 2016 Progress Software Corporation and/or its subsidiaries or affiliates. All rights reserved.5

Strengths

Single Set of Code Familiarity of Web Development Skills (HTML/JS/CSS) Low barrier of entry for Developers Minimal learning curve Development time is reduced

Short Falls Web View Performance Plugin Availability & Development

© 2016 Progress Software Corporation and/or its subsidiaries or affiliates. All rights reserved.6

© 2016 Progress Software Corporation and/or its subsidiaries or affiliates. All rights reserved.7

What is Native Mobile Apps?

© 2016 Progress Software Corporation and/or its subsidiaries or affiliates. All rights reserved.8

Applications that are coded in a specific programming language

Native Mobile Apps

Java

Objective C

SWIFT C#

© 2016 Progress Software Corporation and/or its subsidiaries or affiliates. All rights reserved.9

© 2016 Progress Software Corporation and/or its subsidiaries or affiliates. All rights reserved.10

Platform Affinity

Acce

ss to

dev

ice

capa

bilit

ies

Native Apps● Single platform affinity● Written with platform SDKs● Must be written for each platform● Access to all native APIs● Faster graphics performance● AppStore distribution

Hybrid Apps● Cross-platform affinity● Written with web technologies

○ HTML5, CSS, JS● Runs locally on the device, supports offline● Access to native APIs● AppStore Distribution

Web Mobile Apps● Cross-platform affinity● Written with web technologies

○ HTML5, CSS, JS or Server Side (PHP, ASP.NET)● Runs on web server, viewable on multiple devices● Centralized Updates

NativeScript Apps● Cross-platform affinity● Written with JS, *CSS and markup● Direct access to native APIs● Native rendering engine● AppStore distribution

© 2016 Progress Software Corporation and/or its subsidiaries or affiliates. All rights reserved.11

NativeScript

© 2016 Progress Software Corporation and/or its subsidiaries or affiliates. All rights reserved.12

{}

Native iOS / Andoid / Windows Phone*

Apps Built with JavaScript + CSS + XMLSingle Code Base *Coming

Soon

© 2016 Progress Software Corporation and/or its subsidiaries or affiliates. All rights reserved.13

Demo

ThanksLohith (@kashyapa)

Nagaraj@progress.com