logo
g Text Version
Beauty & Self
Books & Music
Career
Computers
Education
Family
Food & Wine
Health & Fitness
Hobbies & Crafts
Home & Garden
Money
News & Politics
Relationships
Religion & Spirituality
Sports
Travel & Culture
TV & Movies

dailyclick
Bored? Games!
Nutrition
Postcards
Take a Quiz
Rate My Photo

new
Action Movies
Bible Basics
Houseplants
Romance Movies
Creativity
Family Travel
Southwest USA


dailyclick
All times in EST

Full Schedule
g
g Digital Art and Design Site

BellaOnline's Digital Art and Design Editor

g

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


print
Printer Friendly
bookmark
Bookmark
tell friend
Tell a Friend
forum
Forum
email
Email Editor


Content copyright © 2014 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


g features
Review - 21-Day Drawing Challenge

How to Print and Cut Clip Art in Silhouette Cameo

Paper Bead SVG Cut Files

Archives | Site Map

forum
Forum
email
Contact

Past Issues
memberscenter


vote
Poetry
Daily
Weekly
Monthly
Less than Monthly



BellaOnline on Facebook
g


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


BellaOnline Editor