Branding en SharePoint 2010. Trucos y Buenas Prácticas | SolidQ Summit 2012

874
-1

Published on

Página oficial del SolidQ Summit: http://summit.solidq.com/madrid/2013/
En esta sesión veremos de la mano de Roberto Ramón y Cristian Zaragoza, como realizar el Branding o personalización de los estilos y diseños de un sitio de SharePoint 2010. Comentaremos algunos trucos y buenas prácticas que nos evitarán muchos dolores de cabeza posteriores.

Published in: Technology
0 Comments
1 Like
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total Views
874
On Slideshare
0
From Embeds
0
Number of Embeds
0
Actions
Shares
0
Downloads
13
Comments
0
Likes
1
Embeds 0
No embeds

No notes for slide

Branding en SharePoint 2010. Trucos y Buenas Prácticas | SolidQ Summit 2012

  1. 1. Branding en SharePoint 2010: Trucos yBuenas PrácticasRoberto RamónBernáCyB300001SharePoint Developer – Colaboración y Búsquedarberna@solidq.com
  2. 2. ¿Qué vamos a aprender?Elegir el método de despliegueadecuado.Diferenciar entre archivosCustomized y Uncostumized.Buenas prácticas en branding.Despliegue del branding confeature en Visual Studio.Objetivos
  3. 3. Apartados Branding como concepto. ¿Por qué realizar un branding? Despliegue: Visual Studio & SPD Demo 1: Despliegue Visual Studio Archivos Customized & Uncostumized Demo 2: Customized & Uncostumized Malas prácticasAgenda
  4. 4. ¿Qué esel branding? Viene de la palabra “brand” ysignifica marca Podríamos decir que realizar unbranding es crear tu propia marca Branding en sitio web = colores,tipos de fuentes, logos e imágenes Branding en SharePoint =branding sitio web + master page,layouts, css, WebParts, XSLBranding
  5. 5. ¿Por qué realizar un proyecto debranding ? Queremos ser únicos y diferentes del resto El efecto positivo que causa en loempleados de nuestra empresaBranding
  6. 6.  Página maestra (Master Page) Diseño de página (Layout) XSLT Transformar XML Separa contenido y presentación Web Parts Componentes que el usuario puede mover, mostrar o ocultar. El usuario interactúa con ellos Son configurables Content Query Web Part CSS JavaScriptBranding¿De qué elementos disponemos?
  7. 7. EjemploWeb deSolidQ (Home)
  8. 8. EjemploWeb deSolidQ (Cursos)
  9. 9.  Feature Proporciona archivos Uncostumized en SharePoint Ámbito (Scope) Solución Administra y configura proyectos Organiza nuestros archivosDespliegueConceptos
  10. 10.  Definir claramente las rutas del despliegue. Master page y layouts bajo Master Page Gallery Archivos personalizados. (css, xsl, js,images) Style Library/CustomImages Imágenes Style Library/CustomStyles css Style Library/CustomScripts  JavaScript Style Library/CustomXSLFiles  xsl 2 formas de desplegar Utilizando SharePoint Designer o IU de SharePoint Mediante activación de features de Visual StudioDespliegueIndicaciones y Opciones
  11. 11.  Subir cualquier archivo encualquier momento. Velocidad alta enrecuperación frente a fallos.DespliegueIU SharePoint o SPD Archivos desplegados sonUncostumized( almacenadossistema de archivos deSharePoint) Aumenta el rendimiento denuestra aplicación. Nos ahorramos el trabajomanual.Visual StudioVentajas
  12. 12.  Todo el trabajo es manual(subidas, actualizaciones,borrados, etc…) Archivos desplegados sonCustomized (BD) Muchos archivos Customizedimplica menos rendimientoDespliegueIU SharePoint o SPD A veces resulta muy costoso,en cuanto a cambios sencillos Recuperación lenta en cuantofallosVisual StudioDesventajas
  13. 13. Despliegue¿Por qué no se despliegan los layouts?<%@ Page language="C#"Inherits="Microsoft.SharePoint.Publishing.PublishingLayoutPage,Microsoft.SharePoint.Publishing,Version=14.0.0.0,Culture=neutral,PublicKeyToken=71e9bce111e9429c"meta:webpartpageexpansion="full"meta:progid="SharePoint.WebPartPage.Document" %>Esta directiva la usa SharePoint para identificar que tuPage Layout ha sido personalizado usando SharePointDesigner.
  14. 14. DEMOSharePoint Branding con Visual Studio
  15. 15.  CUSTOMIZED: Antiguamente conocidos como “Unghosted Files” Son archivos que están almacenados en la base de datos UNCOSTUMIZED: Antiguamente conocidos como “Ghosted Files” NO se encuentran en la base de datos, se encuentra en el sistemade archivos de SharePoint. (14/Template/Features/…) ¡IMPORTANTE! Son tipos de archivos, no existen como talTipos de archivosCustomized y Uncostumized: Breve descripción
  16. 16.  ARCHIVOS CUSTOMIZED Una página pasa a ser Customized editándola con SD o con UI deSharePoint No confundir con editar contenido SharePoint accedería a la BD para renderizar la página Archivos creados con SPD o con UI SharePoint nunca podrán serUncostumized El paso de archivo Uncostumized a Customized se puede revertir. INCONVENIENTES Evitan mantener la consistencia en nuestro diseño Customized = Una única versión del archivo Empeoran el rendimiento (Consultas SQL) + archivos customized = - rendimientoTipos de archivosCustomized
  17. 17.  ARCHIVOS UNCOSTUMIZED No se guardan en la BD Se guardan en el sistema de archivos VENTAJAS Mantienen la consistencia del diseño Aumenta el rendimiento. (Almacenados en caché) + archivos uncostumized = + rendimientoTipos de archivosUncostumized
  18. 18. Tipos de archivos
  19. 19. Tipos de archivos
  20. 20. Tipos de archivos
  21. 21. DEMOCustomized & Uncostumized Files
  22. 22.  Estilos inline <p style=“color:red; margin-left:15px;”></p> Aplicar un ancho fijo a nuestro sitio en px No aplicar el diseño sobre contenido real. “Lorem ipsum dolor sitamet....” Utilizar varias master pages Fijar el ancho de la ribbon Modificar los archivos por defecto de SharePointBrandingMalas prácticas
  23. 23. Si quieres disfrutar de las mejores sesiones denuestros mentores de España y Latino América,ésta es tu oportunidad.http://summit.solidq.com/madrid/Síguenos:

×