Roberto Vivancos

Evento UX Silverlight CIIN Cantabria

Roberto Vivancos — Fri, 08 Oct 2010 13:50:00 GMT

Desde aquí agradecer a los chicos del Ciin de Cantabria por ofrecerme la oportunidad de dar una charla sobre Experiencia de Usuario y Silverlight en el Centro de Innovación de Cantabria.

Aqui teneis el enlace para aquellos que me pedisteis la presentación PowerPoint

Curso Silverlight en Universidad de Cantabria

Roberto Vivancos — Thu, 30 Sep 2010 11:56:00 GMT

Desde el próximo Lunes, 4 de octubre hasta el 8 de octubre, estaremos impartiendo un curso de Silverlight utilizando herramientas como Microsoft Expression Blend 4 en la Universidad de Cantabria,

El curso estará dividido en los siguientes temas:

1 Introducción a experiencia de usuario, Silverlight

2 Layout, posicionamiento de elementos

3 Animaciones

4 Estilos

5 Controles

6 Programación en Silverlight (C#)

Todos estais invitados a asistir.

Paralelamente, haremos un pequeño taller de un par de horas en el Centro de Innovación de Cantabria, el Jueves a las 19.00.

Custom List Style con Sharepoint 2010

Roberto Vivancos — Tue, 16 Feb 2010 13:11:00 GMT

Con la salida de la BETA de Sharepoint 2010 han cambiado bastantes cosas en lo que a interacción de usuario y branding se refiere que con la anterior versión eran un autentico dolor de cabeza.

Una de las mejoras ha sido el manejo de estilos para listas y elementos de lista.

Gracias a las nuevas opciones de customización de estilos que nos proporciona el sharepoint designer, podemos cambiar tanto el estilo de cada elemento generado y el layout que adoptará nuestra lista.

Vamos a hacer un pequeño ejemplo para cambiar el layout y el estilo de nuestra lista sin tocar el XSLT (nos lo generará el designer)

Para ello, vamos a una pagina e insertamos en algun contentPlaceholder una lista que hayamos creado anteriormente (no hace falta introducir la lista como item de un content query web part) simplemente insertamos la lista directamente.

Con el Placeholder en la vista diseño, o posicionándonos dentro del placeholder en la vista código, vamos a insertar -> vista de datos y seleccionamos nuestra lista o biblioteca de documentos (en nuestro caso estamos insertando una biblioteca de assets) que soporta video y audio.

La lista se insertará en la vista de lista predeterminada.

Lo primero que haremos será cambiar el layout.

Con nuestra lista seleccionada se desplegarán nuevas opciones en el ribbon

Nos vamos a diseño y seleccionamos el layout que más nos convenga. Por ejemplo seleccionamos el layout boxed, a dos columnas, y tendremos nuestros elementos agrupados en cajas de dos en dos, (algo bastante engorroso de hacer en 2007)

Vemos nuestros elementos de la lista de librería de assets colocados en cajas, a dos columnas,

Vamos ahora a seleccionar los campos que nos interesan mostrar

Nos vamos a opciones -> agregar o quitar columnas, y nos aparecerá un menú para agregar o quitar campos (propios de la librería o que hayamos agregado nosotros) también podemos elegir el orden de aparición de dichos campos moviendolos arriba y abajo.

Bien, una vez que tenemos nuestra lista con los campos necesarios y el layout que más nos convenga (sin dolor) pasamos a estilar los elementos. Para que se ajusten por ejemplo a una hoja de estilos que hemos creado previamente.

Con el elemento al que queremos cambiar el estilo seleccionado, clickeamos en estilo -> elemento seleccionado

Se nos abre una ventana emergente con las opciones de estilo especificas para el elemento seleccionado

El propio designer nos genera el codigo para ese elemento concreto y nos lo añade con una etiqueta span, al que le aplica un estilo generado

Ahora solo tenemos que cambiar la clase "style1" para que ese elemento adquiera el estilo referenciado en nuestro css y listo, asi de facil e indoloro.

UX de Plainconcepts en portada de Silverlight.net

Roberto Vivancos — Thu, 11 Feb 2010 09:50:00 GMT

El Showcase de plainconcepts aparece en la portada de la web internacional de Silverlight, nada mas y nada menos que en puesto 1. congratulations !

Enlace al portal | Silverlight.NET

Experiencia Silverlight para Joaquín Sabina

Roberto Vivancos — Fri, 05 Feb 2010 13:26:00 GMT

El nuevo videoclip de Joaquín Sabina viene aderezado con la tecnología Silverlight, enriqueciendo la experiencia de usuario.

Ver el site: http://joaquinsabina.es.msn.com/

Ahorra tiempo con Photoshop Layer Comp

Roberto Vivancos — Fri, 04 Dec 2009 12:08:00 GMT

Una de las tareas más engorrosas a la hora de diseñar interfaces es exportar todas las pantallas, que hemos ido diseñando, con sus menús, submenús, acciones, animaciones etc.. Recordando siempre las capas o conjunto de capas que tenemos que habilitar/deshabilitar para formar todas las secciones.

Pues bien, nuestra querida aplicación Photoshop, incluye una funcionalidad llamada Layer Comps, que, lo que hace básicamente, es grabar los estados de visibilidad/invisibilidad de todas nuestras capas en un instante determinado. Dándoles un nombre y pudiendo añadir una descripción.

Vamos a ver un ejemplo:

Tenemos un avatar de messenger que al hacer click sobre él, nos desplegará un menú, y la ultima acción del menú (otras posibilidades) desplegará un submenú

En nuestro diseño, el avatar seria el grupo de capas llamada Avatar, el menú seria el grupo options y el submenú seria el grupo morePossibilities

Vamos a ir grabando la navegación de este sencillo menú, con Layer Comps. Para ello abrimos el panel de layer comps (window > layer comps)

Ahora para el primer paso, deshabilitamos options, de esta manera solo se verá el avatar puesto que morPossibiilities esta dentro de options

Ahora nos vamos al panel de layer comps y creamos una nueva layer comp

Nos pedirá introducir un nombre , jugar con la visibilidad, o grabar su posición para realizar animaciones, también cambiar el estilo de la capa, a su vez, podremos introducir un comentario descriptivo sobre esta composición. En nuestro caso AvatarBase.

A continuación deshabilitamos la capa morePossibiliities y habilitamos la capa optiones, y nos vamos a layer comp y guardamos una nueva comp.

Importante: realizar primero el switch de visibilidad en las capas y por ultimo guardar el estado, a este segundo estado lo llamaremos AvatarPressedMenu.

Por ultimo quedaría habilitar el grupo morePossibilities y crear una nueva layer comp. Llamada AvatarPressedSubmenu.

Usando los controles de layer comp (flechas) podemos ir avanzando o retrocediendo en nuestra navegación.

Y ya tenemos nuestra navegación simple creada. PERO AHORA VIENE LO MEJOR !!!

De la manera habitual, tendríamos que ir seleccionando el estado y guardando nuestra imagen, darle un nombre y así sucesivamente… pero teniendo nuestras composciones ya creadas podemos exportarlas automaticamente con un script, y nuestro querido photoshop nos generará una exportación de todas las capturas…

Por tanto, ahora nos vamos a File > Scripts > Layer Comps to Files

En la ventana emergente elegimos la carpeta destino, el prefijo de nuestro nombre, que se genera automáticamente (prefijo_numerodelayercomp_nombrelayercomp.filetype)

Seleccionamos también el tipo de archivo a generar, y clickeamos sobre “Run”

El Photoshop empezará a correr el script, mostrándonos un mensaje de finalización

Y aquí tenemos nuestros archivos generados ON THE FLY…. recién salidos del horno.

RAPIDO SENCILLO Y PARA TODA LA FAMILIA….. Y lo mejor de todo es… AHORRAMOS SUFRIMIENTO Y TIEMPO.

Destripando WPF en Santander

Roberto Vivancos — Wed, 22 Jul 2009 11:46:00 GMT

Me gustaría invitar a todo el que lo desee al evento que ofreceremos el próximo viernes 24 de julio mi querido amigo y compañero Anuar Khan Ali y yo.

El evento esta organizado por el CIIN de Santander y daremos una charla sobre Windows Presentation Foundation (WPF), intentaremos dar una visión lo mas completa posible tanto en la parte de diseño como de desarrollo. Os dejo el enlace de inscripción. Espero que os animéis, sobre todo la gente de Cantabria.

Desde aquí quería aprovechar también para agradecer al CIIN y especialmente a Juan Carlos por todo su apoyo y trabajo de organización del evento.

Os esperamos!

Primera fase de socialización de Telecinco

Roberto Vivancos — Thu, 16 Jul 2009 11:36:00 GMT

Gracias al acuerdo llevado por Telecinco, Microsoft y Plain Concepts hoy podemos ver los primeros frutos de la socialización de Telecinco en la que estamos trabajando.

De esta manera, hoy ha salido a producción en la web de telecinco la primera fase del proyecto de socialización (inserción de Windows Live Messenger y Live User eXperience) en su portal.

La primera fase consta de la integración con el sitio de telecinco “Salvame” en la que podemos mantener contacto via messenger dentro de la web.

Se consigue así la primera integración en un portal de televisión de este producto Microsoft.

Enlace a : Web de Telecinco "Sálvame"

Como añadir el banner de “Comparte el Conocimiento”

Roberto Vivancos — Mon, 22 Jun 2009 15:27:00 GMT

Voy a explicar los pasos para aquel que quiera añadir el banner de geeks en su blog de geeks:

Inicia sesión en Geeks.ms
Navega hasta tu blog
Entra en el 'Panel de control' del blog
Pincha en 'Administrar contenidos'
Pincha en 'Listas de enlaces'
Añade una nueva lista de enlaces, llamada por ejemplo Geeks·ms
Añade un nuevo elemento a la lista
En el campo Título pon: <img src="url del banner que más te guste" border="0" alt="" />
En el campo URL pon: http://geeks.ms
En el campo Descripción pon: Geeks·ms - Comparte el conocimiento

Ahora aparecerá el banner de Geeks·ms - Comparte el conocimiento que hayas elegido en tu blog.

Geeks.ms – Comparte el Conocimiento!

Roberto Vivancos — Mon, 22 Jun 2009 07:24:00 GMT

Hace unas semanas que venimos desarrollando una pequeña idea para para fomentar la comunidad de Geeks.ms, os cuento:

Resulta que casi todos los blogueros que participan en geeks suelen tener su propio blog personal, dirigiéndose a Geeks para escribir temas relacionados con Tecnologías Microsoft.

La idea ha sido crear una serie de banners de diferentes tamaños y colores para que se ajusten a los diseños de los blogs externos a la comunidad. De esta manera los miembros que lo deseen podrán añadir el banner a su pagina con un enlace re direccionado a Geeks.ms.

De esta manera daremos más a conocer la comunidad y tendremos un sello de identidad común y homogeneizado que nos identifica como miembros de la comunidad Geeks.ms.

Por lo tanto, se ha habilitado un pequeño espacio para que, el que esté interesado elija un banner que le agrade en tamaño y color y lo añada a su blog personal.

Aquí tenéis el enlace a la galería de Banners

Espero que os guste la propuesta! Muchas gracias a mi compañero Rodrigo Corral por su inestimable ayuda.

Un saludo a todos y… seguid compartiendo el conocimiento!

Another Day With Pablo Doval

Roberto Vivancos — Mon, 08 Jun 2009 10:03:00 GMT

Pablo Doval presentará en Barcelona una nueva sesión sobre Depuración y Optimización Avanzada de aplicaciones con WinDbg.

El evento se realizará el próximo día 17 de Junio en las oficinas de Microsoft en Barcelona, en horario de 16:00 a 18:00.

Los interesados podéis apuntaros en este enlace: http://msevents.microsoft.com/CUI/EventDetail.aspx?EventID=1032417766&Culture=es-ES

10 Plugins Imprescindibles para Windows Live Writer

Roberto Vivancos — Wed, 17 Dec 2008 15:09:00 GMT

Desde hace unos días, estoy usando la maravillosa herramienta que es Windows Live Writer para mantener mis 2 blogs al día y hace poco descubrí la capacidad de añadir Plugins o complementos a la aplicación, esta es una lista de los 10 Plugins que considero imprescindibles:

Amazon Book Lookup Plugin: Este plugin te permite buscar un libro en la tienda de Amazon e incluye una imagen en miniatura del libro que queramos.
Insert Website Image: Inserta una imagen en miniatura de un sitio web dentro del post en Live Writer.
Insert File Plugin: Pues eso, inserta un archivo dentro del post.
Windows Live Writer Portable: Gracias a esta modificación de la aplicación podremos llevarla siempre en un pendrive y utilizar Windows Live Writer allá donde vayamos.
Windows Live Writer Backup: Como bien indica su nombre, hace un backup de todo lo relacionado con Windows Live Writer, settings, borradores, posts y plugins.
Code Snippet Plugin: Bastante interesante para desarrolladores. Este plugin te permite revisar el código que insertas en el post antes de insertarlo y formateándolo con el estilo que utiliza el lenguaje en el que esté escrito el código..
Insert Video: Inserta videoclips desde YouTube, Google Video o Myspace en tus posts. Simplemente escribiendo la URL del video el plugin generará el código para embeberlo en el post..
Windows Live SkyDrive: Inserta una carpeta compartida de Windows Live SkyDrive en tu blog, con Windows live Writer.
Traductor Google: Inserta una traducción de Google desde Windows Live Writer.
Insert FTP File: Para introducir rápidamente un archivo alojado en un servidor FTP dentro del post.

Y por supuesto este post fue creado con Live Writer xD.

Espero que ésto ayude a todos aquellos Geeks que utilizan Windows Live Writer para publicar sus artículos.

Windows Live Writer

Roberto Vivancos — Mon, 15 Dec 2008 09:45:09 GMT

Hoy instalé la ultima version de Windows Live! que incluye en el paquete a parte del nuevo messenger, el Windows Live Writer.

Windows Live Writer es una herramienta de escritorio para postear en un blog, como si escribieramos en word y luego lo publicaramos online en uno o varios blogs, teniendo todas las opciones de nuestro dashboard pero con la ventaja de trabajar en escritorio.

Esto es una prueba de su funcionamiento… si todo sale bien.. esto debe de verse en La Esfera Negra y en Geeks…

Hola a todos

Roberto Vivancos — Sun, 14 Dec 2008 17:21:00 GMT

Solo quería, con éste mi primer post saludar a toda la comunidad Geeks.ms, en especial a mis compañeros de Plain Concepts. tambien dar las gracias a Rodrigo Corral por ayudarme con la configuracion (eres un hacha).

Bueno, pues voy a hacer una prueba de crossposting hacia Wordpress, si alguien sabe como hacer el cross posting desde Wordpress hacía Geeks por favor que me ayude...

Un saludo a todos !