domingo, 31 de enero de 2010

Designer 2010: Vistas con formato condicional

Todava no he hablado mucho de SharePoint Designer 2010, pero evidentemente ha mejorado en muchos aspectos respecto su versin anterior. Para empezar quisiera explicaros una caracterstica 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 configuracin 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 tpicas para crear una vista, aparece una nueva opcin que es "Vista personalizada en SharePoint Designer"

Si pulsamos esta opcin 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 mltiple informacin del elemento seleccionado. Hablar de ello ms distendidamente en un prximo 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 botn "Nuevo". Al hacerlo una nueva ventana nos solicitar el nombre de la nueva vista.

Una vez introducido el nombre, pulsamos el botn "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 pgina .aspx cualquiera se tratara.

Si estamos trabajando en modo "dividir" (mitad cdigo y mitad grfico) o en modo "diseo" (solo grfico), seleccionamos una cuadrcula 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 seleccin". Las 2 primeras sirven para especificar una condicin 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 condicin .

Este criterio puede ser tan sencillo como "cuando el campo X tenga el valor Y" o mucho ms compleja si aadimos diversas lneas de condiciones y pulsamos en la pestaa de "Avanzadas", donde podremos establecer condiciones con cualquier definicin de campo, expresiones xPath y mltiples funciones (tipo excel)

Una vez nuestro criterio est definido, podemos pulsar en "establecer estilo", y aparecer otra ventana donde nos dejar escojer entre mltiples opciones de formato dividido en mltiples categoras.

Realmente podemos aplicar prcticamente cualquier formato de estilos css que imaginemos, estableciendo imgenes de fondo, tamao, colores, fuentes, bordes, recuadros, mrgenes, 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 aadido 4 formatos condicionales: Fondo degradado rojo si la incidencia es crtica. Fondo amarillo si la incidencia es muy urgente. Tamao del texto grande y rojo cuando los dias de resolucin 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 botn "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 dnde 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 dinmicos. 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, aplicacin de cualquier frmula 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 2010

MOSS 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 prctica hasta desarrollar un ejemplo prctico con este concepto, que viene a enlazar con la teora 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 biografa del autor. Para ello he creado 3 listas personalizadas distintas: Una con la informacin bsica del libro (ttulo y autor), otra con lecturas recomendadas para cada libro (ttulo del libro original y campo "relacionado", que es un campo multilnea con formato enriquecido), y la tercera con la biografa del autor (nombre del autor, y campo de descripcin multilnea enriquecido). Para finalizar he creado una lista de formularios Infopath donde muestro el detalle del libro con un campo de ttulo, otro de autor, la descpricin del libro y una foto de la portada (recordemos que Infopath 2010 incorpora un campo que permite cargar imgenes diferentes para cada instancia tambin en vista web (Form Services)). El siguiente paso es crear una pgina .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 caractersticas de MOSS 2010, la conexin mltiple entre webparts, que nos permite, por ejemplo, de un mismo webpart origen enviar parmetros a otros 3 webparts de destino.

Para ello desplegamos el men de configuracin del webpart que almacena el listado de libros, y en el apartado "Conexiones" seleccionamos "enviar fila de datos a" y despus 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 conexin "obtener formulario de", lo que permite que el formulario entero se cargue en el webpart de Infopath a partir de la seleccin de un elemento de la lista.

Una vez establecida la primera conexin, vamos a deplegar el men de configuracin del webpart de "Lecturas Relacionadas" y en "Conexiones" --> "Obtener valores de filtro de"--> Librera (Librera es el nombre de la lista de libros original)

En la siguiente ventana debemos configurar el filtro de datos para que el campo ttulo de la lista "Librera" enlace con el campo ttulo de la lista "Lecturas Relacionadas"

Una vez establecida la relacin pulsar el botn de "finalizar" y repetir el proceso en la librera de "Biografas" para que obtenga los valores de filtro de "Librera", esta vez vinculando el campo "Autor" de las 2 listas.

Como resultado final, obtendremos que en el webpart de librera nos permite obtener informacin del libro, autor y lecturas relacionadas con un solo click. 4 webparts interconectados entre s !!

Este es un pequeo y simple ejemplo de Mashup, pero estoy convencido que muchos de vosotros ya estareis pensando cmo aplicar este concepto a vuestras aplicaciones empresariales o pginas 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: Mquinas virtuales disponibles para descarga

Microsoft ha liberado recientemente 2 mquinas virtuales para descarga pblica y que todos podamos probar la suite de productos 2010 (Beta 2), entre ellos SharePoint 2010 (Beta 2). Eso s, estn ambas en ingls. Existen 2 mquinas virtuales que os podeis descargar en este enlace. La mquina virtual "a" es la ms 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 Mquina 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

mircoles, 27 de enero de 2010

Infopath 2010: Conexin a WebParts con parmetros de entrada y salida

Una de las grandes novedades en Infopath 2010 es su capacidad para interconectarse a otros webparts mediante parmetros de conexin de entrada-salida. Para definir estos parmetros hay varios caminos posibles: En el proceso de publicacin: Recordais la pantalla de seleccin de campos que estn disponibles para lectura-edicin en SharePoint? Ahora viene acompaada de una segunda zona donde podemos seleccionar cada campo del formulario (que no sea de repeticin por estar dentro de un control extensible) como parmetro de entrada, salida o entrada-salida. Podemos llegar a la misma pantalla desde el men Archivo-->Opciones de formulario-->Promocin de propiedades.

Una vez establecidos los parmetros, Cmo podemos hacer que nuestro formulario se comunique con otros WebParts? Pues SharePoint 2010 viene tambin con un WebPart Out-Of-The-Box para incluir formularios de Infopath.

Este WebPart ya viene preparado para conectarse directamente sin necesidad de ningn parmetro a determinados WebParts (listas de forms). Cuando establecemos la conexin con otro WebPart de la misma pgina, nos aparece un cuadro de dilogo con pestaas. La primera pestaa es para elegir el tipo de conexin. Si no hemos definido parmetros de entrada-Salida, siempre podemos utilizar el tipo "Obtener Formulario de", que en este caso conectara al WebPart de lista de formularios para obtener la informacin del elemento seleccionado actual. En este caso no har falta configurar la conexin, ya que todo estar definido automticamente.

En el caso que elijamos el tipo "Obtener Datos de", si que deberemos tener definidos parmetros de conexin en nuestro formulario, e indicar a cual de ellos vamos a enviar o recibir informacin.

En un prximo post detallar el proceso de conexin con un ejemplo prctico.

Publicado por Ignasi Teb Tena en 23:02 0 comentarios

MOSS 2010: Subida de grficos directa a editores de contenido enriquecido

Seguro que muchas veces habreis suspirado en MOSS 2007 imaginando lo bueno que sera que SharePoint pudiera subir imgenes directamente desde los editores WYSIWYG de contenido enriquecido que hay en los webparts editores de contenido, Wikis, etc. Sin embargo en 2007 solo podas referenciar imgenes via URL (http://...) de forma que esa imagen deba estar colgada en una web accesible desde nuestro portal. Eso implicaba que si tenamos una imagen en el disco duro que queramos incluir, primero debamos subirlo a una biblioteca de imgenes 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 autntica pesadilla para los creadores de contenidos, y desvirtuaba mucho las aplicaciones de wiki o pginas de publicacin 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 imgenes a librerias.

El primer paso ser ir a la pestaa de "insertar" y desplegar el men, que nos da las opciones de "de mi PC", "De direccin" 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 botn de "Examinar" y seleccionar adems 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 ingls) 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 ttulo, el nombre o las palabras clave administradas. Introducimos los parmetros y pulsamos el botn de "Guardar".

Y... Ya est!! nuestra imagen subida directamente en un campo de texto multilnea con formato enriquecido de una lista personalizada cualquiera.

Para algunos ser un pequeo 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 2010

MOSS 2010: Opciones Ajax en WebParts

Otro detalle interesante de las nuevas funcionalidades de SharePoint 2010 es que en los WebParts aparece una nueva seccin llamada "Opciones de Ajax". En ella podemos seleccionar si, por ejemplo, queremos disponer de un botoncito en el propio webpart

para forzar la actualizacin 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 informacin, sin refrescos de pantalla ni parpadeos extraos. Para conseguir este refresco automtico de datos, deberemos tener marcada la opcin "Habilitar actualizacin automtica asncrona" y establecer debajo el nmero de segundos que queremos dejar entre cada intervalo de actualizacin.

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 podra definirse como la aplicacin resultante de combinar el contenido de mltiples fuentes de datos para una experiencia integrada e interactiva. SharePoint 2010 viene preparado para crear todo tipo de Mash-ups aprovechando las caractersticas de interconexiones mltiples entre WebParts (hacer un click en un WebPart puede suponer modificar el contenido de los 3 o 4 otros WebParts que le acompaan en la pgina). Adems, InfoPath 2010 puede mandar tambin parmetros a otros webparts de las pginas, de forma que modificar un campo de un formulario tambin puede provocar que otros webparts se actualizen. Si a todo esto le unimos la capacidad de representacin grfica y multimedia de SilverLight y la de actualizar datos sin recarga de Ajax(ejecucin en la mquina cliente), comprobaremos que con SharePoint 2010 podemos realizar pginas de MashUps realmente atractivas e interactivas. Imaginad por ejemplo un mapa geogrfico cargado en silverlight, que en funcin 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 pgina podramos incorporar otro control interactivo de Silverlight para seleccionar el rango de volumen de ventas mnimo y mximo (en euros), de forma que si desplazamos (drag & drop) con el ratn la barra de volumen de ventas mnimas hasta 100.000 solo nos muestre los productos cuyo volumen de ventas superan dicha cantidad. Adems podemos tener un webpart de imagen que nos muestre la foto del producto ms vendido en esa zona, as como una ficha de las caractersticas 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) podra ser el siguiente:

El resultado visual final de un esquema como el anterior, podra ser una pantalla como la siguiente:

Donde al pinchar en un elemento de la lista, nos estara 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 ms interactiva y espectacular. A continuacin 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 Technology

Estaba haciendo un informe sobre bsquedas empresariales para un cliente, cuando he topado con el "Magic Quadrant" de Gartner sobre tecnologas de acceso a la informacin.

Realmente es impresionante cmo han mejorado las bsquedas con la adquisicin 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 mltiples fuentes de datos externas ya que entre otras caractersticas implementa bsquedas federadas y conectores mediante BCS (Bussines connectivity Services). Adems, las pantallas de bsqueda 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 artculo 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 2010

MOSS 2007: Personalizar resultados de bsquedas con Designer

Existe una manera sencilla de modificar las bsquedas de MOSS 2007 con SharePoint Designer 2007. Aplica en cualquier pgina que tenga el webpart "Resultados de Bsqueda", ya sea normal, avanzada o una que nosotros mismos hayamos personalizado. 1 .-acceder a la pgina que queremos modificar, realizar una bsqueda que retorne un par o tres de resultados, editar la pgina y acceder al men de configuracin del webpart.

2.- Pulsar en el botn de "EDITOR XSL" e introducir el siguiente cdigo en la pantalla de edicin 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 cdigo nos retorna TODOS los campos que tengamos definidos en "Columnas seleccionadas" de la seccin "Opciones de consulta de resultados" de configuracin del WebPart, en formato XML 3.- Aplicamos la modificacin y copiamos todo el xml resultante que aparecer en el webpart de resultados de bsqueda 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 pgina 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 Orgenes de datos". En ella veremos una seccin 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 pestaa "detalles del origen de datos". Aqu veremos todos los metadatos que haca mencin al final del punto 2. Ahora podremos seleccionarlos individualmente o de forma mltiple con Ctrl y directamente arrastrarlos a la zona visual (no pongais la vista de cdigo) de Designer. 8.- Designer nos mostrar el webpart resultante con los datos de resultados de bsqueda contenidos en el fichero xml (esos 2 o 3 resultados que encontr en el paso 1 antes de editar el webpart de resultados de bsqueda). Ahora podemos maquetar directamente esos resultados, poniendo negritas, cambiando nombres de los literales, moviendo de posicin 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 diseo... Lo cierto es que podemos maquillar bastante bien los resultados a nuestro gusto, esto ya depende de nuestra traza y gusto para el diseo. Nota: Observar que modificando UN resultado, vemos el cambio aplicado en todos ellos (el resultado es la iteracin de una nica definicin), as que solo hace falta modificar un nico resultado. 9.- Una vez estemos satisfechos con nuestro diseo, introducimos (ahora si) la vista de cdigo 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 bsqueda de nuestra pgina de resultados. 10.- Aplicamos el resultado, aceptamos, publicamos la pgina y ya tendremos nuestra pgina de resultados optimizada a nuestro gusto... sin necesidad de picar una lnea de cdigo ni saber XSL!! Saludos!