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

Autism Spectrum Disorders
Mental Health
Blogs / Social Networking
Kidney Disease
Today in History

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 Del.icio.us 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 © 2015 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
Pocket Wedding Invitation SVG Cut File

Planning a Wedding Suite Design

Draw a Spiral Christmas Tree in Illustrator

Archives | Site Map


Past Issues

Less than Monthly

BellaOnline on Facebook

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

BellaOnline Editor