SlideShare a Scribd company logo
Developing Cross Platforms
Mobile Applications using
Apache Cordova
MAHMOUD SHAABAN
Why going mobile?
MAHMOUD SHAABAN
MAHMOUD SHAABAN
MAHMOUD SHAABAN
MAHMOUD SHAABAN
Enterprise Mobility
MAHMOUD SHAABAN
MAHMOUD SHAABAN
MAHMOUD SHAABAN
Why developing cross
platform mobile Apps
MAHMOUD SHAABAN
Why developing cross platform mobile apps
Extend reach to many platforms using one technology
You don’t have to learn new programming languages
High learning curve
Multiplatform/Multiarchitecture Application Development Tools According to the top 10 Mobile
Technologies and Capabilities for 2015 and 2016 (Gartner)
MAHMOUD SHAABAN
Mobile cross platform tools
Apache Cordova
Titanium Appcelerator
MoSync
Whoop
Xmarin(C#)
MAHMOUD SHAABAN
Apache Cordova
Apache Cordova is a set of device APIs that allow a mobile app developer to access native device
function such as the camera or accelerometer from JavaScript. Combined with a UI framework
such as jQuery Mobile or Dojo Mobile or Sencha Touch, this allows a smartphone app to be
developed with just HTML, CSS, and JavaScript.
MAHMOUD SHAABAN
Apache Cordova Pros
Regardless of server side platform & language experience, a significant number of developers have experience with
HTML, JavaScript and CSS. Apache Cordova allows developers to immediately leverage these existing skills. The value of
this can’t be overstated – as it reduces training and can enable a quick-to-market stance in companies ready to adopt it.
Cordova apps install just like a native application, and are able to leverage app store discoverability.
Cordova follows a plugin architecture, which means that access to native device APIs can be extended in a modular way.
There are a lot Cordova/PhoneGap plugins to choose from – enabling developers to focus on the web-based skills they
already have. (This is a weakness as well, as we’ll see in a moment.)
Cordova is open source and free, so there are no licensing costs (also a potential weakness, mentioned below).
Cordova/PhoneGap solutions existed in this space early on, and have matured to the point where value-add offerings on
top of the basic CPT are the norm. For example, both Adobe’s PhoneGap Build and Telerik’s Icenium enable developers
to build for supported target platforms in the cloud, without local SDKs (meaning non-Mac users can build iOS
applications). In addition to Icenium’s cloud build services, Telerik also provides Kendo UI Mobile (an MVVM framework
targeted for performance on mobile), app analytics via EQATEC and a Backend-as-a-Service (BaaS) offering
named Everlive. Adobe has integrated PhoneGap Build capabilities into Brackets (a web based IDE) and Dreamweaver.
MAHMOUD SHAABAN
Apache Cordova Cons
Of course, being free is no guarantee of success. In fact, the emergence of PhoneGap Build and Icenium are clear
demonstrations that a “bare bones” Apache Cordova is woefully incomplete. The strength of being open source – and
leveraging the talents of a wide array of contributors – is both a blessing and curse. If you need to extend your app with a
custom Cordova/PhoneGap plugin, odds are you will find one. Yet it may be out of date and not support the target
platforms you need.
The plugin architecture works well if you can find the plugins you need or if your web developers are capable of changing
gears to write their own custom plugin(s) as needed. However, odds are that you chose Cordova, in part, to avoid the
need for specialized native platform skills.
The performance of Cordova/PhoneGap apps has often been criticized. Native UI will always outperform a hybrid
solution, but improvements in device hardware and WebView implementations have narrowed the gap. Your web
developers will need to pay close attention to performance, which means their knowledge of profiling tools as well as
which web UI frameworks are mobile-friendly is essential.
MAHMOUD SHAABAN
Apache Cordova Popularity
PhoneGap
Visual Studio Tooling for Cordova
Facebook
Wikipedia
Salesforce
IBM Worklight
Adobe
http://www.tricedesigns.com/2012/03/27/who-uses-phonegapapache-cordova/
MAHMOUD SHAABAN
References
http://www.gartner.com/newsroom/id/2669915
http://www.developereconomics.com/pros-cons-top-5-cross-platform-tools/
http://static.lukew.com/MobileFirst_LukeW.pdf
http://www.ericsson.com/res/docs/2014/ericsson-mobility-report-june-2014.pdf
MAHMOUD SHAABAN

More Related Content

Developing cross platforms mobile applications using the Apache Cordova

  • 1. Developing Cross Platforms Mobile Applications using Apache Cordova MAHMOUD SHAABAN
  • 9. Why developing cross platform mobile Apps MAHMOUD SHAABAN
  • 10. Why developing cross platform mobile apps Extend reach to many platforms using one technology You don’t have to learn new programming languages High learning curve Multiplatform/Multiarchitecture Application Development Tools According to the top 10 Mobile Technologies and Capabilities for 2015 and 2016 (Gartner) MAHMOUD SHAABAN
  • 11. Mobile cross platform tools Apache Cordova Titanium Appcelerator MoSync Whoop Xmarin(C#) MAHMOUD SHAABAN
  • 12. Apache Cordova Apache Cordova is a set of device APIs that allow a mobile app developer to access native device function such as the camera or accelerometer from JavaScript. Combined with a UI framework such as jQuery Mobile or Dojo Mobile or Sencha Touch, this allows a smartphone app to be developed with just HTML, CSS, and JavaScript. MAHMOUD SHAABAN
  • 13. Apache Cordova Pros Regardless of server side platform & language experience, a significant number of developers have experience with HTML, JavaScript and CSS. Apache Cordova allows developers to immediately leverage these existing skills. The value of this can’t be overstated – as it reduces training and can enable a quick-to-market stance in companies ready to adopt it. Cordova apps install just like a native application, and are able to leverage app store discoverability. Cordova follows a plugin architecture, which means that access to native device APIs can be extended in a modular way. There are a lot Cordova/PhoneGap plugins to choose from – enabling developers to focus on the web-based skills they already have. (This is a weakness as well, as we’ll see in a moment.) Cordova is open source and free, so there are no licensing costs (also a potential weakness, mentioned below). Cordova/PhoneGap solutions existed in this space early on, and have matured to the point where value-add offerings on top of the basic CPT are the norm. For example, both Adobe’s PhoneGap Build and Telerik’s Icenium enable developers to build for supported target platforms in the cloud, without local SDKs (meaning non-Mac users can build iOS applications). In addition to Icenium’s cloud build services, Telerik also provides Kendo UI Mobile (an MVVM framework targeted for performance on mobile), app analytics via EQATEC and a Backend-as-a-Service (BaaS) offering named Everlive. Adobe has integrated PhoneGap Build capabilities into Brackets (a web based IDE) and Dreamweaver. MAHMOUD SHAABAN
  • 14. Apache Cordova Cons Of course, being free is no guarantee of success. In fact, the emergence of PhoneGap Build and Icenium are clear demonstrations that a “bare bones” Apache Cordova is woefully incomplete. The strength of being open source – and leveraging the talents of a wide array of contributors – is both a blessing and curse. If you need to extend your app with a custom Cordova/PhoneGap plugin, odds are you will find one. Yet it may be out of date and not support the target platforms you need. The plugin architecture works well if you can find the plugins you need or if your web developers are capable of changing gears to write their own custom plugin(s) as needed. However, odds are that you chose Cordova, in part, to avoid the need for specialized native platform skills. The performance of Cordova/PhoneGap apps has often been criticized. Native UI will always outperform a hybrid solution, but improvements in device hardware and WebView implementations have narrowed the gap. Your web developers will need to pay close attention to performance, which means their knowledge of profiling tools as well as which web UI frameworks are mobile-friendly is essential. MAHMOUD SHAABAN
  • 15. Apache Cordova Popularity PhoneGap Visual Studio Tooling for Cordova Facebook Wikipedia Salesforce IBM Worklight Adobe http://www.tricedesigns.com/2012/03/27/who-uses-phonegapapache-cordova/ MAHMOUD SHAABAN