cours du 21/09/2009. pour définir un gadget, vous devrez mettre en place : un fichier manifest...

9
Cours du 21/09/2009

Upload: alexandrine-boisseau

Post on 03-Apr-2015

106 views

Category:

Documents


1 download

TRANSCRIPT

Page 1: Cours du 21/09/2009. Pour définir un gadget, vous devrez mettre en place : Un fichier manifest nommé Gadget.xml Un fichier HTML/XHTML qui contient le

Cours du 21/09/2009

Page 2: Cours du 21/09/2009. Pour définir un gadget, vous devrez mettre en place : Un fichier manifest nommé Gadget.xml Un fichier HTML/XHTML qui contient le

Pour définir un gadget, vous devrez mettre en place : Un fichier manifest nommé

Gadget.xml

Un fichier HTML/XHTML qui contient le code permettant de faire fonctionner le gadget

Une icône pour représenter le gadget

Page 3: Cours du 21/09/2009. Pour définir un gadget, vous devrez mettre en place : Un fichier manifest nommé Gadget.xml Un fichier HTML/XHTML qui contient le

Ecriture du manifest<?xml version="1.0" encoding="utf-8" ?>

<gadget>

<name>Un premier gadget</name>

<author name="Mulots de Soisy">

<info url="www.google.com" />

</author>

<copyright>(c) 2009 Mulots de Soisy</copyright>

<description>Ce gadget ouvre le moteur de recherche Google.</description>

<icons>

<icon src="gadget.png" />

</icons>

  

<version>1.0</version>

<hosts>

<host name="sidebar">

<base type="HTML" apiVersion="1.0.0" src="mulot.htm" />

<permissions>full</permissions>

<platform minPlatformVersion="0.3" />

</host>

</hosts>

</gadget>

Page 4: Cours du 21/09/2009. Pour définir un gadget, vous devrez mettre en place : Un fichier manifest nommé Gadget.xml Un fichier HTML/XHTML qui contient le

Ecriture du manifest … suite Si la description contient des

caractères accentués, vous devrez utiliser les codes ISO ou HTML correspondants (voir http://www.toutimages.com/codes_caracteres.htm).

Le manifest doit impérativement être nommé Gadget.xml.

Page 5: Cours du 21/09/2009. Pour définir un gadget, vous devrez mettre en place : Un fichier manifest nommé Gadget.xml Un fichier HTML/XHTML qui contient le

Ecriture du fichier mulot.htm<html>

 

<head>

<style>

body{

width:120;

height:80;

background: url('ar-plan.jpg');

}

</style>

</head>

 

 <body>

<span id="gadgetContent" style="font-family: Tahoma; font-size: 10pt;">Cliquez ici pour aller sur le site</span>

<input type="button" value="Google" OnClick="document.location.href='http://www.google.fr'">

</body>

 

</html>

Page 6: Cours du 21/09/2009. Pour définir un gadget, vous devrez mettre en place : Un fichier manifest nommé Gadget.xml Un fichier HTML/XHTML qui contient le

Définition du fichier ar-plan.jpg

Définissez un fichier de 64x64 pixels pour l’arrière-plan du gadget.

Page 7: Cours du 21/09/2009. Pour définir un gadget, vous devrez mettre en place : Un fichier manifest nommé Gadget.xml Un fichier HTML/XHTML qui contient le

Définition du fichier gadget.png

Définissez un fichier de 64x64 pixels pour représenter le gadget et sauvegardez-le au format PNG.

Page 8: Cours du 21/09/2009. Pour définir un gadget, vous devrez mettre en place : Un fichier manifest nommé Gadget.xml Un fichier HTML/XHTML qui contient le

Implémentation du gadget

Cliquez sur Démarrer, tapez %userprofile%\appdata\local\microsoft\windows sidebar\gadgets dans la zone de texte Rechercher et appuyez sur la touche Entrée.

Définissez le dossier Mulot.gadget et stockez-y les 4 fichiers du gadget.

Page 9: Cours du 21/09/2009. Pour définir un gadget, vous devrez mettre en place : Un fichier manifest nommé Gadget.xml Un fichier HTML/XHTML qui contient le

Activation du gadget Si le Volet Windows n'est pas affiché,

lancez la commande Tous les programmes/Accessoires/Volet Windows dans le menu Démarrer pour le faire apparaître. Cliquez du bouton droit sur le Volet Windows et sélectionnez Ajouter des gadgets dans le menu contextuel. Cliquez sur Mulot gadget puis sur Afficher les détails et vérifiez que les paramètres mis en place dans le fichier XML ont bien été pris en compte.

Double-cliquez sur « Mulot gadget » pour le faire apparaître sur le Bureau.