Apache Cordova - Mobile apps development using HTML, CSS and Javascript.

1. Apache Cordova
Mobile apps with HTML, CSS & JS

2. History
• Developed as Phonegap by Nitobi
• Adobe Purchase Nitobi – Oct 2011
• PhoneGap given to Apache
• Renamed to Cordova
• Adobe still maintain and market PhoneGap

3. Who uses Cordova!
• Wikipedia
• Facebook
• Salesforce
• Intel
• Microsoft
• Adobe
• Zynga – Mafia Wars
• Vodafone McLaren F1 – 1 million download

4. How does it work?
• Utilizes web view of every platform
• Create HTTP Server to load app
• Provide phone functionality through cordova.js
• Media
• File
• Contact
• Connection
• More…
• Third Party Plugins
• Barcode

5. Apache Cordova - Default Plugins
• Battery
• Camera
• Console
• Contacts
• Device
• Device Motion
• Orientation
• Dialogs
• Geo location
• In App Browser
• Media
• Media Capture
• Network Information
• Splash Screen
• Vibration
• File Transfer
• File

6. Creating Interface
• Every thing is based on HTML, JavaScript and CSS
• We have to create our own UI
• Frameworks
• Provide native look of iOS and Android
• Ionic Framework (Recommended)
• Onsen Framework

7. Installation
• Download Node.js
• Check installation in cmd by running npm –version
• Install cordova
• npm install -g cordova
• npm install -g ionic

8. Creating First Application
• cd c:/dev/cordova
• ionic start HelloWorld (blank|tabs|sidemenu)
• Create app using Ionic framework with side menu
• cd HelloWorld
• Get into the application folder
• ionic platform add (ios|android|win8|browser)
• Add platform to the project.
• ionic serve
• Check site on browser.

9. Running on Android
• ionic platform add android
• ionic build android
• Generate .apk file if Android SDK is install on computer.
• ionic run android
Installing Android SDK
- Download and Install Android SDK, JDK and Apache Ant
- Install platform API 22 using SDK Manager
- Add ANDROID_HOME, platform-tools and tools to path env

10. Other solution for building
• build.phonegap.com (only build in cloud)
• monaca.io (build with online IDE)
• appery.io (not free)
• Intel XDK
• Visual Studio 2015

12. My Applications
• Asma ul Husna
• Image Analyzer

13. Thank you!

14. Reference
• https://www.quora.com/What-are-some-of-the-best-apps-
developed-using-PhoneGap
• https://build.phonegap.com/plugins
• http://www.tricedesigns.com/2012/03/27/who-uses-
phonegapapache-cordova/
• http://www.slideshare.net/mikejf12/an-introduction-to-apache-
cordova