Exporter (0) Imprimer
Développer tout

Ajout de tâches à une liste de raccourcis

Dans l’exemple d’application Lecteur de podcast Channel9, une liste de tâches par défaut est déclarée et apparaît dans la liste de raccourcis. Ces éléments de site statiques apparaissent dans la catégorie de liste de raccourcis intitulée Tâches. Une liste de raccourcis peut contenir des tâches et destinations courantes. Certains éléments s’appliquent à tout le site, tandis que d’autres ne s’appliquent qu’à des utilisateurs spécifiques. Cette tâche explique comment ajouter des tâches de site à la liste de raccourcis par défaut d’un site épinglé.

Liste de raccourcis contenant des tâches statiques

Les éléments de liste de raccourcis agissent comme points d’entrée dans le site Web, même si le navigateur n’est pas en cours d’exécution. Pour ajouter des éléments d’après des activités récentes ou des préférences utilisateur, voir Ajout dynamique de tâches à une liste de raccourcis.

Qu’est-ce qu’une tâche ?

Si une destination désigne une chose, une tâche désigne une action. Dans le cas qui nous concerne, elle représente une action de site. En d’autres termes, une destination est un nom et une tâche un verbe. Dans le contexte d’un site épinglé, une tâche peut être n’importe quelle fonctionnalité courante de navigation ou de site.

Certaines tâches sont statiques, ce qui signifie qu’elles sont définies quand le site est épinglé. D’autres, comme les notifications et les tâches d’utilisateur, sont dynamiques et évoluent.

  • Les tâches statiques sont définies à l’aide de balises meta. Ces propriétés s’appliquent à tout utilisateur du site quand ce dernier est épinglé, et apparaissent dans la catégorie intitulée Tâches. Cette catégorie peut contenir jusqu’à cinq éléments. Ces derniers restent généralement identiques, quel que soit l’état ou le statut de l’application. Cette rubrique explique comment ajouter des tâches statiques.
  • Les tâches dynamiques sont définies au moyen d’API JavaScript. En règle générale, ces tâches remontent des informations propres à un seul utilisateur et apparaissent dans une catégorie de liste de raccourcis que vous créez. Cette catégorie personnalisée peut renfermer jusqu’à 20 éléments, bien que seuls les 10 derniers apparaissent par défaut dans la liste de raccourcis. Pour plus d’informations, voir Comment créer des listes de raccourcis dynamiques.

Un site épinglé ne peut présenter qu’une liste statique et une liste dynamique à la fois. Par exemple, la liste de raccourcis suivante d’Amazon.com contient les deux types de tâches.

Les listes de raccourcis peuvent contenir des liens statiques et dynamiques à la fois.

Utilisation de msapplication-task

L’attribut name de l’élément meta est "msapplication-task", et l’attribut content se compose des parties requises suivantes, séparées par des points-virgules :

PartieDescription
nameChaîne. Nom de la tâche qui apparaît dans la liste de raccourcis.
action-uriURI complète ou relative. Adresse lancée quand vous cliquez sur l’élément.
icon-uriURI complète ou relative. Ressource icône qui apparaît en regard de la tâche dans la liste de raccourcis.
window-type

Une des valeurs suivantes :

  • tab (par défaut) — nouvel onglet dans la fenêtre actuelle
  • self — onglet actuel
  • window — nouvelle fenêtre de site épinglé

 

Par exemple, pour ajouter une tâche unique intitulée « "Check Order Status" » (Vérifier le statut de commande), indiquez un élément meta dans le titre de votre page Web, comme suit :


<meta content="name=Check Order Status;
      action-uri=./orderStatus.aspx?src=IE9;
      icon-uri=./favicon.ico" name="msapplication-task" />


En général, les chemins relatifs sont plus faciles à maintenir que les URI complètes. Vous pouvez ajouter des paramètres d’URL requis, même ceux qui vous aident à suivre l’utilisation d’IE9 (voir le paramètre d’URL intitulé src dans l’exemple précédent). La partie action-uri ne vous permet pas d’utiliser de point-virgule.

Les tâches de la liste de raccourcis apparaissent dans le même ordre que celui de leur définition dans la source HTML.

Synthèse de tous les éléments

Voici la source de la liste de tâches dans l’exemple d’application Channel9 Podcast Player. Chaque tâche indique un paramètre d’URL qui filtre la liste de lecture des podcasts par thème. Cette tâche complète les métadonnées de site que vous avez débutées dans la tâche Déclaration des métadonnées d’un site épinglé.


<meta name="msapplication-task"
      content="name=Msdn Flash Podcasts;
      action-uri=./?topic=msdnFlash;
      icon-uri=Images/channel9_logo.ico" />
<meta name="msapplication-task" 
      content="name=IE Podcasts;
      action-uri=./?topic=connectedShow;
      icon-uri=Images/channel9_logo.ico" />
<meta name="msapplication-task" 
      content="name=Other Podcasts;
      action-uri=./?topic=other;
      icon-uri=Images/channel9_logo.ico" />
<meta name="msapplication-task" 
      content="name=All Podcasts;
      action-uri=./;
      icon-uri=Images/channel9_logo.ico" />


Étapes suivantes

Vous avez défini les éléments de base d’un site épinglé mais vos utilisateurs ont toujours besoin d’un moyen permettant de différencier votre site des autres applications sur la barre des tâches. La tâche Personnalisation de l’icône du site explique comment créer une icône haute résolution pour votre site. De plus, la tâche Invitation des utilisateurs à épingler votre site vous montre comment promouvoir vos fonctionnalités de site épinglé.

Autres exemples

Les métadonnées msapplication-task, associées aux éléments décrits dans Déclaration des métadonnées d’un site épinglé, créent la liste de raccourcis par défaut de votre site épinglé.

Les exemples donnés dans cette section illustrent l’utilisation d’une liste de raccourcis statiques par des sites Web connus en vue d’optimiser l’expérience de leurs utilisateurs dans Windows Internet Explorer 9.

Bing.com

La liste de raccourcis de Bing.com comprend entre autres des informations sur la météo et la finance et des actualités.


<meta content="Bing" name="application-name" />
<meta content="Bing" name="msapplication-tooltip" />
<meta content="width=1024;height=768" name="msapplication-window" />
<meta content="/" name="msapplication-starturl" />
<meta content="name=Weather;
action-uri=/weather/?FORM=IE0006;
icon-uri=/fd/s/a/sm_weather.ico" name="msapplication-task" />
<!-- ... -->


Facebook.com

La liste de raccourcis de Facebook.com comprend des actualités, des messages, des événements et des amis.


<meta name="application-name" content="Facebook"/>
<meta name="msapplication-tooltip" content="Start the Facebook App"/>
<meta name="msapplication-starturl" content="/"/>
<meta name="msapplication-window" content="width=800;height=600"/>
<meta name="msapplication-task"
    content="name=News;
    action-uri=/home.php?sk=nf;
    icon-uri=/images/icons/app/news.ico"/>
<!-- ... -->


Rubriques connexes

Tâches
Ajout dynamique de tâches à une liste de raccourcis
Déclaration des métadonnées d’un site épinglé
Étude conceptuelle
Sites épinglés dans Windows 8
Notifications de badge, directement sur votre site épinglé Windows 8
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é de base
Introduction aux sites épinglés

 

 

Afficher:
© 2014 Microsoft