SlideShare a Scribd company logo
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
Accesstodevicecapabilities 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 + XML
Single Code Base
*Coming Soon
© 2016 Progress Software Corporation and/or its subsidiaries or affiliates. All rights reserved.13
Demo
Thanks
Lohith (@kashyapa)
Nagaraj@progress.com
Porting Hybrid Apps to Native Apps

More Related Content

PPTX
Phonegap vs Sencha Touch vs Titanium
PPTX
Rhodes vs Phonegap
PPTX
Native vs Hybrid Apps
PDF
What are APIs?
PDF
What To Choose Between - Native App And Hybrid Mobile App
PPTX
Rhomobile
PDF
Native vs. Hybrid Apps
PDF
IOS vs Android Apps
Phonegap vs Sencha Touch vs Titanium
Rhodes vs Phonegap
Native vs Hybrid Apps
What are APIs?
What To Choose Between - Native App And Hybrid Mobile App
Rhomobile
Native vs. Hybrid Apps
IOS vs Android Apps

What's hot (20)

PPTX
Introduction to building multi platform mobile applications with javascript u...
PPTX
Flutter 2.2 version | skywave info solutions
PPTX
Developing cross platforms mobile applications using the Apache Cordova
PPTX
Hybrid vs Native Mobile App. Decide in 5 minutes!
PDF
Native vs Hybrid - Demystifying the Technology Dilemma
PDF
The Great Mobile Debate: Native vs. Hybrid App Development
DOCX
Here are the Most Useful Tools for Mobile App Development
PDF
Hybrid mobile apps
PPTX
Hybrid Mobile App
DOCX
What are the best 9 open source app development software solutions?
PDF
Flutter vs React Native
PDF
App development software
PDF
Native vs. Hybrid Applications
PDF
Web App VS. Hybrid App VS. Native App?
PPTX
Flutter frame work
PPTX
An introduction to Apache Cordova
PDF
Top Cross-Platform App Development Frameworks for 2020
PDF
6 Reasons Why You Should Create React Native Apps For Your Enterprise in 2021
PPTX
Flutter single codebase to build your dream application for i os and android
PPTX
What and Why Flutter? What is a Widget in Flutter?
Introduction to building multi platform mobile applications with javascript u...
Flutter 2.2 version | skywave info solutions
Developing cross platforms mobile applications using the Apache Cordova
Hybrid vs Native Mobile App. Decide in 5 minutes!
Native vs Hybrid - Demystifying the Technology Dilemma
The Great Mobile Debate: Native vs. Hybrid App Development
Here are the Most Useful Tools for Mobile App Development
Hybrid mobile apps
Hybrid Mobile App
What are the best 9 open source app development software solutions?
Flutter vs React Native
App development software
Native vs. Hybrid Applications
Web App VS. Hybrid App VS. Native App?
Flutter frame work
An introduction to Apache Cordova
Top Cross-Platform App Development Frameworks for 2020
6 Reasons Why You Should Create React Native Apps For Your Enterprise in 2021
Flutter single codebase to build your dream application for i os and android
What and Why Flutter? What is a Widget in Flutter?
Ad

Viewers also liked (11)

PPTX
Thai Oral: Tourism
PPTX
Native Script by Sebastian Witalec
PPTX
NativeScript + Push Notifications
PPTX
ng-conf NativeScript and Angular 2 Workshop
PDF
Angular2 & Native Script GDG DevFest 2016
PPTX
Introduction to NativeScript - BuildTruly Native Apps using JavaScript
PDF
TypeScript - Angular 2 - ionic 2
PDF
Getting Started with Angular 2
PDF
UX Design at the Speed of Thought
PPTX
Nativescript with angular 2
PDF
Introduction à Angular 2
Thai Oral: Tourism
Native Script by Sebastian Witalec
NativeScript + Push Notifications
ng-conf NativeScript and Angular 2 Workshop
Angular2 & Native Script GDG DevFest 2016
Introduction to NativeScript - BuildTruly Native Apps using JavaScript
TypeScript - Angular 2 - ionic 2
Getting Started with Angular 2
UX Design at the Speed of Thought
Nativescript with angular 2
Introduction à Angular 2
Ad

Similar to Porting Hybrid Apps to Native Apps (20)

PDF
Native, hybrid, or pw as – choose the best for your business
PPTX
PPTX
Deal with the dilemma of hybrid and native
PPTX
Native, Hybrid, or Cross-platform Development? What Type of Mobile App is Bes...
PPTX
Hybrid Mobile App Development With Cordova
PDF
Do You Want to Achieve Mobile App Mastery? A Step-by-Step Guidebook
PDF
Do You Want to Achieve Mobile App Mastery: A Step-by-Step Guidebook
PDF
Secrets of apps in digital marketing
PDF
A Guide to Mobile App Development - Web vs Native vs Hybrid.pdf
PPT
Cross platform mobile application development
PDF
Dealing with-the-dilemma-mob-app-dev-approaches
PDF
Beyond Native Vs. Hybrid - Which one is the best?
PPTX
Mobile next 2013 petru jucovschi
PPTX
Which Mobile App Development Process Is Right for You: Native, Hybrid, or Cro...
PDF
Mobile App Development in Four Different Ways.pdf
PPTX
WHAT IS A WEB APP WHAT IS A WEB APP WHAT IS A WEB APP
PPTX
Introduction to Hybrid Application Development
DOCX
Everything you need to know about native application development
PDF
Hybrid mobile development vs. Native using ionic
PPT
Cross Platform Mobile App Development
Native, hybrid, or pw as – choose the best for your business
Deal with the dilemma of hybrid and native
Native, Hybrid, or Cross-platform Development? What Type of Mobile App is Bes...
Hybrid Mobile App Development With Cordova
Do You Want to Achieve Mobile App Mastery? A Step-by-Step Guidebook
Do You Want to Achieve Mobile App Mastery: A Step-by-Step Guidebook
Secrets of apps in digital marketing
A Guide to Mobile App Development - Web vs Native vs Hybrid.pdf
Cross platform mobile application development
Dealing with-the-dilemma-mob-app-dev-approaches
Beyond Native Vs. Hybrid - Which one is the best?
Mobile next 2013 petru jucovschi
Which Mobile App Development Process Is Right for You: Native, Hybrid, or Cro...
Mobile App Development in Four Different Ways.pdf
WHAT IS A WEB APP WHAT IS A WEB APP WHAT IS A WEB APP
Introduction to Hybrid Application Development
Everything you need to know about native application development
Hybrid mobile development vs. Native using ionic
Cross Platform Mobile App Development

More from Lohith Goudagere Nagaraj (20)

PPTX
Building Web Apps & APIs With Node JS
PPTX
Even Quicker Development with Xamarin Forms Using Telerik UI for Xamarin
PPTX
You Know Angular 2, You Know Native Mobile App Development
PPTX
Connecting your .Net Applications to NoSQL Databases - MongoDB & Cassandra
PPTX
Angular JS 2.0 & React with Kendo UI
PPTX
Kendo UI Wrappers in ASP.NET Core
PPTX
Seamless Access to Data from BI Tools using DataDirect Cloud
PPTX
The Bleeding Edge - Whats New in Angular 2
PPTX
Introduction to UWP - Universal Windows Platform Application Development
PPTX
Cross Platform Web Applications Using ASP.NET Core 1.0
PPTX
Build Leaner, Faster Web Applications with ASP.NET
PPTX
JavaScript Task Runners - Gulp & Grunt
PPTX
Visual Studio 2015 - Whats New ?
PPTX
Introduction to React JS
PPTX
Online Spreadsheet for your Web Applications using Kendo UI
PPTX
10 Useful New Features of ECMA Script 6
PDF
New Enterprisre Capabilities in Telerik Platform
PPTX
Creating Custom HTML Helpers in ASP.NET MVC
PPTX
Building and Delivering Reports from your Web and Mobile Apps with Telerik Re...
PPTX
Preparing Big Data for Analysis with Easyl
Building Web Apps & APIs With Node JS
Even Quicker Development with Xamarin Forms Using Telerik UI for Xamarin
You Know Angular 2, You Know Native Mobile App Development
Connecting your .Net Applications to NoSQL Databases - MongoDB & Cassandra
Angular JS 2.0 & React with Kendo UI
Kendo UI Wrappers in ASP.NET Core
Seamless Access to Data from BI Tools using DataDirect Cloud
The Bleeding Edge - Whats New in Angular 2
Introduction to UWP - Universal Windows Platform Application Development
Cross Platform Web Applications Using ASP.NET Core 1.0
Build Leaner, Faster Web Applications with ASP.NET
JavaScript Task Runners - Gulp & Grunt
Visual Studio 2015 - Whats New ?
Introduction to React JS
Online Spreadsheet for your Web Applications using Kendo UI
10 Useful New Features of ECMA Script 6
New Enterprisre Capabilities in Telerik Platform
Creating Custom HTML Helpers in ASP.NET MVC
Building and Delivering Reports from your Web and Mobile Apps with Telerik Re...
Preparing Big Data for Analysis with Easyl

Recently uploaded (20)

PPTX
MYSQL Presentation for SQL database connectivity
PDF
Empathic Computing: Creating Shared Understanding
PDF
Chapter 3 Spatial Domain Image Processing.pdf
PDF
Review of recent advances in non-invasive hemoglobin estimation
PDF
Bridging biosciences and deep learning for revolutionary discoveries: a compr...
PDF
Network Security Unit 5.pdf for BCA BBA.
PDF
cuic standard and advanced reporting.pdf
PDF
Per capita expenditure prediction using model stacking based on satellite ima...
PDF
CIFDAQ's Market Insight: SEC Turns Pro Crypto
PDF
Approach and Philosophy of On baking technology
PDF
Agricultural_Statistics_at_a_Glance_2022_0.pdf
PDF
NewMind AI Weekly Chronicles - August'25 Week I
PPTX
Cloud computing and distributed systems.
PDF
The Rise and Fall of 3GPP – Time for a Sabbatical?
PPTX
Big Data Technologies - Introduction.pptx
PPTX
Digital-Transformation-Roadmap-for-Companies.pptx
PDF
Blue Purple Modern Animated Computer Science Presentation.pdf.pdf
PPTX
VMware vSphere Foundation How to Sell Presentation-Ver1.4-2-14-2024.pptx
PDF
Electronic commerce courselecture one. Pdf
PDF
Dropbox Q2 2025 Financial Results & Investor Presentation
MYSQL Presentation for SQL database connectivity
Empathic Computing: Creating Shared Understanding
Chapter 3 Spatial Domain Image Processing.pdf
Review of recent advances in non-invasive hemoglobin estimation
Bridging biosciences and deep learning for revolutionary discoveries: a compr...
Network Security Unit 5.pdf for BCA BBA.
cuic standard and advanced reporting.pdf
Per capita expenditure prediction using model stacking based on satellite ima...
CIFDAQ's Market Insight: SEC Turns Pro Crypto
Approach and Philosophy of On baking technology
Agricultural_Statistics_at_a_Glance_2022_0.pdf
NewMind AI Weekly Chronicles - August'25 Week I
Cloud computing and distributed systems.
The Rise and Fall of 3GPP – Time for a Sabbatical?
Big Data Technologies - Introduction.pptx
Digital-Transformation-Roadmap-for-Companies.pptx
Blue Purple Modern Animated Computer Science Presentation.pdf.pdf
VMware vSphere Foundation How to Sell Presentation-Ver1.4-2-14-2024.pptx
Electronic commerce courselecture one. Pdf
Dropbox Q2 2025 Financial Results & Investor Presentation

Porting Hybrid Apps to Native Apps

  • 1. Porting Hybrid Apps to Native Apps Jan 12, 2017
  • 2. © 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
  • 3. © 2016 Progress Software Corporation and/or its subsidiaries or affiliates. All rights reserved.3 What is Hybrid Mobile Apps?
  • 4. © 2016 Progress Software Corporation and/or its subsidiaries or affiliates. All rights reserved.4 Architecture
  • 5. © 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
  • 6. © 2016 Progress Software Corporation and/or its subsidiaries or affiliates. All rights reserved.6
  • 7. © 2016 Progress Software Corporation and/or its subsidiaries or affiliates. All rights reserved.7 What is Native Mobile Apps?
  • 8. © 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#
  • 9. © 2016 Progress Software Corporation and/or its subsidiaries or affiliates. All rights reserved.9
  • 10. © 2016 Progress Software Corporation and/or its subsidiaries or affiliates. All rights reserved.10 Platform Affinity Accesstodevicecapabilities 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
  • 11. © 2016 Progress Software Corporation and/or its subsidiaries or affiliates. All rights reserved.11 NativeScript
  • 12. © 2016 Progress Software Corporation and/or its subsidiaries or affiliates. All rights reserved.12 { } Native iOS / Andoid / Windows Phone* Apps Built with JavaScript + CSS + XML Single Code Base *Coming Soon
  • 13. © 2016 Progress Software Corporation and/or its subsidiaries or affiliates. All rights reserved.13 Demo