The document discusses strategies for effective hybrid app development using both HTML5 and native capabilities. It notes the benefits of a hybrid approach in allowing reuse of code across platforms while also gaining performance from native features. Examples are provided of how a PhoneGap framework can be used to build cross-platform mobile apps that incorporate both HTML5 and native platform APIs.

1. How To Hybrid
Effective Tactics in HTML5-Native
App Development
MICHAEL HANTLER

2. Here’s Looking at you Multiplatform

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. So What is the Answer?

6. HTML5: The Answer to All our Prayers

7. HTML5 Adoption

9. 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

10. Only need a few blocks to make apps

11. Building the next-big-mega-HTML5-app

12. And………
Forget this I’m out!

13. JavaScript: Performance on Mobile
From the articles “Mobile web apps are slow” and “Why mobile web apps are slow” by Drew Crawford

14. 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)

15. To the recycling bin?

16. 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.

17. 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

18. PhoneGap (Cordova) framework
An open source solution for building
cross-platform mobile apps with
standards-based Web technologies like
HTML, JavaScript, CSS.

19. Under the bridge

20. Examples on GitHub
All example code can be found on Github at https://github.com/mhant/DroidConTLV2014

21. Basic Bridge example

22. Example: Ads

23. Example: Drawer

24. Example: Login

25. 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.