Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.
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 ...
Agenda
• Magic Quadrant for Mobile
• Native Platforms
• Advantages & Disadvantages of Native Approach
• Hybrid Apps
• HTML...
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 Eng...
Languages &
Environment
What Stops from using
Native?
• Platform dependent – code can’t be
reused
• Multi skill set and tool requirement
• Higher ...
Hybrid Apps
• It’s a bridge between Native and Web
Apps
• Cross platform reach is more
• Instant products update
• Data gu...
HTML5 routes to Market
Issues with Hybrid Apps
• Performance issues
• Lack of multithreaded strategy
• Problem with DOM manipulation and layout
•...
Adobe PhoneGap
• Cross platform reach is more
• Supports jQuery mobile, Backbone.js, Bootstrap
from twitter, Angular.js an...
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 ide...
Myth VS Reality
Swap??
Mobile @ Scale
• Focus on Speed
• Experimentation for all
• Measurement
• Scaling teams
• Scaling Applications
• Motion De...
LinkedIn – Why they dumped
HTML5?
• Lack of debugging and performance tools
• Lack of runtime diagnostics information
• Hi...
Facebook
• Initially FB built mobile app using HTML5 and
javascript in a native wrapper, a hybrid
solution.
Why FB went Na...
Dropbox
• Share client side code across platforms
• Client code was written in C++
• Mostly data layer, sync, cache etc.
•...
Questions?
Thanks!
Native vs hybrid approach Mobile App Development
Native vs hybrid approach Mobile App Development
Native vs hybrid approach Mobile App Development
Native vs hybrid approach Mobile App Development
Upcoming SlideShare
Loading in …5
×

5

Share

Download to read offline

Native vs hybrid approach Mobile App Development

Download to read offline

Native vs Hybrid Mobile app development.
Challenges.
Advantages
Cross platform evolution

Related Books

Free with a 30 day trial from Scribd

See all

Related Audiobooks

Free with a 30 day trial from Scribd

See all

Native vs hybrid approach Mobile App Development

  1. 1. Native VS Hybrid Mobile Apps Senthil Kumar senthil@indix.com
  2. 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. 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. 4. Magic Quadrant for Mobile Application Development Platforms
  5. 5. Android vs iOS
  6. 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
  7. 7. Languages & Environment
  8. 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. 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. 10. HTML5 routes to Market
  11. 11. Issues with Hybrid Apps • Performance issues • Lack of multithreaded strategy • Problem with DOM manipulation and layout • Memory Management • Lack of debugging tools
  12. 12. Adobe PhoneGap • Cross platform reach is more • Supports jQuery mobile, Backbone.js, Bootstrap from twitter, Angular.js and so on…
  13. 13. Mix up Native & HTML
  14. 14. A good cross-platform application looks at home on whatever platform it is used on. A bad cross-platform tries to look identical everywhere
  15. 15. Myth VS Reality
  16. 16. Swap??
  17. 17. Mobile @ Scale • Focus on Speed • Experimentation for all • Measurement • Scaling teams • Scaling Applications • Motion Design
  18. 18. 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
  19. 19. 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
  20. 20. 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
  21. 21. Questions?
  22. 22. Thanks!
  • adisorninnupat

    Apr. 16, 2016
  • VigneshP3

    Sep. 7, 2015
  • poppyloo

    Sep. 3, 2015
  • FranciscoJnior15

    Jul. 17, 2015
  • im2amit

    Jul. 29, 2014

Native vs Hybrid Mobile app development. Challenges. Advantages Cross platform evolution

Views

Total views

2,887

On Slideshare

0

From embeds

0

Number of embeds

61

Actions

Downloads

108

Shares

0

Comments

0

Likes

5

×