Mobile app development: Going hybrid

1,591 views

Published on

If you think about going native, there's a few things you may want to know. This presentation shows you how we at Centralway got into it and how we took it on a high, production-grade level. It's also sharing two "war stories" about things that didn't go so well along with things you should generally be aware of or avoid in the world of hybrid applications.

Published in: Technology, News & Politics
0 Comments
1 Like
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total views
1,591
On SlideShare
0
From Embeds
0
Number of Embeds
692
Actions
Shares
0
Downloads
8
Comments
0
Likes
1
Embeds 0
No embeds

No notes for slide

Mobile app development: Going hybrid

  1. 1. Going hybrid Mobile apps with web technologies
  2. 2. What’s hybrid?
  3. 3. How do you do that? PhoneGap Sencha Titanium Calatrava Trigger.io RhoMobileM Project MoSync AppFramework
  4. 4. How do you do that? PhoneGap Sencha Titanium Calatrava Trigger.io RhoMobileM Project MoSync AppFramework
  5. 5. Woah! Wait - what? http://avgp.github.io/hybrid-strategy-picker/
  6. 6. The 3 big secrets 1. The uncanny valley
  7. 7. The 3 big secrets 2. Hybrid is different from everything
  8. 8. The 3 big secrets 3.
  9. 9. The hitchhiker’s guide to PhoneGap
  10. 10. Test Test often & test in Phonegap!
  11. 11. Optimize Caching, Minification, LocalStorage
  12. 12. Use the force Connection API, Battery API, Accelerometer
  13. 13. If it’s native... ...there’s a PhoneGap plugin for it.
  14. 14. War stories
  15. 15. iOS and the iframes <iframe src="http://example.com"></iframe> <a href="http://somesite.com" target="_blank">Open</a> Android: iframe is embedded, link opens a browser iOS - round 1: iframe opens a new browser on start. iOS - round 2: "stay-in-webview=true" iframe is embedded, link opens in the app
  16. 16. Android and the datepicker The browser on Android
  17. 17. Android and the datepicker PhoneGap on iOS
  18. 18. Android and the datepicker PhoneGap on Android
  19. 19. Android and the datepicker What the ..??
  20. 20. The dark side of the browser ● “Relayout” & Repaint events ● HW-acceleration is magic ● Bitmap grouping (webkit-transform: translateZ(0)) ● Compositing ● Be really careful with AppCache
  21. 21. Links ● http://engine.centralway.com ● http://docs.cordova.io ● http://aerotwist.com/blog/making-a-60fps- mobile-app ● https://wiki.mozilla.org/WebAPI ● http://www.w3.org/2002/mmi/ ● http://www.w3.org/Mobile/mobile-web-app- state/
  22. 22. Thank you! Questions?

×