IdentifiantMot de passe
Loading...
Mot de passe oublié ?Je m'inscris ! (gratuit)

Personnalisation du Welcome Center de Windows Vista

Cet article vous expliquera comment personnaliser le Welcome Center de Windows Vista soit pour une utilisation personnelle, soit pour une utilisation professionnelle. ♪

Article lu   fois.

L'auteur

Profil ProSite personnel

Liens sociaux

Viadeo Twitter Facebook Share on Google+   

I. Introduction

Le Welcome Center est la fenêtre qui se lance par défaut au démarrage de Windows Vista. Cette fenêtre n'est pas nouvelle et existait notamment sur les versions Windows Serveur et proposait un accès rapide aux tâches les plus courantes (DNS, DHCP, Active Directory, etc.). Sur Windows Vista, le Welcome Center permet entre autres de prendre en main le système avec un accès rapide à l'Aide, aux extras (Vista Intégrale), à la gestion des comptes utilisateurs ou encore l'accès à Internet : en gros les tâches que vous exécutez lorsque vous arrivez sur Windows Vista la première fois.

Image non disponible


Nous allons voir qu'il est possible de le personnaliser pour une utilisation personnelle, mettre des raccourcis par exemple, ou pour une application professionnelle. Si l'avantage par rapport à un simple raccourci n'est pas démontré pour une utilisation personnelle, il l'est beaucoup plus en entreprise pour permettre de proposer des accès rapides aux applications ou aux documents internes.

Durant cet article, je donnerai principalement des exemples simples comme on pourrait le faire à la maison, il faut imaginer que ces exemples peuvent être utilisés en entreprises également avec des Intranets, des progiciels, etc.

II. Le fonctionnement

La personnalisation de Windows Welcome se fait via l'utilisation d'un fichier oobe. Windows Welcome est composé de :

  • Windows Welcome - personnalisation du PC après l'installation ;
  • Welcome Center - ouvert à chaque démarrage par défaut ;
  • ISP Signup - qui aide à la configuration de la connexion à Internet.

Ces trois éléments peuvent être personnalisés pour le déploiement de systèmes personnalisés pour par exemple mettre le logo du constructeur, ou d'autres choses du genre. Le fichier qui nous intéresse est le fichier Oobe.xml qui se trouvera dans le dossier \windows\system32\oobe\info. Je dis bien trouvera, car il n'existe pas par défaut, pas plus que le dossier info.
Normalement, le seul moyen de se procurer un fichier oobe.xml de départ est de télécharger Windows OPK (OEM Preinstallation Kit) ou Windows AIK (Automated Installation Kit), tous deux faisant plusieurs centaines de gigaoctets pour y récupérer un fichier d'exemple de 4 ko. Je vous éviterai cela en vous fournissant moi même un fichier de base.

Rendez-vous dans le dossier \windows\system32\oobe et créez-y un dossier nommé « info ». Puis, dans ce dossier, créez un fichier nommé oobe.xml (un fichier XML s'édite avec notepad) et copiez-y le code suivant :

Fichier oobe.xml vide
Sélectionnez
<?xml version="1.0" encoding="utf-8" ?>
<FirstExperience>
    <useroobe>
      <oemStrip xmlns="http://schemas.microsoft.com/windows/oobetasks/v1">
         <offerSource>Mes actions personnelles</offerSource>
         <tasks>
         
         <!-- ici se trouveront vos tâches/offres -->
         
         </tasks>
      </oemStrip>
    </useroobe>
</FirstExperience>

Normalement le fichier oobe.xml est utilisé en parallèle du fichier unattend.xml qui sert à automatiser l'installation de Windows (paramètres généraux, saisie de la clé, création d'un compte admin, etc.).

III. Personnalisation du fichier oobe

Si vous ne l'avez pas encore compris, ce fichier oobe.xml sera chargé par le Welcome Center et les éléments (des « tâches ») déclarés dans le fichier seront alors affichés dans la partie inférieure du Welcome Center.
Collez maintenant le code suivant au milieu des balises <tasks> et </tasks>:

 
Sélectionnez
<task id="{1D8650FD-8935-4657-A3E3-C6AD82DCFEB7}" xmlns="http://schemas.microsoft.com/windows/tasks/v1">
    <name>Photoshop</name>
    <icon>C:\Program Files\[multimedia]\Adobe Photoshop CS2\Photoshop.exe</icon>
    <description>Vive toshop!</description>
    <command>C:\Program Files\[multimedia]\Adobe Photoshop CS2\Photoshop.exe</command>
    <sortPriority>4</sortPriority> 
    <infotip>Toshop</infotip> 
    <previewPaneView xmlns="http://schemas.microsoft.com/windows/oobetasks/v1">
        <title>Toshop</title>
    </previewPaneView>
</task>


Cela peut vous paraître peu clair pour le moment alors nous allons expliquer chaque partie une par une. Sachez néanmoins que c'est la façon la plus condensée de déclarer une tâche. Chaque fois que vous ajouterez une nouvelle tâche (représentée dans le Welcome Center par une icône), ces éléments ci-dessus devront absolument être présents. Voyons-les maintenant en détail :

 
Sélectionnez
<task id="{1D8650FD-8935-4657-A3E3-C6AD82DCFEB7}" xmlns="http://schemas.microsoft.com/windows/tasks/v1">
    ...
</task>

L'élément task déclare une nouvelle tâche. Il contient un attribut id qui DOIT être unique (dans le cas où vous avez plusieurs tâches) et un namespace (attribut xmlns) qu'il ne faut PAS toucher.

 
Sélectionnez
<name>Photoshop</name>

Le premier élément se nomme name et contient le nom de la tâche. Ce nom sera affiché à côté de l'icône. Le nom ne peut pas faire plus de 255 caractères.

 
Sélectionnez
<icon>C:\Program Files\[multimedia]\Adobe Photoshop CS2\Photoshop.exe</icon>

Chemin absolu vers un fichier .ico. Mais le fichier ico peut-être contenu dans un exécutable comme ici avec l'application Photoshop.

 
Sélectionnez
<description>Vive toshop!</description>

À côté de l'icône de la tâche sera affichée une minidescription de la tâche. Cette description ne peut pas dépasser 255 caractères.

 
Sélectionnez
<command>C:\Program Files\[multimedia]\Adobe Photoshop CS2\Photoshop.exe</command>

L'élément command définit l'application ou le fichier qui sera exécuté lors du double-clic sur l'icône.

 
Sélectionnez
<sortPriority>4</sortPriority>

Vient ensuite l'élément sortPriority qui définit l'ordre dans lequel apparaitra la tâche. Plus la priorité sera grande (par rapport aux autres tâches) plus l'icône sera placée sur la gauche.

 
Sélectionnez
<infotip>Toshop</infotip>

L'élément infotip représente le tooltip (infobulle) qui apparait lorsque vous laissez le curseur sur l'icône. Cette infobulle peut être utilisée pour donner une explication plus longue que la description.

 
Sélectionnez
<previewPaneView xmlns="http://schemas.microsoft.com/windows/oobetasks/v1">
    <title>Toshop</title>
</previewPaneView>

Pour finir, nous avons l'élément previewPaneView qui contiendra les éléments qui seront affichés dans la partie supérieure du Welcome Center. Pour le moment le seul élément que nous y ferons apparaître est l'élément title. Généralement, il est identique à l'élément name

Voici pour finir une vue de ce que vous devriez obtenir et les éléments XML correspondants. Si vous n'avez pas Photoshop, choisissez n'importe quel utilitaire de votre disque dur et changez les valeurs des champs.

Image non disponible

IV. Personnalisations complémentaires

Nous allons voir maintenant qu'il est possible de personnaliser un peu plus ces tâches. Nous ne parlons pas ici de difficulté croissante, mais simplement d'éléments supplémentaires à indiquer dans le fichier oobe.xml.
Ajoutez maintenant le code suivant à la suite du premier (l'ordre dans le fichier importe peu puisque c'est la priorité qui comptera)

 
Sélectionnez
<task id="{1D8650FD-8935-4657-A3E3-C6AD82DCFEB8}" xmlns="http://schemas.microsoft.com/windows/tasks/v1">
        <name>Developpez.com</name>
        <icon>C:\Program Files\Internet Explorer\iexplore.exe</icon>
        <description>Lance le portail de ressources Developpez.com</description>
        <command>http://www.developpez.com</command>
        <sortPriority>5</sortPriority> 
        <infotip>Developpez.com c'est genial</infotip> 
        <previewPaneView xmlns="http://schemas.microsoft.com/windows/oobetasks/v1">
            <previewBackground>%systemroot%\system32\oobe\info\bg.png</previewBackground>
            <previewPicture>%systemroot%\System32\oobe\info\logo.png</previewPicture>
            <startText>Visiter le site web</startText>
            <title>Developpez.com</title>
          <columnOne>
            <para><text>Portail regorgeant de ressources</text></para>
            <para><bullet /><text>Des articles</text></para>
            <para><bullet /><text>Des FAQs</text></para>
            <para><bullet /><text>Des codes sources</text></para>
          </columnOne>
        </previewPaneView>
      </task>

La grosse différente concerne les nœuds enfants de l'élément previewPaneView, nous y avons ajouté les éléments previewBackground et previewPicture qui permettent respectivement, de définir pour le panneau de prévisualisation, un fond et une icône géante.
Le fond doit être au maximum de la taille 800*178 pixels tandis que l'icône doit cette fois être au format PNG (ou alors elle n'apparaîtra pas).

Ensuite, il est possible d'ajouter une description plus longue affichable sous deux colonnes columnOne et columnTwo (mais je n'ai pas réussi à faire marcher la seconde colonne). Pour chaque colonne, il est possible d'afficher une liste à l'aide de l'élément bullet.

Le fichier oobe.xml si vous aviez les mêmes images que moi, vous donnerait l'affichage ci-dessous, à l'effigie de Developpez.com.

Image non disponible



Une toute dernière modification qu'il est possible de faire, mais qui servira surtout si vous appliquez ce tutoriel en entreprise : l'application du logo de l'entreprise. Il vous suffit pour cela, d'ajouter à l'intérieur de l'élément useroobe le code suivant, qui spécifie le path d'un logo PNG

 
Sélectionnez
<oemLogo xmlns="http://schemas.microsoft.com/windows/oobetasks/v1" >%systemroot%\System32\oobe\info\logo.png</oemLogo>
Image non disponible

V. Liens et téléchargements

Voici tout d'abord un lien vers le fichier oobe.xml utilisé lors de ce tutoriel : oobe.xml

et voici un lien vers le détail de tous les éléments disponibles dans un fichier oobe.xml : oobe settings

Remerciements

Je tiens à remercier gorgonite pour ses corrections apportées à l'article.

Vous avez aimé ce tutoriel ? Alors partagez-le en cliquant sur les boutons suivants : Viadeo Twitter Facebook Share on Google+   

Copyright © 2007 Louis-Guillaume MORAND. Aucune reproduction, même partielle, ne peut être faite de ce site ni de l'ensemble de son contenu : textes, documents, images, etc. sans l'autorisation expresse de l'auteur. Sinon vous encourez selon la loi jusqu'à trois ans de prison et jusqu'à 300 000 € de dommages et intérêts. Droits de diffusion permanents accordés à Developpez LLC.