PhoneGap mobile development

5,638
-1

Published on

Presentation in english of my talk abou mobile development using PhoneGap at toster in

Published in: Technology

PhoneGap mobile development

  1. 1. max firtman@firt firt.mobi
  2. 2. who am I?mobile+web developermobilexweb.com blog @firt
  3. 3. where?buenos aires ~ argentina patagonia football meat & wine tango
  4. 4. speaker
  5. 5. booksImage 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 aminefield Photo by World of Good (Flickr) Malvinas / Falklands Islands
  12. 12. lots of questionsPhoto by wayneandwax (Flickr)
  13. 13. we need to learnlots 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 vsinstalled 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 cloudGet 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 thebrowser 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 fanaticphoto 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
  1. A particular slide catching your eye?

    Clipping is a handy way to collect important slides you want to go back to later.

×