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

1. Skip the IDE with
PhoneGap Build
Terry Ryan | Developer Evangelist
Twitter: @tpryan

2. Who are
you?

6. Objective C

7. Objective C Android Flavored
Java

8. Objective C Android Flavored BlackBerry Flavored
Java Java

9. Objective C Android Flavored BlackBerry FlavoredWhatever Microsoft
Java Java is doing now

12. HTML, JavaScript &
CSS

13. Why do we
need native?

15. Accelerometer

18. Access to
device
components
and OS API’s

21. Access to
App Stores

22. PHONEGAP

23. PhoneGap powers
native applications
using HTML/JS/
CSS

24. PhoneGap
gives access to
components and
API’s

25. PhoneGap Apps
can be distributed
in stores

26. What do you
mean by
“native” apps

27. UI is not native

28. Examples
Zynga
Wikipedia

29. Demo
PhoneGap

30. X
Demo
PhoneGap

31. Still not great

32. Objective C Android Flavored BlackBerry FlavoredWhatever Microsoft
Java Java is doing now

33. HTML, JavaScript &
CSS

34. HTML,
JavaScript
& CSS

35. HTML,
JavaScript
& CSS

36. HTML,
JavaScript
& CSS

37. PHONEGAP BUILD

38. PhoneGap Build
• Hosted PhoneGap Compiler
• Platforms:
• iOS
• Android
• webOS
• symbian
• Windows Phone
• Blackberry

39. PhoneGap Build -

40. PhoneGap Build -
• Get code to cloud

41. PhoneGap Build -
• Get code to cloud
• File Upload

42. PhoneGap Build -
• Get code to cloud
• File Upload
• Github

43. PhoneGap Build -
• Get code to cloud
• File Upload
• Github
• Provision for iOS

44. PhoneGap Build -
• Get code to cloud
• File Upload
• Github
• Provision for iOS
• Wait for App to Compile

45. PhoneGap Build -
• Get code to cloud
• File Upload
• Github
• Provision for iOS
• Wait for App to Compile
• Download

46. PhoneGap Build -
• Get code to cloud
• File Upload
• Github
• Provision for iOS
• Wait for App to Compile
• Download
• Install

47. Demo
PhoneGap Build

48. Wooo!!!
No more IDE

49. Is that a
good thing?

50. IDE Benefits
• One click build and install
• Notification when build is done
• All in one local package

51. Can we
reproduce
IDE
advantages?

52. PHONEGAP BUILD APIS

53. PhoneGap Build API’s
• Allow for
• Pushing code
• Forcing a build
• Getting Status
• Downloading app

54. Great how
do I access
them?

55. COMMAND LINE + SHELL

56. CURL
curl -u username@build.phonegap.com -X POST -d '' https://build.phonegap.com.com/apps/12/build

57. CURL
curl -u username@build.phonegap.com -X POST -d '' https://build.phonegap.com.com/apps/12/build
PGB username

58. CURL
curl -u username@build.phonegap.com -X POST -d '' https://build.phonegap.com.com/apps/12/build
PGB username PGB Project ID

59. Are you
kidding me?

60. ANT

61. Still
command
line

62. But much
easier

63. Demo
Ant +
PhoneGap Build

64. Requirements
• Ant
• Android SDK
• Xcode
• transporter_chief.rb
• Ruby

65. That’s a
whole lot of
IDE in your
IDEless

66. PHONEGAP BUILD

67. PhoneGap Build

68. PhoneGap Build
• Install on test device

69. PhoneGap Build
• Install on test device
• Update PhoneGap Build project

70. PhoneGap Build
• Install on test device
• Update PhoneGap Build project
• Device will alert you when project is done
rebuilding

71. PhoneGap Build
• Install on test device
• Update PhoneGap Build project
• Device will alert you when project is done
rebuilding
• Also prompt for download

72. PhoneGap Build
• Currently supports:
• iOS
• Android
• Cannot support:
• Windows Phone

73. Demo
PhoneGap Build
Watcher

74. No more
IDE then?

75. Not Quite

76. Production
• Ready for the store
• webOS
• Symbian
• Need extra certificate
• BlackBerry
• Android
• Need extra certificate + special upload tool
• iOS

77. CONCLUSIONS

78. No IDE is
unobtainabl
e

79. PhoneGap
Build will
reduce your
IDE use a lot

80. https://github.com/phonegap-starter/
Productivity

81. Available Now Awaiting Review

82. Available Now Awaiting Review

83. https://github.com/tpryan/PhoneGap-Build-
Watcher

84. 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