Le Web Kit SDK (v1.0) est une des plus importantes fonctionnalités de Safari 1.0. Ce nouveau framework de Cocoa permet d’écrire un navigateur internet performant avec un code à la fois léger et simple. Ce tutorial facile d’accès va vous guider dans la construction d’un navigateur n’ayant qu’une seule ligne de code Objective-C. Objective-C est le seul langage possible pour utiliser le Web Kit SDK. Afin de suivre ce petit tutorial, vous devrez avoir installé  “Mac OS X 10.2″, “Safari 1.0″ et le “Web Kit SDK (v1.0)”.

Il est maintenant temps de travailler

1. Après avoir lancé Project Builder, créez un  nouveau projet, sélectionnez “Cocoa Application” comme type de projet et nnomez le “MyOneLineOfCodeBrowser”.

2. Depuis le navigateur du projet (dans l’onglet “Files”), mettez en surbrillance “Other Frameworks Folder” et sélectionnez l’élément  “Add Frameworks…” dans le menu “Project”. Sélectionnez le répertoire “WebKit.framework” et pressez le bouton “Add”.

3. Double-cliquez l’élément MainMenu.nib dans la hierarchie du projet à gauche de la fenêtre de projet. Ceci va lancer Interface Builder (IB) et ouvrir le fichier ressource de votre projet. Dans Project Builder, glissez l’élément “WebView.h” de WebKit.framework (dans le navigateur de projet) vers la fenêtre MainMenu.nib dans IB. Ceci est nécessaire afin de permettre à IB de connaitre la classe WebView.

4. Créez une sous-classe de NSObject et nommez la “MyOneLineController”. Ensuite, créez une instance de cette nouvelle classe (sélectionnez “Instantiate…” dans le menu Classes pour créer l’instance).

5. Glissez un élément “CustomView” depuis la section “Cocoa-Containers” de la palette d’outilset sélectionnez la classe “WebView” dans “Custom Class” dans la palette d’information.

6. Créez un champ de texte (NSTextField) et un bouton (NSButton) en glissant ces éléments depuis la palette d’outils vers votre fenêtre. Renommez le bouton “Fetch” (ou “Chercher”).

7. Maintenant, il est temps de créer les outlets et action pour lier les éléments d’interface à votre code. En premier lieu, créez 2 outlets : un pour la WebView et un autre pour le champs de texte. Double-cliquez la classe “MyOneLineController”. Puis sélectionnez “Outlets tab” dans la fenêtre “Info Window” et cliquez sur le bouton “Add”. Ajoutez les deux outlets comme dans la copie d’écran suivante. Enfin, créez une action et nommez la “fetch:”.

8. Connectez les outlets aux éléments d’interface. Control-glissez depuis l’instance “MyOneLineController” jusqu’à la  “webView” dans la fenêtre “‘Info Window” cliquez “Connect”. Faites la même chose pour le champs de texte. Pour le bouton “Fetch”, control-glissez depuis le bouton jusqu’à la classe “MyOneLineController” et sélectionnez “fetch:” comme cible.

9. Maintenant sauvegardés votre travail. Sélectionnez l’onglet Classes de la fenêtre MainMenu.nib et sélectionnez “MyOneLineController”. Ensuite sélectionnez “Create Files…” du menu Classes et ajoutez les fichiers à votre projet dans Project Builder quand cela vous est demandé. Maintenant, quittez IB et retournez à Project Builder.

10. Maintenant, dans Project Builder, sélectionnez l’élément “MyOneLineOfCodeBrowser_Prefix.h” et insérez la ligne “#import <WebKit/WebKit.h>” comme indiqué dans la copie d’écran suivante. Puis ajoutez l’unique ligne de code dans le fichier “MyOneLineController.m”.

11. “Build and run” votre nouveau navigateur Web. Tada!!

Texte original en anglais sur Cocoa Dev Central : MyOneLineOfCodeBrowser using Cocoa and WebKit 1.0 par Martin Simoneau

© Septembre 2003 - Pascal pour Project:Omega

Pascal Développer pour le Web cocoa, Mac OS X, Safari, Web Kit