Archive for mayo 2011
Sharepoint Basics: ¿puedo tocar las masters?
Hace ya un tiempo que queria compartir algunas de las cosas destacables de trabajar en Sharepoint, como es la organización a partir de masterpages y pagelayouts. El concepto básico para comenzar a trabajar en ello es el de renderizar por separado el contenedor de la página (layout) del contenido.
En este sentido, una masterpage nos ofrece una estructura base que consiste en header, menú superior (sites), buscador, footer y un placeholder que carga el contenido propio de la página. Para personalizar una master, debemos partir de alguna de las master básicas de Sharepoint (OOB) y customizarla según sea necesario. Una buena manera de trabajar con las masterpages es usar la siguiente nomenclatura:
· myweb.master
· myweb.master.css (css main, header, middle, footer)
De esta manera asociamos el nombre de la página al css que la define y nos es mucho mas sencillo identificar donde encontrar los estilos.
Por otro lado tenemos las welcomepage donde se colocan las zonas de webparts y carga del contenido de nuestro site. Podemos definir varios tipos de welcomepage segun sea necesario, con variedad de columnas y webpartzones para hacer que nuestro layout se ajuste mejor al diseño o a las propuestas de navegación por contenidos:
Layout Icon | PageLayout | CSS Related |
 | myweb.welcome.2columns.30-70.aspx | myweb.all.2columns.30-70.css |
 | myweb.welcome.2columns.70-30.aspx | myweb.all.2columns.70-30.css |
 | myweb.welcome.2columns.menu-100.aspx | myweb.all.2columns.menu-100.css |
 | myweb.welcome.3columns.menu-70-30.aspx | myweb.all.3columns.menu-70-30.css |
Esta distribución de archivos y css está pensada para poder tomar el control de los estilos en sharepoint y dividirlos en bloques identificativos, en este caso, los css asociados se usarán exclusivamente para organización de espacios en columnas y medidas del layout. Asimismo, el nombre que toman las welcomepages y los css viene a destacar:
Nombredelproyecto + tipodepaginas (welcome) + númerodecolumnas + con/sin menú + proporcióndelascolumnas (de izquierda a derecha).
Así es:
myweb.welcome.3columns.menu-70-30.aspx
Esta táctica me ha permitido identificar rápidamente las páginas mientras dura el desarrollo de un proyecto en Sharepoint, y también llegar a una puesta en común con desarrolladores para trabajar de forma simultánea minimizando los errores.
De la misma manera podemos organizar las pagelayouts o templates a partir de las que creamos nuevas páginas de publicación en las que podemos editar directamente el contenido usando la plataforma de Sharepoint:
Layout Icon | PageLayout | CSS Related |
 | myweb.article.2columns.30-70.aspx | myweb.all.2columns.30-70.css |
 | myweb.article.2columns.70-30.aspx | myweb.all.2columns.70-30.css |
A partir de esto, suelo añadir algunos css más para las personalizaciones más gráficas o específicas del diseño del proyecto, intentando mantener una metodología de trabajo que se ajuste a Sharepoint y se complemente con facilidad.
If you like, try it!
By Unknown
| martes, 24 de mayo de 2011
|
css,
masterpages,
Metodología,
sharepoint 2007/2010
| No Comments »
Corporate Social Networking means Beezy
Ya hace algunos dias que camina por sí solo. Spenta ha lanzado Beezy, un producto que nos trae todas la funcionalidades de las redes sociales para favorecer la productividad de la empresa. ¿Cuantas veces hemos tenido que buscar el contacto de algun compañero? ¿Cómo podemos mantener informado a un equipo sin colapsar el buzon de correo? ¿Porqué no integrar una conversación a un proceso de trabajo?
Estas son algunas de las propuestas que nos trae Beezy entre muchas más. Su mayor ventaja es la agilidad para integrarse en los procesos de trabajo, con herramientas y recursos que forman parte de nuestro día a día en comunicación social: muro de eventos, meetings en grupo, lync, coauthoring, etc... y todo ello dentro del entorno colaborativo de Sharepoint.
En cuanto al diseño de producto, la propuesta es totalmente adaptable a una intranet en Sharepoint 2010 OOB sin modificar la estructura de masterpage ni layouts, puesto que Beezy corre igualmente on premise y in the cloud con Office 365. Para ello, el diseño debe cumplir con las restricciones del entorno y a la vez poder adaptarse al branding de un cliente, grupos de trabajo, tagging, y, en definitiva una buena personalización gráfica para cada cliente.
El equilibrio entre diseño y funcionalidad nos ha llevado varios retos gráficos, de interacción y también de maquetación en Office 365, usando los css-alternativos en Sharepoint que permitan identificar cada grupo con un color en su cabecera y colores en los tags.
Por otro lado me gustaria detacar el branding de Beezy, desde la concepción del nombre, en varias fases, el diseño de la marca corporativa, el lanzamiento en los social media y su aceptación entre el público:
• Naming: Beezy es un nombre que proviene de Bee (abeja) y biz (business), y que viene a representar la colaboración entre varios a la vez (empresa, grupo de trabajo).
• Diseño: En este sentido, nos hemos apoyado en el concepto de la colmena para representar el trabajo simultáneo y la participación de sus miembros en el desarrollo de un proyecto. Por eso, usamos la unión de hexágonos y colores diferenciados para representar el concepto.
• Puesta en marcha: Desde Spenta hemos presentado nuestro producto a través de la misma red social, para dar mayor visibilidad y abrir las puertas a la participación abierta en el proceso de naming y pre-lanzamiento. Hemos recibido muy buen feedback y una gran aceptación y espectativas por parte del público y usuarios potenciales.
www.gobeezy.com y Feliz Lunes!
Estas son algunas de las propuestas que nos trae Beezy entre muchas más. Su mayor ventaja es la agilidad para integrarse en los procesos de trabajo, con herramientas y recursos que forman parte de nuestro día a día en comunicación social: muro de eventos, meetings en grupo, lync, coauthoring, etc... y todo ello dentro del entorno colaborativo de Sharepoint.
En cuanto al diseño de producto, la propuesta es totalmente adaptable a una intranet en Sharepoint 2010 OOB sin modificar la estructura de masterpage ni layouts, puesto que Beezy corre igualmente on premise y in the cloud con Office 365. Para ello, el diseño debe cumplir con las restricciones del entorno y a la vez poder adaptarse al branding de un cliente, grupos de trabajo, tagging, y, en definitiva una buena personalización gráfica para cada cliente.
El equilibrio entre diseño y funcionalidad nos ha llevado varios retos gráficos, de interacción y también de maquetación en Office 365, usando los css-alternativos en Sharepoint que permitan identificar cada grupo con un color en su cabecera y colores en los tags.
Por otro lado me gustaria detacar el branding de Beezy, desde la concepción del nombre, en varias fases, el diseño de la marca corporativa, el lanzamiento en los social media y su aceptación entre el público:
• Naming: Beezy es un nombre que proviene de Bee (abeja) y biz (business), y que viene a representar la colaboración entre varios a la vez (empresa, grupo de trabajo).
• Diseño: En este sentido, nos hemos apoyado en el concepto de la colmena para representar el trabajo simultáneo y la participación de sus miembros en el desarrollo de un proyecto. Por eso, usamos la unión de hexágonos y colores diferenciados para representar el concepto.
• Puesta en marcha: Desde Spenta hemos presentado nuestro producto a través de la misma red social, para dar mayor visibilidad y abrir las puertas a la participación abierta en el proceso de naming y pre-lanzamiento. Hemos recibido muy buen feedback y una gran aceptación y espectativas por parte del público y usuarios potenciales.
www.gobeezy.com y Feliz Lunes!
By Unknown
| lunes, 23 de mayo de 2011
| No Comments »