Active Desktop

Rappel...

Nous savons depuis la chronique 10 (Active Channel), comment introduire sur notre site l'abonnement à celui-ci par une nouvelle technologie d'IE5 (IE4), à savoir l'Active Channel.

Il existe également un autre nouvelle technologie, qui consiste à incorporer sur le bureau du visiteur du site, une fenêtre qui contient une petite page HTML, créée par le Webmaster du site dont l'abonnement "Active Desktop" a été demandé. Il y a plusieurs étapes nécessaire à l'incorporation de la possibilité de l'Active Desktop" sur votre site.

Étapes
Pour profiter de l'Active Desktop, vous devez posséder soit IE5 ou IE4 et avoir activé le bureau actif dans votre installation.
Pour rappel, par l'Active Desktop, vous pouvez incorporer un site, par l'adjonction d'une petite fenêtre sur votre votre propre bureau : petit écran (fenêtre) qui correspondra à la page de référence de l'Active Desktop du site en question, par exemple Page-Web.

En cliquant sur , l'écran suivant survient (auquel vous répondez oui, si vous voulez bien sûr incorporer l'Active Desktop sur votre bureau (appelé Active Desktop d'ailleurs…pour cette raison…)

Ensuite, après avoir cliqué "Oui", l'écran suivant s'affiche :

Vous pouvez choisir à ce moment de personnaliser votre abonnement… et ensuite, après avoir cliqué sur "OK", le téléchargement s'effectue et sur votre bureau apparaît le Desktop de Page-Web (dans cet exemple) :

Tout cela s'est fait automatiquement…
Pour vérifier l'arrivée de l'écran sur votre propre bureau, n'oubliez pas de réduire la fenêtre d'IE5 (IE4) (et d'autres programmes ouverts éventuellement) qui cache(nt) le Desktop du site (de Page-Web dans cet exemple).

Étapes de création de son propre Active Desktop
  1. Créer son desktop content, c'est-à-dire la page de votre site sur laquelle devra être présent le bouton ;
  2. Créer votre Desktop Definition format( CDF), fichier à l'extension CDF que vous pouvez également créer avec votre éditeur HTML habituel mais en spécifiant l'extension, à savoir : cdf;
  3. Créer votre page de référence Desktop qui sera incorporée sur votre bureau;
  4. Mettre le logo (bouton) "Add Active Desktop " sur la page de votre site.

Si vous avez déjà lu la chronique 10 "Active Channel", vous retrouvez les étapes qui nous ont permis de créer notre Active Channel.

Desktop content

Si vous désirez employer votre page d'accueil pour ajouter l'Active Channel, c'est déjà terminé. Maintenant, vous pouvez également créer une page spéciale pour donner cette possibilité aux visiteurs de votre site, mais il me semble que la meilleure solution est d'incorporer cette option sur la page d'accueil de votre site (généralement index.html).

Channel definition Format

Comme le but de cette chronique est de vous aider à réaliser rapidement (et gratuitement) votre Active Desktop, je ne vais pas vous donner d'autres explications sur ce fichier spécial de Microsoft, que celles nécessaires à réaliser celui-ci.

Vous avez déjà créé dans la chronique "Active Channel" (si vous l'avez déjà visionnée auparavant, je vous conseille de relire la chronique car j'y ai ajouté la possibilité d'incorporer un screensaver ainsi qu'une mise à jour automatique par semaine) votre fichier "cdf", nécessaire au fonctionnement de cette belle technologie.

Pour des raisons de facilité, je vous conseille de récupérer votre fichier *.cdf dans votre éditeur HTML (WebExpert par exemple) et nous allons changer son contenu pour créer ainsi un autre fichier, par exemple sitedesk.cdf.

Je le rappelle, on travaille sur votre fichier cdf que vous avez déjà créé, sinon, reportez-vous à la chronique concernant l'Active Channel.

Voici les lignes de codes du fichier " sitedesk.cdf "qui sera votre fichier technique nécessaire à votre Active Desktop.

<?XML VERSION="1.0" ENCODING="UTF-8"?>

<CHANNEL HREF="http://adresse_complete_fichier_preview.htm" BASE="http://adresse_complete_fichier_sitedesk.cdf" >

<Item HREF="http://adresse_complete_fichier_preview.htm">
<TITLE>PageWeb sur votre bureau Windows95</TITLE>
<ABSTRACT>Pour obtenir le channel de PageWeb sur votre bureau Windows95</ABSTRACT>
<Usage VALUE="DesktopComponent">
<Width VALUE="331" />
<Height VALUE="400" />
</Usage>
</Item>

<SCHEDULE>
<INTERVALTIME DAY="7" />
</SCHEDULE>

</CHANNEL>

La première ligne concerne la spécification technique du fichier.

<?XML VERSION="1.0" ENCODING="UTF-8"?>

La seconde donne l'adresse de votre page "preview", c'est-à-dire celle qui apparaîtra sur le bureau de l'abonné ainsi que le fichier (BASE) du Channel Desktop, c'est-à-dire le fichier "cdf" que nous sommes en train de créer et que vous devrez bien sûr mettre sur le serveur et appeler du nom qui vous plaira…

<CHANNEL HREF="http://adresse_complete_fichier_preview.htm" BASE="http://adresse_complete_fichier_sitedesk.cdf" >

N'oubliez pas de placer correctement l'adresse (complète) de votre fichier "preview" !

Ensuite, vient l'item nécessaire à la technologie "Active Desktop" ! De nouveau, ne pas oublier d'indiquer l'adresse correcte et complète du fichier "preview".

<Item HREF="http://adresse_complete_fichier_preview.htm">
<TITLE>PageWeb sur votre bureau Windows95</TITLE>
<ABSTRACT>Pour obtenir le channel de PageWeb sur votre bureau Windows95</ABSTRACT>
<Usage VALUE="DesktopComponent">
<Width VALUE="331" />
<Height VALUE="400" />
</Usage>
</Item>

Le titre (TITLE) qui apparaîtra lorsque vous vous serez abonné : lors du transfert des fichiers de configuration et comme titre de votre "Active Desktop" (Propriétés de votre bureau/onglet Web) : ABSTRACT en étant la description.

Vous pouvez spécifier les valeurs de hauteur et largeur de la fenêtre effective qui sera placée sur le bureau de l'abonné : ici, j'ai choisi 331 et 400 pixels mais cela dépendra de votre page "preview" ! Comprenez cependant que ces dimensions ne peuvent pas être beaucoup plus grandes car sinon, l'utilisateur devra réduire cette fenêtre pour que son bureau soit encore acceptable ;-) 

N'oubliez pas la balise de fin d'item : </Item>

Vous pouvez également décider d'un laps de temps de mise à jour de votre fichier "preview" en sorte que cette petite page sera modifiée régulièrement… Voici le code nécessaire :

<SCHEDULE>
<INTERVALTIME DAY="7" />
</SCHEDULE>

Et enfin, la balise de fin du Channel : </CHANNEL>

Enregistrer votre fichier, avec les lignes exactes et adaptées (adresse exacte de vos images) en spécifiant par exemple sitedesk.cdf. L'important ici est l'extension cdf. J'ai pris le nom sitedesk à titre d'exemple bien sûr.

Preview page

Maintenant, vous créez votre page de référence de votre Desktop, qui est une page HTML normale, mais je vous conseille d'employer l'extension *.htm : c'est l'exemple de Microsoft pour l'Active Channel et j'ai gardé la même extension pour différencier ces fichiers de mes pages habituelles, mais il est certain qu'avec l'extension HTML (que j'emploie toujours) cela devrait fonctionner aussi.

Lors de la création de votre page "preview", pensez au fait qu'elle ne doit pas être trop grande, pour une question de confort visuel…

Je vous signale ici que vous pouvez, si celle-ci le permet (dimensions), employer la même page "preview" que vous avez crée pour votre Active Channel (je crois en effet que beaucoup voudront permettre l'abonnement à leur site sous les deux technologies, au choix éventuellement…)

Logo "Add Active Desktop"

Enfin, il vous suffit d'incorporer l'image "Add Active Desktop", en mettant le fichier "cdf" que vous venez de créer : si vous placez sur la même page l'Active Channel et l'Active Desktop, il faut créer un fichier "cdf" pour chaque Active, donc par exemple, "site.cdf" et "sitedesk.cdf".

Pour le Desktop, voici le code :

<a name="NOM_LIEN_INTERNE_D"
href="http://www.eu.microsoft.com/windows/ie_intl/fr/download/">
<img src="IEAddDesktop.gif" border=0 width=136 height=20></a>
<script language="JavaScript">
if ( isMsie4orGreater()) { NOM_LIEN_INTERNE_D.href ="http://adresse_complete_fichierdesk.cdf"; }

</script>

Vous remplacez l'ancre par le nom de votre choix (lien interne : a name….), l'adresse de Microsoft (pas obligatoire, qui renvoie vers la page de téléchargement d'IE5), le code html de l'image du bouton (logo) de l'Active Desktop et le même nom dans la dernière ligne que celui que vous avez employé pour votre ancre (lien interne) NOM_LIEN_INTERNE_D, enfin, l'adresse complète de votre fichier *.cdf (dans notre exemple, sitedesk.cdf).

Upload

Vous uploadez le tout sur votre serveur, pour rappel :

L'image "Add Active Desktop"

Le fichier sitedesk.cdf (avec le nom que vous lui avez donné)

Votre page d'accueil avec les codes d'en-tête, de javascript ,de DHTML et du bouton (logo) d'Active Desktop.

Votre page "preview", page de référence de votre Channel : *.htm (qui peut être la même que celle employée pour votre Active Channel).

ACTIVE DESKTOP OPÉRATIONNEL

Voilà, si vous avez respecté scrupuleusement la démarche, vous pouvez tester vous-même votre propre Active Desktop et ainsi vérifier que tout se passe correctement [ en connexion évidemment ;-) ]

Vous pouvez également télécharger un fichier compacté : desktop.zip

Les prochaines chroniques concerneront les "Feuilles de style" et les compatibilités et incompatibilités DHTML entre Explorer 4.x et Netscape 4.x.