Procédure pas à pas : création et personnalisation d’une page de canal

Article
09/18/2014

Dernière modification : lundi 19 avril 2010

S’applique à : SharePoint Server 2010

Dans cet article
Mappage de vidéos aux canaux
Exposition des flux RSS pour les canaux
Formats d’URL de musique mobile
Référence des fonctions ECMAScript

Cette rubrique est la cinquième partie d’une série de procédures pas à pas en cinq parties qui vous montrent comment créer et personnaliser un site de partage de vidéos.

La création d’un site multimédia social peut être liée au désir de partager du contenu agrégé regroupé en canaux (éléments connexes auxquels les utilisateurs peuvent accéder et s’abonner sous forme d’unité). Comme vous avez créé une structure de contenu dans Procédure pas à pas : Création d’un site vidéo, vous avez déjà configuré Microsoft SharePoint Server 2010 avec les éléments nécessaires aux canaux : une Page qui peut être créée par n’importe quel utilisateur, la colonne de recherche Canal que vous avez créée lorsque vous avez ajouté le type de contenu vidéo, et les vidéos associées au canal via la colonne de recherche Canal.

Pour créer un canal :

Créez une Page de site basée sur une mise en page que vous allez créer et dont le nom est Page de canal.
Créez une mise en page pour la page de canal, et utilisez-la comme page par défaut pour les canaux.
Affectez une vidéo au canal en mettant à jour ses propriétés.

La nouvelle mise en page définit les contrôles de champs et les personnalisations de composants WebPart qui activent trois propriétés d’une page de canal : son titre, les informations relatives au canal et un objet ContentByQueryWebPart personnalisé qui montre les dernières vidéos ajoutées.

Conditions requises

Avant d’effectuer les tâches présentées dans cette procédure pas à pas, effectuez les tâches présentées dans les rubriques Procédure pas à pas : Création d’un site vidéo, Procédure pas à pas : Personnaslisation de l’expérience de téléchargement de vidéo et Procédure pas à pas : création d’une page d’accueil et d’un XSL Composant WebPart Contenu par requête personnalisés.

Mappage de vidéos aux canaux

La partie de la requête qui affiche les dernières vidéos utilise le composant WebPart de requête de contenu pour vérifier que seules les dernières vidéos sont affichées à partir du canal sélectionné. Le composant WebPart de requête de contenu remplace le jeton [PageFieldValue:Title] par la valeur réelle du champ Titre pour la page (ce que recherche le champ Channel). Tous les autres paramètres du composant WebPart de requête de contenu des Dernières vidéos doivent correspondre aux paramètres du composant WebPart de requête de contenu de la page de canal.

Exposition des flux RSS pour les canaux

L’ajout du composant WebPart de requête de contenu à la mise en page permet de s’assurer qu’aucun utilisateur ne peut modifier la requête de contenu ; toutefois, les composants WebPart de requête de contenu qui sont ajoutés aux mises en page en dehors des zones de composants WebPart ne peuvent pas exposer de flux RSS. Vous pouvez créer une page qui expose les flux RSS pour chaque canal : les utilisateurs ne disposent pas de droits d’édition sur la nouvelle page, mais ils peuvent l’afficher.

Une fois que vous avez créé la page de canal, que vous avez ajouté le composant WebPart de requête de contenu à sa zone de composants WebPart (qui expose son propre flux RSS), et que vous avez configuré le composant WebPart pour cibler des chaînes de requête spécifiques, le composant WebPart de requête de contenu est prêt à utiliser les paramètres de l’URL de chaque flux RSS pour accéder à la page de canal. En ajoutant des liens ECMAScript (JavaScript, JScript) à la page de canal, vous créez des « boutons » RSS qui, lorsqu’un utilisateur clique sur ces derniers, permettent de construire une URL liée à un second composant WebPart de requête de contenu. Le second composant WebPart de requête de contenu montre les mêmes vidéos sur la page de canal. En créant et en configurant deux composants WebPart de requête de contenu, vous permettez aux utilisateurs d’obtenir des flux RSS qui sont remis directement sur leur page de canal.

Dans la mesure où vous pouvez remplacer le paramètre Channel par le titre de la page de canal actuelle, vous pouvez ajouter des fonctions JavaScript à une page cible. Cela vous permet de cibler une page Web avec des chaînes de requête.

Formats d’URL de musique mobile

Vous pouvez personnaliser le format des URL de sorte que SharePoint Server 2010 démarre l’application iTunes ou Zune. Lorsque vous lancez une page de canal pour un service de musique mobile, la page est ajoutée au service de musique en tant que podcast pour l’utilisateur.

Référence des fonctions ECMAScript

Les fonctions JavaScript indiquées ici en guise d’exemples créent l’URL iTunes ou Zune appropriée, et permettent à l’utilisateur d’accéder à son service de musique mobile.

<a onclick="javascript:navigateToiTunesFeed(); return false;">
<img width="32" height="32" src="../../ContosoImages/iTunesPodcast.jpg" style="vertical-align: middle"/>
</a>

<a onclick="javascript:navigateToZuneFeed(); return false;">
<img width="32" height="32" src="../../ContosoImages/zunePodcast.jpg" style="vertical-align: middle"/>
</a>

Créer une mise en page pour les pages de canaux

Démarrez SharePoint Designer 2010.
Dans la liste Objets du site, cliquez sur Dispositions de page, puis sur Nouvelle mise en page.
Dans un navigateur Web, accédez à votre site SharePoint, puis cliquez sur Mises en page et modèles de site.
Configurez les Paramètres par défaut de la nouvelle page afin de spécifier votre nouvelle mise en page en tant que valeur par défaut.

Notes

La définition de la nouvelle mise en page en tant que valeur par défaut permet aux utilisateurs de créer des pages de canaux via la commande Nouvelle page du menu Actions du site.
Ajoutez un contrôle de champ Page Title et un contrôle de champ Channel Information à la mise en page.
Modifiez un composant WebPart de requête de contenu de sorte qu’il affiche uniquement les vidéos balisées avec le paramètre de canal approprié.

Pour ajouter un composant WebPart de requête de contenu masqué à une nouvelle page pour des flux RSS

Accédez à la page Tout le contenu du site de votre site, cliquez sur Créer, puis sur Page de composants WebPart pour créer une page dans le site.

Conseil
Vous pouvez utiliser n’importe quel nom, modèle de mise en page et emplacement sur cette nouvelle page. La page est utilisée pour une opération de composant WebPart de requête de contenu masqué ; aucun utilisateur ne la voit directement.

Ajoutez à la page un composant WebPart de requête de contenu (avec les paramètres listés dans le tableau 1) qui cible la bibliothèque Vidéos.

Tableau 1. Paramètres pour le composant WebPart de requête de contenu masqué

Section de composant WebPart	Paramètre	Valeur	Remarques
Requête	Additional Filters	"Channels" contains [PageQueryString:Channel]	La valeur de la propriété PageQueryString doit correspondre au nom exact du paramètre URL défini dans la section Tester et enregistrer l’URL de flux RSS du second composant WebPart de requête de contenu de cette rubrique.
Présentation	Enable feed for this Web part		L’activation du flux permet de s’assurer que le composant WebPart de requête de contenu affiche les flux RSS.

Tester et enregistrer l’URL de flux RSS du second composant WebPart de requête de contenu

Ajoutez manuellement à l’URL de la page active un paramètre de page de canal contenant à coup sûr une ou plusieurs vidéos. Par exemple, si l’URL de la page active est http://contoso/Video/ChannelRSSPage.aspx, et si le nom du canal que vous voulez ajouter est Canal Test Contoso, créez l’URL suivante : http://contoso/Video/ChannelRSSPage.aspx?Channel=CanalTestContoso.

Une fois que le composant WebPart a affiché les résultats attendus, cliquez sur l’icône RSS dans le coin inférieur droit du composant WebPart pour accéder à l’URL du flux RSS du composant WebPart.

Conseil
Par exemple, si vous utilisez Canal Test Contoso, l’URL ressemble à ce qui suit : http://contoso/_layouts/feed.aspx?xsl=1&web=%2F&page=7481c1f3-3e96-4dd7-8a41-744e82871d63&wp=b21f4d9a-c70f-49dc-9699-b5a134b839xa&pageurl=Documents%2FChannelRSSPage%2Easpx&Channel=CanalTestContoso.

Dans la mesure où votre page comprend des fonctions JavaScript, vous pouvez ajouter un bouton de liaison vers Zune ou iTunes à l’aide des extraits de code de langage de balisage figurant dans la section Référence des fonctions ECMAScript.