Your SlideShare is downloading. ×
0
max firtman@firt firt.mobi
who am I?mobile+web developermobilexweb.com blog   @firt
where?buenos aires ~ argentina       patagonia       football       meat & wine       tango
speaker
booksImage from	 my house
coming soon...also by @estellevw
.com
why mobile?
mobile   ‣  absolutely   personal   ‣  +5   billions   ‣  make us focus   ‣  read our context...   ‣  ... always...   ‣  ....
then... what is the    problem?
mobile is aminefield                         	      Photo by World of Good (Flickr) Malvinas / Falklands Islands
lots of questionsPhoto by wayneandwax (Flickr)
we need to learnlots of questions
lots of platforms
mobile web appears
native  vs web
WAIT!
Are you sure?
native code     vs javascript
browser       vsinstalled apps   & stores
lack of definitions
when we say mobile web  from a developer’s  perspective it’s using HTML,  CSS and JavaScript to  develop mobile apps  (bro...
Callback
What is §    A platform to create native apps      using web technologies §    A JavaScript library §    A native library ...
Features§    Open Source§    Multi-platform§    Latests -even future- standards§    First class apps
WARNING!
Warning!§    PhoneGap is not a UI framework§    PhoneGap doesn t include a browser     and or a rendering engine§    Phone...
Compatibility
Compatibility (official 1.2)§    iOS (iPhone y iPad)§    Android§    BlackBerry 4.x, - 7§    webOS§    Symbian§    Samsung B...
Compatibility (non-official yet)  §    BlackBerry PlayBook  §    Meego 1.2 Harmattan (Nokia N9)
Stores§    Apple AppStore§    Android Market, Amazon AppStore§    AppWorld§    AppCatalog§    Nokia Store§    Samsung Apps...
Abilities§    Accelerometer§    Camera (video/photo)§    Compass§    Contacts§    File Management
Abilities§    Geolocation§    Multimedia§    Network Information§    Notification§    Storage
Abilities
Architecture
Requirements
To develop§    Download PhoneGap     www.phonegap.com§    Use your HTML5 IDE
To compile§    Install SDKs§    Dreamweaver CS5.5 or IDEs§    Or you can use PhoneGap Build
Compile ourselves§    Xcode for iOS - available in Mac App Store§    Android SDK - developer.android.com§    BlackBerry We...
To compile on the cloudGet an account at build.phonegap.com
To test§    Simulatos and Emulators     (www.mobilexweb.com/emulators)§    Real devices§    Ripple Simulator§    Can we us...
Challenges & questions
we are using thebrowser engine... so  why package it?
is it safe to use an  embedded web        view?
from http://blog.brightcove.com
Challenges§    HTML5 and CSS3 support§    Debugging & Profiling§    Performance & Memory usage§    BlackBerry 5
Challenges§    Screen sizes & orientations§    DPIs§    User Interface - should we emulate     native UI?§    Performance ...
Debug
Debug§    Weinre     (debug.phonegap.com)§    iWebInspector for iOS     (iwebinspector.com)§    Pray?
Plugins
Plugins§    Native code to add more support§    Every platform should have its native     code§    We need a plugin commun...
Advices
Advices§    Try to maintain one source code§    Define CSS and JavaScript per     platform for porting§    Embrace differenc...
some last advices
performance,performance
good practices
don’t be fanaticphoto by Kurt Christensen         (flickr)
be multiplatform
be     futurefriend.ly
best experience for  every context
you can reach a good          спасибо!	       experience   firt.mobi	 twitter: @firt	mobilexweb.com
PhoneGap mobile development
PhoneGap mobile development
PhoneGap mobile development
PhoneGap mobile development
PhoneGap mobile development
Upcoming SlideShare
Loading in...5
×

PhoneGap mobile development

5,451

Published on

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

Published in: Technology
0 Comments
16 Likes
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total Views
5,451
On Slideshare
0
From Embeds
0
Number of Embeds
3
Actions
Shares
0
Downloads
306
Comments
0
Likes
16
Embeds 0
No embeds

No notes for slide

Transcript of "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.

×