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
MICHAEL HANTLER
Here’s Looking at you Multiplatform
The Woes of Multiplatform
1. Multiple code bases
1. Duplicate code
2. Bug fixes for each platform
3. New features require ...
So What is the Answer?
HTML5: The Answer to All our Prayers
HTML5 Adoption
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 ...
Only need a few blocks to make apps
Building the next-big-mega-HTML5-app
And………
Forget this I’m out!
JavaScript: Performance on Mobile
From the articles “Mobile web apps are slow” and “Why mobile web apps are slow” by Drew ...
What the big boys are saying…
A “reason we’ve gone native is trying to get some of the
animations — the spinners and the w...
To the recycling bin?
We can rebuild it, we have the technology
=+
HTML5: reusable
code, dynamic
from server.
Native: Powerful,
fast, full acces...
Gartner Reports: Hybrid or Bust
Gartner, “the world's leading information technology research
and advisory company”1, “pre...
PhoneGap (Cordova) framework
An open source solution for building
cross-platform mobile apps with
standards-based Web tech...
Under the bridge
Examples on GitHub
All example code can be found on Github at https://github.com/mhant/DroidConTLV2014
Basic Bridge example
Example: Ads
Example: Drawer
Example: Login
Shout Outs
Delivering the highest quality mobile app and web app
development. Previous clients include Caesars Interactive...
How to Hybrid : Effective Tactics in HTML5-Native App Development
How to Hybrid : Effective Tactics in HTML5-Native App Development
Upcoming SlideShare
Loading in …5
×

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

1,198 views

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 http://caniuse.com/ 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 https://github.com/mhant/DroidConTLV2014
  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.

×