Introduction aux sites épinglés

Les utilisateurs de Windows Internet Explorer 9 et Internet Explorer 10 peuvent épingler n’importe quel site Web à la barre des tâches de Windows 7 ou à l’écran d’accueil de Windows 8, comme ils le feraient avec des applications. Lorsqu’un site est épinglé, il peut être ouvert rapidement et simplement. Mais un site épinglé est bien plus qu’un simple raccourci. Les développeurs peuvent très facilement accéder aux fonctionnalités de la barre des tâches de Windows 7 ou de l’écran d’accueil de Windows 8 à partir de leurs sites Web (fonctionnalités qui améliorent considérablement les capacités de navigation, de contrôle et d’interaction de l’utilisateur qui visite ces sites).

Remarque  Pour plus d’informations sur les sites épinglés dans l’écran d’accueil de la nouvelle interface utilisateur Windows, voir Sites épinglés dans Windows 8.

Cette introduction décrit les fonctionnalités de la barre des tâches Windows 7 que les sites épinglés peuvent activer, vous montre en quoi une fenêtre de site épinglé est différente d’une instance normale d’Internet Explorer 9, et vous explique pourquoi, en tant que développeur de sites, vous pourriez envisager d’ajouter des fonctionnalités de site épinglé aux sites Web que vous créez.

Qu’est-ce qu’un site épinglé ?

La barre des tâches de Windows 7 et l’écran d’accueil de la nouvelle interface utilisateur Windows montrent tous deux les applications en cours d’exécution et les raccourcis vers les applications utilisées fréquemment. Le fait d’épingler vos applications favorites à la barre des tâches ou à l’écran d’accueil vous permet d’y accéder et de les lancer rapidement. Avec Internet Explorer 9, vous pouvez également épingler des sites Web à la barre des tâches, ce qui vous permet de lancer des sites de la même manière que les autres applications sous Windows. Bien qu’il soit possible d’épingler n’importe quel site Web (http et https uniquement), seuls les sites qui utilisent les fonctionnalités de la barre des tâches sont susceptibles de rester épinglés longtemps.

Avantages des sites épinglés

Les sites Web qui utilisent l’API de site épinglé se comportent presque comme des applications Windows natives. Les développeurs de sites peuvent créer un site Web plus attractif et engageant davantage l’utilisateur en appliquant les principes suivants :

  • déclarer une liste statique de tâches pour une navigation rapide vers des destinations courantes au sein d’un site ;
  • créer une liste dynamique de destinations qui sont personnalisées et pertinentes pour l’utilisateur ;
  • ramener l’utilisateur sur le site Web en faisant clignoter le bouton de la barre des tâches ou en affichant une superposition d’image sur une icône ;
  • ajouter des contrôles et des commandes à distance à la fenêtre d’aperçu de la barre des tâches ;
  • faire en sorte que le navigateur ressemble à votre site en changeant la couleur des boutons Précédent et Suivant ;
  • mettre en avant une icône de site haute résolution pour faire la distinction entre la marque du site et le navigateur.

Remarque  La fonctionnalité de site épinglé est disponible dans tous les modes de document d’Internet Explorer 9, et d’Internet Explorer 10 dans Windows 8. Vous pouvez ajouter des fonctionnalités de site épinglé sans avoir à convertir votre site pour qu’il prenne en charge la dernière version du protocole HTML ou des CSS.

Principes de base de la barre des tâches

L’image suivante vous présente les éléments de la barre des tâches de Windows 7.

Fonctionnalités de la barre des tâches de Windows 7.
FonctionnalitéDescription
Bouton de la barre des tâchesLorsque vous cliquez sur un bouton de site épinglé sur la barre des tâches, le site Web s’ouvre dans une nouvelle fenêtre de navigateur qui a été spécialement conçue pour le site. L’icône du site est visible sur le bouton de la barre des tâches.
Superposition d’icônesIcône de notifications de 16 x 16 pixels qui s’affiche au-dessus de l’icône de site normale. Cette notification indique une modification du site Web, telle que l’arrivée d’un nouveau message, la réception d’une demande de conversation, ou une surenchère. La notification est visible uniquement lorsque le site est en cours d’exécution. L’icône de notification de 16 x 16 pixels n’est pas disponible dans l’écran d’accueil de la nouvelle interface utilisateur Windows.
Liste de raccourcisLa liste de raccourcis contient des tâches statiques et dynamiques qui font office de raccourcis vers le site épinglé. L’utilisateur peut davantage personnaliser son expérience en épinglant ces éléments à la liste de raccourcis.
Catégorie de la liste de raccourcis Un site épinglé peut créer et remplir une seule catégorie de la liste de raccourcis au moyen d’un script dans la page Web. Cette liste est dynamique.
Tâches de la liste de raccourcis Outre la catégorie de la liste de raccourcis, un site épinglé peut prédéfinir une liste de tâches dans les métadonnées. Cette liste est statique.
Barre d’outils de miniaturesUn site épinglé peut créer jusqu’à sept boutons à afficher dans la fenêtre de miniatures de la barre des tâches. Ces boutons peuvent être visibles ou masqués, actifs ou inactifs, ou basculer entre plusieurs états. La barre d’outils de miniatures n’est pas disponible dans Internet Explorer 10 dans la nouvelle interface utilisateur Windows.

 

Un site épinglé doit définir, au minimum, une liste de tâches pour les fonctionnalités les plus fréquemment utilisées du site Web. Ensuite, les développeurs de sites peuvent créer une catégorie de liste de raccourcis personnalisée pour ajouter des tâches supplémentaires et des destinations propres à l’utilisateur. Des sites plus avancés peuvent fournir des superpositions d’image sur une icône pour informer l’utilisateur de l’état d’un site Web, par exemple de la présence de nouveaux messages dans une boîte de réception. Enfin, certains sites peuvent également faire usage des commandes à distance de la barre d’outils de miniatures.

L’API de site épinglé

La mise en application des fonctionnalités du site épinglé s’effectue à l’aide des deux modèles de programmation suivants :

Les scénarios évoqués dans les rubriques suivantes expliquent comment ajouter des fonctionnalités de site épinglé à votre page Web. Pour obtenir la liste complète des tâches de développement, voir la section Comment utiliser cette documentation.

Rubriques connexes

Fresh Tweets 2.0 - démonstration pour Windows 8
Effets visuels de haute qualité pour les sites épinglés dans Windows 8
Comment créer un site épinglé en moins d’une journée
Sites épinglés : intégration du Bureau Windows 7 dans Internet Explorer 9
Session PDC 10 : tirer parti des sites épinglés avec Internet Explorer 9 et Windows 7

 

 

Afficher:
© 2014 Microsoft