Feeds:
Articles
Commentaires

Posts Tagged ‘gadget’

Bon on va mainteant passer à la création du fichier HTML de notre gadget.  On reste dans le même répertoire et on va créer un fichier HTML qui portera le nom indiqué dans notre fichier XML dans la balise <host><base type= »HTML » apiVersion= »1.0.0″ src= »gadget.html » />.

On ne va pas se compliquer la vie. On va prendre le fichier source de notre widget Netvibes qu’on va nettoyer un peu :

  • La balise <HTML> . On va supprimer la référence à Netvibes dont on a plus besoin
    xmlns="http://www.w3.org/1999/xhtml" xmlns:widget="http://www.netvibes.com/ns/"
    
  • Dans la balise <head>, on va supprimer les liens vers les CSS, icônes et fichiers javascript de Netvibes. On vire donc sans ménagement les lignes suivantes :
        <link rel="stylesheet" type="text/css"  href="http://www.netvibes.com/themes/uwa/style.css" />
    <script type="text/javascript" src="http://www.netvibes.com/js/UWA/load.js.php?env=Standalone"></script>
       <link rel="icon" type="image/png"  href="http://www.netvibes.com/favicon.ico"/>

Et voilà, votre gadget est opérationnel. Il va falloir maintenant travailler l’apparence, fignoler une feuille de style, lui donner la taille  adéquate pour qu’il puisse rentrer dans la sidebar. Pour tester les modifications que vous pourrez apporter à votre gadget, il faudra le supprimer puis l’ajouter de nouveau à votre sidebar.

Reste une dernière opération pour pouvoir diffuser votre gadget. Vous allez sléctionner les FICHIERS qui composent votre gadget (SURTOUT PAS LE DOSSIER !) . Puis un clic droit, et « envoyez vers – Dossiers compressés ». Le système va créer un fichier .ZIP que vous allez renommer en .gadget. Ayé, vous avez gadget entre les mains, si vous cliquez dessus, on va vous proposer de l’installer, il va se retrouver dans votre sidebar et dans votre galerie de gadget. C’est pas beau, ça ?

Voici une copie d’écran du gadget que j’ai bouclé. Je ne le diffuse pas encore, car la recherche porte sur notre prochain portail, pas encore en ligne

Le gadget BULCO dans la sidebar

Le gadget BULCO dans la sidebar

Publicités

Read Full Post »

Les gadgtets Vista peuvent être stockés dans trois répertoire du système :

  • Program Files\Windows Sidebar\Gadgets : contient les gadgets livrés avec Vista
  • Program Files\Windows Sidebar\Shared Gadgets : contient les gadgets partagés par tous les uilsateurs
  • Users\Toto\AppData\Local\Microsoft\Windows Sidebar\Gadgets: contient les gadgets propres à l’utilisateur Toto. C’est ici qu’on va aller stocker notre gadget

Chaque gadget est stocké dans un répertoire nommé ainsi : Nomdugadget.gadget. On va donc y créer notre fichier XML qui va contenir le descriptif de notre gadget.

Correpondance entre les éléments du fichierXML et la galerie des gadgets

Correspondance entre les éléments du fichier XML et la galerie des gadgets

Notre fichier XML va contenir différentes informations :

  • <name>le nom du gadget
  • <version> la version du gadget, ce qui permettra au système de savoir si une version précédente est sur présente afin de la mettre à jour
  • <author> des information sur l’auteur parmi lesquelles son nom, une URL et un logo
  • <copyright> le copyright
  • <description> la description du gadget
  • <icon> l’image qui illustre le gadget dans la galerie
  • Des informations « système » qu’il ne faut pas modifier, mais dans lesquelles il faut indiquer le chemin du fichier HTML de notre gadget. Ça se passe dans la balise <host><base type= »HTML » apiVersion= »1.0.0″ src= »gadget.html » />

Comme exemple, voici le fichier que j’ai utilisé :

<?xml version= »1.0″ encoding= »utf-8″?>
<gadget>
<name>Bulco</name>
<version>1.0</version>
<author name= »David OLIVIERO »>
<info url= »http://www.bulco.univ-littoral.fr &raquo; />
</author>
<icons>
<icon height= »79″ width= »80″ src= »./images/logo.png » />
</icons>
<copyright>2009 David OLIVIERO</copyright>
<description>Ce gadget vous permet d’effectuer des recherches dans le catalogue de la BULCO</description>
<hosts>
<host name= »sidebar »>
<base type= »HTML » apiVersion= »1.0.0″ src= »gadget.html » />
<permissions>full</permissions>
<platform minPlatformVersion= »1.0″ />
</host>
</hosts>
</gadget>

Read Full Post »

On a vu précédemment qu’un widget pour Netvibes/iGoogle contenant un formulaire de recherche d’un catalogue de bibliothèque était somme toute assez simple à bricoler.

Essayons maintenant de coller ce widget sur le bureau de nos usagers. En pré-requis, il nous faut :

  • un pc sous Vista ou Seven (Vous pouvez toujours virtualiser avec Virtualbox mais attendez vous à bricoler un peu pour avoir du réseau)
  • Un éditeur HTML (Kompozer, voire Notepad++, au pire un simple bloc-note)
  • Un peu de patience (c’est encore ce qu’il y a de plus difficile à se procurer)

Un gadget se compose au minimum de 2 fichiers :

  • Un fichier XML qui va contenir le descriptif du gadget
  • un fichier HTML qui va contenir le code de notre gadget

A cela pourront s’ajouter des fichiers javascript, des images, des feuilles de style CSS, un autre fichier HTML pour les options. Mais nous n’en sommes pas encore là

Allez, la prochaine fois, on met les mains dans le cambouis

Read Full Post »