develop hybrid mobile applications with apache …...• learning webinars on big topics...
TRANSCRIPT
![Page 1: Develop Hybrid Mobile Applications with Apache …...• Learning Webinars on big topics (Cloud/Mobile Development, Cybersecurity, Big Data, Recommender Systems, SaaS, Agile, Machine](https://reader034.vdocument.in/reader034/viewer/2022042218/5ec43298c148b36f3d21f790/html5/thumbnails/1.jpg)
© 2014 Adobe Systems Incorporated. All Rights Reserved.
Develop Hybrid Mobile Applications with Apache Cordova & PhoneGap Enterprise Andrew Savory | Mobile Services and Solutions Evangelist, Adobe
@savs
![Page 2: Develop Hybrid Mobile Applications with Apache …...• Learning Webinars on big topics (Cloud/Mobile Development, Cybersecurity, Big Data, Recommender Systems, SaaS, Agile, Machine](https://reader034.vdocument.in/reader034/viewer/2022042218/5ec43298c148b36f3d21f790/html5/thumbnails/2.jpg)
© 2014 Adobe Systems Incorporated. All Rights Reserved.
• 1,400+ trusted technical books and videos by leading publishers including O’Reilly, Morgan Kaufmann, others
• Thousands of short IT and desktop videos covering the latest toolkits and software for “on-the-job” problem solving
• Online courses with assessments and certification-track mentoring, member discounts on tuition at partner institutions
• Learning Webinars on big topics (Cloud/Mobile Development, Cybersecurity, Big Data, Recommender Systems, SaaS, Agile, Machine Learning, NLP, Hadoop Parallel Programming, etc.)
• ACM Tech Packs on top current computing topics: Annotated Bibliographies compiled by subject experts
• Popular video tutorials/keynotes from ACM Digital Library, A.M. Turing Centenary talks/panels
• Podcasts with industry leaders/award winners
ACM Learning Center http://learning.acm.org
3
![Page 3: Develop Hybrid Mobile Applications with Apache …...• Learning Webinars on big topics (Cloud/Mobile Development, Cybersecurity, Big Data, Recommender Systems, SaaS, Agile, Machine](https://reader034.vdocument.in/reader034/viewer/2022042218/5ec43298c148b36f3d21f790/html5/thumbnails/3.jpg)
© 2014 Adobe Systems Incorporated. All Rights Reserved.
Agenda
What are hybrid mobile applications? Introduction to Apache Cordova and PhoneGap Introduction to PhoneGap Enterprise
6
![Page 4: Develop Hybrid Mobile Applications with Apache …...• Learning Webinars on big topics (Cloud/Mobile Development, Cybersecurity, Big Data, Recommender Systems, SaaS, Agile, Machine](https://reader034.vdocument.in/reader034/viewer/2022042218/5ec43298c148b36f3d21f790/html5/thumbnails/4.jpg)
© 2014 Adobe Systems Incorporated. All Rights Reserved.
Types of mobile application
7
NATIVE CROSS-PLATFORM WEB HYBRID
http://www.developereconomics.com/pros-cons-top-5-cross-platform-tools/
![Page 5: Develop Hybrid Mobile Applications with Apache …...• Learning Webinars on big topics (Cloud/Mobile Development, Cybersecurity, Big Data, Recommender Systems, SaaS, Agile, Machine](https://reader034.vdocument.in/reader034/viewer/2022042218/5ec43298c148b36f3d21f790/html5/thumbnails/5.jpg)
© 2014 Adobe Systems Incorporated. All Rights Reserved.
What are hybrid applications?
8
App
Native enough to be submitted to app store(s)
Native enough to provide access to device APIs
Mobile apps – written in web tech you know and love
![Page 6: Develop Hybrid Mobile Applications with Apache …...• Learning Webinars on big topics (Cloud/Mobile Development, Cybersecurity, Big Data, Recommender Systems, SaaS, Agile, Machine](https://reader034.vdocument.in/reader034/viewer/2022042218/5ec43298c148b36f3d21f790/html5/thumbnails/6.jpg)
© 2014 Adobe Systems Incorporated. All Rights Reserved.
PhoneGap vs Apache Cordova
9
![Page 7: Develop Hybrid Mobile Applications with Apache …...• Learning Webinars on big topics (Cloud/Mobile Development, Cybersecurity, Big Data, Recommender Systems, SaaS, Agile, Machine](https://reader034.vdocument.in/reader034/viewer/2022042218/5ec43298c148b36f3d21f790/html5/thumbnails/7.jpg)
© 2014 Adobe Systems Incorporated. All Rights Reserved.
The PhoneGap Framework
10
A PhoneGap project PhoneGap CLI PhoneGap Desktop App PhoneGap Developer App PhoneGap Build PhoneGap Enterprise
![Page 8: Develop Hybrid Mobile Applications with Apache …...• Learning Webinars on big topics (Cloud/Mobile Development, Cybersecurity, Big Data, Recommender Systems, SaaS, Agile, Machine](https://reader034.vdocument.in/reader034/viewer/2022042218/5ec43298c148b36f3d21f790/html5/thumbnails/8.jpg)
© 2014 Adobe Systems Incorporated. All Rights Reserved.
Installation prerequisites
11
“Node.js is an open source, cross-platform runtime environment for server-side and networking applications. Node.js applications are written in JavaScript, and can be run within the Node.js runtime on OS X, Microsoft Windows, Linux and FreeBSD.”
http://www.nodejs.org
![Page 9: Develop Hybrid Mobile Applications with Apache …...• Learning Webinars on big topics (Cloud/Mobile Development, Cybersecurity, Big Data, Recommender Systems, SaaS, Agile, Machine](https://reader034.vdocument.in/reader034/viewer/2022042218/5ec43298c148b36f3d21f790/html5/thumbnails/9.jpg)
© 2014 Adobe Systems Incorporated. All Rights Reserved.
Installation
12
![Page 10: Develop Hybrid Mobile Applications with Apache …...• Learning Webinars on big topics (Cloud/Mobile Development, Cybersecurity, Big Data, Recommender Systems, SaaS, Agile, Machine](https://reader034.vdocument.in/reader034/viewer/2022042218/5ec43298c148b36f3d21f790/html5/thumbnails/10.jpg)
© 2014 Adobe Systems Incorporated. All Rights Reserved.
Installation
13
![Page 11: Develop Hybrid Mobile Applications with Apache …...• Learning Webinars on big topics (Cloud/Mobile Development, Cybersecurity, Big Data, Recommender Systems, SaaS, Agile, Machine](https://reader034.vdocument.in/reader034/viewer/2022042218/5ec43298c148b36f3d21f790/html5/thumbnails/11.jpg)
© 2014 Adobe Systems Incorporated. All Rights Reserved.
Getting Started
14
![Page 12: Develop Hybrid Mobile Applications with Apache …...• Learning Webinars on big topics (Cloud/Mobile Development, Cybersecurity, Big Data, Recommender Systems, SaaS, Agile, Machine](https://reader034.vdocument.in/reader034/viewer/2022042218/5ec43298c148b36f3d21f790/html5/thumbnails/12.jpg)
© 2014 Adobe Systems Incorporated. All Rights Reserved.
Hello World
15
![Page 13: Develop Hybrid Mobile Applications with Apache …...• Learning Webinars on big topics (Cloud/Mobile Development, Cybersecurity, Big Data, Recommender Systems, SaaS, Agile, Machine](https://reader034.vdocument.in/reader034/viewer/2022042218/5ec43298c148b36f3d21f790/html5/thumbnails/13.jpg)
© 2014 Adobe Systems Incorporated. All Rights Reserved.
Anatomy of a PhoneGap application
acm-demo/ The project called “acm-demo” |------ hooks/ Task hooks for power users |------ platforms/ Native platform projects |------ plugins/ Your installed plugins |------ www/ Your web application |------ config.xml App configuration
16
![Page 14: Develop Hybrid Mobile Applications with Apache …...• Learning Webinars on big topics (Cloud/Mobile Development, Cybersecurity, Big Data, Recommender Systems, SaaS, Agile, Machine](https://reader034.vdocument.in/reader034/viewer/2022042218/5ec43298c148b36f3d21f790/html5/thumbnails/14.jpg)
© 2014 Adobe Systems Incorporated. All Rights Reserved.
Adding platforms
17
![Page 15: Develop Hybrid Mobile Applications with Apache …...• Learning Webinars on big topics (Cloud/Mobile Development, Cybersecurity, Big Data, Recommender Systems, SaaS, Agile, Machine](https://reader034.vdocument.in/reader034/viewer/2022042218/5ec43298c148b36f3d21f790/html5/thumbnails/15.jpg)
© 2014 Adobe Systems Incorporated. All Rights Reserved.
Adding platforms
18
![Page 16: Develop Hybrid Mobile Applications with Apache …...• Learning Webinars on big topics (Cloud/Mobile Development, Cybersecurity, Big Data, Recommender Systems, SaaS, Agile, Machine](https://reader034.vdocument.in/reader034/viewer/2022042218/5ec43298c148b36f3d21f790/html5/thumbnails/16.jpg)
© 2014 Adobe Systems Incorporated. All Rights Reserved.
Platforms
19
![Page 17: Develop Hybrid Mobile Applications with Apache …...• Learning Webinars on big topics (Cloud/Mobile Development, Cybersecurity, Big Data, Recommender Systems, SaaS, Agile, Machine](https://reader034.vdocument.in/reader034/viewer/2022042218/5ec43298c148b36f3d21f790/html5/thumbnails/17.jpg)
© 2014 Adobe Systems Incorporated. All Rights Reserved.
Running the app
20
![Page 18: Develop Hybrid Mobile Applications with Apache …...• Learning Webinars on big topics (Cloud/Mobile Development, Cybersecurity, Big Data, Recommender Systems, SaaS, Agile, Machine](https://reader034.vdocument.in/reader034/viewer/2022042218/5ec43298c148b36f3d21f790/html5/thumbnails/18.jpg)
© 2014 Adobe Systems Incorporated. All Rights Reserved.
Native SDK tooling
21
cd acm-demo; phonegap build ios && open -a xcode platforms/ios/HelloWorld.xcodeproj
![Page 19: Develop Hybrid Mobile Applications with Apache …...• Learning Webinars on big topics (Cloud/Mobile Development, Cybersecurity, Big Data, Recommender Systems, SaaS, Agile, Machine](https://reader034.vdocument.in/reader034/viewer/2022042218/5ec43298c148b36f3d21f790/html5/thumbnails/19.jpg)
© 2014 Adobe Systems Incorporated. All Rights Reserved.
IDEs
22
![Page 20: Develop Hybrid Mobile Applications with Apache …...• Learning Webinars on big topics (Cloud/Mobile Development, Cybersecurity, Big Data, Recommender Systems, SaaS, Agile, Machine](https://reader034.vdocument.in/reader034/viewer/2022042218/5ec43298c148b36f3d21f790/html5/thumbnails/20.jpg)
© 2014 Adobe Systems Incorporated. All Rights Reserved.
Debugging
23
![Page 21: Develop Hybrid Mobile Applications with Apache …...• Learning Webinars on big topics (Cloud/Mobile Development, Cybersecurity, Big Data, Recommender Systems, SaaS, Agile, Machine](https://reader034.vdocument.in/reader034/viewer/2022042218/5ec43298c148b36f3d21f790/html5/thumbnails/21.jpg)
© 2014 Adobe Systems Incorporated. All Rights Reserved.
Plugins
24
![Page 22: Develop Hybrid Mobile Applications with Apache …...• Learning Webinars on big topics (Cloud/Mobile Development, Cybersecurity, Big Data, Recommender Systems, SaaS, Agile, Machine](https://reader034.vdocument.in/reader034/viewer/2022042218/5ec43298c148b36f3d21f790/html5/thumbnails/22.jpg)
© 2014 Adobe Systems Incorporated. All Rights Reserved.
The native approach
25
![Page 23: Develop Hybrid Mobile Applications with Apache …...• Learning Webinars on big topics (Cloud/Mobile Development, Cybersecurity, Big Data, Recommender Systems, SaaS, Agile, Machine](https://reader034.vdocument.in/reader034/viewer/2022042218/5ec43298c148b36f3d21f790/html5/thumbnails/23.jpg)
© 2014 Adobe Systems Incorporated. All Rights Reserved.
Plugins
26
![Page 24: Develop Hybrid Mobile Applications with Apache …...• Learning Webinars on big topics (Cloud/Mobile Development, Cybersecurity, Big Data, Recommender Systems, SaaS, Agile, Machine](https://reader034.vdocument.in/reader034/viewer/2022042218/5ec43298c148b36f3d21f790/html5/thumbnails/24.jpg)
© 2014 Adobe Systems Incorporated. All Rights Reserved.
Using Plugins: Compass
27
phonegap plugin add org.apache.cordova.device-orientation
![Page 25: Develop Hybrid Mobile Applications with Apache …...• Learning Webinars on big topics (Cloud/Mobile Development, Cybersecurity, Big Data, Recommender Systems, SaaS, Agile, Machine](https://reader034.vdocument.in/reader034/viewer/2022042218/5ec43298c148b36f3d21f790/html5/thumbnails/25.jpg)
© 2014 Adobe Systems Incorporated. All Rights Reserved.
More Plugins
28
![Page 26: Develop Hybrid Mobile Applications with Apache …...• Learning Webinars on big topics (Cloud/Mobile Development, Cybersecurity, Big Data, Recommender Systems, SaaS, Agile, Machine](https://reader034.vdocument.in/reader034/viewer/2022042218/5ec43298c148b36f3d21f790/html5/thumbnails/26.jpg)
© 2014 Adobe Systems Incorporated. All Rights Reserved.
Using Plugins: Network Information
29
phonegap plugin add org.apache.cordova.network-information
![Page 27: Develop Hybrid Mobile Applications with Apache …...• Learning Webinars on big topics (Cloud/Mobile Development, Cybersecurity, Big Data, Recommender Systems, SaaS, Agile, Machine](https://reader034.vdocument.in/reader034/viewer/2022042218/5ec43298c148b36f3d21f790/html5/thumbnails/27.jpg)
© 2014 Adobe Systems Incorporated. All Rights Reserved.
PhoneGap Developer App
30
![Page 28: Develop Hybrid Mobile Applications with Apache …...• Learning Webinars on big topics (Cloud/Mobile Development, Cybersecurity, Big Data, Recommender Systems, SaaS, Agile, Machine](https://reader034.vdocument.in/reader034/viewer/2022042218/5ec43298c148b36f3d21f790/html5/thumbnails/28.jpg)
© 2014 Adobe Systems Incorporated. All Rights Reserved.
PhoneGap Developer App
31
![Page 29: Develop Hybrid Mobile Applications with Apache …...• Learning Webinars on big topics (Cloud/Mobile Development, Cybersecurity, Big Data, Recommender Systems, SaaS, Agile, Machine](https://reader034.vdocument.in/reader034/viewer/2022042218/5ec43298c148b36f3d21f790/html5/thumbnails/29.jpg)
© 2014 Adobe Systems Incorporated. All Rights Reserved.
PhoneGap Desktop App
32
https://github.com/hermwong/phonegap-gui
![Page 30: Develop Hybrid Mobile Applications with Apache …...• Learning Webinars on big topics (Cloud/Mobile Development, Cybersecurity, Big Data, Recommender Systems, SaaS, Agile, Machine](https://reader034.vdocument.in/reader034/viewer/2022042218/5ec43298c148b36f3d21f790/html5/thumbnails/30.jpg)
© 2014 Adobe Systems Incorporated. All Rights Reserved.
PhoneGap Build
33
![Page 31: Develop Hybrid Mobile Applications with Apache …...• Learning Webinars on big topics (Cloud/Mobile Development, Cybersecurity, Big Data, Recommender Systems, SaaS, Agile, Machine](https://reader034.vdocument.in/reader034/viewer/2022042218/5ec43298c148b36f3d21f790/html5/thumbnails/31.jpg)
© 2014 Adobe Systems Incorporated. All Rights Reserved.
Build in action
34
![Page 32: Develop Hybrid Mobile Applications with Apache …...• Learning Webinars on big topics (Cloud/Mobile Development, Cybersecurity, Big Data, Recommender Systems, SaaS, Agile, Machine](https://reader034.vdocument.in/reader034/viewer/2022042218/5ec43298c148b36f3d21f790/html5/thumbnails/32.jpg)
© 2014 Adobe Systems Incorporated. All Rights Reserved.
PhoneGap Enterprise
35
![Page 33: Develop Hybrid Mobile Applications with Apache …...• Learning Webinars on big topics (Cloud/Mobile Development, Cybersecurity, Big Data, Recommender Systems, SaaS, Agile, Machine](https://reader034.vdocument.in/reader034/viewer/2022042218/5ec43298c148b36f3d21f790/html5/thumbnails/33.jpg)
© 2014 Adobe Systems Incorporated. All Rights Reserved.
Resources
Apache Cordova: http://cordova.apache.org Apache Cordova on StackOverflow: http://stackoverflow.com/questions/tagged/cordova PhoneGap: http://phonegap.com PhoneGap docs: http://docs.phonegap.com/ Michael Brooks’ tutorial: https://github.com/mwbrooks/phonegap-day-workshop-beginner/wiki PhoneGap Day: http://pgday.phonegap.com
36
![Page 34: Develop Hybrid Mobile Applications with Apache …...• Learning Webinars on big topics (Cloud/Mobile Development, Cybersecurity, Big Data, Recommender Systems, SaaS, Agile, Machine](https://reader034.vdocument.in/reader034/viewer/2022042218/5ec43298c148b36f3d21f790/html5/thumbnails/34.jpg)
© 2014 Adobe Systems Incorporated. All Rights Reserved.
ACM: The Learning Continues…
Questions about this webcast? [email protected]
ACM Learning Webinars (on-demand archive): http://learning.acm.org/webinar
ACM Learning Center: http://learning.acm.org ACM Queue: http://queue.acm.org/
37
![Page 35: Develop Hybrid Mobile Applications with Apache …...• Learning Webinars on big topics (Cloud/Mobile Development, Cybersecurity, Big Data, Recommender Systems, SaaS, Agile, Machine](https://reader034.vdocument.in/reader034/viewer/2022042218/5ec43298c148b36f3d21f790/html5/thumbnails/35.jpg)
© 2014 Adobe Systems Incorporated. All Rights Reserved.