Compartir a través de


Tutorial: creación y personalización de una página de canal

Última modificación: lunes, 19 de abril de 2010

Hace referencia a: SharePoint Server 2010

En este artículo
Asignación de vídeos a canales
Exposición de fuentes RSS para canales
Formatos de dirección URL de música portátiles
Referencia a la función ECMAScript

Este tema es la quinta parte de una serie de tutoriales en cinco partes que explican cómo crear y personalizar un sitio de uso compartido de vídeo.

Una de las razones para crear un sitio de medios sociales es compartir contenido agregado agrupado en canales, es decir, elementos relacionados que los usuarios pueden examinar y a los que pueden suscribirse en bloque. Teniendo en cuenta la estructura de contenido que creó en Tutorial: Creación de un sitio de vídeo, ya ha configurado Microsoft SharePoint Server 2010 con los elementos necesarios para los canales: una página que puede crear cualquier usuario, la columna de búsqueda Canal que creó cuando agregó el tipo de contenido de vídeo y vídeos asociados con el canal por medio de la columna de búsqueda Canal.

Para crear un canal:

  1. Cree una página en el sitio que use un diseño que va a crear, denominado diseño Página de canal.

  2. Cree un diseño de página para la página de canal y úselo como página predeterminada para los canales.

  3. Asigne un vídeo al canal mediante la actualización de sus propiedades.

El nuevo diseño de página define los controles de campo y las personalizaciones de los elementos web que habilitan tres propiedades de una página de canal: el título, información sobre el canal y un objeto ContentByQueryWebPart personalizado que muestra los últimos vídeos que se agregaron.

Requisitos previos

Antes de realizar las tareas presentadas en este tutorial, complete las tareas presentadas en los temas Tutorial: Creación de un sitio de vídeo, Tutorial: personalización de la experiencia de carga de vídeos y Tutorial: creación de una página principal personalizada y de XSL de elemento web de consulta de contenido.

Asignación de vídeos a canales

El elemento de la consulta que muestra los últimos vídeos usa el elemento web de consulta de contenido (CQWP) para garantizar que muestra solo los últimos vídeos del canal seleccionado. El CQWP sustituye el token [PageFieldValue:Title] con el valor real del campo Título correspondiente a la página (que es lo que busca el campo Canal). El resto de los valores del CQWP Vídeos más recientes debe coincidir con la configuración del CQWP en la página del canal.

Exposición de fuentes RSS para canales

Al agregar el CQWP al diseño de página se garantiza que ningún usuario puede editar su consulta de contenido. Pero los CQWP que se agregan a diseños de página fuera de zonas de elementos web no pueden exponer las fuentes RSS. Puede crear una nueva página que exponga fuentes RSS para cada canal: los usuarios no tienen derechos de edición en la nueva página, pero pueden verla.

Después de crear la página de canal, agregue el CQWP a su zona de elementos web (que expone su propia fuente RSS) y configure el elemento web para orientarlo a cadenas de consulta específicas. El CQWP está configurado para usar los parámetros de la dirección URL de cada fuente RSS para tener acceso a la página de canal. Al agregar vínculos ECMAScript (JavaScript, JScript) a la página de canal, se crean "botones" de RSS que, al hacer clic en ellos, crean una dirección URL que se vincula a un segundo CQWP. El segundo CQWP muestra los mismos vídeos en la página de canal. Al crear y configurar dos CQWP, se permite a los usuarios obtener lo que parecen ser fuentes RSS entregadas directamente a su página de canal.

Debido a que se puede reemplazar el parámetro Channel con el título de la página de canal actual, se pueden agregar funciones JavaScript a una página de destino. Esto permite orientarla a una página web con cadenas de consulta.

Formatos de dirección URL de música portátiles

Puede personalizar el formato de dirección URL para que SharePoint Server 2010 inicie la aplicación iTunes o la aplicación Zune. Cuando se abre una página de canal para un servicio de música portátil, la página se agrega al servicio de música como un podcast para el usuario.

Referencia a la función ECMAScript

Las funciones JavaScript que se muestran aquí como ejemplos crean las direcciones URL de iTunes o Zune relevantes y hacen que el usuario navegue hacia su servicio de música portátil.

<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>

Creación de un nuevo diseño de página para páginas de canal

  1. Inicie SharePoint Designer 2010.

  2. En la lista Objetos de sitio, haga clic en Diseños de página y, a continuación, en Nuevo diseño de página.

  3. En un explorador web, navegue al sitio de SharePoint y, a continuación, haga clic en Diseños de página y plantillas de sitio.

  4. Configure la Configuración predeterminada de página nueva para especificar el nuevo diseño de página como predeterminado.

    Nota

    Al establecer el nuevo diseño de página como predeterminado, los usuarios pueden crear páginas de canal mediante el comando Nueva página del menú Acciones del sitio.

  5. Agregue un control de campo Page Title y un control de campo Channel Information al diseño de página.

  6. Modifique un CQWP para que muestre solo los vídeos etiquetados con la configuración de canal correspondiente.

Para agregar un elemento web de consulta de contenido oculto a una página nueva para fuentes RSS

  1. Navegue a la página Todo el contenido del sitio, haga clic en Crear y, a continuación, en Página de elementos web para crear una página en el sitio.

    SugerenciaSugerencia

    Puede usar cualquier nombre, plantilla de diseño y ubicación en esta página nueva. La página se usa para una operación de un CQWP oculto; ningún usuario lo verá directamente.

  2. Agregue a la página un CQWP (con la configuración indicada en la tabla 1) orientado a la biblioteca de vídeos.

    Tabla 1. Configuración del CQWP oculto

    Sección de elementos web

    Configuración

    Valor

    Notas

    Elemento Query

    Additional Filters

    "Channels" contains [PageQueryString:Channel]

    El valor de la propiedad PageQueryString debe ser el nombre exacto del parámetro de dirección URL que se establece en la sección Prueba y registro de la dirección URL de RSS del segundo elemento web de consulta de contenido de este tema.

    Presentación

    Enable feed for this Web part

    La habilitación de la fuente garantiza que el CQWP muestre fuentes RSS.

Prueba y registro de la dirección URL de RSS del CQWP

  1. Agregue manualmente a la dirección URL de la página actual un parámetro de una página de canal que sepa que contiene uno o varios vídeos. Por ejemplo, si la dirección URL de la página actual es http://contoso/Video/ChannelRSSPage.aspx y el nombre del canal que desea agregar es Contoso Test Channel, cree la siguiente dirección URL: http://contoso/Video/ChannelRSSPage.aspx?Channel=ContosoTestChannel.

  2. Después de que el elemento web muestre los resultados esperados, haga clic en el icono RSS en la esquina inferior derecha del elemento web para navegar a la dirección URL de la fuente RSS correspondiente al elemento web.

    SugerenciaSugerencia

    Por ejemplo, si se usa Contoso Test Channel, la dirección URL será similar a ésta: 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=ContosoTestChannel.

  3. Debido a que la página incluye las funciones JavaScript, puede agregar un botón que vincule a Zune o a iTunes mediante el uso de los fragmentos de código de lenguaje de marcado de la sección Referencia a la función ECMAScript.

Vea también

Tareas

Procedimiento para configurar el objeto MediaWebPart mediante ECMAScript

Conceptos

Tutoriales: Creación y personalización de un sitio para uso compartido de vídeos

Presentación de tipos de contenido multimedia

Modelo de programación de administración de activos digitales