Skip the IDE with
PhoneGap Build
Terry Ryan | Developer Evangelist
Twitter: @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          is doing now
HTML, JavaScript &
       CSS
Why do we
need native?
Accelerometer
Access to
   device
components
and OS API’s
Access to
App Stores
PHONEGAP
PhoneGap powers
native applications
 using HTML/JS/
        CSS
PhoneGap
 gives access to
components and
      API’s
PhoneGap Apps
can be distributed
    in stores
What do you
  mean by
“native” apps
UI is not native
Examples
             Zynga



 Wikipedia
Demo


       PhoneGap
X
Demo


       PhoneGap
Still not great
Objective C   Android Flavored   BlackBerry FlavoredWhatever Microsoft
                    Java                Java          is doing now
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 a
good thing?
IDE Benefits
• One click build and install
• Notification when build is done
• All in one local package
Can we
 reproduce
    IDE
advantages?
PHONEGAP BUILD APIS
PhoneGap Build API’s
• Allow for
 • Pushing code
 • Forcing a build
 • Getting Status
 • Downloading app
Great how
do I access
  them?
COMMAND LINE + SHELL
CURL
curl -u username@build.phonegap.com -X POST -d '' https://build.phonegap.com.com/apps/12/build
CURL
curl -u username@build.phonegap.com -X POST -d '' https://build.phonegap.com.com/apps/12/build




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




PGB username                                                     PGB Project ID
Are you
kidding me?
ANT
Still
command
  line
But much
 easier
Demo

           Ant +
       PhoneGap Build
Requirements
• Ant
• Android SDK
• Xcode
 • transporter_chief.rb
 • Ruby
That’s a
whole lot of
IDE 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
  rebuilding
PhoneGap Build
• Install on test device
• Update PhoneGap Build project
• Device will alert you when project is done
  rebuilding

• Also prompt for download
PhoneGap Build
• Currently supports:
 • iOS
 • Android
• Cannot support:
 • Windows Phone
Demo

       PhoneGap Build
          Watcher
No more
IDE then?
Not Quite
Production
• Ready for the store
 • webOS
 • Symbian
• Need extra certificate
 • BlackBerry
 • Android
• Need extra certificate + special upload tool
 • iOS
CONCLUSIONS
No IDE is
unobtainabl
     e
PhoneGap
  Build will
 reduce your
IDE 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
                      Text
  - http://terrenceryan.com
  - Twitter: @tpryan

Skip the IDE with PhoneGap Build