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.

How to Hybrid : Effective Tactics in HTML5-Native App Development


Published on

Gartner has predicted that by 2016, “more Than 50 Percent of Mobile Apps Deployed Will be Hybrid.” Knowing how and when to utilize HTML5 technology in your application will help you prepare for that future. This lecture will cover several techniques and real life examples on how to utilize hybrid development in your applications. The tools and tactics for how to connect (or bridge) your “native” Java code implementations with HTML5 will be presented with code samples. The lecture will also cover the right and wrong ways to implement HTML5 in your application, and when to “stick to native.”

Published in: Technology
  • Be the first to comment

How to Hybrid : Effective Tactics in HTML5-Native App Development

  1. 1. How To Hybrid Effective Tactics in HTML5-Native App Development MICHAEL HANTLER
  2. 2. Here’s Looking at you Multiplatform
  3. 3. The Woes of Multiplatform 1. Multiple code bases 1. Duplicate code 2. Bug fixes for each platform 3. New features require multiplied resources 2. Separate dedicated development teams 1. Resources locked to platforms 2. Extra synchronization needed to align features
  4. 4. So What is the Answer?
  5. 5. HTML5: The Answer to All our Prayers
  6. 6. HTML5 Adoption
  7. 7. HTML5 Adoption Mobile (~ 2/3) 0 20 40 60 80 100 120 No Partial Yes Android Browser 4.4.3 0 20 40 60 80 100 120 No Partial Unknown Yes iOS Safari 8.0 Data provided by No 33 Partial 16 Unknown 1 Yes 103 No 31 Partial 15 Yes 107
  8. 8. Only need a few blocks to make apps
  9. 9. Building the next-big-mega-HTML5-app
  10. 10. And……… Forget this I’m out!
  11. 11. JavaScript: Performance on Mobile From the articles “Mobile web apps are slow” and “Why mobile web apps are slow” by Drew Crawford
  12. 12. What the big boys are saying… A “reason we’ve gone native is trying to get some of the animations — the spinners and the way they work — getting that smoothness, we felt like we needed native to really do that well.” - Kiran Prasad LinkedIn’s senior director for mobile engineering (VentureBeat) “When I'm introspective about the last few years, I think the biggest mistake that we made as a company is betting too much on HTML5 as opposed to native.” – Mark Zucherberg CEO Facebook (CNET)
  13. 13. To the recycling bin?
  14. 14. We can rebuild it, we have the technology =+ HTML5: reusable code, dynamic from server. Native: Powerful, fast, full access to OS feature set, optimized. Hybrid: Best of both worlds.
  15. 15. Gartner Reports: Hybrid or Bust Gartner, “the world's leading information technology research and advisory company”1, “predicts that more than 50 percent of mobile apps deployed by 2016 will be hybrid.”2
  16. 16. PhoneGap (Cordova) framework An open source solution for building cross-platform mobile apps with standards-based Web technologies like HTML, JavaScript, CSS.
  17. 17. Under the bridge
  18. 18. Examples on GitHub All example code can be found on Github at
  19. 19. Basic Bridge example
  20. 20. Example: Ads
  21. 21. Example: Drawer
  22. 22. Example: Login
  23. 23. Shout Outs Delivering the highest quality mobile app and web app development. Previous clients include Caesars Interactive Entertainment, YMCA related firms, and a wide assortment of breakthrough startups.