Sharepoint (el otro blog): Designer

Mostrando las entradas con la etiqueta Designer. Mostrar todas las entradas

1 de junio de 2012

Nivo Slider WebPart for SharePoint!

Black Ninja Parts es una empresa que conocí recientemente buscando un formato de publicación de noticias específico, y me sorprendió por la calidad de sus desarrollos, recientemente tuve la suerte de probar su nuevo componente, un slider de imágenes usando el mas que conocido Jquery NIVO SLIDER, uno de los mejores.

Este producto se ofrece gratuitamente, y es una descarga obligatoria para nuestros proyectos, tiene todas las ventajas, se instala muy fácilmente, la configuración es simple, funciona a la perfección, y está disponible para 2007 y 2010.

Básicamente descargan el paquete, ejecutan la instalación y siguen los pasos hasta publicar la solución en el Sitio en el que la van a utilizar, habilitan la solución y lo ingresa en la página a desplegar.

Tienen que hacer la referencia a una biblioteca de imágenes, donde se recomienda que todas las imágenes del banner tengan el mismo tamaño, no se pueden utilizar imágenes transparentes puesto que el Slider las superpone, pueden habilitar los diversos efectos de transición que posee y además, adicionar 2 características importantes, como ser una línea de descripción y en la nueva versión, la posibilidad de incorporar un Link en cada imagen.

No tienen que instalar Jquery ya que el instalador se encarga de configurar todo por nosotros.

Sin lugar a dudas es una excelente herramienta, totalmente recomendada.

Pueden Acceder al Sitio de Black Ninja Parts : https://secure.blackninjaparts.com/home

Y para descargar el Componente : https://secure.blackninjaparts.com/products/rotating_banner_webpart

Les recomiendo revisar las otras soluciones que ofrece esta empresa, están muy interesantes..

Enjoy!

7 de mayo de 2012

WebPart para Mostrar Subsitios

Aquí les dejo un WebPart gratuito, y si bien la funcionalidad no es tan importante, en algunos proyectos puede solucionarles el problema de actualizar dinámicamente una lista de Subsitios existentes.

Concentra publicó en forma pública el WebPart que pueden descargar desde aquí : http://concentra.co.uk/subsiteswebpart.aspx

9 de marzo de 2012

SharePoint 2010 | Google Chrome Scrollbar Error

Si utilizan Google Chrome se habrán encontrado con el tema de que muchas de las páginas de SharePoint 2010 no se despliegan con el Scrollbar que permite visualizar completamente la página.

La solución es bastante simple, solamente debemos remplazar UNA línea de código

Paso 1 – En la página maestra buscar:

<body scroll="no" onload="javascript:_spBodyOnLoadWrapper();">

y remplazarlo por:

<body scroll="no">

<script type="text/javascript">$(document).ready(function() {if (typeof(_spBodyOnLoadWrapper) != 'undefined') {_spBodyOnLoadWrapper();} });</script>

Paso 2 – Guardar y publicar la página maestra.

Otra Alternativa: Kyle Schaeffer: SHAREPOINT 2010 SCROLLING

20 de febrero de 2012

Iconos | Metro Style

107 Iconos en formato .PNG gratuitos para trabajar en Proyectos Metro Style.

Descarga : http://smoedjn.deviantart.com/art/WP7-Mobile-Icons-206763785

14 de febrero de 2012

Unable to See Gantt View – SharePoint 2010

Un tema interesante, trabajando con una Masterpage personalizada, y esto ocurre con algunos de los ejemplos que publiqué recientemente aquí en el blog, me encontré con el problema de que cuando se ingresa una Lista Gantt, la vista no se muestra en las páginas del sitio.

Después de un par de vueltas, la solución pasa por validar que la Masterpage tenga las siguientes HTML Markups :

Con Designer, pueden validar estas marcas por ejemplo en la v4.master y copiarlas a la masterpage personalizada y listo, esto soluciona el problema para Visualizar las Gantt.

Espero les sea de utilidad el Tip.

13 de febrero de 2012

SharePoint Microblog!

Excelente Step by Step para realizar una solución de Microblog en SharePoint con el uso de SharePoint Designer, JQuery, Dava Views y un poco de CSS.

El Resultado :

Bastante útil, y si no quieren usar el WebPart de NoteBoard que viene por Defecto en 2010, esta es una excelente alternativa personalizable.

Código e instrucciones : http://chrisstahl.wordpress.com/2012/02/11/create-a-microblog-for-sharepoint-2010/

9 de febrero de 2012

ThemeLand, Inspiración Free

Cuando llega el momento de decidir el Branding de un Portal, se abren muchas opciones, y siempre es bueno contar con una fuente de inspiración, y en este caso Gratuita. ThemeLand es un portal que cuenta con miles y miles de recursos gráficos como ser Plantillas en HTML, Elementos para usar con Photoshop, Elementos Web, Plantillas para correos y mucho mucho mas.

Todo se puede descargar en forma gratuita y si les gusta, lo pueden comprar, es una excelente opción, espero les sirva : http://www.themeland.com

8 de febrero de 2012

Mas Componentes Jquery!

Como era mucho para poner en un solo artículo, aquí les dejo otros Plugins de Jquery que les resultarán interesantes para sus proyectos :

Selector de Elementos al estilo Friends de Facebook

Demo: http://www.emposha.com/demo/fcbklistselection/

Organsation Chart en Jquery

Excelente solución que nos permite generar “arboles” de información y diagramas para publicar fácilmente en nuestros portales. demo

AutoSuggest (Ajax y Jquery) Ideal para las búsquedas en Bibliotecas y Listas

Demo: http://oslund.ca/demos/ausu/

Selector de Fechas al Estilo ANDROID

Demo: http://mobipick.sustainablepace.net/

Free SharePoint 2010 Blog Skin!

Volviendo al tema de los Skins y Masterpages, en esta ocasión les dejo otro enlace interesante desde el cual podrán descargarse gratuitamente un Theme completo para los Blogs de SharePoint 2010.

Desde NXG-Designs Radiant-Blogger-SharePoint 2010 Blog Skin

Enjoy!

MasterPage 100% HTML 5! y Free!

Últimamente se presentan varias opciones a nivel de diseño y nuevas tecnologías con HTML5, Jquery, Css3, etc, etc… y bien, aplican también a nuestra plataforma preferida, en este caso, de la mano de Kyle Schaeffer, un excelente diseñador que hace un tiempo nos regalaba Medazio, un set de Branding para SharePoint 2010, nos sorprende ahora con una página maestra completamente desarrollada en HTML 5

Tiene varias ventajas, entre ellas la optimización para Tablets y dispositivos Mobile muy bien lograda, también la podemos descargar gratuitamente…

Les recomiendo revisar los comentarios del Blog para que puedan corregir algunos pequeños errores que tiene la página maestra original publicada, también pueden descargarse desde un par de links que aparecen en los mismos, las soluciones a nivel de Desarrollo para mejorarlo.

Link http://kyleschaeffer.com/sharepoint/v5-responsive-html5-master-page/

Descarga : v5-masterpage.zip

Thanks Kyle!

Algunos Recursos de Branding

Volviendo después de mucho tiempo, quería dejar un Post con algunos recursos de Branding que me resultaron útiles en los últimos días…

1 – Personalización de los Encabezados de WebParts, mediante la aplicación de estilos .CSS y algunas pocas imágenes.

Ver mas : http://chrisstahl.wordpress.com/2012/01/27/customize-the-ui-of-web-parts-in-sharepoint-2010/

2 – Otra opción para publicar Bordes Redondeados en los WebParts

Este artículo viene de un interesante blog de donde pueden rescatar varios artículos de Branding muy bien detallados… http://www.broculos.net/en/article/sharepoint-branding-webpart-headers-rounded-corners-sharepoint-2010 y se los Recomiendo totalmente.

3 – Otro centro de Recursos interesante para Designers : http://www.sharepointdesigners.net

4 – Si bien esto no es muy nuevo, se trata de un tema bastante particular, con visión, con futuro… descargable en Codeplex, le da a nuestros sitios una apariencia moderna y limpia, disponible para descargar como solución, sandboxed y con el código fuente para personalizarla y generar nuestras propias soluciones.

Descargas : http://lifeinsharepoint.codeplex.com/

5 – Otro Centro de Recursos para Diseño en SharePoint 2010, el Blog de Web.o tiene artículos sumamente interesantes y útiles… Ver Mas : http://www.webpoint0.com/blog/category/sharepoint-design-development/

14 de noviembre de 2011

600 Mini Iconos para Diseño Web

Recursos como estos nunca están de mas, por eso aquí les dejo un sitio que nos brinda gratuitamente mas de 600 iconos lineales, que seguramente les van a ser de utilidad.

http://www.defaulticon.com/

Adicionalmente, otro sitio de donde rescatar iconos es www.iconfinder.com

22 de septiembre de 2011

SPUR Varias formas de Analizar tus Sitios

Para quienes se encuentran trabajando con sitios públicos, les dejo una herramienta interesante para “Criticarlos” se trata de SPUR, este portal nos permite ingresar la URL del sitio, y aplicar diferentes efectos como Contraste, Escala de Grises, Mirror, Rotar, Zoom, y para cada una de las funciones, nos presenta los comentarios y análisis que debemos tener en cuenta para mejorar la apariencia del mismo.

En este caso, los comentarios para cuando aplicamos el efecto “Mirror” en el portal, cuales son las observaciones a tener en cuenta.

Espero les sea de utilidad el sitio : http://www.spurapp.com/

12 de junio de 2011

Obtener Screenshots de SharePoint 2010 Via PowerShell

Un interesante código vía Powershell para obtener Screenshots Completos (Toda la página) de nuestros sitios en SharePoint, simplemente debemos editar la Url de nuestro Portal y nos genera una imagen en .JPG

Se pueden parametrizar el Ancho de la Página y es muy fácil de usar con el Batch que se incluye para descargar. Esta solución es gratuita y la descargan en Codeplex : http://psurlcapture.codeplex.com/

Enjoy

21 de mayo de 2011

SharePoint Design en 5 Minutos

Impresionante video, de muchísimas horas de trabajo resumidas a 5 minutos, por Kyle Shaeffer quien es un excelente diseñador gráfico, nos muestra como nace la idea de generar un nuevo Theme (que podrán descargar gratuitamente en unos días en su sitio http://sharepointdesignerds.com/ )

Sharepoint Design in 5 Minutes from Kyle Schaeffer on Vimeo.

Es de esas cosas raras que encontramos de ves en cuando sobre SharePoint.

22 de abril de 2011

Recursos para Branding de SharePoint 2010

Hoy les quiero compartir una serie de recursos indispensables si van a trabajar en la personalización gráfica de SharePoint 2010, y lo primero que se necesita es diseñar sobre un lienzo que en este caso va a ser un archivo de Photoshop con capas para cada uno de los componentes y así asegurarnos de que no vamos a plantear imposibles.

Descargar el Archivo Photoshop con Capas : Download the Photoshop file here.

Lo segundo es partir en base a un diseño ya “algo” personalizado, y en este caso les dejo un sking gratuito que nos regala la gente de IOTAP y tiene un diseño muy básico para realizar pequeños cambios y entender de que se compone el sitio :

Con este ejemplo, podemos jugar en el cambio de los colores, modificar y personalizar el menú, cambiar además los colores de los títulos de los WebParts.

Para descargar este ejemplo, tienen que registrarse en el sitio de IOTAP y además pueden descargar otros ejemplos que ya les había mencionado antes para 2007.

Descargar Green Skin

Para trabajar también se necesita una guía para identificar cada una de las zonas y saber con que trabajar al momento de usar SharePoint Designer…

Y lógicamente tiene que venir con Instrucciones…

Un Buen Wireframe a discutir con el cliente es la mejor opción para no tener que estar presentando maquetas con inversión de gran cantidad de horas :

Herramientas para la generación de los Wireframes hay varias, aquí mismo les comenté algunas hace ya un tiempo.

Inclusive en algunos casos pueden generar sus Wireframes con el archivo de Photoshop que les dejé al inicio.

Luego viene la parte de agregar componentes, y entre ellos están los FLASH, un tema que en 2010 tiene sus complicaciones, asi que les dejo un artículo donde pueden ver como : http://virtualizesharepoint.com/2011/04/05/adding-flash-to-sharepoint-2010/

Y para finalizar, les dejo una serie de Links donde van a poder encontrar muchos recursos, artículos y sobre todo, buenas ideas…

Descargar SharePoint Designer 2010 : 32-bit y 64-bit

Por ultimo, un libro que no pueden perderse : http://www.amazon.com/gp/product/0470584645?ie=UTF8&redirect=true&tag=sigdrsgll-20&linkCode=shr&camp=213733&creative=393185

Espero les sean de utilidad…

15 de abril de 2011

Free SharePoint 2010 Theme II

Ni muy lindo, ni muy elaborado ni llamativo pero : Gratis, usable y para los que quieren aprender sirve…

Descarga y Post Original : http://www.nxg-dzigns.com/2010/10/free-sharepoint-2010-theme-nxg-blue/

23 de marzo de 2011

50% de las Mejores Intranets del 2011 están en SharePoint

Lo malo de pasar tiempo sin revisar algunas fuentes es que se pasa mucha información importante, como en este caso me pasó con el informe del Nielsen Norman Group, prestigiosa consultora que otorga premios (luego de evaluar y sacarte valiosa información para luego vender en un .PDF de 500U$S) a las mejores Intranets del mundo, previo estudio y entrevista a los equipos de Diseño. Hay que notar la cantidad de recursos que utilizan esas empresas, (y es lógico por el tamaño de algunas…) en Personal para Administración y Desarrollo de sus portales, muchas personas en algunos casos, un ejemplo a seguir por muchas organizaciones que dedican pocas horas de un “Victorinox” para hacer todo el trabajo…

En Fin, a lo que venía, 5 de esas 10 Mejores Intranets del mundo, están hechas en SharePoint… Saquen sus propias conclusiones…

The 10 winning intranets are:

AMP Limited (Australia), a wealth management company
Bennett Jones LLP (Canada), one of Canada's largest law firms
Bouygues Telecom (France), a telecom, mobile, fixed, TV, and Internet communications services company
Credit Suisse AG (Switzerland), a global financial services company
Duke Energy (US), an electrical power holding company
Habitat for Humanity International (US), a non-profit, non-denominational Christian housing ministry
Heineken International (The Netherlands), a leading brewer and owner and manager of a portfolio of beer brands
KT (Republic of Korea), an information, communications, and technology company
Mota-Engil Engenharia e Construção, S.A. (Portugal), a leading construction enterprise
Verizon Communications (US), a provider of wired and wireless broadband and communications services to US consumers, as well as of global business networking, data, and managed solutions to enterprises worldwide

These intranets represent big companies (average size: 37,900 employees) with large amounts of documents and mission-critical applications such as sales force support. But most of the lessons from these winning designs apply to smaller companies as well.

The bulk of the report consists of detailed case studies of each of the ten winning intranet designs, including discussions of the main problems they faced, how these problems were overcome in the redesign process, and how the new design compared with the previous design.

Free SharePoint 2010 Theme!

Les quiero compartir un Theme de SharePoint 2010, GRATUITO y con una calidad gráfica impresionante, esto seguramente dentro de poco lo vamos a ver en varios portales de Intranets o Extranets por el gran trabajo que significa. Con ustedes… GreenShade

Las Características de este Theme son :

- Two-columns
- Fixed-width
- CSS based
- Two master pages and one page layout provided
- Slider powered by jQuery on homepage
- Top and left dynamic navigation
- Ideal for 1024×768 screen resolution
- Suitable for small SharePoint 2010 Publishing Sites

Y lo mas importante, desde AQUI lo pueden descargar. Gracias a TOP SharePoint por compartir este trabajo, también les dejo la página donde pueden encontrar las instrucciones de instalación.

16 de marzo de 2011

Cuanto Demora mi Sitio en Cargar?

Esta aplicación es Genérica pero resulta sumamente util para validar tiempos de carga de Sitios en SharePoint, con servidores distribuidos en 50 paises y con distintos navegadores, Load.in nos presenta la posibilidad de seleccionar un Pais y un Navegador, luego ejecutamos el Test y obtendremos los resultados de carga, con 5 Screenshots de como fue el proceso… muy Recomendado! Acceder : http://loads.in/