21
{

Internet Explorer 9 - Pinned Site API

Embed Size (px)

Citation preview

Page 1: Internet Explorer 9 - Pinned Site API

{

Page 2: Internet Explorer 9 - Pinned Site API
Page 3: Internet Explorer 9 - Pinned Site API

« Internet Explorer 9 est un bon navigateur web moderne qui offre une nette amélioration par rapport au moyen et vieillissant IE8. »

« Nouveau moteur JavaScript, prise en charge du HTML5, des feuilles de styles CSS3, de l'accélération matérielle dans DirectX… les performances du navigateur sont au rendez-vous ! »

« Que penser de cette bêta d’Internet Explorer 9 au final ? Que c’est un très bon cru, et que Microsoft doit certainement être fière du résultat. La firme a clairement travaillé sur cette version, en donnant un très grand nombre d’éléments qui sont des demandes de longue date, tout en plaçant de nouvelles fonctionnalités qui ont un bon potentiel, comme l’épinglage des sites dans la barre des tâches de Windows 7. Pour autant, tout n’est pas rose non plus. »

« Internet Explorer 9, nouvelle version qui mérite le téléchargement ? Oui et non. Le nouveau navigateur de Microsoft est définitivement une amélioration de la version précédente, mais ce n'est pas la révolution que veut nous faire croire Microsoft. La plupart des utilisateurs seront très contents mais ce ne sera définitivement pas le premier choix des internautes plus avancés. »

Page 4: Internet Explorer 9 - Pinned Site API

« IE 9 est rapide, léger et s’intègre parfaitement à l’environnement Windows 7. »

Page 5: Internet Explorer 9 - Pinned Site API
Page 6: Internet Explorer 9 - Pinned Site API

Faciliter la navigation

Améliorer la prise de contrôle

Dynamiser les notifications

Page 7: Internet Explorer 9 - Pinned Site API
Page 8: Internet Explorer 9 - Pinned Site API

<meta name="application-name" content=« Kiwi Party /> <meta name="msapplication-tooltip" content=« Kiwi Party Pinned Site" /> <meta name="msapplication-window" content="width=442;height=542" /> <meta name="msapplication-navbutton-color" content="#424242" /> <meta name="msapplication-starturl" content="http://www.kiwiparty.fr/" />

Page 9: Internet Explorer 9 - Pinned Site API
Page 10: Internet Explorer 9 - Pinned Site API
Page 11: Internet Explorer 9 - Pinned Site API
Page 12: Internet Explorer 9 - Pinned Site API

• « Jump List » statique :

la méta-balise

<meta name="msapplication-task" content="name=New Tweet; action-uri=http://twitter.com/home; icon-uri=images/ie/tweet.ico" />

Page 13: Internet Explorer 9 - Pinned Site API

• « Jump List » dynamique :

les méthodes

window.external.msSiteModeCreateJumpList( “My Account”); window.external.msSiteModeAddJumpListItem( “Settings", “user/settings", “images/ie/settings.ico"); (…) window.external.msSiteModeShowJumplist( “My Account”);

Page 14: Internet Explorer 9 - Pinned Site API
Page 15: Internet Explorer 9 - Pinned Site API
Page 16: Internet Explorer 9 - Pinned Site API

• « Thumbnail Toolbar Buttons » : les méthodes ,

et l’ évènement

buttonPrev = window.external.msSiteModeAddThumbBarButton( “http://channel9.msdn.com/images/buttonPrev.ico “, “id1“); document.addEventListener('msthumbnailclick', handler, false); function handler(button) { if (button.buttonID == “ id1 “) goPrevious(); // votre callback }

Page 17: Internet Explorer 9 - Pinned Site API
Page 18: Internet Explorer 9 - Pinned Site API

• Superposition d’icônes dans la barre des taches :

la méthode

window.external.msSiteModeSetIconOverlay( “images/ie/fbNotification.ico “, “Vous avez des notifications“);

• Icône clignotante :

la méthode

Page 19: Internet Explorer 9 - Pinned Site API
Page 20: Internet Explorer 9 - Pinned Site API

• Utiliser une icone et des couleurs personnalisées

• Invitez vos visiteurs à épingler votre site

• Détection d’une offre de premiere execution

• Désactivation et masquage de boutons dans une “Thumbnail Toolbar”

• Basculement d’état d’un bouton

• Pratiques et bons usages

• …

Page 21: Internet Explorer 9 - Pinned Site API

{