g Text Version
Beauty & Self
Books & Music
Food & Wine
Health & Fitness
Hobbies & Crafts
Home & Garden
News & Politics
Religion & Spirituality
Travel & Culture
TV & Movies

Bored? Games!
Take a Quiz
Rate My Photo

Natural Living
Folklore and Mythology
Distance Learning

All times in EST

Clairvoyance: 08:00 PM

Full Schedule
g Digital Art and Design Site

BellaOnline's Digital Art and Design Editor


How to Install PhoneGap for iOS Project

In this tutorial, we will install PhoneGap for our iPad project. You must have Xcode 4 already installed before you install PhoneGap.

  1. Download and unzip PhoneGap

  2. In the unzipped folder you will see several folders. We want the iOS folder.

  3. Inside the iOS folder you will see the PhoneGap-1.0.0.dmg file.

  4. Click on the dmg file to open a dialog box with the PhoneGap.pkg file. Drag the PhoneGap.pkg file to your Applications folder on your Dock.

  5. In the Applications folder, double click on the PhoneGap.pkg file to open the Installer.

  6. In the Installer window, click the Continue button for the first two screens until you get to the Select a Destination screen. Accept the default to install PhoneGap in your home folder.

  7. On the next screen, click Install. When you see the Installation Successful notice click Close.

  8. Open Xcode 4 and click Create a New Xcode Project.

  9. In the choose a template dialog box, click iOS/Application on the left and choose PhoneGap-based Application in the right window.

    Read the notice at the bottom about the www folder that will be created on first run. PhoneGap cannot create this www folder on installation but it will create it when you text your project in the simulator for the first time. Once the www folder is created, you will need to drag it into the Xcode Project Navigator.

  10. Give your project a name such as the name of the iPad storybook.

  11. Add your company identifier com.yourCompanyName.

  12. Click Next.

  13. In the drop down panel, choose a location where you wish to save your project files. I usually place my project folders on the desktop where I can find them easily.

    Xcode will open with your new project displayed in the Project Navigator on the left. If you go to the project folder on your desktop, you will not see a www folder yet. Remember, you need to test (run) your project in Xcode so that Xcode can make this www folder.

  14. Click on the Run button in the upper left of the Xcode workspace. In the simulator, you will see an error message stating that the www/index.html was not found.

  15. Open your project folder on your desktop and you will now see the www folder which contains a JavaScript and index file.

  16. Drag the www folder into the Xcode Project Navigator and place it directly over your project's name at the top, until you will see a little plus sign.

  17. In the dialog box that opens, select the radio button for Create Folder references for any added folders and click Finish.

  18. Your www folder should be the first folder in the Project Navigator list.

    Run the project again and you will see a message in the simulator that PhoneGap is working.

Join us in the Flash forum. | Join us in the Digital Art and Design forum.

Add How+to+Install+PhoneGap+for+iOS+Project to Twitter Add How+to+Install+PhoneGap+for+iOS+Project to Facebook Add How+to+Install+PhoneGap+for+iOS+Project to MySpace Add How+to+Install+PhoneGap+for+iOS+Project to Digg How+to+Install+PhoneGap+for+iOS+Project Add How+to+Install+PhoneGap+for+iOS+Project to Yahoo My Web Add How+to+Install+PhoneGap+for+iOS+Project to Google Bookmarks Add How+to+Install+PhoneGap+for+iOS+Project to Stumbleupon Add How+to+Install+PhoneGap+for+iOS+Project to Reddit


RSS | Related Articles | Editor's Picks Articles | Top Ten Articles | Previous Features | Site Map

For FREE email updates, subscribe to the Digital Art and Design Newsletter

Past Issues

Printer Friendly
tell friend
Tell a Friend
Email Editor

Content copyright © 2018 by Diane Cipollo. All rights reserved.
This content was written by Diane Cipollo. If you wish to use this content in any manner, you need written permission. Contact Diane Cipollo for details.


g features
Adobe Portfolio First Look by Justin Seeley

Social Media Graphic Templates


Archives | Site Map


Past Issues

Note: BellaOnline uses cookies to help provide a consistent user experience. Our advertisers may use cookies to help customize ads. Please contact us with any question about our cookie use.

Summertime Foods
Corn on the Cob
Burgers on the Grill
Apple Pie


| About BellaOnline | Privacy Policy | Advertising | Become an Editor |
Website copyright © 2018 Minerva WebWorks LLC. All rights reserved.

BellaOnline Editor