Charla sobre SharePoint y UI de listas en la Universidad de La Habana, Cuba

1. SharePoint, listas y XSLT
Edin Kapić
12/06/2012

2. Edin Kapić
• Key Consultant en
• Ingeniero Superior en Informática
• Cofundador de
• Contacto
– http://www.edinkapic.com
– http://spblogedin.blogspot.com
– @ekapic
– ekapic@pasiona.com
• Ponente
– European SharePoint Conference 2011,
CEUS, MS NetWork 2.0 Bosnia,
SharePoint Saturday Bélgica

3. Agenda
• Repaso de UI de listas en SharePoint
• Alternativas de UI
– XsltListViewWebPart
– DataFormWebPart
– ContentQueryWebPart
– Desarrollo a medida
– Silverlight / jQuery
• Mejores prácticas

4. UI de listas en SharePoint

5. UI de listas en SharePoint
• Hasta 2010
– CAML
• No estándar
• Difícil y aparatoso
• A partir de 2010
– XSLT
• Estándar W3C
– http://www.w3.org/TR/xslt
• Independiente del esquema de la
lista
• Soporte para Ribbon

6. XSLT
• Transforma XML en otra cosa
– Mayoritariamente a HTML
pero podría ser otro XML o
incluso PDF (usando XML-FO)
• Usa plantillas (hojas de
estilo) y expresiones en
XPath para emitir un nuevo
documento a partir del XML
de entrada

7. XsltListViewWebPart (XLV)
http://msdn.microsoft.com/en-us/library/ff604024.aspx

8. Renderizado (main.xsl)
• Los datos de la lista vienen como XML en la
expresión /dsQueryResponse/Rows
• Para seleccionar los valores de las columnas
usamos
– <xsl:value-of select="@Columna"/>
• Las variables globales del main.xsl nos sirven
para el tener el contexto de los datos
– http://msdn.microsoft.com/en-us/library/ff806158.aspx
• También se usan vwstyles.xsl y fldtypes.xsl

9. Los datos en XML

10. ¿Y si no nos gusta?
• Podemos ajustar la vista en la definición de
lista
– Pero no controlamos como se renderizan las
columnas ni el chrome
• Podemos cambiar el fichero XSLT por uno
nuestro
– Lo mejor es partir de una copia de los ficheros por
defecto

11. Ejemplo de personalización de XLV

12. DataFormWebPart
• La nueva versión de DataViewWebPart
• Nos ofrece la capacidad parecida a XLV
– A diferencia de XLV, soporta orígenes de datos que
no sean de SharePoint
• SQL Server, XML, Servicios web...

13. ContentQueryWebPart
• Realiza una consulta a SharePoint y muestra
los resultados con una hoja de estilo XSLT
• Se pueden personalizar editando el
descriptor de la web part
• Se pueden hacer consultas recursivas
• XSLT ubicado en Style LibraryXSL Style
SheetsItemStyle.xsl

14. Funcionamiento de CQWP

15. Ejemplos CQWP
http://blog.pointycandy.com/2012/02/sharepoint-cqwp-ratings-more-oh-my.html

16. Desarrollo a medida
• A favor
– Tenemos total libertad pero menos posibilidades
de configuración
– Podemos usar AJAX, jQuery o Silverlight
• En contra
– Mayor complejidad de la solución
– Posibles problemas de rendimiento
– Versionado

17. Silverlight y SharePoint
• Podemos usar Client Object Model para
programar contra SharePoint

18. jQuery y SharePoint
http://woodoweb.com/index_files/85676caedb29754a49b02638063caf78-31.html

19. Resumen
Modo de presentación A favor En contra
XsltListViewWP • Fácil personalización
• Integración con Ribbon
• Solo orígenes de datos
de SharePoint
DataFormWP • Fácil personalización
• Orígenes de datos
heterogéneos
• Agregación de
resultados
• Sólo se puede editar
con SharePoint Designer
ContentQueryWP • Se puede configurar
desde el navegador
• Facilmente
personalizable
• Agregación de
resultados
• Complejidad de
mantenimiento
• No está presente en
SharePoint Foundation
Desarrollo a medida • Total libertad y
flexibilidad
• Tiempo de desarrollo
• Coste de
mantenimiento

20. P & R
¡Gracias!