1.
Cross-Platform
Mobile App Development
Cordova / PhoneGap

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.
• Cross-Platform origins
• Device landscape
• Browser wars
• Narrowing the gap
• Creating an app
• Demo
• The future

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.
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.
cordova.apache.org/

7.
Most known Cross – Platform Tools

8.
Most used Cross – Platform Tools

9.
Android OS distribution

10.
Android device fragmentation

11.
iOS7 distribution

12.
iOS device fragmentation

13.
You mad bro?…

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.
Developer Tools

16.
Mobile Frameworks

17.
build.phonegap.com/

18.
build.phonegap.com/plans/free

19.
Choose your plan

20.
Create and zip up your project

21.
Debugging

22.
Debug Window

23.
Inspect your app

24.
HTML5 Myth Busters
• The Making of Fastbook: An HTML5 Love Story
• HTML5 Gaming with PhoneGap | PhoneGap
Day EU 2013

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.