Mini-tuto : créer un widget RSS pour Dashboard

Cet article a été mis en ligne il y a plus de 3 mois 13 jours, il est donc possible que les informations qu\\\'il contient ne soient plus valables.

Effectivement, la mode des widgets est un peu passée. Mais comme je disais il y a peu, les développeurs continuent à nous en sortir des tonnes. Il faut trier, comme les applications, et conserver ceux qui sont véritablement utiles. Je vous propose donc, dans ce mini-tuto, de réaliser vous-même un widget à installer dans votre Dashboard. Comme nous n’allons pas aborder tous les types de widgets, j’ai préférer me caler sur un widget qui affiche un flux RSS, tout simplement. Cela vous permettra d’y insérer le flux de votre blog puis de partager le widget avec vos lecteurs.

Prenez le temps de jeter un œil à ces outils, ils sont très intéressants.

Pour réaliser ce mini-tuto, il vous faudra tout de même quelques impératifs. Pour des raisons pratiques, j’ai réalisé celui-ci sous Snow Leopard (10.6.2). Vous devrez installer les outils développeur depuis le DVD d’installation de MacOS X. Une fois ceci fait, vous devriez avoir un dossier nommé « Developer » à la racine de votre disque système. En l’ouvrant, nous irons directement au dossier Applications afin d’y localiser l’application Dashcode. Attention, ça n’est pas parce que le terme « code » est nommé qu’il faut être développeur. Cela peut aider pour un widget avancé mais pour ce que nous allons faire, peu de notions sont nécessaires.

Carte, jauge, animation, podcast, RSS, compte à rebours… les modèles sont simple à comprendre.

Lorsque l’on lance Dashcode, on retrouve l’interface d’un logiciel Apple digne de ce nom et différent modèles de base sont disponibles pour commencer. Après ce tutorial, vous pourrez essayer de créer un widget avec un compte à rebours ou affichant l’activité du disque, ces modèles sont inclus. Sélectionnez « RSS » puis cliquez sur « Choisir ».

Une interface de développement, c’est ça ! Et pas une usine à gaz…

La base de votre widget est déjà prête dans Dashcode. Dans la partie gauche de la fenêtre, on peut voir les différentes sections du widget : attributs, image de fond, icône… Puis, en dessous, les étapes à suivre pour créer le widget. Apple vous aide à développer !

En sélectionnant l’icône « Attribut du widget », vous affichez un panneau où certaines informations sont à renseigner. Dans notre cas, nous autoriser l’accès au réseau (case à cocher) puis indiquer l’adresse du flux RSS à afficher. Des détails comme la date et l’heure des articles ou le nombre d’articles peuvent être affichés.

Une fois ces informations indiquées, faîtes « Cmde-R » afin de juger du widget en fonction. Le résultat est déjà bien avancé.

Si l’on jette un œil à la face arrière du widget, on s’aperçoit que l’on peut également personnaliser cette partie. Afin d’avoir un widget arborant les couleurs de Welovemac, j’ai modifié l’image de fond qui facilement exportable. Il suffit d’aller dans la section « Image par défaut » (colonne de gauche) puis de cliquer sur « Ouvrir dans l’éditeur externe » (Photoshop, Pixelmator…) afin d’y ajouter votre logo.

Il est vrai que l’image de fond personnalisée apporte une touche plus personnelle. Suivant votre visuel de fond, vous devrez modifier les objets (couleur du conteneur du flux) figurant sur le widget avec la palette « Inspecteur », comme vous le feriez d’un objet dans iWork.

A cet instant, votre widget est quasiment terminé. Essayez quand même de l’exécuter (Cmde-R) de temps en temps pour vérifier que tout s’affiche correctement. Dans la section « Icône du widget » de la colonne de gauche, nous allons personnaliser l’icône. Ici, je ne me suis pas embêté, j’ai utilisé la même image que pour le fond qui est utilisée avec un masque par Dashcode.

Derniers réglages : la précision du nom du widget et la version minimale de MacOS X requise. Généralement vous indiquez MacOS X 10.4, à mois d’y intégrer des fonctions propres à Leopard ou Snow Leopard. Cliquez sur le bouton « Enregistrer sur le disque ».

Afin de tester notre premier widget, nous allons l’installer. Pour cela, il suffit de double-cliquer sur son icône.

Voilà, notre widget est à présent installé parmi ceux d’Apple. Quelle fierté, nous avons développé un widget !

Si vous voulez récupérer les fichiers que j’ai utilisé, téléchargez cette archive (450 ko). Elle contient l’image de fond, le fichier Dashcode et le widget. Si vous désirez apporter des précisions ou simplement commenter ce mini-tuto, n’hésitez pas !

Partagez cet article !

                

Articles sur des sujets approchants :