Sharepoint es un producto de Microsoft destinado al desarrollo de Intranets Corporativas y Portales Públicos (manejador de contenidos).

Transcripción

1

2 Introducción Sharepoint es un producto de Microsoft destinado al desarrollo de Intranets Corporativas y Portales Públicos (manejador de contenidos). Es posible mediante este producto desarrollar estructuras de sitios complejas generando dinámicamente menús de navegación, breadcrumbs, páginas, etc. Esta nueva versión permite un nivel de personalización muy alto, contando con una herramienta de edición específica para ello: Microsoft Sharepoint Designer 2007

3 Estructura Básica Dentro de un sitio desarrollado en Sharepoint 2007 existen dos ambientes fundamentales: Público Lo que está público, lo que vemos (intranet, portal, etc..). Administración Donde se configura lo que se está viendo. Eventualmente se podrían tener varios sitios ( ambiente público ) que utilizaran la misma administración. Portal Intranet Administración Público

4 Alcance y posibilidades Es posible personalizar por separado cada uno de los dos ambientes (público y administración), así como también personalizar cada uno de los sitios dl del ambiente público (por ejemplo portal e intranet). El potencial de la herramienta es muy grande, con pequeñas limitantes debido a la cantidad de controles ya desarrollados que tiene (modificables únicamente por estilos). Podemos concluir que el alcance de la personalización es realmente el alcance de nuestra imaginación.

5 Archivos Importantes Es necesario entender, para lograr personalizar los sitios, como heredan cada una de las páginas. Existe una Master Page (*.master) en la cual se incluyen los componentes fundamentales del sitio, como ser cabezal, menús, fondos, etc. Tenemos también Layouts (*.aspx) basados en esta Master Page, los cuales representan los diferentes diseños de página que el sitio va a tener. Layout 1 Pág. 1 Pág. 3 Pág. 2 Master Page Pág. 4 Layout 2

6 Comenzando con SharePoint Designer Sharepoint Designer es un editor html del estilo de DreamWeaver o FrontPage y básicamente se trabaja de la misma manera. Cuenta con un Historial de Versiones (símil Visual Source Safe), en el cual para modificar un archivo primero debo tomarlo (CheckOut), y luego para que los cambios realizados se apliquen debo compartirlo (CheckIn). Los archivos del ambiente público no existen físicamente en ningún lugar, quedan guardados en la base de datos del sitio y la única manera de acceder (*) a los mismos es a través de la herramienta (Designer). (*) Existen formas alternativas de edición, descargando las páginas desde el portal y modificándolas con cualquier editor html, luego se vuelven a subir y se aplican.

7 Control de Versiones

8 Edición del Master Page La Master Page es un archivo HTML,y para lograr personalizarla a nuestro deseo podemos intervenirla adicionando o quitando tablas, filas y columnas según nos convenga. Podemos ocultar controles que no queremos que aparezcan y podríamos eventualmente agregar otros que necesitemos que estén presentes. La idea es colocar en este archivo aquellos elementos que van a estar presentes en todo el sitio, algunos de los más comunes: cabezal, background, menu, breadcrumbs, búsquedas, títulos, etc

9 Edición del Master Page

10 Relación Master Layouts En la Master Page existen componentes llamados PlaceHolders, dentro de los cuales se ubican los diferentes controles y contenidos que las páginas necesitan. Estos PlaceHolders son los sectores editables de los Layouts, en estos últimos se puede optar por dejarlo como están por defecto en la master o incluirle algún contenido personalizado. Se debe tener cuidado al personalizar la Master Page de no borrar PlaceHolders que sean utilizados en el sitio ya que esto produce errores al visualizar el mismo. La dinámica es muy similar a los Templates de Html, lo que se modifica y p, q en la Master se aplica a todo el sitio, y lo que se modifica en un Layout se aplica a las páginas basadas en este.

11 Relación Master Layouts

12 Edición de Layouts En los Layouts solo tendremos habilitado para modificar aquellos PlaceHolders que así lo hayamos especificado en la master.; debemos recordar setear como modificables (master) aquellos que posiblemente necesiten un contenido particular en alguna página del sitio. Al personalizar el contenido de un PlaceHolder en un Layout podemos incluir html o controles de Sharepoint y ASP. Para saber que Layout utiliza un página cualquiera, intentamos abrirla con el Designer y automáticamente nos abrirá (edit in page layouts) el aspx en el cual esta basada.

13 Edición de Layouts

14 Edición de Layouts

15 Edición de Layouts

16 Edición de Layouts

17 Hojas de Estilos en SharePoint Por defecto Sharepoint utiliza una hoja de estilos llamada core.css la cual queda guardada en la base de datos al igual que las páginas; eventualmente se podría crear una nueva hoja para aquellos estilos que no están contemplados en esta. Adicionalmente existen varias hojas de estilos a nivel de administración (file system), que son utilizadas con frecuencia por el sitio, según los controles que se muestren. En general sería recomendable editar, al menos, a nivel cromático todas las hojas de estilos, para asegurarnos de mantener uniformidad en el diseño independientemente de los controles que se utilicen. Para abrir por primera vez (esta oculta) la hoja de estilos en el código de la master hacer ctrl. + click sobre algún estilo.

18 Hojas de Estilos en SharePoint

19 Layouts como Diseños de Páginas Luego de que hemos creado un nuevo layout debemos configurar nuestro sitio para que el mismo pueda ser utilizado como un Diseño de Página. Para esto debemos acceder en la administración del sitio, a la configuración de los Diseños de Página y agregar el layout creado para poder utilizarlo. Al crear una nueva página los diseños de página agregados aparecerán en la lista para poder ser aplicados.

20 Layouts como Diseños de páginas

21 Layouts como Diseño de páginas

22 Ideas de qué hacer con Modificar Fondo:

23 Ideas de qué hacer con Modificar Cabezal:

24 Ideas de qué hacer con Modificar Pie:

25 Ideas de qué hacer con Modificar Banner:

26 Ideas de qué hacer con Modificar Colores:

27 Ideas de qué hacer con Banner al 100%

28 Ideas de qué hacer con Banner en menú vertical

29 Buenas Prácticas Respaldar siempre una copia de la Master o Layout que voy a modificar. Comentar los controles que no necesito, NO eliminar (al menos inicialmente). Si modifico estilos específicos, duplicarlos y comentarlos para tener la versión original siempre presente. Tener en cuenta el control de versiones y utilizarlo.

30 Muchas Gracias