Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.
Branding en SharePoint 2010: Trucos yBuenas PrácticasRoberto RamónBernáCyB300001SharePoint Developer – Colaboración y Búsq...
¿Qué vamos a aprender?Elegir el método de despliegueadecuado.Diferenciar entre archivosCustomized y Uncostumized.Buenas...
Apartados Branding como concepto. ¿Por qué realizar un branding? Despliegue: Visual Studio & SPD Demo 1: Despliegue Vi...
¿Qué esel branding? Viene de la palabra “brand” ysignifica marca Podríamos decir que realizar unbranding es crear tu pro...
¿Por qué realizar un proyecto debranding ? Queremos ser únicos y diferentes del resto El efecto positivo que causa en lo...
 Página maestra (Master Page) Diseño de página (Layout) XSLT Transformar XML Separa contenido y presentación Web Par...
EjemploWeb deSolidQ (Home)
EjemploWeb deSolidQ (Cursos)
 Feature Proporciona archivos Uncostumized en SharePoint Ámbito (Scope) Solución Administra y configura proyectos Or...
 Definir claramente las rutas del despliegue. Master page y layouts bajo Master Page Gallery Archivos personalizados. (...
 Subir cualquier archivo encualquier momento. Velocidad alta enrecuperación frente a fallos.DespliegueIU SharePoint o SP...
 Todo el trabajo es manual(subidas, actualizaciones,borrados, etc…) Archivos desplegados sonCustomized (BD) Muchos arch...
Despliegue¿Por qué no se despliegan los layouts?<%@ Page language="C#"Inherits="Microsoft.SharePoint.Publishing.Publishing...
DEMOSharePoint Branding con Visual Studio
 CUSTOMIZED: Antiguamente conocidos como “Unghosted Files” Son archivos que están almacenados en la base de datos UNCO...
 ARCHIVOS CUSTOMIZED Una página pasa a ser Customized editándola con SD o con UI deSharePoint No confundir con editar c...
 ARCHIVOS UNCOSTUMIZED No se guardan en la BD Se guardan en el sistema de archivos VENTAJAS Mantienen la consistencia...
Tipos de archivos
Tipos de archivos
Tipos de archivos
DEMOCustomized & Uncostumized Files
 Estilos inline <p style=“color:red; margin-left:15px;”></p> Aplicar un ancho fijo a nuestro sitio en px No aplicar el ...
Si quieres disfrutar de las mejores sesiones denuestros mentores de España y Latino América,ésta es tu oportunidad.http://...
Upcoming SlideShare
Loading in …5
×

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

1,277 views

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
  • Be the first to comment

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:

×