Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.

Apps with Apache Cordova and Phonegap

29,302 views

Published on

A few introductory slides on Apache Cordova / Phonegap. Presentation was held on 17.05.2013 at the Mobile Forum Stuttgart.

Published in: Technology, Business
  • Dating for everyone is here: ♥♥♥ http://bit.ly/2F7hN3u ♥♥♥
       Reply 
    Are you sure you want to  Yes  No
    Your message goes here
  • Sex in your area is here: ❶❶❶ http://bit.ly/2F7hN3u ❶❶❶
       Reply 
    Are you sure you want to  Yes  No
    Your message goes here
  • DOWNLOAD FULL. BOOKS INTO AVAILABLE FORMAT ......................................................................................................................... ......................................................................................................................... 1.DOWNLOAD FULL. PDF EBOOK here { https://tinyurl.com/y8nn3gmc } ......................................................................................................................... 1.DOWNLOAD FULL. EPUB Ebook here { https://tinyurl.com/y8nn3gmc } ......................................................................................................................... 1.DOWNLOAD FULL. doc Ebook here { https://tinyurl.com/y8nn3gmc } ......................................................................................................................... 1.DOWNLOAD FULL. PDF EBOOK here { https://tinyurl.com/y8nn3gmc } ......................................................................................................................... 1.DOWNLOAD FULL. EPUB Ebook here { https://tinyurl.com/y8nn3gmc } ......................................................................................................................... 1.DOWNLOAD FULL. doc Ebook here { https://tinyurl.com/y8nn3gmc } ......................................................................................................................... ......................................................................................................................... ......................................................................................................................... .............. Browse by Genre Available eBooks ......................................................................................................................... Art, Biography, Business, Chick Lit, Children's, Christian, Classics, Comics, Contemporary, Cookbooks, Crime, Ebooks, Fantasy, Fiction, Graphic Novels, Historical Fiction, History, Horror, Humor And Comedy, Manga, Memoir, Music, Mystery, Non Fiction, Paranormal, Philosophy, Poetry, Psychology, Religion, Romance, Science, Science Fiction, Self Help, Suspense, Spirituality, Sports, Thriller, Travel, Young Adult,
       Reply 
    Are you sure you want to  Yes  No
    Your message goes here

Apps with Apache Cordova and Phonegap

  1. 1. + PhoneGap (tm)
  2. 2. Christian Grobmeierwww.grobmeier.de@grobmeierASF Hacker +VP Logging, Freelancer, Founder: www.timeandbill.de
  3. 3. PhoneGap?Cordova?
  4. 4. PhoneGap> Company aquired by Adobe> Packages Cordova> Provides Build-Services
  5. 5. Cordova> Home of code> Community> Apache Software FoundationApache
  6. 6. HTML5JavaScriptCSSPluginsWebview
  7. 7. PLATFORMS?+ BlackBerry+ WebOS+ Symbian+ Bada+ QT+ Tizen+ OS X+ Windows
  8. 8. > Accelerometer> Camera> Compass> Contacts> File> Geolocation> Media> Network> Notifications> StoragePlugins
  9. 9. 1. Create a JavaScript function2. Develop a native pluginMore?extends CordovaPluginwindow.echo = function(str, callback) {cordova.exec(callback, function(err) {callback(Nothing to echo.);}, "Echo", "echo", [str]);};
  10. 10. Gettingstarted
  11. 11. IDE-SDKon buildpath
  12. 12. cd lib/android/bin./create ~/app de.app App
  13. 13. $> chrome--disable-web-security--allow-file-access-from-files
  14. 14. ApacheRIPPLE
  15. 15. FRIENDS 4 EVER?Roadcrew.js
  16. 16. zepto.js / jQuery+ Roadcrew.js+ Custom.js100% Performance
  17. 17. <html><body><div>Hey!</div><!-- include your js --><script type=“text/javascript“>$(document).on(deviceready, onDeviceReady );</script></body></html>
  18. 18. <body><div id=“page1“>Page 1</div><div id=“page2“><a href=“#page1“>...</div><div id=“page3“>Page 3</div></body>SinglePageApps
  19. 19. <body><div id=“p1“class=“start page“><button id=“refresh“>Refresh</button><ul id=“list“></ul></div></body>2:30Refresh
  20. 20. 2:30RefreshonDeviceReady() {$(#refresh).on(click,function() {app.refresh();});}
  21. 21. 2:30Refreshvar app = {refresh: function() {$.get(,data.json‘,function (data) {$(,#list‘).html(list);});}}RippleWave...
  22. 22. var options = {quality: 50,destinationType:Camera.DestinationType.FILE_URI}function cb(uri) {$(#img).attr(src , uri);}function fail(message) {alert(message);}navigator.camera.getPicture(cb, fail, options);Camera
  23. 23. SHIP!
  24. 24. SHIP!$> ant release
  25. 25. SHIP!build.phonegap.comServiceby Adobe
  26. 26. Drawbacks?
  27. 27. Write once,debugeverywhere
  28. 28. SHIP!NeedAnimations?
  29. 29. SHIP!Design ityourself
  30. 30. JavaScript.Is it hard?
  31. 31. Christian Grobmeierwww.grobmeier.de@grobmeierThanks!:-)
  32. 32. Image CreditsOil platform: NOAA Photolib (Flickr)Plugs: Brad.K (stopbits@Flickr)Car: Juan Alvaro (Flickr)Zebra: flowcomm (Flickr)Ship: eamoncurry123 (Flickr)Ant: sanchom (Flickr)Broken Tube: L. Marie (Flickr)

×