SlideShare a Scribd company logo
Cross Platform
Mobile Applications
https://www.webprogr.com
Topics
Understanding Mobile Apps
• Cross Platform Mobile App Development
• PhoneGap
• Native Mobile App Development
• Hybrid Mobile App Development
Understanding Mobile Apps
Characteristics
Touch based
Accelerometer
Compass
Location aware
Characteristics
Camera and Voice Recording
NFC (Near Field Communication) turning
phone into Credit Card, Access Card, Business
Card Exchanger
Shopping Applications
Characteristics
Push Notification
Notifying the User proactively
Challenges in building Mobile
Applications
Challenges – Mobile App Dev
Windows 7
Fragmentation with many operating systems
Types of Mobile App Dev
• Native Mobile Apps
• Cross Platform Mobile Apps
• Hybrid partly Native partly Cross Platform
Native Mobile Apps
When To
• Long Running Services
• Complex N/W comm.
• Canvas based Apps
• Only Few Platforms
When Not To
• Replica Web Apps
• Standard Restful
• Widget based apps
• Many Platforms
Cross Platform Mobile Apps
When To
• Complex backend Apps
• Standard Restful
• Widget based apps
• Many Platforms
When Not To
• Long Running Services
• Complex N/W comm.
• Canvas based Apps
• Only Few Platforms
Hybrid Mobile Apps
When To
• Fairly Simple UI
• Complex Backend
• Quite few platforms
Why To
• Some parts of app are common
• Rest parts are different
• Use Cross Platform to develop
common part
• Use Native to develop the
weight lifting parts
Cross Platform Mobile App
Development
Cross Platform Strategies
Common
Platform
e.g WebKit
Mapping to
Native
PhoneGap
Apache Cordova
Titanium
Cross Platform
Source Code
WebKit Platform
• All Mobile Platforms have something common that is a
Modern Browser
• All these browsers are based on WebKit - Apple and Android
• Moreover all these platform support showing embedded
browser in Applications ( WebView)
• Strange enough all these WebViews provide hooks from
javascript to java and vice a versa
• In short WebView is the new Virtual Machine 
Mapping to Native Code
• Say Application is written in JavaScript
• The JavaScript code is running in Interpreter
• The Interpreter internally forwards calls to the native code
• Limitation being the you can only map to subset of code
available on all target platforms. 
• OR you allow for fragmentation in api, like Titanium Mobile
does for involving Android services
Mobile App Dev Frameworks
Common Platform
• PhoneGap / Apache
Cordova
• Titanium Desktop
Mapping to Native
• Titanium Mobile
• Rho Mobile
Apache Cordova / PhoneGapMobile app development
PhoneGap / Apache Cordova
• Only platform to support 6 Platforms
PhoneGap Prerequistes
• Need to be acquainted with Android, IOS, BlackBerry, WebOS
• Need to be expert at HTML/Javascript or framework like GWT
• Need to be acquainted with JavaScript libraries like
• Ionic ,Angular.js
• Prototype
• Etc
• Or Ajax framework like GWT
• Use existing IDEs like Eclipse or Xcode, PhoneGap has no IDE
Titanium Mobile
Titanium Architecture
Titanium Prerequistes
• Need to be acquainted with Android, IOS programming
• Need to know JavaScript
• Use Titanium Mobile IDE to configure projects and use Text
IDE to edit the code
Native Mobile App
Development
Native App Development
• Basically you need to hire experts who can
• Build Android, IOS, BB, BlackBerry and Windows mobile apps
• Devs should have experience to deploy apps on market
• Devs should have experience on various devices
• QA should know how to automate things on devices/emulator
• Have concrete plans on
• What is Trial app?
• How does user upgrade?
• Use in app billing to have fine grained control
• Plan for risks if this is your companies first Mobile App
deployment
Hybrid Mobile App
Development
Hybrid App Development
• Have Web Developers for Common UI
• Have native code experts for heavy weight lifting
• Use frameworks like PhoneGap to glue the above two pieces
• Measure at every milestone to keep track of effect of changes
• Use Automation to regress every layer
Comparison
Titanium
• Gives out native app
• API is more proprietary
• UI has Limitations
• UI will be fast
• Much better User Experience
• Portal Code can not be
reused
• Extensions are possible
• Limited support for
HTML/Javascript
PhoneGap
• Gives out a mobile web app
• API is less proprietary
• UI possibilities are unlimited
• UI could be slow
• User Experience will get
better with enhancements
• Portal Code can be reused
• Plugins are possible and easy
to implement
More will come out of discussion, comments are welcome
Conclusion
• Webkit is the next Virtual Machine.
• Js work anywhere
Cross Desktop App Dev
• Following are options worth considering
• Nokia QT (webkit based)
• Titanium Desktop (webkit based)
• Adobe Air (flash based) but slow
• Java
• Many more
JavaScript to Native Channel
• Assume a single channel from Javascript to native and back
from native to Javascript is present
• This Single Channel can provide infinite control to the native
code. One needs to just add more code to the native end and
add new messages for it to be exposed.
• However, understand that Javascript is single threaded and
the callbacks will execute only if there is no javascript running.
Cross platform app
development
For your next mobile app development project for multiplatforms
Contact us at www.webprogr.com/contactus.html
For more on Apache Cordova Phonegap mobile app development here
https://www.webprogr.com/phonegap-experts.html
Phone: +1 703 495 5847 Email: mktg@webprogr.com

More Related Content

PPTX
Cross platform approach for mobile application development : a survey
PDF
Cross Platform Mobile Development
PDF
Cross platform development
PDF
Mobile Architecture Comparison
PPTX
Hybrid App Development with PhoneGap
PPTX
Hybrid Mobile Development
PDF
Cross platform mobile web apps
Cross platform approach for mobile application development : a survey
Cross Platform Mobile Development
Cross platform development
Mobile Architecture Comparison
Hybrid App Development with PhoneGap
Hybrid Mobile Development
Cross platform mobile web apps

What's hot (20)

PDF
Cross platform Xamarin Apps With MVVM
PPTX
C# everywhere: Xamarin and cross platform development
PPTX
Universal Windows Platform
KEY
Cross Platform Development with Xamarin
PDF
Cordova + Ionic + MobileFirst
PPTX
Mobile architecture options
PDF
Building hybrid apps with Xamarin, Ryan Paul
PDF
Cordova / PhoneGap, mobile apps development with HTML5/JS/CSS
PDF
Introduction to xamarin
KEY
Phonegap/Cordova vs Native Application
PPTX
Top 4 Cross Platform tools for Mobile App Development
PPTX
Telerik AppBuilder 101
PDF
Building Cross-Platform Mobile Apps with PhoneGap and Sencha Touch
PPTX
Building Native “apps” with Visual Studio 2015
PPTX
Introduction to xamarin
PPTX
Building Cross-Platform JavaScript Apps using Cordova
PPTX
Native Mobile Apps, Xamarin, and PhoneGap
PPT
Cross Platform Mobile App Development
PDF
Apache Cordova
PPTX
Android L and So Much More Webinar Slides
Cross platform Xamarin Apps With MVVM
C# everywhere: Xamarin and cross platform development
Universal Windows Platform
Cross Platform Development with Xamarin
Cordova + Ionic + MobileFirst
Mobile architecture options
Building hybrid apps with Xamarin, Ryan Paul
Cordova / PhoneGap, mobile apps development with HTML5/JS/CSS
Introduction to xamarin
Phonegap/Cordova vs Native Application
Top 4 Cross Platform tools for Mobile App Development
Telerik AppBuilder 101
Building Cross-Platform Mobile Apps with PhoneGap and Sencha Touch
Building Native “apps” with Visual Studio 2015
Introduction to xamarin
Building Cross-Platform JavaScript Apps using Cordova
Native Mobile Apps, Xamarin, and PhoneGap
Cross Platform Mobile App Development
Apache Cordova
Android L and So Much More Webinar Slides
Ad

Viewers also liked (14)

PDF
Cross platform web app development
PDF
Towards cross-platfrom application development
PDF
Cross-Platform Mobile Development with Titanium
PPT
Qt Technical Presentation
PDF
03 cross platform design
PPT
Most Popular Cross Platform Mobile Development Tools
PPTX
Cross platform mobile developement introduction
ODP
Synapse india reviews on mobile application development
PPT
360 Flex Atlanta
PPT
Cross Platform Mobile Development with Xamarin
PDF
IBM MobileFirst - Hybrid App Development
PPTX
Cross Platform Mobile Application Development Using Xamarin and C#
PPTX
Amsterdam HTML5 Game Developement Meetup - ThreeDee Media presentation
PPT
Cross platform mobile application development
Cross platform web app development
Towards cross-platfrom application development
Cross-Platform Mobile Development with Titanium
Qt Technical Presentation
03 cross platform design
Most Popular Cross Platform Mobile Development Tools
Cross platform mobile developement introduction
Synapse india reviews on mobile application development
360 Flex Atlanta
Cross Platform Mobile Development with Xamarin
IBM MobileFirst - Hybrid App Development
Cross Platform Mobile Application Development Using Xamarin and C#
Amsterdam HTML5 Game Developement Meetup - ThreeDee Media presentation
Cross platform mobile application development
Ad

Similar to Cross platform mobile application development (20)

PPTX
Hybrid Mobile Development with Apache Cordova,AngularJs and ionic
PDF
Building Mobile Cross-Platform Apps with HTML5, jQuery Mobile & PhoneGap
ODP
Synapse india reviews on cross plateform mobile apps development
KEY
Phone gap
PDF
Mobile app development
PDF
Post Windows Mobile: New Application Development Platforms
PPTX
Developing Windows Phone 8 apps using PhoneGap
PPTX
2011 code camp
KEY
Mobile ECM with JavaScript - JSE 2011
PDF
Mobile Development
PPT
Making the Mobile Web Native with PhoneGap
KEY
Future of Mobile
PDF
Introduction to Phonegap
PPTX
Cross platform mobile application devlopment
PDF
HTML5 or Android for Mobile Development?
PPTX
Introduction to hybrid application development
PPTX
WappZapp Pitch Node JS Meetup
PDF
Cross Platform Mobile Development
PPTX
Hybrid mobile application with Ionic
PDF
Firefox OS Weekend
Hybrid Mobile Development with Apache Cordova,AngularJs and ionic
Building Mobile Cross-Platform Apps with HTML5, jQuery Mobile & PhoneGap
Synapse india reviews on cross plateform mobile apps development
Phone gap
Mobile app development
Post Windows Mobile: New Application Development Platforms
Developing Windows Phone 8 apps using PhoneGap
2011 code camp
Mobile ECM with JavaScript - JSE 2011
Mobile Development
Making the Mobile Web Native with PhoneGap
Future of Mobile
Introduction to Phonegap
Cross platform mobile application devlopment
HTML5 or Android for Mobile Development?
Introduction to hybrid application development
WappZapp Pitch Node JS Meetup
Cross Platform Mobile Development
Hybrid mobile application with Ionic
Firefox OS Weekend

Cross platform mobile application development

  • 2. Topics Understanding Mobile Apps • Cross Platform Mobile App Development • PhoneGap • Native Mobile App Development • Hybrid Mobile App Development
  • 5. Characteristics Camera and Voice Recording NFC (Near Field Communication) turning phone into Credit Card, Access Card, Business Card Exchanger
  • 8. Challenges in building Mobile Applications
  • 9. Challenges – Mobile App Dev Windows 7 Fragmentation with many operating systems
  • 10. Types of Mobile App Dev • Native Mobile Apps • Cross Platform Mobile Apps • Hybrid partly Native partly Cross Platform
  • 11. Native Mobile Apps When To • Long Running Services • Complex N/W comm. • Canvas based Apps • Only Few Platforms When Not To • Replica Web Apps • Standard Restful • Widget based apps • Many Platforms
  • 12. Cross Platform Mobile Apps When To • Complex backend Apps • Standard Restful • Widget based apps • Many Platforms When Not To • Long Running Services • Complex N/W comm. • Canvas based Apps • Only Few Platforms
  • 13. Hybrid Mobile Apps When To • Fairly Simple UI • Complex Backend • Quite few platforms Why To • Some parts of app are common • Rest parts are different • Use Cross Platform to develop common part • Use Native to develop the weight lifting parts
  • 14. Cross Platform Mobile App Development
  • 15. Cross Platform Strategies Common Platform e.g WebKit Mapping to Native PhoneGap Apache Cordova Titanium Cross Platform Source Code
  • 16. WebKit Platform • All Mobile Platforms have something common that is a Modern Browser • All these browsers are based on WebKit - Apple and Android • Moreover all these platform support showing embedded browser in Applications ( WebView) • Strange enough all these WebViews provide hooks from javascript to java and vice a versa • In short WebView is the new Virtual Machine 
  • 17. Mapping to Native Code • Say Application is written in JavaScript • The JavaScript code is running in Interpreter • The Interpreter internally forwards calls to the native code • Limitation being the you can only map to subset of code available on all target platforms.  • OR you allow for fragmentation in api, like Titanium Mobile does for involving Android services
  • 18. Mobile App Dev Frameworks Common Platform • PhoneGap / Apache Cordova • Titanium Desktop Mapping to Native • Titanium Mobile • Rho Mobile
  • 19. Apache Cordova / PhoneGapMobile app development
  • 20. PhoneGap / Apache Cordova • Only platform to support 6 Platforms
  • 21. PhoneGap Prerequistes • Need to be acquainted with Android, IOS, BlackBerry, WebOS • Need to be expert at HTML/Javascript or framework like GWT • Need to be acquainted with JavaScript libraries like • Ionic ,Angular.js • Prototype • Etc • Or Ajax framework like GWT • Use existing IDEs like Eclipse or Xcode, PhoneGap has no IDE
  • 24. Titanium Prerequistes • Need to be acquainted with Android, IOS programming • Need to know JavaScript • Use Titanium Mobile IDE to configure projects and use Text IDE to edit the code
  • 26. Native App Development • Basically you need to hire experts who can • Build Android, IOS, BB, BlackBerry and Windows mobile apps • Devs should have experience to deploy apps on market • Devs should have experience on various devices • QA should know how to automate things on devices/emulator • Have concrete plans on • What is Trial app? • How does user upgrade? • Use in app billing to have fine grained control • Plan for risks if this is your companies first Mobile App deployment
  • 28. Hybrid App Development • Have Web Developers for Common UI • Have native code experts for heavy weight lifting • Use frameworks like PhoneGap to glue the above two pieces • Measure at every milestone to keep track of effect of changes • Use Automation to regress every layer
  • 29. Comparison Titanium • Gives out native app • API is more proprietary • UI has Limitations • UI will be fast • Much better User Experience • Portal Code can not be reused • Extensions are possible • Limited support for HTML/Javascript PhoneGap • Gives out a mobile web app • API is less proprietary • UI possibilities are unlimited • UI could be slow • User Experience will get better with enhancements • Portal Code can be reused • Plugins are possible and easy to implement More will come out of discussion, comments are welcome
  • 30. Conclusion • Webkit is the next Virtual Machine. • Js work anywhere
  • 31. Cross Desktop App Dev • Following are options worth considering • Nokia QT (webkit based) • Titanium Desktop (webkit based) • Adobe Air (flash based) but slow • Java • Many more
  • 32. JavaScript to Native Channel • Assume a single channel from Javascript to native and back from native to Javascript is present • This Single Channel can provide infinite control to the native code. One needs to just add more code to the native end and add new messages for it to be exposed. • However, understand that Javascript is single threaded and the callbacks will execute only if there is no javascript running.
  • 33. Cross platform app development For your next mobile app development project for multiplatforms Contact us at www.webprogr.com/contactus.html For more on Apache Cordova Phonegap mobile app development here https://www.webprogr.com/phonegap-experts.html Phone: +1 703 495 5847 Email: mktg@webprogr.com