domingo, 31 de enero de 2010Designer 2010: Vistas con formato condicionalTodavía no he hablado mucho de SharePoint Designer 2010, pero evidentemente ha

mejorado en muchos aspectos respecto su versión anterior.

Para empezar quisiera explicaros una característica que personalmente me parece

muy potente y una gran mejora para mostrar nuestros datos en las listas: la posibilidad

de aplicar formatos condicionales a nivel de vista.

Hay diversas maneras de accer a la configuración de las vistas desde SharePoint

Designer 2010, una de ellas desde el propio SharePoint, cuando seleccionamos en la

cinta Ribbon "Herramientas de Lista"--> "Lista" --> "crear vista" desde Ribbon.

Como vereis, entre las opciones típicas para crear una vista, aparece una nueva opción

que es "Vista personalizada en SharePoint Designer"

Si pulsamos esta opción directamente nos abrirá Designer 2010, mostrando una

pantalla resumen de la lista actual. Por cierto, estas pantallas de resumen son otras de

las novedades importantes de Designer 2010, permitiendonos de un vistazo visualizar

múltiple información del elemento seleccionado. Hablaré de ello más distendidamente

en un próximo post. 

En el caso que nos ocupa, nos fijamos en la parte superior derecha, donde nos muestra

las Vistas de la lista. En esta ventana haremos click en el botón "Nuevo". Al hacerlo una

nueva ventana nos solicitará el nombre de la nueva vista.

Una vez introducido el nombre, pulsamos el botón "Aceptar" y la nueva vista aparecerá

en la misma ventana de la pantalla resumen. Al pulsar sobre ella, Designer la abrirá

como si de una página .aspx cualquiera se tratara.

Si estamos trabajando en modo "dividir" (mitad código y mitad gráfico) o en modo

"diseño" (solo gráfico), seleccionamos una cuadrícula que nos interese de nuestra lista,

y veremos que en la cinta Ribbon nos aparecen muchas opciones interesantes, entre

ella "formato condicional". Al desplegar esta, veremos que nos da opciones de "mostrar

contenido", "ocultar contenido", "aplicar formato a fila", "aplicar formato a columna" y

"aplicar formato selección". Las 2 primeras sirven para especificar una condición para

mostrar u ocultar el campo seleccionado actual (p.e. que cuando el valor sea igual a 0

no lo muestre). Las 3 últimas nos permiten aplicar formato a nivel de fila, columna o

campo seleccionado actual.

Si seleccionamos una de esas 5 opciones (p.e. "aplicar formato a fila"), veremos que

aparece una ventana donde podemos definir la condición .

Este criterio puede ser tan sencillo como "cuando el campo X tenga el valor Y" o mucho

más compleja si añadimos diversas líneas de condiciones y pulsamos en la pestaña de

"Avanzadas", donde podremos establecer condiciones con cualquier definición de

campo, expresiones xPath y múltiples funciones (tipo excel)

Una vez nuestro criterio esté definido, podemos pulsar en "establecer estilo", y

aparecerá otra ventana donde nos dejará escojer entre múltiples opciones de formato

dividido en múltiples categorías.

Realmente podemos aplicar prácticamente cualquier formato de estilos css que

imaginemos, estableciendo imágenes de fondo, tamaño, colores, fuentes, bordes,

recuadros, márgenes, alineaciones, efectos en el texto, etc. Se trata de ir definiendo

nuestro estilo condicional parametrizando cada una de las opciones que nos brinda

esta pantalla. En mi caso he puesto un fondo degradado rojo en caso de que el campo

"urgencia" sea igual a "critica".

Una vez establecido el formato, aceptamos, y repetimos el proceso para todas las

condiciones en todos los campos, filas y columnas que deseemos.

En mi caso he añadido 4 formatos condicionales:

Fondo degradado rojo si la incidencia es crítica.

Fondo amarillo si la incidencia es muy urgente.

Tamaño del texto grande y rojo cuando los dias de resolución son igual o

superior a 5

Ocultar los dias de resolucion cuando estos son = a 0

Para aplicar este formato condicional en nuestra vista solo tenemos que pulsar en el

botón "guardar" de Designer, teniendo en cuenta que si hemos utilizado recursos

adicionales en el formato (en mi caso he introducido un .jpg con color rojo degradado

para un condicional), nos aparecerá una pantalla donde nos preguntará dónde y como

queremos almacenar estos ficheros

Una vez guardado, ya podemos ir a la lista y contemplar el resultado de nuestra vista

con formato condicional. El resultado final de mi vista retocada es el siguiente:

Por fin nuestros listados dejaran de ser sosos y aburridos, podemos crear una

"inteligencia" superior en el comportamiento de las vistas, y crear listados de

elementos realmente atractivos, expresivos y dinámicos. Realmente me ha

sorprendido la potencia que Designer tiene para crear estos formatos, llegando a un

nivel de detalle muy alto (retoque de cualquier aspecto del css, aplicación de cualquier

fórmula en el condicional...).

Seguid atentos al blog, porque quedan muchas cosas sorprendentes para descubrir en

la suite 2010 que iremos desvelando progresivamente.

Publicado por Ignasi Tebé Tena en 00:08 0 comentarios

jueves, 28 de enero de 2010MOSS 2010: Construyendo un Mashup

En un  post anterior  comenté que Infopath 2010 aceptaba parametros de entrada y

salida. En realidad esto se aplica a cualquier webpart de SharePoint 2010, y como lo

prometido es deuda, hoy he seguido trabajando esa práctica hasta desarrollar un

ejemplo práctico con este concepto, que viene a enlazar con la teoría del concepto de

Masups que expliqué en un post anterior.

La idea principal es construir una pantalla que a partir de un listado de diversos libros,

pueda consultar para cada uno de ellos, el detalle del mismo, un consejo de "lectura

relacionada" y una biografía del autor. Para ello he creado 3 listas personalizadas

distintas:

Una con la información básica del libro (título y autor), otra con lecturas recomendadas

para cada libro (título del libro original y campo "relacionado", que es un campo

multilínea con formato enriquecido), y la tercera con la biografía del autor (nombre del

autor, y campo de descripción multilínea enriquecido).

Para finalizar he creado una lista de formularios Infopath donde muestro el detalle del

libro con un campo de título, otro de autor, la descprición del libro y una foto de la

portada (recordemos que Infopath 2010 incorpora un campo que permite cargar

imágenes diferentes para cada instancia también en vista web (Form Services)).

El siguiente paso es crear una página .aspx que contenga los 4 webparts (3 listas y un

infopath), y distribuirlos a nuestro gusto. 

Despues de ello, vamos a utilizar otra de las nuevas características de MOSS 2010, la

conexión múltiple entre webparts, que nos permite, por ejemplo, de un mismo webpart

origen enviar parámetros a otros 3 webparts de destino.

Para ello desplegamos el menú de configuración del webpart que almacena el listado

de libros, y en el apartado "Conexiones" seleccionamos "enviar fila de datos a" y

después veremos que aparecen los nombres de los 3 webparts posibles de destino,

seleccionamos primero el de "Elemento web de Infopath form". En la siguiente

ventana, seleccionamos el tipo de conexión "obtener formulario de", lo que permite

que el formulario entero se cargue en el webpart de Infopath a partir de la selección de

un elemento de la lista.

Una vez establecida la primera conexión, vamos a deplegar el menú de configuración

del webpart de "Lecturas Relacionadas" y en "Conexiones" --> "Obtener valores de

filtro de"--> Librería (Librería es el nombre de la lista de libros original)

En la siguiente ventana debemos configurar el filtro de datos para que el campo título

de la lista "Librería" enlace con el campo título de la lista "Lecturas Relacionadas"

Una vez establecida la relación pulsar el botón de "finalizar" y repetir el proceso en la

librería de "Biografías" para que obtenga los valores de filtro de "Librería", esta vez

vinculando el campo "Autor" de las 2 listas.

Como resultado final, obtendremos que en el webpart de librería nos permite obtener

información del libro, autor y lecturas relacionadas con un solo click. ¡¡ 4 webparts

interconectados entre sí !!

Este es un pequeño y simple ejemplo de Mashup, pero estoy convencido que muchos

de vosotros ya estareis pensando cómo aplicar este concepto a vuestras aplicaciones

empresariales o páginas del portal MOSS 2010. ¡¡Las posibilidades son ilimitadas!! ¿Os

imaginais que cuadros de mando de BI se pueden conseguir con webparts de

PerformancePoint, Reporting Services y Excel Services?

Publicado por Ignasi Tebé Tena en 23:11 4 comentarios

2010: Máquinas virtuales disponibles para descargaMicrosoft ha liberado recientemente 2 máquinas virtuales para descarga pública y que

todos podamos probar la suite de productos 2010 (Beta 2), entre ellos SharePoint 2010

(Beta 2). Eso sí, están ambas en inglés.

Existen 2 máquinas virtuales que os podeis descargar en este enlace.

La máquina virtual "a" es la más completa y contiene el siguiente software:

1. Windows Server 2008 SP2 Standard Edition x64, running as an Active Directory

Domain Controller for the “CONTOSO.COM” domain with DNS and WINS 

2. Microsoft SQL Server 2008 SP2 Enterprise Edition with Analysis, Notification, and

Reporting Services

3. Microsoft Office Communication Server 2007 R2 

4. Visual Studio 2010 Beta 2 Ultimate Edition 

5. Microsoft SharePoint Server 2010 Enterprise Edition Beta 2 

6. Microsoft Office Web Applications Beta 2 

7. FAST Search for SharePoint 2010 Beta 2 

8. Microsoft Project Server 2010 Beta 2 

9. Microsoft Office 2010 Beta 2 

10. Microsoft Office Communicator 2007 R2 

La Máquina virtual "b" es para probar el servidor Exchange 2010 y viene con el

siguiente Software:

1. Windows Server 2008 R2 Standard Evaluation Edition x64, joined to the

“CONTOSO.COM” domain 2. Microsoft Exchange Server 2010 

Ya no teneis la excusa de decir "no he probado el 2010 porque no he tenido tiempo de

instalarlo..."

Publicado por Ignasi Tebé Tena en 08:43 0 comentarios

miércoles, 27 de enero de 2010Infopath 2010: Conexión a WebParts con parámetros de entrada y salidaUna de las grandes novedades en Infopath 2010 es su capacidad para interconectarse

a otros webparts mediante parámetros de conexión de entrada-salida.

Para definir estos parámetros hay varios caminos posibles: 

En el proceso de publicación: ¿Recordais la pantalla de selección de campos que

están disponibles para lectura-edición en SharePoint? Ahora viene acompañada

de una segunda zona donde podemos seleccionar cada campo del formulario

(que no sea de repetición por estar dentro de un control extensible) como

parámetro de entrada, salida o entrada-salida.

Podemos llegar a la misma pantalla desde el menú Archivo-->Opciones de

formulario-->Promoción de propiedades.

Una vez establecidos los parámetros, ¿Cómo podemos hacer que nuestro formulario se

comunique con otros WebParts? Pues SharePoint 2010 viene también con un WebPart

Out-Of-The-Box para incluir formularios de Infopath.

Este WebPart ya viene preparado para conectarse directamente sin necesidad de

ningún parámetro a determinados WebParts (listas de forms). Cuando establecemos la

conexión con otro WebPart de la misma página, nos aparece un cuadro de diálogo con

pestañas. La primera pestaña es para elegir el tipo de conexión. Si no hemos definido

parámetros de entrada-Salida, siempre podemos utilizar el tipo "Obtener Formulario

de", que en este caso conectaría al WebPart de lista de formularios para obtener la

información del elemento seleccionado actual. En este caso no hará falta configurar la

conexión, ya que todo estará definido automáticamente.

En el caso que elijamos el tipo "Obtener Datos de", si que deberemos tener definidos

parámetros de conexión en nuestro formulario, e indicar a cual de ellos vamos a enviar

o recibir información.

En un próximo post detallaré el proceso de conexión con un ejemplo práctico.

Publicado por Ignasi Tebé Tena en 23:02 0 comentarios

MOSS 2010: Subida de gráficos directa a editores de contenido enriquecidoSeguro que muchas veces habreis suspirado en MOSS 2007 imaginando lo bueno que

sería que SharePoint pudiera subir imágenes directamente desde los editores

WYSIWYG de contenido enriquecido que hay en los webparts editores de contenido,

Wikis, etc. 

Sin embargo en 2007 solo podías referenciar imágenes via URL (http://...) de forma que

esa imagen debía estar colgada en una web accesible desde nuestro portal. Eso

implicaba que si teníamos una imagen en el disco duro que queríamos incluir, primero

debíamos subirlo a una biblioteca de imágenes de nuestro site o site collection, copiar

la URL de esa imagen al portapapeles y pegarla posteriormente en el campo URL de la

imagen del webpart. Esto era una auténtica pesadilla para los creadores de contenidos,

y desvirtuaba mucho las aplicaciones de wiki o páginas de publicación web.

Por suerte SharePoint 2010 no solamente mejora estos webparts, sino que en todos los

lugares donde haya un editor de contenido enriquecido podemos incluir una imagen

guardada en nuestro disco duro directamente y sin necesidad de subir previamente las

imágenes a librerias.

El primer paso será ir a la pestaña de "insertar" y desplegar el menú, que nos da las

opciones de "de mi PC", "De dirección" o "De SharePoint". Si la imagen está en nuestro

disco duro seleccionamos "De PC"

La siguiente pantalla nos permitirá examinar nuestro disco duro en busca de la imagen

que queramos insertar, con el botón de "Examinar" y seleccionar además en que

biblioteca de sharepoint donde la queremos guardar. Mencionar que MOSS 2010 ya

genera por defecto en cada site collection una biblioteca de "Activos del Sitio" (assets

en inglés) especilamente pensada para este tipo de archivos.

Una vez hayamos cargado la imagen, nos pedirá confirmar los valores de los campos

relativos al fichero subido, como el título, el nombre o las palabras clave administradas.

Introducimos los parámetros y pulsamos el botón de "Guardar".

Y... ¡¡Ya está!! nuestra imagen subida directamente en un campo de texto multilínea

con formato enriquecido de una lista personalizada cualquiera.

Para algunos será un pequeño detalle, pero para los que lo hemos sufrido, y, sobre

todo, para los creadores de contenido web, será un gran alivio.

Publicado por Ignasi Tebé Tena en 21:17 0 comentarios

lunes, 25 de enero de 2010MOSS 2010: Opciones Ajax en WebPartsOtro detalle interesante de las nuevas funcionalidades de SharePoint 2010 es que en

los WebParts aparece una nueva sección llamada "Opciones de Ajax". En ella podemos

seleccionar si, por ejemplo, queremos disponer de un botoncito en el propio webpart

para forzar la actualización del mismo, o si por lo contrario preferimos que el propio

webpart se actualize solito cada x segundos. 

El resultado es que si, por ejemplo lo aplicamos en una biblioteca de documentos y

alguien cuelga un nuevo documento en la misma desde otro terminal, al cabo de pocos

segundos veremos que nuestro webpart se actualiza con la nueva información, sin

refrescos de pantalla ni parpadeos extraños.

Para conseguir este refresco automático de datos, deberemos tener marcada la opción

"Habilitar actualización automática asíncrona" y establecer debajo el número de

segundos que queremos dejar entre cada intervalo de actualización.

Publicado por Ignasi Tebé Tena en 23:47 0 comentarios

MOSS 2010: Concepto Mash-Ups

El concepto de Mash-Up viene incorporado dentro del paquete Web 2.0, y podría

definirse como la aplicación resultante de combinar el contenido de múltiples

fuentes de datos para una experiencia integrada e interactiva.

SharePoint 2010 viene preparado para crear todo tipo de Mash-ups aprovechando las

características de interconexiones múltiples entre WebParts (hacer un click en un

WebPart puede suponer modificar el contenido de los 3 o 4 otros WebParts que le

acompañan en la página).

Además, InfoPath 2010 puede mandar también parámetros a otros webparts de las

páginas, de forma que modificar un campo de un formulario también puede provocar

que otros webparts se actualizen.

Si a todo esto le unimos la capacidad de representación gráfica y multimedia

de SilverLight y la de actualizar datos sin recarga de Ajax(ejecución en la máquina

cliente), comprobaremos que con SharePoint 2010 podemos realizar páginas de Mash-

Ups realmente atractivas e interactivas.

Imaginad por ejemplo un mapa geográfico cargado en silverlight, que en función de la

zona seleccionada retorne en otro webpart un listado del volumen de ventas por

producto en esa zona. En otro webpart en la misma página podríamos incorporar otro

control interactivo de Silverlight para seleccionar el rango de volumen de ventas

mínimo y máximo (en euros), de forma que si desplazamos (drag & drop) con el ratón

la barra de volumen de ventas mínimas hasta 100.000€ solo nos muestre

los productos cuyo volumen de ventas superan dicha cantidad. Además podemos tener

un webpart de imagen que nos muestre la foto del producto más vendido en esa zona,

así como una ficha de las características del mismo en un quinto web-part.

El esquema de un Mash-Up formado por 4 webparts (una lista, un mapa, una imagen y

un formulario) podría ser el siguiente:

El resultado visual final de un esquema como el anterior, podría ser una pantalla como

la siguiente:

Donde al pinchar en un elemento de la lista, nos estaría modificando al mismo tiempo

la imagen, el mapa y los datos del formulario.

Realmente impresionante, ¿No creeis? En SharePoint 2010 vamos a crear una

experiencia de usuario mucho más interactiva y espectacular. A continuación os dejo

otra pantalla de ejemplo de Mash-Ups para ir abriendo boca:

Publicado por Ignasi Tebé Tena en 22:17 0 comentarios

Etiquetas: Mashups

Magic Quadrant for Information Access TechnologyEstaba haciendo un informe sobre búsquedas empresariales para un cliente, cuando he

topado con el "Magic Quadrant" de Gartner sobre tecnologías de acceso a la

información.

Realmente es impresionante cómo han mejorado las búsquedas con la adquisición de

Fast Search & Transfer.

Ya estoy deseando probar el motor en toda su potencia. Microsoft dice que indexa

ágilmente 100 millones de documentos, es compatible con múltiples fuentes de datos

externas ya que entre otras características implementa búsquedas federadas y

conectores mediante BCS (Bussines connectivity Services). Además, las pantallas de

búsqueda para el usuario final que vimos en la SharePoint Conference combinadas con

Ajax y Silverlight eran realmente impresionantes.

Os recomiendo ver el cuadrante y leer el artículo completo en el siguiente link:

Magic Quadrant for Information Access Technology 

  

Publicado por Ignasi Tebé Tena en 00:20 0 comentarios

jueves, 21 de enero de 2010MOSS 2007: Personalizar resultados de búsquedas con DesignerExiste una manera sencilla de modificar las búsquedas de MOSS 2007 con SharePoint

Designer 2007. Aplica en cualquier página que tenga el webpart "Resultados de

Búsqueda", ya sea normal, avanzada o una que nosotros mismos hayamos

personalizado.

1 .-acceder a la página que queremos modificar, realizar una búsqueda que retorne un

par o tres de resultados, editar la página y acceder al menú de configuración del

webpart.

2.- Pulsar en el botón de "EDITOR XSL" e introducir el siguiente código en la pantalla de

edición del XSL:

<xsl:stylesheet version="1.0" xmlns:xsl="http://www.w3.org/1999/XSL/Transform">

   <xsl:output method="xml" version="1.0" encoding="UTF-8" indent="yes"/>

   <xsl:template match="/">

      <xmp><xsl:copy-of select="*"/></xmp>

   </xsl:template>

</xsl:stylesheet> 

  

Este código nos retorna TODOS los campos que tengamos definidos en "Columnas

seleccionadas" de la sección "Opciones de consulta de resultados" de configuración del

WebPart, en formato XML 

  

3.- Aplicamos la modificación y copiamos todo el xml resultante que aparecerá en el

webpart de resultados de búsqueda y lo copiamos en un editor de "Bloc de Notas" que

guardaremos como fichero .xml en nuestro disco local. 

  

4.- Ahora abrimos SharePoint Designer y una vez dentro hacemos "Archivo"--

>"Nuevo"-->"ASPX" 

  

5.- Cuando tengamos la nueva página aspx abierta seleccionamos en el menú superior

de opciones "Vista de Datos"-->"Insertar Vista de datos". 

  

6.- En la zona superior derecha del Designer se nos habrá abierto una zona de

"Biblioteca de Orígenes de datos". En ella veremos una sección de "Archivos XML". En

ella pulsamos en "Agregar un archivo XML..." y navegamos para seleccionar el fichero

local que guardamos en el paso 3. 

  

7.-Una vez cargado el fichero, veremos que en la misma zona superior derecha de la

pantalla habrá aparecido o podremos seleccionar la pestaña "detalles del origen de

datos". Aquí veremos todos los metadatos que hacía mención al final del punto 2.

Ahora podremos seleccionarlos individualmente o de forma múltiple con  Ctrl y

directamente arrastrarlos a la zona visual (no pongais la vista de código) de Designer. 

  

8.- Designer nos mostrará el webpart resultante con los datos de resultados de

búsqueda contenidos en el fichero xml (esos 2 o 3 resultados que encontró en el paso

1 antes de editar el webpart de resultados de búsqueda). Ahora podemos maquetar

directamente esos resultados, poniendo negritas, cambiando nombres de los literales,

moviendo de posición los valores retornados, insertandolos en tabla, con colores, etc.

Si jugamos con las opciones del webpart vereis que podemos incluso introducir filtros,

agrupaciones, modificar la plantilla de diseño... Lo cierto es que podemos maquillar

bastante bien los resultados a nuestro gusto, esto ya depende de nuestra traza y gusto

para el diseño. Nota: Observar que modificando UN resultado, vemos el cambio

aplicado en todos ellos (el resultado es la iteración de una única definición), así que

solo hace falta modificar un único resultado. 

  

9.- Una vez estemos satisfechos con nuestro diseño, introducimos (ahora si) la vista de

código y seleccionamos todo lo que contiene el tag<XSL> (sin incluir este), es decir

desde <xsl:stylesheet version="1.0"... hasta </xsl:stylesheet>, lo copiamos y lo

pegamos dentro del editor XSL del WebPart de Resultados principales de

búsqueda de nuestra página de resultados. 

  

10.- Aplicamos el resultado, aceptamos, publicamos la página y ya tendremos nuestra

página de resultados optimizada a nuestro gusto... sin necesidad de picar una línea de

código ni saber XSL!! 

  

¡Saludos!