The code example here is now included in a framework called QuickConnectiPhone.  If you want to know more have a look at this post as well as others in this blog.

In a previous post I showed how a UIWebview can be programmatically inserted into an application running on the iPhone using the new SDK.  In this post I will explain how to insert a WebView into a Cocoa application running on the Mac.  This example will show how to use the new Interface Builder that ships with the new SDK.  I will also cover this soon for the iPhone.

There are a series of step that you should go through to accomplish this task.  The names for items created in this example should be replaced with what you want them to be.

Steps:

1. Select ‘New Project’ in the file menu
2. Select the ‘Cocoa Appliction’ project template
3. Name the new project.  Mine will be called ‘example3′
4. Create and name a new Objective-C file.  I will call mine AppDelegate
5. Open AppDelegate.h and add ‘IBOutlet id webView;’ to the class.  This is the name that will be associated with the WebView that we will later drag and drop when we are using Interface Builder
6. Add the WebKit Framework to the project.  On my machine this is located in
   ‘/Developer/SDKs/MacOS10.5.sdk/System/Library/Frameworks
7. Open the MainMenu.xib file by double clicking it.  This will open Interface Builder.  The xib file is found in the Resources group in your project.
8. Open the library window by selecting it in the ‘Tools’ menu.
9. Drag the ‘Object’ cube from the library to the ‘MainMenu.xib’ window
10. Select ‘identity’, the ‘i’ tab in the inspector window labeled ‘Object identity’ and change the Class to be ‘AppDelegate’ or what ever you named the Objective-C class you created in step 4.  This will create a link between the xib file and the Objective-C class.  Notice that as soon as you rename the class the id you created in the header file in step 5 is now listed for the object in Interface builder as an outlet.  This is what will allow us to gain access to the WebView we will soon create in Interface Builder.
11. Add a WebView to the ‘Window’ window by selecting ‘Web Kit’ from the ‘Objects’ tab of the library window and then dragging the WebView element to the ‘Window’ window.  A WebView will now appear in the ‘Window’ window that you can resize and locate anywhere in the window you would like.  I will make mine slightly smaller than the containing window.  You will also want to select the ruler tab in the ‘inspector’ window.  By clicking on the light red arrows within the box in the ‘Autosizing’ section your WebView will stretch as the window stretches.
12. Select the App Delegate item in the MainMenu.xib window and display the connections tab, select the ‘->’ in the blue circle. A small circle will exist to the right of the outlet ‘webView’.  Drag it onto the WebView in the ‘Window’ window.  This will cause an outlet connection to be made.  This means that in the code your Xcode Objective-C code the ‘webView’ you added to the header file in step 5 will in essence be a pointer/reference to the WebView you created in Interface Builder in step 11.
13. In the ‘Referencing Outlet’ section of this same inspector window for the App Delegate there is a line that says ‘New Referencing Outlet’.  Select the small circle on the right and drag it over ‘Files Owner’ in the ‘MainMenu.xib’ window.  A popup will be shown that says ‘delegate’.  Select it.  You class ‘App Delegate’ will now be used as the delegate for the application.  This will allow you to now create functions that are triggered for events that happen in the application.  Step 14 will be the implementation of one of these.
14. Save the you changes by saving within Interface Builder.
15. Implement the applictionDidFinishLoading method in AppDelegate.m.  This is where you can write out to the log file using NSLog and tell the WebView to load a specific web page as well as other actions you may want to have happen when the application has completed loading.  In this example we will load a page found locally on the machine that is part of the application itself.  It is called ‘index.html’ and can be found in the ‘Resources’ group in the Xcode project.  The code in the image shows you how to load this web page.
16. Compile and select the ‘Build and Go’ icon to run the application.