SlideShare ist ein Scribd-Unternehmen logo
1 von 26
Downloaden Sie, um offline zu lesen
Native VS Hybrid
Mobile Apps
Senthil Kumar
senthil@indix.com
About me
• Mobile App Developer @ Indix
• Working on iOS & Android apps.
• Ex- Ness employee – Bangalore.
• Worked on EPL football apps & ATP Tennis mobile apps.
Agenda
• Magic Quadrant for Mobile
• Native Platforms
• Advantages & Disadvantages of Native Approach
• Hybrid Apps
• HTML5 Approaches & Key Players
• HTML5 Myth VS Reality
• Adobe – PhoneGap
• Mobile @ Scale
• Case Studies – LinkedIn, Facebook & Dropbox
• Conclusion
Magic Quadrant for Mobile Application
Development Platforms
Android vs iOS
Native Apps
• User prefers native apps
- 80 % of time is spent on apps and 20 % on
browsers(Flurry report)
• High User Engagement & Smoother Experience
• Faster adoption to support new OS Versions
• Offline support and Hardware access
• Monetization
Languages &
Environment
What Stops from using
Native?
• Platform dependent – code can’t be
reused
• Multi skill set and tool requirement
• Higher TCO (Total cost of ownership)
Hybrid Apps
• It’s a bridge between Native and Web
Apps
• Cross platform reach is more
• Instant products update
• Data guides them on future decisions (A/B
testing)
HTML5 routes to Market
Native vs hybrid approach Mobile App Development
Issues with Hybrid Apps
• Performance issues
• Lack of multithreaded strategy
• Problem with DOM manipulation and layout
• Memory Management
• Lack of debugging tools
Adobe PhoneGap
• Cross platform reach is more
• Supports jQuery mobile, Backbone.js, Bootstrap
from twitter, Angular.js and so on…
Mix up Native & HTML
A good cross-platform application looks at home on whatever platform it is
used on. A bad cross-platform tries to look identical everywhere
Myth VS Reality
Native vs hybrid approach Mobile App Development
Native vs hybrid approach Mobile App Development
Swap??
Mobile @ Scale
• Focus on Speed
• Experimentation for all
• Measurement
• Scaling teams
• Scaling Applications
• Motion Design
LinkedIn – Why they dumped
HTML5?
• Lack of debugging and performance tools
• Lack of runtime diagnostics information
• High crash rates due to memory exhaustion
• Animations and spinners smoothness are not
great
Facebook
• Initially FB built mobile app using HTML5 and
javascript in a native wrapper, a hybrid
solution.
Why FB went Native?
- Better touch tracking support, especially on
Android.
- Smoother animations are always an asset.
- Better caching.
- AppCache is soooooo busted we stopped using it
Dropbox
• Share client side code across platforms
• Client code was written in C++
• Mostly data layer, sync, cache etc.
• Build a library – use it for Android and
iOS
Native vs hybrid approach Mobile App Development
Questions?
Thanks!

Weitere ähnliche Inhalte

Was ist angesagt?

Building Hybrid Apps with AngularJS and Ionic
Building Hybrid Apps with AngularJS and IonicBuilding Hybrid Apps with AngularJS and Ionic
Building Hybrid Apps with AngularJS and IonicYounes Adounis
 
Introduction to Hybrid Application Development
Introduction to Hybrid Application DevelopmentIntroduction to Hybrid Application Development
Introduction to Hybrid Application DevelopmentDotitude
 
Hybrid vs Native vs Web Apps
Hybrid vs Native vs Web AppsHybrid vs Native vs Web Apps
Hybrid vs Native vs Web AppsPoluru S
 
Hybrid vs native mobile development – how to choose a tech stack
Hybrid vs native mobile development – how to choose a tech stackHybrid vs native mobile development – how to choose a tech stack
Hybrid vs native mobile development – how to choose a tech stackJacques De Vos
 
Hybrid application development
Hybrid application developmentHybrid application development
Hybrid application developmentKnoldus Inc.
 
Native vs Web vs Hybrid Mobile Application Development
Native vs Web vs Hybrid Mobile Application DevelopmentNative vs Web vs Hybrid Mobile Application Development
Native vs Web vs Hybrid Mobile Application DevelopmentKosala Nuwan Perera
 
Web App VS. Hybrid App VS. Native App?
Web App VS. Hybrid App VS. Native App?Web App VS. Hybrid App VS. Native App?
Web App VS. Hybrid App VS. Native App?Justin O'Neill
 
Introduction to Cross-Platform Hybrid Mobile App Development
Introduction to Cross-Platform Hybrid Mobile App DevelopmentIntroduction to Cross-Platform Hybrid Mobile App Development
Introduction to Cross-Platform Hybrid Mobile App DevelopmentÖzcan Zafer AYAN
 
Introduction to hybrid application development
Introduction to hybrid application developmentIntroduction to hybrid application development
Introduction to hybrid application developmentKunjan Thakkar
 
Phonegap vs Sencha Touch vs Titanium
Phonegap vs Sencha Touch vs TitaniumPhonegap vs Sencha Touch vs Titanium
Phonegap vs Sencha Touch vs TitaniumPixelCrayons
 
Using HTML5 to Build Mobile Apps
Using HTML5 to Build Mobile AppsUsing HTML5 to Build Mobile Apps
Using HTML5 to Build Mobile AppsTodd Anglin
 
Native vs Hybrid Apps
Native vs Hybrid AppsNative vs Hybrid Apps
Native vs Hybrid AppsAppinventiv
 
Cross Platform Mobile App Development
Cross Platform Mobile App DevelopmentCross Platform Mobile App Development
Cross Platform Mobile App DevelopmentAnnmarie Lanesey
 
Native vs Hybrid - Options to develop your mobile application
Native vs Hybrid - Options to develop your mobile applicationNative vs Hybrid - Options to develop your mobile application
Native vs Hybrid - Options to develop your mobile applicationLoic Ortola
 
Hybrid app development
Hybrid app developmentHybrid app development
Hybrid app developmentHarshul Shah
 
Consider Starting Small
Consider Starting SmallConsider Starting Small
Consider Starting SmallAndrew Smith
 
Mobile application development strategy and execution
Mobile application development   strategy and executionMobile application development   strategy and execution
Mobile application development strategy and executionInnoTech
 

Was ist angesagt? (20)

Building Hybrid Apps with AngularJS and Ionic
Building Hybrid Apps with AngularJS and IonicBuilding Hybrid Apps with AngularJS and Ionic
Building Hybrid Apps with AngularJS and Ionic
 
Introduction to Hybrid Application Development
Introduction to Hybrid Application DevelopmentIntroduction to Hybrid Application Development
Introduction to Hybrid Application Development
 
Hybrid vs Native vs Web Apps
Hybrid vs Native vs Web AppsHybrid vs Native vs Web Apps
Hybrid vs Native vs Web Apps
 
Introduction to Mobile Development
Introduction to Mobile DevelopmentIntroduction to Mobile Development
Introduction to Mobile Development
 
Hybrid vs native mobile development – how to choose a tech stack
Hybrid vs native mobile development – how to choose a tech stackHybrid vs native mobile development – how to choose a tech stack
Hybrid vs native mobile development – how to choose a tech stack
 
Hybrid application development
Hybrid application developmentHybrid application development
Hybrid application development
 
Native vs Web vs Hybrid Mobile Application Development
Native vs Web vs Hybrid Mobile Application DevelopmentNative vs Web vs Hybrid Mobile Application Development
Native vs Web vs Hybrid Mobile Application Development
 
Web App VS. Hybrid App VS. Native App?
Web App VS. Hybrid App VS. Native App?Web App VS. Hybrid App VS. Native App?
Web App VS. Hybrid App VS. Native App?
 
Introduction to Cross-Platform Hybrid Mobile App Development
Introduction to Cross-Platform Hybrid Mobile App DevelopmentIntroduction to Cross-Platform Hybrid Mobile App Development
Introduction to Cross-Platform Hybrid Mobile App Development
 
Introduction to hybrid application development
Introduction to hybrid application developmentIntroduction to hybrid application development
Introduction to hybrid application development
 
Rhodes vs Phonegap
Rhodes vs PhonegapRhodes vs Phonegap
Rhodes vs Phonegap
 
Phonegap vs Sencha Touch vs Titanium
Phonegap vs Sencha Touch vs TitaniumPhonegap vs Sencha Touch vs Titanium
Phonegap vs Sencha Touch vs Titanium
 
Rhomobile
RhomobileRhomobile
Rhomobile
 
Using HTML5 to Build Mobile Apps
Using HTML5 to Build Mobile AppsUsing HTML5 to Build Mobile Apps
Using HTML5 to Build Mobile Apps
 
Native vs Hybrid Apps
Native vs Hybrid AppsNative vs Hybrid Apps
Native vs Hybrid Apps
 
Cross Platform Mobile App Development
Cross Platform Mobile App DevelopmentCross Platform Mobile App Development
Cross Platform Mobile App Development
 
Native vs Hybrid - Options to develop your mobile application
Native vs Hybrid - Options to develop your mobile applicationNative vs Hybrid - Options to develop your mobile application
Native vs Hybrid - Options to develop your mobile application
 
Hybrid app development
Hybrid app developmentHybrid app development
Hybrid app development
 
Consider Starting Small
Consider Starting SmallConsider Starting Small
Consider Starting Small
 
Mobile application development strategy and execution
Mobile application development   strategy and executionMobile application development   strategy and execution
Mobile application development strategy and execution
 

Andere mochten auch

Web App or Native App
Web App or Native AppWeb App or Native App
Web App or Native AppYu Wei Shang
 
White paper native, web or hybrid mobile app development
White paper  native, web or hybrid mobile app developmentWhite paper  native, web or hybrid mobile app development
White paper native, web or hybrid mobile app developmentIBM Software India
 
C# everywhere: Xamarin and cross platform development
C# everywhere: Xamarin and cross platform developmentC# everywhere: Xamarin and cross platform development
C# everywhere: Xamarin and cross platform developmentGill Cleeren
 
Building Cross Platform Mobile Apps
Building Cross Platform Mobile AppsBuilding Cross Platform Mobile Apps
Building Cross Platform Mobile AppsShailendra Chauhan
 
Debunking Common Myths of Mobile Application Development
Debunking Common Myths of Mobile Application DevelopmentDebunking Common Myths of Mobile Application Development
Debunking Common Myths of Mobile Application DevelopmentAntenna Software
 
iOS & Android Application Development - Pee Dee User Group Meeting
iOS & Android Application Development - Pee Dee User Group MeetingiOS & Android Application Development - Pee Dee User Group Meeting
iOS & Android Application Development - Pee Dee User Group MeetingJim Tochterman
 
Cross-platform mobile development: choices and limitations [IndicThreads Mob...
Cross-platform mobile development: choices and limitations  [IndicThreads Mob...Cross-platform mobile development: choices and limitations  [IndicThreads Mob...
Cross-platform mobile development: choices and limitations [IndicThreads Mob...IndicThreads
 
Considerations when building mobile app. Presented by Microstrategy
Considerations when building mobile app. Presented by MicrostrategyConsiderations when building mobile app. Presented by Microstrategy
Considerations when building mobile app. Presented by Microstrategyitnewsafrica
 
Mobile application development
Mobile application developmentMobile application development
Mobile application developmentEric Cattoir
 
Cross platform mobile web apps
Cross platform mobile web appsCross platform mobile web apps
Cross platform mobile web appsJames Pearce
 
Survey, comparison & evaluation of cross platform mobile application developm...
Survey, comparison & evaluation of cross platform mobile application developm...Survey, comparison & evaluation of cross platform mobile application developm...
Survey, comparison & evaluation of cross platform mobile application developm...Soumya Kanti Datta
 
Comparison between-ios-and-android
Comparison between-ios-and-androidComparison between-ios-and-android
Comparison between-ios-and-androidCodiant
 

Andere mochten auch (17)

Web App or Native App
Web App or Native AppWeb App or Native App
Web App or Native App
 
White paper native, web or hybrid mobile app development
White paper  native, web or hybrid mobile app developmentWhite paper  native, web or hybrid mobile app development
White paper native, web or hybrid mobile app development
 
C# everywhere: Xamarin and cross platform development
C# everywhere: Xamarin and cross platform developmentC# everywhere: Xamarin and cross platform development
C# everywhere: Xamarin and cross platform development
 
Hybrid HTML5 Apps
Hybrid HTML5 AppsHybrid HTML5 Apps
Hybrid HTML5 Apps
 
Building Cross Platform Mobile Apps
Building Cross Platform Mobile AppsBuilding Cross Platform Mobile Apps
Building Cross Platform Mobile Apps
 
Xamarin
XamarinXamarin
Xamarin
 
Debunking Common Myths of Mobile Application Development
Debunking Common Myths of Mobile Application DevelopmentDebunking Common Myths of Mobile Application Development
Debunking Common Myths of Mobile Application Development
 
History of Mobile Development
History of Mobile DevelopmentHistory of Mobile Development
History of Mobile Development
 
iOS & Android Application Development - Pee Dee User Group Meeting
iOS & Android Application Development - Pee Dee User Group MeetingiOS & Android Application Development - Pee Dee User Group Meeting
iOS & Android Application Development - Pee Dee User Group Meeting
 
Cross-platform mobile development: choices and limitations [IndicThreads Mob...
Cross-platform mobile development: choices and limitations  [IndicThreads Mob...Cross-platform mobile development: choices and limitations  [IndicThreads Mob...
Cross-platform mobile development: choices and limitations [IndicThreads Mob...
 
Considerations when building mobile app. Presented by Microstrategy
Considerations when building mobile app. Presented by MicrostrategyConsiderations when building mobile app. Presented by Microstrategy
Considerations when building mobile app. Presented by Microstrategy
 
Cross Platform Mobile Development
Cross Platform Mobile DevelopmentCross Platform Mobile Development
Cross Platform Mobile Development
 
Mobile application development
Mobile application developmentMobile application development
Mobile application development
 
Cross platform mobile web apps
Cross platform mobile web appsCross platform mobile web apps
Cross platform mobile web apps
 
Survey, comparison & evaluation of cross platform mobile application developm...
Survey, comparison & evaluation of cross platform mobile application developm...Survey, comparison & evaluation of cross platform mobile application developm...
Survey, comparison & evaluation of cross platform mobile application developm...
 
Comparison between-ios-and-android
Comparison between-ios-and-androidComparison between-ios-and-android
Comparison between-ios-and-android
 
L17 Presentation Layer Design
L17 Presentation Layer DesignL17 Presentation Layer Design
L17 Presentation Layer Design
 

Ähnlich wie Native vs hybrid approach Mobile App Development

Engage 2013 - Mobile solution strategies
Engage 2013 - Mobile solution strategiesEngage 2013 - Mobile solution strategies
Engage 2013 - Mobile solution strategiesAvtex
 
Native vs HTML
Native vs HTMLNative vs HTML
Native vs HTMLludlola
 
Comparing multi-platform mobile apps frameworks
Comparing multi-platform mobile apps frameworksComparing multi-platform mobile apps frameworks
Comparing multi-platform mobile apps frameworksAmandine Tihon
 
HTML5 or Android for Mobile Development?
HTML5 or Android for Mobile Development?HTML5 or Android for Mobile Development?
HTML5 or Android for Mobile Development?Reto Meier
 
Deal with the dilemma of hybrid and native
Deal with the dilemma of hybrid and nativeDeal with the dilemma of hybrid and native
Deal with the dilemma of hybrid and nativeswamileo1
 
Beyond the Desktop: Sites and Apps for Phones and Tablets
Beyond the Desktop: Sites and Apps for Phones and TabletsBeyond the Desktop: Sites and Apps for Phones and Tablets
Beyond the Desktop: Sites and Apps for Phones and TabletsWebvanta
 
HTML5: Next Generation Web Development
HTML5: Next Generation Web DevelopmentHTML5: Next Generation Web Development
HTML5: Next Generation Web DevelopmentDipesh Mukerji
 
Building Mobile Apps with HTML, CSS, and JavaScript
Building Mobile Apps with HTML, CSS, and JavaScriptBuilding Mobile Apps with HTML, CSS, and JavaScript
Building Mobile Apps with HTML, CSS, and JavaScriptJonathan Stark
 
Mobile Blast - Mobile strategy for developers
Mobile Blast - Mobile strategy for developersMobile Blast - Mobile strategy for developers
Mobile Blast - Mobile strategy for developersJohn Jardin
 
Why Do Mobile Projects Fail?
Why Do Mobile Projects Fail?Why Do Mobile Projects Fail?
Why Do Mobile Projects Fail?Indiginox
 
2011 code camp
2011 code camp2011 code camp
2011 code campimranq2
 
Intro to tech stacks bonny
Intro to tech stacks bonnyIntro to tech stacks bonny
Intro to tech stacks bonnyLama K Banna
 
Designing and delivering elearning in a multi-device world
Designing and delivering elearning in a multi-device worldDesigning and delivering elearning in a multi-device world
Designing and delivering elearning in a multi-device worldKineo
 
Mobile ECM with JavaScript - JSE 2011
Mobile ECM with JavaScript - JSE 2011Mobile ECM with JavaScript - JSE 2011
Mobile ECM with JavaScript - JSE 2011Nuxeo
 
The Mobile Web Revealed For The Java Developer
The Mobile Web Revealed For The Java DeveloperThe Mobile Web Revealed For The Java Developer
The Mobile Web Revealed For The Java Developerbalunasj
 
Tech Thursdays: Building Products
Tech Thursdays: Building ProductsTech Thursdays: Building Products
Tech Thursdays: Building ProductsHayden Bleasel
 
Cross Platform Mobile Development
Cross Platform Mobile DevelopmentCross Platform Mobile Development
Cross Platform Mobile DevelopmentIntergen
 
iPad Development Slides #ilta12
iPad Development Slides #ilta12iPad Development Slides #ilta12
iPad Development Slides #ilta12Ike Ellis
 
Web Apps vs. Native Apps: The Low Down
Web Apps vs. Native Apps: The Low DownWeb Apps vs. Native Apps: The Low Down
Web Apps vs. Native Apps: The Low DownApppli
 

Ähnlich wie Native vs hybrid approach Mobile App Development (20)

Engage 2013 - Mobile solution strategies
Engage 2013 - Mobile solution strategiesEngage 2013 - Mobile solution strategies
Engage 2013 - Mobile solution strategies
 
Native vs HTML
Native vs HTMLNative vs HTML
Native vs HTML
 
Comparing multi-platform mobile apps frameworks
Comparing multi-platform mobile apps frameworksComparing multi-platform mobile apps frameworks
Comparing multi-platform mobile apps frameworks
 
HTML5 or Android for Mobile Development?
HTML5 or Android for Mobile Development?HTML5 or Android for Mobile Development?
HTML5 or Android for Mobile Development?
 
Deal with the dilemma of hybrid and native
Deal with the dilemma of hybrid and nativeDeal with the dilemma of hybrid and native
Deal with the dilemma of hybrid and native
 
Beyond the Desktop: Sites and Apps for Phones and Tablets
Beyond the Desktop: Sites and Apps for Phones and TabletsBeyond the Desktop: Sites and Apps for Phones and Tablets
Beyond the Desktop: Sites and Apps for Phones and Tablets
 
HTML5: Next Generation Web Development
HTML5: Next Generation Web DevelopmentHTML5: Next Generation Web Development
HTML5: Next Generation Web Development
 
Future of Mobile
Future of MobileFuture of Mobile
Future of Mobile
 
Building Mobile Apps with HTML, CSS, and JavaScript
Building Mobile Apps with HTML, CSS, and JavaScriptBuilding Mobile Apps with HTML, CSS, and JavaScript
Building Mobile Apps with HTML, CSS, and JavaScript
 
Mobile Blast - Mobile strategy for developers
Mobile Blast - Mobile strategy for developersMobile Blast - Mobile strategy for developers
Mobile Blast - Mobile strategy for developers
 
Why Do Mobile Projects Fail?
Why Do Mobile Projects Fail?Why Do Mobile Projects Fail?
Why Do Mobile Projects Fail?
 
2011 code camp
2011 code camp2011 code camp
2011 code camp
 
Intro to tech stacks bonny
Intro to tech stacks bonnyIntro to tech stacks bonny
Intro to tech stacks bonny
 
Designing and delivering elearning in a multi-device world
Designing and delivering elearning in a multi-device worldDesigning and delivering elearning in a multi-device world
Designing and delivering elearning in a multi-device world
 
Mobile ECM with JavaScript - JSE 2011
Mobile ECM with JavaScript - JSE 2011Mobile ECM with JavaScript - JSE 2011
Mobile ECM with JavaScript - JSE 2011
 
The Mobile Web Revealed For The Java Developer
The Mobile Web Revealed For The Java DeveloperThe Mobile Web Revealed For The Java Developer
The Mobile Web Revealed For The Java Developer
 
Tech Thursdays: Building Products
Tech Thursdays: Building ProductsTech Thursdays: Building Products
Tech Thursdays: Building Products
 
Cross Platform Mobile Development
Cross Platform Mobile DevelopmentCross Platform Mobile Development
Cross Platform Mobile Development
 
iPad Development Slides #ilta12
iPad Development Slides #ilta12iPad Development Slides #ilta12
iPad Development Slides #ilta12
 
Web Apps vs. Native Apps: The Low Down
Web Apps vs. Native Apps: The Low DownWeb Apps vs. Native Apps: The Low Down
Web Apps vs. Native Apps: The Low Down
 

Native vs hybrid approach Mobile App Development

  • 1. Native VS Hybrid Mobile Apps Senthil Kumar senthil@indix.com
  • 2. About me • Mobile App Developer @ Indix • Working on iOS & Android apps. • Ex- Ness employee – Bangalore. • Worked on EPL football apps & ATP Tennis mobile apps.
  • 3. Agenda • Magic Quadrant for Mobile • Native Platforms • Advantages & Disadvantages of Native Approach • Hybrid Apps • HTML5 Approaches & Key Players • HTML5 Myth VS Reality • Adobe – PhoneGap • Mobile @ Scale • Case Studies – LinkedIn, Facebook & Dropbox • Conclusion
  • 4. Magic Quadrant for Mobile Application Development Platforms
  • 6. Native Apps • User prefers native apps - 80 % of time is spent on apps and 20 % on browsers(Flurry report) • High User Engagement & Smoother Experience • Faster adoption to support new OS Versions • Offline support and Hardware access • Monetization
  • 8. What Stops from using Native? • Platform dependent – code can’t be reused • Multi skill set and tool requirement • Higher TCO (Total cost of ownership)
  • 9. Hybrid Apps • It’s a bridge between Native and Web Apps • Cross platform reach is more • Instant products update • Data guides them on future decisions (A/B testing)
  • 10. HTML5 routes to Market
  • 12. Issues with Hybrid Apps • Performance issues • Lack of multithreaded strategy • Problem with DOM manipulation and layout • Memory Management • Lack of debugging tools
  • 13. Adobe PhoneGap • Cross platform reach is more • Supports jQuery mobile, Backbone.js, Bootstrap from twitter, Angular.js and so on…
  • 14. Mix up Native & HTML
  • 15. A good cross-platform application looks at home on whatever platform it is used on. A bad cross-platform tries to look identical everywhere
  • 20. Mobile @ Scale • Focus on Speed • Experimentation for all • Measurement • Scaling teams • Scaling Applications • Motion Design
  • 21. LinkedIn – Why they dumped HTML5? • Lack of debugging and performance tools • Lack of runtime diagnostics information • High crash rates due to memory exhaustion • Animations and spinners smoothness are not great
  • 22. Facebook • Initially FB built mobile app using HTML5 and javascript in a native wrapper, a hybrid solution. Why FB went Native? - Better touch tracking support, especially on Android. - Smoother animations are always an asset. - Better caching. - AppCache is soooooo busted we stopped using it
  • 23. Dropbox • Share client side code across platforms • Client code was written in C++ • Mostly data layer, sync, cache etc. • Build a library – use it for Android and iOS