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.

of

FOWA 2012: Native, HTML5, and Hybrid Mobile App Development: Real-Life Experiences - Eran Zinman Slide 1

YouTube videos are no longer supported on SlideShare

View original on YouTube

FOWA 2012: Native, HTML5, and Hybrid Mobile App Development: Real-Life Experiences - Eran Zinman Slide 3 FOWA 2012: Native, HTML5, and Hybrid Mobile App Development: Real-Life Experiences - Eran Zinman Slide 4 FOWA 2012: Native, HTML5, and Hybrid Mobile App Development: Real-Life Experiences - Eran Zinman Slide 5 FOWA 2012: Native, HTML5, and Hybrid Mobile App Development: Real-Life Experiences - Eran Zinman Slide 6 FOWA 2012: Native, HTML5, and Hybrid Mobile App Development: Real-Life Experiences - Eran Zinman Slide 7 FOWA 2012: Native, HTML5, and Hybrid Mobile App Development: Real-Life Experiences - Eran Zinman Slide 8 FOWA 2012: Native, HTML5, and Hybrid Mobile App Development: Real-Life Experiences - Eran Zinman Slide 9 FOWA 2012: Native, HTML5, and Hybrid Mobile App Development: Real-Life Experiences - Eran Zinman Slide 10 FOWA 2012: Native, HTML5, and Hybrid Mobile App Development: Real-Life Experiences - Eran Zinman Slide 11 FOWA 2012: Native, HTML5, and Hybrid Mobile App Development: Real-Life Experiences - Eran Zinman Slide 12 FOWA 2012: Native, HTML5, and Hybrid Mobile App Development: Real-Life Experiences - Eran Zinman Slide 13 FOWA 2012: Native, HTML5, and Hybrid Mobile App Development: Real-Life Experiences - Eran Zinman Slide 14 FOWA 2012: Native, HTML5, and Hybrid Mobile App Development: Real-Life Experiences - Eran Zinman Slide 15 FOWA 2012: Native, HTML5, and Hybrid Mobile App Development: Real-Life Experiences - Eran Zinman Slide 16 FOWA 2012: Native, HTML5, and Hybrid Mobile App Development: Real-Life Experiences - Eran Zinman Slide 17 FOWA 2012: Native, HTML5, and Hybrid Mobile App Development: Real-Life Experiences - Eran Zinman Slide 18 FOWA 2012: Native, HTML5, and Hybrid Mobile App Development: Real-Life Experiences - Eran Zinman Slide 19 FOWA 2012: Native, HTML5, and Hybrid Mobile App Development: Real-Life Experiences - Eran Zinman Slide 20 FOWA 2012: Native, HTML5, and Hybrid Mobile App Development: Real-Life Experiences - Eran Zinman Slide 21 FOWA 2012: Native, HTML5, and Hybrid Mobile App Development: Real-Life Experiences - Eran Zinman Slide 22 FOWA 2012: Native, HTML5, and Hybrid Mobile App Development: Real-Life Experiences - Eran Zinman Slide 23 FOWA 2012: Native, HTML5, and Hybrid Mobile App Development: Real-Life Experiences - Eran Zinman Slide 24 FOWA 2012: Native, HTML5, and Hybrid Mobile App Development: Real-Life Experiences - Eran Zinman Slide 25 FOWA 2012: Native, HTML5, and Hybrid Mobile App Development: Real-Life Experiences - Eran Zinman Slide 26 FOWA 2012: Native, HTML5, and Hybrid Mobile App Development: Real-Life Experiences - Eran Zinman Slide 27 FOWA 2012: Native, HTML5, and Hybrid Mobile App Development: Real-Life Experiences - Eran Zinman Slide 28
Upcoming SlideShare
01 01 - introduction to mobile application development
Next
Download to read offline and view in fullscreen.

Share

FOWA 2012: Native, HTML5, and Hybrid Mobile App Development: Real-Life Experiences - Eran Zinman

Download to read offline

Watch the video here: http://www.youtube.com/watch?v=We0byPckthQ

One of the biggest dilemmas every mobile developer faces is deciding on a development strategy — should I go for native, HTML5, or hybrid mobile app development? Over the past two years, Eran has led Conduit’s mobile client development efforts, experimenting with cross-platform development in various flavors: from complete HTML5 solutions (using PhoneGap and other technologies) to hybrid solutions, semi-hybrid solutions, and fully native solutions. In this session Eran will share some real-life experiences in cross-platform development, describe changes Conduit implemented along the way, and share what the “big players” are doing in their mobile app development (e.g. Facebook, LinkedIn, and Twitter).

Related Books

Free with a 30 day trial from Scribd

See all

FOWA 2012: Native, HTML5, and Hybrid Mobile App Development: Real-Life Experiences - Eran Zinman

  1. 1. < my real life experience > Native, HTML5 & Hybrid Mobile Development Eran Zinman @ zzeran eran @conduit.com
  2. 2. ABOUT ME Manages R&D in Conduit Mobile
  3. 3. Mobile App Development HTML5 NATIVE HYBRID Objective C, Java, Native code + CSS / HTML / JS C# / XAML, C++ HTML5
  4. 4. Chapter 1 theBIG BANG
  5. 5. Chapter 1 Product requirements: • Cross-platform Native app • Mobile web app • Web Simulator • Small, agile team The solution: • Cross platform, cross browser HTML5 native app & web app
  6. 6. Chapter 1 Initial POC Technologies: • PhoneGap 0.7.1 • jQTouch beta / jQuery LOOKING GOOD! POC included: NOT SO FAST… Design app in HTML / CSS Native features (PhoneGap) RESTful services (ajax) iPhone + Android
  7. 7. Chapter 1 First Real Problem Scrolling × No support for “position: fixed” × Can’t place fixed position elements Alternative scrolling • iScroll.js (3.7.1 ?!) • 11K lines of Javascript code (yikes …)
  8. 8. Chapter 1 Inconsistent experience All browsers WebKit based, but: × No H/W acceleration × Slow performance × Render breaks × Missing events × Memory problems
  9. 9. Chapter 1 SUMMARY HTML5 Native The Good The Bad • Cross platform dev. / bug fixes • Bad performance on Android • New features are easy • Bad performance on BlackBerry • New platforms are easy • Same UI for all platforms • Small, agile team (2 dev.)
  10. 10. Chapter 2 Android Performance
  11. 11. Chapter 2 Problem: Slow scrolling performance Native UI Solution: Move fixed position elements to native UI WebView WebView Needed to create a 2 - way bridge Native Tabs HTML5 Native
  12. 12. Chapter 2 Problem: Slow page transition Solution: Use native code to make the transition, by taking a screenshot and moving the webview underneath
  13. 13. Chapter 2 SUMMARY HTML5 Native The Good The Bad • Smooth Android exp. • Bad performance on BlackBerry • Good iPhone exp. • Some spaghetti code • Dedicated Android dev.
  14. 14. Chapter 3 The Era of the Windows Phone
  15. 15. Chapter 3 VERY UNIQUE UI but… 7.0 × No HTML5 and CSS3 × No H/W acceleration × No touch events
  16. 16. Chapter 3 WE NEED TO RETHINK OUR STRATEGY Moving to Cross Platform MVC (BackBone.js) Javascript HTML / CSS Data Business Views Models Logic C# / XAML Views
  17. 17. Chapter 3 SUMMARY HTML5 Native The Good The Bad • Good, native WP7 exp. • The pain of cross platform dev. • Separated WP7 solution • Dedicated WP7 developer
  18. 18. Chapter 4 This what we do now NATIVE UI Services Cache Notifications Logic Core Settings Usages Data Models Login Objective C Java C# HTML5 / CSS
  19. 19. Chapter 4 SUMMARY HTML5 Native The Good The Bad • Smooth UI • Big team, dedicated dev. • Doesn’t rely on browser render • New features are hard • Core sharing • Platform specific bugs
  20. 20. Let’s have a look at the big players
  21. 21. iPad • One of the best HTML5 hybrid apps • Native / HTML5 combined UI • 4MB of minified JS / HTML / CSS • Same code for web / native • Different Web / Native UI per platform • Great engineering blog http://engineering.linkedin.com/blog HTML5 Native
  22. 22. iPad • Native → HTML5 → Native • Server based HTML / JS / CSS • Same code for web / native • App got bad reviews, very slow • Android is next to move to native UI HTML5 Native
  23. 23. SUMMARY HTML5 vs. Native is not just about technology. Development is an ongoing process, you can make amendments along the way and adjust your product. Don’t be afraid to experiment and admit you were wrong!
  24. 24. < / Thank you > Questions? about.me/eranzinman eran@conduit.com @zzeran Eran Zinman
  • astoria0128

    Aug. 19, 2015
  • LiangLuLo

    May. 5, 2015
  • ahmedhamdy90

    Apr. 5, 2015
  • GourawKumar

    Feb. 15, 2015
  • jakecybertron

    Feb. 23, 2014
  • zzeran

    Feb. 20, 2014
  • philp19

    Feb. 6, 2014
  • michailb

    Oct. 5, 2013
  • shivanandarur

    Sep. 25, 2013
  • AnthonyEAlvarez

    Aug. 14, 2013
  • 80tasks

    Aug. 8, 2013
  • DragonI

    Jul. 30, 2013
  • horacelin

    Apr. 13, 2013
  • joeoravec

    Mar. 13, 2013
  • chienhsuntseng9

    Feb. 17, 2013
  • ThePrinceM

    Feb. 7, 2013
  • sinanasil

    Feb. 5, 2013
  • starandtina

    Jan. 28, 2013
  • houkanshan

    Jan. 4, 2013
  • bit3725

    Jan. 3, 2013

Watch the video here: http://www.youtube.com/watch?v=We0byPckthQ One of the biggest dilemmas every mobile developer faces is deciding on a development strategy — should I go for native, HTML5, or hybrid mobile app development? Over the past two years, Eran has led Conduit’s mobile client development efforts, experimenting with cross-platform development in various flavors: from complete HTML5 solutions (using PhoneGap and other technologies) to hybrid solutions, semi-hybrid solutions, and fully native solutions. In this session Eran will share some real-life experiences in cross-platform development, describe changes Conduit implemented along the way, and share what the “big players” are doing in their mobile app development (e.g. Facebook, LinkedIn, and Twitter).

Views

Total views

15,264

On Slideshare

0

From embeds

0

Number of embeds

313

Actions

Downloads

334

Shares

0

Comments

0

Likes

35

×