Cross platform mobile development
Upcoming SlideShare
Loading in...5
×
 

Cross platform mobile development

on

  • 57,658 views

Learn how to build cross-platform mobile applications using technologies like HTML5, PhoneGap, Appcelerator Titanium, Adobe Flash Builder and Applause. ...

Learn how to build cross-platform mobile applications using technologies like HTML5, PhoneGap, Appcelerator Titanium, Adobe Flash Builder and Applause.

Here is a video recording of this presentation: http://www.infoq.com/presentations/Cross-Platform-Mobile

Statistics

Views

Total Views
57,658
Views on SlideShare
43,592
Embed Views
14,066

Actions

Likes
99
Downloads
2,705
Comments
17

57 Embeds 14,066

http://appontwikkelen.nl 9759
http://www.comunic.ro 577
http://oedb.org 576
http://blog.espol.edu.ec 413
http://nhyoma.wordpress.com 381
http://www.conseilsmarketing.com 368
http://www.scoop.it 342
http://lonewolflibrarian.wordpress.com 332
http://eventifier.co 266
http://www.hyoma.de 206
http://techmaster.vn 205
https://twitter.com 95
http://appstore.avelo.com 77
http://www.bedienhilfe.ch 71
http://blog.websourcing.fr 43
http://localhost 40
http://hhddkk.wordpress.com 37
http://blog.bedienhilfe.ch 36
http://inspiregroups.co.in 29
http://www.stonepower.fr 27
http://hyoma.de 23
http://comunic.ro 21
http://bitly.com 17
http://www.techgig.com 12
http://www.library.ceu.hu 10
http://feeds.feedburner.com 9
http://192.168.1.53 9
http://muddassirkhanani.blogspot.com 9
http://www.linkedin.com 9
https://si0.twimg.com 9
http://pinterest.com 8
http://www.paperblog.fr 7
http://translate.googleusercontent.com 5
http://a0.twimg.com 3
http://twitter.com 3
http://flavors.me 3
http://muddassirkhanani.blogspot.in 2
http://kelenvillacres.blogspot.com 2
https://hhddkk.wordpress.com 2
http://librarians.collected.info 2
http://newsblur.com 2
http://www.netvibes.com 2
http://comunic.tremend.ro 2
http://appstore.1st.local 2
https://nhyoma.wordpress.com 1
http://the-refreshing-sip.blogspot.com 1
http://solutions-review.com 1
http://cloud.feedly.com 1
https://abs.twimg.com 1
http://feed.mikle.com 1
More...

Accessibility

Upload Details

Uploaded via as Adobe PDF

Usage Rights

© All Rights Reserved

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel

110 of 17 Post a comment

  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Processing…
  • Hi peter first of all i would like to congratulate you for your Slide. It is ranking on top for the term Cross platform Mobile app development. This is really a great piece of work that explains every thing with the help of images and graphs.
    Are you sure you want to
    Your message goes here
    Processing…
  • Hi, This presentation on cross platform mobile application development is really very much in demand. As it works on different platforms.

    http://www.omniesolutions.com/cross-platform-mobile-app-development.aspx
    Are you sure you want to
    Your message goes here
    Processing…
  • Very nice! thanks.
    There is another very good cross-compiled option for java developers - www.codenameone.com
    Are you sure you want to
    Your message goes here
    Processing…
  • very nice,,thanks for sharing pet..great analysis :))
    Are you sure you want to
    Your message goes here
    Processing…
  • Nowadays,There is also cross-platform SDK for Android, iOS, Symbian, Samsung & Windows Mobile. developing an mobile app can cost a lot of money and take a lot of time. So Cross-platform mobile app development makes things simpler and better.
    Are you sure you want to
    Your message goes here
    Processing…

110 of 17

Post Comment
Edit your comment

Cross platform mobile development Cross platform mobile development Presentation Transcript

  • Cross-Platform Mobile Development(c) 2012 Peter Friese, Zühlke Engineering (peter@peterfriese.de / @peterfriese)
  • Peter Friese @peterfriese peter.friese@zuehlke.com xing.to/peter http://peterfriese.de(c) 2012 Peter Friese, Zühlke Engineering (peter@peterfriese.de / @peterfriese)
  • cell phone usage is ubiquitous
  • cell phone usage is ubiquitous
  • Growth of the mobile web15,0 %13,5 % > 8%12,0 %10,5 % 9,0 % 7,5 % ~ 4% < 2% 6,0 % 4,5 % 3,0 % 1,5 % 0 % 2008-12 2009-03 2009-06 2009-09 2009-12 2010-03 2010-06 2010-09 2010-12 2011-03 2011-06 2011-09 2011-12 2012-03 2012-06 Source: http://gs.statcounter.com/#mobile_vs_desktop-ww-monthly-200812-201206(c) 2012 Peter Friese, Zühlke Engineering (peter@peterfriese.de / @peterfriese)
  • I want an App(c) 2012 Peter Friese, Zühlke Engineering (peter@peterfriese.de / @peterfriese)
  • Mobile Platforms(c) 2012 Peter Friese, Zühlke Engineering (peter@peterfriese.de / @peterfriese)
  • Mobile Platforms(c) 2012 Peter Friese, Zühlke Engineering (peter@peterfriese.de / @peterfriese)
  • Mobile Platforms Others 2011 Android 46,9 % iOS 18,8 % BlackBe rr y 11,5 % Symbian 16,9 % WP7 2,3 % Others 3,6 %Source: IDC Worldwide Quarterly Mobile Phone Tracker, August 12, 2012. http://www.idc.com/getdoc.jsp?containerId=prUS23638712
  • Mobile Platforms Others 2011 2012 Android 46,9 % 68,1 % iOS 18,8 % BlackBe 16,9 % rry 11,5 % Symbian 4,8 % 16,9 % 4,4 % WP7 2,3 % Others 3,5 % 3,6 % 2,3 % 2011 2012Source: IDC Worldwide Quarterly Mobile Phone Tracker, August 12, 2012. http://www.idc.com/getdoc.jsp?containerId=prUS23638712
  • The Native Experience IDE Emulator Store Consumer IDE Emulator Store Consumer IDE Simulator Store Consumer(c) 2012 Peter Friese, Zühlke Engineering (peter@peterfriese.de / @peterfriese)
  • The Native Experience(c) 2012 Peter Friese, Zühlke Engineering (peter@peterfriese.de / @peterfriese)
  • Native App Native App only centr application al logic // Web App ttp: htt h (Java / PHP) p:// Native App Files Web Images Other Resources Database Service d Device U I an Backend 3rd Party tes execu ication ) appl (s ome logic(c) 2012 Peter Friese, Zühlke Engineering (peter@peterfriese.de / @peterfriese)
  • Demo
  • D evelo per’s Native Apps rspe ctive pe Language(s) Java (Android, BlackBerry) Cost of $$ Mac OS required (iOS) Objective-C (iOS) development $$ License fees (all) C# (WP7) Learning curve ✔ Educational material Platforms ✔ Android ✔ Forums ✔ iOS ✔ Support ✔ WP7 ✔ BlackBerry Development ✔ IDEs support Eclipse Platform access ✔ Camera Xcode / AppCode ✔ GPS Visual Studio ✔ Gyro ✔ Debugging ✔ address book ✔ calendar ✔ etc. Monetization ✔ App stores(c) 2012 Peter Friese, Zühlke Engineering (peter@peterfriese.de / @peterfriese)
  • User’s Native Apps perspective Performance best you can get Platforms ✔ Android ✔ iOS ✔ WP7 ✔ BlackBerry Visibility easily found on the app stores(c) 2012 Peter Friese, Zühlke Engineering (peter@peterfriese.de / @peterfriese)
  • Recommendation Use native applications if... - you want to achieve native look and feel - you need top performance - you want to be on the app store(s)(c) 2012 Peter Friese, Zühlke Engineering (peter@peterfriese.de / @peterfriese)
  • Later, in the office(c) 2012 Peter Friese, Zühlke Engineering (peter@peterfriese.de / @peterfriese)
  • Multi-Platform Apps only for rich guys?
  • Have your cake and eat it, too?http://www.flickr.com/photos/jeff-anderson/4385042770/
  • 6 Approaches(c) 2012 Peter Friese, Zühlke Engineering (peter@peterfriese.de / @peterfriese)
  • The Web(c) 2012 Peter Friese, Zühlke Engineering (peter@peterfriese.de / @peterfriese)
  • The Web(c) 2012 Peter Friese, Zühlke Engineering (peter@peterfriese.de / @peterfriese)
  • The Mobile Web(c) 2012 Peter Friese, Zühlke Engineering (peter@peterfriese.de / @peterfriese)
  • abus ed as r a endere r dumb Server-side Web (as we know it) exe cu UI tes app and lic atio nl ogi c : // Web App h ttp (Java / PHP) htt p:// Web Browser Files Web Images Other Resources Database Service Device Backend 3rd Party(c) 2012 Peter Friese, Zühlke Engineering (peter@peterfriese.de / @peterfriese)
  • Frameworks / Toolkits 320 zurb Foundation http://foundation.zurb.com/ Twitter Bootstrap http://twitter.github.com/bootstrap/(c) 2012 Peter Friese, Zühlke Engineering (peter@peterfriese.de / @peterfriese)
  • Demo
  • D evelo per’s Mobile Web rspe ctive pe Language(s) Java / Ruby (Backend) Cost of $0.0 use existing tools HTML* (Frontend) development $0.0 no license fees Learning curve ✔ Educational material Platforms ✔ Android ✔ Forums ✔ iOS ✔ Support ✔ WP7 ✔ BlackBerry Development ✔ use editor of your choice ✔ even your old Nokia support ✔ Debugging: Platform access ✘ Camera Chrome DevTools ✔ GPS ✔ Gyro ✘ address book ✘ calendar ✘ etc. Monetization ✘ App stores *) I know, HTML doesn’t count as a “real” language.(c) 2012 Peter Friese, Zühlke Engineering (peter@peterfriese.de / @peterfriese)
  • User’s Mobile Web perspective Performance - as fast as your browser is - you will experience network latency Platforms ✔ Android ✔ iOS ✔ WP7 ✔ BlackBerry ✔ all phones with a browser Visibility ✘ not distributed via the app stores ✔ search engine!(c) 2012 Peter Friese, Zühlke Engineering (peter@peterfriese.de / @peterfriese)
  • Recommendation Use the mobile web if... - you need a mobile landing page for your company - you need something that runs on almost every platform Don’t use it if you want to use smartphone sensors!(c) 2012 Peter Friese, Zühlke Engineering (peter@peterfriese.de / @peterfriese)
  • Client-Side Web Also know as HTML 5(c) 2012 Peter Friese, Zühlke Engineering (peter@peterfriese.de / @peterfriese)
  • execu tes UI and pplicatio n Client-side Web only centr al(some) a application logic logic Web Browser http:// App Web App (JavaScript) (Java / PHP) Files Files Database Images Images Other Resources Database Other Resources (e.g. for caching) Device Backend(c) 2012 Peter Friese, Zühlke Engineering (peter@peterfriese.de / @peterfriese)
  • Frameworks / Toolkits zepto.js iUI.js joApp Wink Toolkit(c) 2012 Peter Friese, Zühlke Engineering (peter@peterfriese.de / @peterfriese)
  • Demo
  • Demo
  • Dev eloper’s Client-Side Web tive per spec Language(s) Java / Ruby (Backend) Cost of $0.0 use existing tools HTML* (Frontend) development $0.0 no license fees JavaScript (Front- /Backend) Learning curve ✔ Educational material Platforms ✔ Android ✔ Forums ✔ iOS ✔ Support ✔ WP7 ✔ BlackBerry Development ✔ use editor of your choice support ✔ Debugging: Platform access ✘ Camera Chrome DevTools ✔ GPS ✔ Gyro ** ✘ address book ✘ calendar ✘ etc. Monetization ✘ App stores *) I know, HTML doesn’t count as a “real” language. **) See http://www.peterfriese.de/how-to-use-the-gyroscope-of-your-iphone-in-a-mobile-web-app/(c) 2012 Peter Friese, Zühlke Engineering (peter@peterfriese.de / @peterfriese)
  • User’s Client-Side Web perspective Performance - as fast as your browser is - you will experience network latency Someti mes, ap Platforms ✔ Android Android ps on or Blac ✔ iOS will loo kBerry ✔ WP7 k like a ✔ BlackBerry pps on the iPh ✔ all phones with a browser one. Visibility ✘ not distributed via the app stores ✔ search engine!(c) 2012 Peter Friese, Zühlke Engineering (peter@peterfriese.de / @peterfriese)
  • Recommendation Use the client-side web if... - you want to prototype a service - need something that looks like an app, but care less for the sensors of your phone In the future, this will probably be a viable way to build full-blown apps(c) 2012 Peter Friese, Zühlke Engineering (peter@peterfriese.de / @peterfriese)
  • Hybrid Apps(c) 2012 Peter Friese, Zühlke Engineering (peter@peterfriese.de / @peterfriese)
  • Hybrid App only centr application al logic Native App http:// Web App Library (native) (Java / PHP) Native Code Bridge p :// t ht App (JavaScript) Files Images Other Resources Database Interpreter Device Backend me) executes UI and (so application logic(c) 2012 Peter Friese, Zühlke Engineering (peter@peterfriese.de / @peterfriese)
  • Hybrid App Adobe Flash Builder(c) 2012 Peter Friese, Zühlke Engineering (peter@peterfriese.de / @peterfriese)
  • Demo
  • DemoRequest Interception
  • Dev eloper’s Hybrid Apps tive per spec Language(s) Java / Ruby (Backend) Cost of $0.0 use existing tools HTML* (Frontend) development $0.0 no license fees JavaScript (Front- /Backend) Learning curve ✔ Educational material Platforms ✔ Android ✔ Forums ✔ iOS ✔ Support ✔ WP7 ✔ BlackBerry Development ✔ use editor of your choice support ✔ support in some IDEs Platform access ✔ Camera ✔ Debugging: ✔ GPS Chrome DevTools ✔ Gyro ** ✔ address book ✔ calendar ✔ etc. Monetization ✔ App stores *) I know, HTML doesn’t count as a “real” language. **) See http://www.peterfriese.de/how-to-use-the-gyroscope-of-your-iphone-in-a-mobile-web-app/(c) 2012 Peter Friese, Zühlke Engineering (peter@peterfriese.de / @peterfriese)
  • User’s Hybrid Apps perspective Performance - as fast as your browser is - you will experience network latency Platforms ✔ Android ✔ iOS ✔ WP7 ✔ BlackBerry ✔ Symbian ✔ Bada Visibility ✔ distributed via the app stores ✘ search engine: no!(c) 2012 Peter Friese, Zühlke Engineering (peter@peterfriese.de / @peterfriese)
  • Recommendation Use a hybrid approach if... - you want to build your app based on HTML 5 - and need access to the phone’s hardware PhoneGap’s goal is to make itself superfluous.(c) 2012 Peter Friese, Zühlke Engineering (peter@peterfriese.de / @peterfriese)
  • Interpreted Apps(c) 2012 Peter Friese, Zühlke Engineering (peter@peterfriese.de / @peterfriese)
  • Interpreted Apps only centr al application logic Native App http:/ / API API API API Web App (Java / PHP) Native APIs Abstraction Layer :// t p ht App Script Files (JavaScript, Lua) Images Other Resources Database Interpreter d U I an tes e xecu ication Device Backend appl (so me) logic(c) 2012 Peter Friese, Zühlke Engineering (peter@peterfriese.de / @peterfriese)
  • Frameworks / Toolkits(c) 2012 Peter Friese, Zühlke Engineering (peter@peterfriese.de / @peterfriese)
  • Demo
  • Dev eloper’s Interpreted Apps tive per spec Language(s) JavaScript Cost of $0.0 tools free of charge development > $0.0 license fees to some extend Platforms ✔ Android Learning curve ✔ Educational material ✔ iOS ✔ Forums ✘ WP7 ✔ Support ✔ BlackBerry Development ✔ IDEs Platform access ✔ Camera support ✔ Integrated Debugging ✔ GPS ✔ Gyro ** ✔ address book ✔ calendar ✔ etc. Monetization ✔ App stores(c) 2012 Peter Friese, Zühlke Engineering (peter@peterfriese.de / @peterfriese)
  • User’s Interpreted Apps perspective Performance - almost native experience Platforms ✔ Android ✔ iOS ✘ WP7 ✔ BlackBerry Visibility ✔ distributed via the app stores ✘ search engine: no!(c) 2012 Peter Friese, Zühlke Engineering (peter@peterfriese.de / @peterfriese)
  • Recommendation Use interpreted apps if... - you want to use “one language to build them all” - need access to the phone’s hardware - need semi-native look’n’feel / performance(c) 2012 Peter Friese, Zühlke Engineering (peter@peterfriese.de / @peterfriese)
  • Cross Compiling Image found at http://mjmobbs.com/?p=262(c) 2012 Peter Friese, Zühlke Engineering (peter@peterfriese.de / @peterfriese)
  • Code Generator Native App Files http Images Other Resources :// iOS Cartridge (iOS) http:// Engine Cartridge Native Web App Model Describes App (Android) App (Java / PHP) Cartridge Android // (WP7) http: Generator Native Database App Backend WP7(c) 2012 Peter Friese, Zühlke Engineering (peter@peterfriese.de / @peterfriese)
  • Cross-Compiler (Mono) Native App http :// UI MonoTouch(iOS) (iOS) iOS UI MonoDroid (Android) (Android) http Native :// App UI Mono Compiler (WP7) Android Core .NET RT (WP7) / (Shared) p:/ htt C# MSIL Compiler Native App Backend WP7(c) 2012 Peter Friese, Zühlke Engineering (peter@peterfriese.de / @peterfriese)
  • Frameworks / Tools(c) 2012 Peter Friese, Zühlke Engineering (peter@peterfriese.de / @peterfriese)
  • Demo
  • Dev eloper’s Cross-Compiled tive per spec Language(s) .NET / C# Cost of $$ need to buy dev tools development Platforms ✔ Android Learning curve ✔ Educational material ✔ iOS ✔ Forums ✔ WP7 ✔ Support ✘ BlackBerry Development ✔ IDEs Platform access ✔ Camera support ✔ Integrated Debugging ✔ GPS ✔ Gyro ** ✔ address book ✔ calendar ✔ etc. Monetization ✔ App stores(c) 2012 Peter Friese, Zühlke Engineering (peter@peterfriese.de / @peterfriese)
  • User’s Cross-Compiled perspective Performance - native experience - native look’n’feel Platforms ✔ Android ✔ iOS ✔ WP7 ✘ BlackBerry Visibility ✔ distributed via the app stores ✘ search engine: no!(c) 2012 Peter Friese, Zühlke Engineering (peter@peterfriese.de / @peterfriese)
  • Recommendation Use cross-compiled apps if... - you want to use “one language to build them all” - need access to the phone’s hardware - need truly native look’n’feel / performance(c) 2012 Peter Friese, Zühlke Engineering (peter@peterfriese.de / @peterfriese)
  • Summary Native App http:/ / / Web App / Web App API API API API Web App p:/ p:/ htt (Java / PHP) htt p:// htt (Java / PHP) htt p:// (Java / PHP) Native APIs Native App Web Browser Abstraction Layer :// tp ht Files Files App Script Files Images Web Images Web (JavaScript, Lua) Other Resources Database Service Other Resources Database Service Images Database Other Resources Interpreter Device Backend 3rd Party Device Backend 3rd Party Device Backend Web Browser Native App Native App Files http http:// Images http:// Other Resources :// App Web App Web App iOS (Java / PHP) (Java / PHP) Cartridge (JavaScript) Library (native) (iOS) http:// Engine Cartridge Native Web App Native Code Model Bridge // App p: (Java / PHP) Describes App (Android) htt Cartridge Android / (WP7) Files Files http:/ Files App (JavaScript) Database Images Images Images Other Resources Database Other Resources Database Other Resources (e.g. for caching) Generator Interpreter Native Database App Device Backend Device Backend Backend WP7(c) 2012 Peter Friese, Zühlke Engineering (peter@peterfriese.de / @peterfriese)
  • Summary Client- CrossLanguage(s) Native Web Side Web Hybrid Interpreted Compiled various ✔ Java / Ruby / HTML ✔ JavaScript / HTML ✔ ✔ ✔ C# ✔Platforms Android ✔ ✔ ✔ ✔ ✔ ✔ iOS ✔ ✔ ✔ ✔ ✔ ✔ WP7 ✔ ✔ ✔ ✔ ✘ ✔ BlackBerry ✔ ✔ ✔ ✔ ✔ ✘Platform access ✔ ✘ ✘ ✔ ✔ ✔Cost of development $$$ $ $$ $$ $$ $$Development support ++ + + + ++ ++Monetization ++ - - ++ ++ ++
  • Zühlke. Empowering Ideas.Want to learn more? Get in touch - I’m available for consulting:@peterfriesepeter.friese@zuehlke.comhttp://www.zuehlke.com
  • Zühlke. Empowering Ideas. http://slidesha.re/xS4QGbWant to learn more? Get in touch - I’m available for consulting:@peterfriesepeter.friese@zuehlke.comhttp://www.zuehlke.com