Cross-Platform Mobile App Development

1,528 views

Published on

Write once run anywhere, Cross-Platform mobile app development with HTML, CSS, and JavaScript, using PhoneGap and Cordova.

Published in: Technology
0 Comments
4 Likes
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total views
1,528
On SlideShare
0
From Embeds
0
Number of Embeds
20
Actions
Shares
0
Downloads
54
Comments
0
Likes
4
Embeds 0
No embeds

No notes for slide

Cross-Platform Mobile App Development

  1. 1. Cross-Platform Mobile App Development Cordova / PhoneGap
  2. 2. Adobe Community Co – Manager Los Angeles PhoneGap User Group meetup.com/laphonegap Co – Founder Mobile App Designer – Developer zukinimobile.com Co – Founder Mobile Camp Los Angeles mobilecampla.com Josue Bustos Twitter: @hozwe
  3. 3. • Cross-Platform origins • Device landscape • Browser wars • Narrowing the gap • Creating an app • Demo • The future
  4. 4. Back in the day Write once run anywhere. A slogan created by Sun Microsystems to illustrate the cross-platform benefits of the Java language.
  5. 5. Déjà vu • Adobe PhoneGap is a standards-based, open- source development framework for building cross-platform mobile apps with HTML, CSS and JavaScript for iOS, Android™, Windows® Phone, webOS, BlackBerry® and more. • PhoneGap is powered by Apache Cordova.
  6. 6. cordova.apache.org/
  7. 7. Most known Cross – Platform Tools
  8. 8. Most used Cross – Platform Tools
  9. 9. Android OS distribution
  10. 10. Android device fragmentation
  11. 11. iOS7 distribution
  12. 12. iOS device fragmentation
  13. 13. You mad bro?…
  14. 14. Lets not forget the essentials • Apple devices do not support Flash. • Vendor lock-in’s. • “Mobile” Browser fragmentation. • Not all “Mobile” browsers support all HTML5 features. • Point to your browser and type in an address below on your mobile phone. • html5test.com • http://rng.io • http://get.webgl.org
  15. 15. Developer Tools
  16. 16. Mobile Frameworks
  17. 17. build.phonegap.com/
  18. 18. build.phonegap.com/plans/free
  19. 19. Choose your plan
  20. 20. Create and zip up your project
  21. 21. Debugging
  22. 22. Debug Window
  23. 23. Inspect your app
  24. 24. HTML5 Myth Busters • The Making of Fastbook: An HTML5 Love Story • HTML5 Gaming with PhoneGap | PhoneGap Day EU 2013
  25. 25. The mobile application industry is at a new dawn where developers will leverage the mobile web and cross platform tools to drive new innovation and greater profitability. Successful developers will be able to leverage tools and a verity of skills to bring the best out of each new innovation.

×