6. PhoneGap
What is PhoneGap?
PhoneGap is an open source development
framework for building cross-platform
mobile apps.
Zany - http://zany.kr (@ohmyzany) 2
7. PhoneGap
What is PhoneGap?
PhoneGap is an open source development
framework for building cross-platform
mobile apps.
Build apps in HTML and JavaScript and still
take advantage of core features in iPhone/
iPodTouch, iPad, Google Android, Palm,
Symbian and Blackberry SDKs.
Zany - http://zany.kr (@ohmyzany) 2
16. PhoneGap
PhoneGap Roadmap
2010 6 30
http://wiki.phonegap.com/Roadmap
RED - not possible for this device / YELLOW - we're working on it! / GREEN - works!
Zany - http://zany.kr (@ohmyzany) 4
35. PhoneGap
PhoneGap - iPhone -
Mac OS X Leopard (10.5) / Snow Leopard
(10.6)
Intel-based computer.
Xcode and the iPhone SDK installed.
Zany - http://zany.kr (@ohmyzany) 9
36. PhoneGap
PhoneGap - iPhone -
Mac OS X Leopard (10.5) / Snow Leopard
(10.6)
Intel-based computer.
Xcode and the iPhone SDK installed.
iPhone (iPod Touch)
Zany - http://zany.kr (@ohmyzany) 9
37. PhoneGap
PhoneGap - iPhone -
Mac OS X Leopard (10.5) / Snow Leopard
(10.6)
Intel-based computer.
Xcode and the iPhone SDK installed.
iPhone (iPod Touch)
iPhone developer certification.
only necessary to install on iPhone
Zany - http://zany.kr (@ohmyzany) 9
56. PhoneGap
PhoneGap - iPhone -
.
To get started creating PhoneGap projects, launch Xcode, then
under the File menu, select "New Project...".
Navigate to the "User Templates" section, select PhoneGap, then
in the right pane, select "PhoneGap-based Application"
Select the "Choose..." button, name your project and choose the
location where you want the new project to be.
That's it! Modify the contents of the "www" directory to add
your HTML, CSS and Javascript.
iPad: Go to your project folder and launch the "[projectname]-
iPad" Xcode project. You will need the 3.2 iPhone OS SDK.
Zany - http://zany.kr (@ohmyzany) 13
128. PhoneGap
PhoneGap - Android -
PhoneGap .
phonegap-android droidgap PhoneGap
Android
DroidGap: PhoneGap/Android Project Generator
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
Creates a fresh app for hybrid mobile web hacking. Delicious robot!
Usage:
./droidgap <android_sdk_path> <name> <package_name> <www> <path>
Params:
android_sdk_path ... The path to your Android SDK install.
name ............... The name of your application.
package_name ....... The name of your package (For example: com.nitobi.demo)
www ................ The path to your www folder. (Wherein your HTML, CSS and JS app is.)
path ............... The path to generate the Android application.
Zany - http://zany.kr (@ohmyzany) 27
129. PhoneGap
PhoneGap - Android -
PhoneGap .
phonegap-android droidgap PhoneGap
Android
DroidGap: PhoneGap/Android Project Generator
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
Creates a fresh app for hybrid mobile web hacking. Delicious robot!
Usage:
./droidgap <android_sdk_path> <name> <package_name> <www> <path>
Params:
android_sdk_path ... The path to your Android SDK install.
name ............... The name of your application.
package_name ....... The name of your package (For example: com.nitobi.demo)
www ................ The path to your www folder. (Wherein your HTML, CSS and JS app is.)
path ............... The path to generate the Android application.
./droidgap $ANDROID_HOME PhoneGapFirst com.zany.phonegap.lesson1 ./example/ $androidProject/PhoneGap/
Lesson1
Zany - http://zany.kr (@ohmyzany) 27