Skip the IDE withPhoneGap BuildTerry Ryan | Developer EvangelistTwitter: @tpryan
Who are you?
Objective C
Objective C   Android Flavored                    Java
Objective C   Android Flavored   BlackBerry Flavored                    Java                Java
Objective C   Android Flavored   BlackBerry FlavoredWhatever Microsoft                    Java                Java        ...
HTML, JavaScript &       CSS
Why do weneed native?
Accelerometer
Access to   devicecomponentsand OS API’s
Access toApp Stores
PHONEGAP
PhoneGap powersnative applications using HTML/JS/        CSS
PhoneGap gives access tocomponents and      API’s
PhoneGap Appscan be distributed    in stores
What do you  mean by“native” apps
UI is not native
Examples             Zynga Wikipedia
Demo       PhoneGap
XDemo       PhoneGap
Still not great
Objective C   Android Flavored   BlackBerry FlavoredWhatever Microsoft                    Java                Java        ...
HTML, JavaScript &       CSS
HTML,JavaScript& CSS
HTML,JavaScript& CSS
HTML,JavaScript& CSS
PHONEGAP BUILD
PhoneGap Build• Hosted PhoneGap Compiler• Platforms: • iOS • Android • webOS • symbian • Windows Phone • Blackberry
PhoneGap Build -
PhoneGap Build -• Get code to cloud
PhoneGap Build -• Get code to cloud • File Upload
PhoneGap Build -• Get code to cloud • File Upload • Github
PhoneGap Build -• Get code to cloud • File Upload • Github• Provision for iOS
PhoneGap Build -• Get code to cloud • File Upload • Github• Provision for iOS• Wait for App to Compile
PhoneGap Build -• Get code to cloud • File Upload • Github• Provision for iOS• Wait for App to Compile• Download
PhoneGap Build -• Get code to cloud • File Upload • Github• Provision for iOS• Wait for App to Compile• Download• Install
Demo       PhoneGap Build
Wooo!!!No more IDE
Is that agood thing?
IDE Benefits• One click build and install• Notification when build is done• All in one local package
Can we reproduce    IDEadvantages?
PHONEGAP BUILD APIS
PhoneGap Build API’s• Allow for • Pushing code • Forcing a build • Getting Status • Downloading app
Great howdo I access  them?
COMMAND LINE + SHELL
CURLcurl -u username@build.phonegap.com -X POST -d  https://build.phonegap.com.com/apps/12/build
CURLcurl -u username@build.phonegap.com -X POST -d  https://build.phonegap.com.com/apps/12/buildPGB username
CURLcurl -u username@build.phonegap.com -X POST -d  https://build.phonegap.com.com/apps/12/buildPGB username              ...
Are youkidding me?
ANT
Stillcommand  line
But much easier
Demo           Ant +       PhoneGap Build
Requirements• Ant• Android SDK• Xcode • transporter_chief.rb • Ruby
That’s awhole lot ofIDE in your  IDEless
PHONEGAP BUILD
PhoneGap Build
PhoneGap Build• Install on test device
PhoneGap Build• Install on test device• Update PhoneGap Build project
PhoneGap Build• Install on test device• Update PhoneGap Build project• Device will alert you when project is done  rebuild...
PhoneGap Build• Install on test device• Update PhoneGap Build project• Device will alert you when project is done  rebuild...
PhoneGap Build• Currently supports: • iOS • Android• Cannot support: • Windows Phone
Demo       PhoneGap Build          Watcher
No moreIDE then?
Not Quite
Production• Ready for the store • webOS • Symbian• Need extra certificate • BlackBerry • Android• Need extra certificate + s...
CONCLUSIONS
No IDE isunobtainabl     e
PhoneGap  Build will reduce yourIDE use a lot
https://github.com/phonegap-starter/             Productivity
Available Now   Awaiting Review
Available Now   Awaiting Review
https://github.com/tpryan/PhoneGap-Build-                  Watcher
Follow up?• Preso will be up at:  - http://slideshare.net/tpryan• Feel free to contact me  - terry.ryan@adobe.com         ...
Skip the IDE with PhoneGap Build
Skip the IDE with PhoneGap Build
Skip the IDE with PhoneGap Build
Skip the IDE with PhoneGap Build
Skip the IDE with PhoneGap Build
Skip the IDE with PhoneGap Build
Skip the IDE with PhoneGap Build
Skip the IDE with PhoneGap Build
Skip the IDE with PhoneGap Build
Skip the IDE with PhoneGap Build
Upcoming SlideShare
Loading in...5
×

Skip the IDE with PhoneGap Build

10,157

Published on

Tour through the options around automating PhoneGap Build so that you can install applications during development easily with a smart workflow.

Published in: Technology, Sports
0 Comments
7 Likes
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total Views
10,157
On Slideshare
0
From Embeds
0
Number of Embeds
0
Actions
Shares
0
Downloads
102
Comments
0
Likes
7
Embeds 0
No embeds

No notes for slide
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • Skip the IDE with PhoneGap Build

    1. 1. Skip the IDE withPhoneGap BuildTerry Ryan | Developer EvangelistTwitter: @tpryan
    2. 2. Who are you?
    3. 3. Objective C
    4. 4. Objective C Android Flavored Java
    5. 5. Objective C Android Flavored BlackBerry Flavored Java Java
    6. 6. Objective C Android Flavored BlackBerry FlavoredWhatever Microsoft Java Java is doing now
    7. 7. HTML, JavaScript & CSS
    8. 8. Why do weneed native?
    9. 9. Accelerometer
    10. 10. Access to devicecomponentsand OS API’s
    11. 11. Access toApp Stores
    12. 12. PHONEGAP
    13. 13. PhoneGap powersnative applications using HTML/JS/ CSS
    14. 14. PhoneGap gives access tocomponents and API’s
    15. 15. PhoneGap Appscan be distributed in stores
    16. 16. What do you mean by“native” apps
    17. 17. UI is not native
    18. 18. Examples Zynga Wikipedia
    19. 19. Demo PhoneGap
    20. 20. XDemo PhoneGap
    21. 21. Still not great
    22. 22. Objective C Android Flavored BlackBerry FlavoredWhatever Microsoft Java Java is doing now
    23. 23. HTML, JavaScript & CSS
    24. 24. HTML,JavaScript& CSS
    25. 25. HTML,JavaScript& CSS
    26. 26. HTML,JavaScript& CSS
    27. 27. PHONEGAP BUILD
    28. 28. PhoneGap Build• Hosted PhoneGap Compiler• Platforms: • iOS • Android • webOS • symbian • Windows Phone • Blackberry
    29. 29. PhoneGap Build -
    30. 30. PhoneGap Build -• Get code to cloud
    31. 31. PhoneGap Build -• Get code to cloud • File Upload
    32. 32. PhoneGap Build -• Get code to cloud • File Upload • Github
    33. 33. PhoneGap Build -• Get code to cloud • File Upload • Github• Provision for iOS
    34. 34. PhoneGap Build -• Get code to cloud • File Upload • Github• Provision for iOS• Wait for App to Compile
    35. 35. PhoneGap Build -• Get code to cloud • File Upload • Github• Provision for iOS• Wait for App to Compile• Download
    36. 36. PhoneGap Build -• Get code to cloud • File Upload • Github• Provision for iOS• Wait for App to Compile• Download• Install
    37. 37. Demo PhoneGap Build
    38. 38. Wooo!!!No more IDE
    39. 39. Is that agood thing?
    40. 40. IDE Benefits• One click build and install• Notification when build is done• All in one local package
    41. 41. Can we reproduce IDEadvantages?
    42. 42. PHONEGAP BUILD APIS
    43. 43. PhoneGap Build API’s• Allow for • Pushing code • Forcing a build • Getting Status • Downloading app
    44. 44. Great howdo I access them?
    45. 45. COMMAND LINE + SHELL
    46. 46. CURLcurl -u username@build.phonegap.com -X POST -d https://build.phonegap.com.com/apps/12/build
    47. 47. CURLcurl -u username@build.phonegap.com -X POST -d https://build.phonegap.com.com/apps/12/buildPGB username
    48. 48. CURLcurl -u username@build.phonegap.com -X POST -d https://build.phonegap.com.com/apps/12/buildPGB username PGB Project ID
    49. 49. Are youkidding me?
    50. 50. ANT
    51. 51. Stillcommand line
    52. 52. But much easier
    53. 53. Demo Ant + PhoneGap Build
    54. 54. Requirements• Ant• Android SDK• Xcode • transporter_chief.rb • Ruby
    55. 55. That’s awhole lot ofIDE in your IDEless
    56. 56. PHONEGAP BUILD
    57. 57. PhoneGap Build
    58. 58. PhoneGap Build• Install on test device
    59. 59. PhoneGap Build• Install on test device• Update PhoneGap Build project
    60. 60. PhoneGap Build• Install on test device• Update PhoneGap Build project• Device will alert you when project is done rebuilding
    61. 61. PhoneGap Build• Install on test device• Update PhoneGap Build project• Device will alert you when project is done rebuilding• Also prompt for download
    62. 62. PhoneGap Build• Currently supports: • iOS • Android• Cannot support: • Windows Phone
    63. 63. Demo PhoneGap Build Watcher
    64. 64. No moreIDE then?
    65. 65. Not Quite
    66. 66. Production• Ready for the store • webOS • Symbian• Need extra certificate • BlackBerry • Android• Need extra certificate + special upload tool • iOS
    67. 67. CONCLUSIONS
    68. 68. No IDE isunobtainabl e
    69. 69. PhoneGap Build will reduce yourIDE use a lot
    70. 70. https://github.com/phonegap-starter/ Productivity
    71. 71. Available Now Awaiting Review
    72. 72. Available Now Awaiting Review
    73. 73. https://github.com/tpryan/PhoneGap-Build- Watcher
    74. 74. Follow up?• Preso will be up at: - http://slideshare.net/tpryan• Feel free to contact me - terry.ryan@adobe.com Text - http://terrenceryan.com - Twitter: @tpryan
    1. A particular slide catching your eye?

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

    ×