iPhone/iPod

In this post I will be showing how web developers can take their webapps and “transforming” them into full fledged iPhone apps with Phonegap.

Well lets get started. Firstly you are going to need two things:
1. Phonegap
2. My modified JQTouch Todo example demo

Once both of those files are downloaded. Open the Phonegap folder, once inside, open the the “iPhone” folder. You should see this:


Open the “www” folder and delete everything in there. Now drag and and drop all the files in the “webstuff” folder into the “www” folder. Open the Xcode file and you should see this:

Now if you “Build and Go” you will have a full fledged native iPhone app made just with HTML and Javascript. Here is what you get:

Now this is just one example of what you could do. If you are a web developer and you already have a webapp out there that you would like to make into an iPhone app, this makes it simple to port anything you have made. You can even submit these to Apple to be put on the App Store.

If you really want to get a full release out, there are a few extra steps you are going to need to take. First, replace the Default.png and icon.png. The Default.png is the “splash screen” picture, by default it says “Phonegap” and the icon.png file is (obviously) the icon picture.

Lastly, when porting a webapp, website, or anything, you want to have a nice clean UI. So I recommend using JQTouch, iUI, or iWebKit to give your app a nice iPhone-ish finish.

If there is anything you think should be added to this article or any thing you want to say, leave it in the comment section.

~Jeremy

I ran across this website today. It’s a great website full of questions and answers about how to fix random any EXC_BAD_ACCESS problem for Cocoa or Cocoa Touch. It is still in beta, but give it a little time and it will turn into a beuty.

http://www.excbadaccess.com/

Sure, you can drag and drop a button onto your windows using IB, but they do not look nice, nor is that as much fun as doing it from scratch.

Using the loadView method we will load fancy background by loading a nice image. But first we need to declare some variables.  In the viewController.h file we need to set up our contentView.
UIImageView *contentView;

Now in our viewController.m file we will set up our window inside the loadView method.

contentView = [[UIImageView alloc] initWithFrame:[[UIScreen mainScreen] applicationFrame]];
[contentView setImage:[UIImage imageNamed:@"image.jpg"]];
[contentView setUserInteractionEnabled:YES];
self.view = contentView;
[contentView release];