Successfully reported this slideshow.
Your SlideShare is downloading. ×

PhoneGap mobile development

Loading in …3
×

Check these out next

1 of 66
1 of 66

More Related Content

Related Books

Free with a 30 day trial from Scribd

See all

Related Audiobooks

Free with a 30 day trial from Scribd

See all

PhoneGap mobile development

  1. 1. max firtman @firt firt.mobi
  2. 2. who am I? mobile+web developer mobilexweb.com blog @firt
  3. 3. where? buenos aires ~ argentina patagonia football meat & wine tango
  4. 4. speaker
  5. 5. books Image from my house
  6. 6. coming soon... also by @estellevw
  7. 7. .com
  8. 8. why mobile?
  9. 9. mobile ‣  absolutely personal ‣  +5 billions ‣  make us focus ‣  read our context... ‣  ... always... ‣  ... and everywhere.
  10. 10. then... what is the problem?
  11. 11. mobile is a minefield Photo by World of Good (Flickr) Malvinas / Falklands Islands
  12. 12. lots of questions Photo by wayneandwax (Flickr)
  13. 13. we need to learn lots of questions
  14. 14. lots of platforms
  15. 15. mobile web appears
  16. 16. native vs web
  17. 17. WAIT!
  18. 18. Are you sure?
  19. 19. native code vs javascript
  20. 20. browser vs installed apps & stores
  21. 21. lack of definitions
  22. 22. when we say mobile web from a developer’s perspective it’s using HTML, CSS and JavaScript to develop mobile apps (browser or installed)
  23. 23. Callback
  24. 24. What is §  A platform to create native apps using web technologies §  A JavaScript library §  A native library for every platform §  Compilation helpers
  25. 25. Features §  Open Source §  Multi-platform §  Latests -even future- standards §  First class apps
  26. 26. WARNING!
  27. 27. Warning! §  PhoneGap is not a UI framework §  PhoneGap doesn t include a browser and or a rendering engine §  PhoneGap doesn t compile §  Every platform need its own compilation §  HTML5/CSS3 compatibility varies - www.mobilehtml5.org
  28. 28. Compatibility
  29. 29. Compatibility (official 1.2) §  iOS (iPhone y iPad) §  Android §  BlackBerry 4.x, - 7 §  webOS §  Symbian §  Samsung Bada §  Windows Phone 7.5
  30. 30. Compatibility (non-official yet) §  BlackBerry PlayBook §  Meego 1.2 Harmattan (Nokia N9)
  31. 31. Stores §  Apple AppStore §  Android Market, Amazon AppStore §  AppWorld §  AppCatalog §  Nokia Store §  Samsung Apps §  Windows Marketplace
  32. 32. Abilities §  Accelerometer §  Camera (video/photo) §  Compass §  Contacts §  File Management
  33. 33. Abilities §  Geolocation §  Multimedia §  Network Information §  Notification §  Storage
  34. 34. Abilities
  35. 35. Architecture
  36. 36. Requirements
  37. 37. To develop §  Download PhoneGap www.phonegap.com §  Use your HTML5 IDE
  38. 38. To compile §  Install SDKs §  Dreamweaver CS5.5 or IDEs §  Or you can use PhoneGap Build
  39. 39. Compile ourselves §  Xcode for iOS - available in Mac App Store §  Android SDK - developer.android.com §  BlackBerry WebWorks - blackberry.com/developers/browserdev/ widgetsdk.jsp §  Nokia Web Tools for Symbian - developer.nokia.com §  Windows Phone SDK - microsoft.com/ download
  40. 40. To compile on the cloud Get an account at build.phonegap.com
  41. 41. To test §  Simulatos and Emulators (www.mobilexweb.com/emulators) §  Real devices §  Ripple Simulator §  Can we use a desktop browser?
  42. 42. Challenges & questions
  43. 43. we are using the browser engine... so why package it?
  44. 44. is it safe to use an embedded web view?
  45. 45. from http://blog.brightcove.com
  46. 46. Challenges §  HTML5 and CSS3 support §  Debugging & Profiling §  Performance & Memory usage §  BlackBerry 5
  47. 47. Challenges §  Screen sizes & orientations §  DPIs §  User Interface - should we emulate native UI? §  Performance & JavaScript Best Practices
  48. 48. Debug
  49. 49. Debug §  Weinre (debug.phonegap.com) §  iWebInspector for iOS (iwebinspector.com) §  Pray?
  50. 50. Plugins
  51. 51. Plugins §  Native code to add more support §  Every platform should have its native code §  We need a plugin community
  52. 52. Advices
  53. 53. Advices §  Try to maintain one source code §  Define CSS and JavaScript per platform for porting §  Embrace differences §  Best experience for every platform
  54. 54. some last advices
  55. 55. performance, performance
  56. 56. good practices
  57. 57. don’t be fanatic photo by Kurt Christensen (flickr)
  58. 58. be multiplatform
  59. 59. be futurefriend.ly
  60. 60. best experience for every context
  61. 61. you can reach a good спасибо! experience firt.mobi twitter: @firt mobilexweb.com

×