SharePoint 2010: Configuración y uso de los Servicios de Visio (IV)!

Siguiendo con la serie de posts sobre los Servicios de Visio en SharePoint 2010 (podéis leer los posts previos de la serie en las partes I, II y III), en esta nueva entrega vamos a ver en acción la publicación de diagramas de Visio a partir de listas de SharePoint. Algunas de estas listas incluyen de serie la creación de diagramas Visio, como ocurre con las listas de tareas:

  • En uno de nuestros sitios de SharePoint 2010, navegamos a la lista de tareas y a través de la Ribbon de trabajo pulsamos sobre el icono “Crear diagrama visio”.
  • En el mensaje informativo que se muestra indicando que se va a iniciar Visio, pulsamos “Sí”. A continuación se inicia Visio 2010 con una serie de diagramas relativos a la lista de tareas:
    • Estado de tareas.
    • Distribución de la carga de trabajo.
    • Tareas completadas ordenadas por Asignado a.
    • Estado de tareas de flujo de trabajo.
  • Como el diagrama generado es estático, vamos a ver cómo podemos conectarlos con los datos de la lista de tareas para que muestre de forma dinámica los datos almacenados.
  • Pulsamos en la pestaña “Datos” y a continuación pulsamos “Vincular datos a las formas”.
image image image
  • A continuación, se inicia un asistente que nos permite conectar el diagrama con una fuente de datos. Marcamos la opción “Lista de Microsoft SharePoint Foundation” y pulsamos “Siguiente”.
  • Especificamos la Url del sitio de SharePoint a utilizar y pulsamos de nuevo “Siguiente”.
  • En la siguiente pantalla elegimos la lista “Tareas” y pulsamos de nuevo “Siguiente”.
image image image
  • En la última pantalla pulsamos “Finalizar” y comprobamos que la lista de datos se muestra debajo del diagrama.
  • Para conectar los datos de la lista con la figura, tenemos dos posibilidades:
    • Arrastrar cada elemento de la lista con la figura correspondiente del diagrama.
    • Hacer la conexión de forma automática.
  • Para utilizar la segunda alternativa, elegimos uno de los diagramas disponibles y de nuevo en la pestaña “Datos” pulsamos la opción “Vincular automáticamente”.
  • De esta forma se inicia un nuevo asistente que nos permite realizar la conexión automática de todas las formas con los datos. En la primera pantalla del asistente pulsamos “Siguiente”.
image image image
  • En la nueva pantalla del asistente se puede configurar que campos de la lista de datos se van a utilizar en las figuras del diagrama. Por defecto, se muestra la columna ID seleccionada.
  • Pulsamos de nuevo “Siguiente” y en la nueva pantalla simplemente pulsamos “Finalizar”.
  • Si nos fijamos en la lista de datos, veremos como algunos registros aparecen vinculados a las formas.
image image image
  • Lo siguiente que haremos es publicar el diagrama en nuestro Sitio de SharePoint, para ello nos vamos a “Archivo -> Guardar y enviar -> Guardar en SharePoint”.
  • Marcamos la opción “Dibujo web” y guardamos el diagrama en una de las bibliotecas de documentos del sitio.
  • Creamos una nueva página de WebParts en nuestro sitio y agregamos la WebPart de Visio Web Access.
  • A través del panel de configuración añadimos la Url del diagrama Visio que acabamos de guardar y el parámetro ID para utilizarlo en el caso en el que queramos conectar la WebPart con otras:
image image image
  • Comprobamos que el diagrama se visualiza de forma correcta.
  • Si cambiamos el estado de una de las tareas, el diagrama Viso se actualizará y tendrá en cuenta ese cambio.
  • Para dotar de más interactividad al diagrama, podemos añadir la WebPart con la lista Tareas y conectar ambas WebParts mediante el campo ID.
  image  

Y hasta aquí llega este tercer post de la serie sobre Servicios de Visio.