Un poquito de todo

Mesa redonda "Cómo mejorar nuestras capacidades de comunicación", Abril 2013.

2013-05-03T15:31:00.001+02:00

Ha pasado casi un mes desde la celebración de este evento, mi primer evento como organizador y promotor, y no había tenido tiempo para dejar reposar lo aprendido y poder hacer una crónica sobre lo ocurrido.

Primero, y antes que nada, darles las gracias a David Salgado y Vanesa Pizarro por apuntarse como ponentes a la primera. Gastar un sábado por la mañana y de forma totalmente altruista, merece mucho más que un fuerte aplauso.

A continuación, y no por ello menos agradecido, un gran gracias a Pablo Carballude que consiguió la sala en las instalaciones en Microsoft, el parking, y que ejerció de anfitrión para los que fuimos al evento.

Por último, agradecer mucho a los asistentes: Bruno Capuano, Victor González, Juan María Laó Ramos – que se vino desde Sevilla -, Roberto Luis Bisbé y el presente que escribe estas líneas (a mí mismo no me agradezco, que queda mal).

La charla la inició Salgado, que no solamente fue interesantísima si no que se pudo alargar en el tiempo hasta quedar saciados de sabiduría por parte de uno de los mejores speakers del panorama técnico en España.

En mi caso me ha causado una epifanía que me ha llevado a plantearme que ciertamente quiero mejorar mi capacidad de compartir mis conocimientos y experiencias en público.

Una hora y media después arranco Vanesa, Community Manager profesional, que nos explicó de forma sencilla las técnicas que ayudarán a nuestros post a obtener un SEO lo más positivo posible. Incluyendo una plantilla que en Weblog SL, donde escribo, la utilizamos; pero que ella me ha dado buenas ideas que he puesto en acción y mejoran aún más la posición y visibilidad de mis artículos.

Por último, y en los últimos quince minutos, nos plantamos delante de Pablo, como coordinador y responsable del programa de Technical Rangers, y le planteamos varias dudas que nos estaban reconcomiendo desde hace tiempo.

La conclusión ha sido sencilla, a pesar de lo que parece, Microsoft no va a cerrar el programa.

El programa va a recibir un potente impulso en los próximos trimestres una vez que MS relaje la presión sobre Windows 8.

Se va a realizar una criba en el programa para que nos quedemos los que se adhieran a la Visión del programa: difundir el ecosistema de Microsoft desde un punto de vista técnico. Y así darles más valor a los miembros del programa, y que ser Technical Rangers no sea un mero “título” sin sentido, si no el reconocimiento de un buen trabajo.

Por último recibimos la buena noticia de que Devify.es no será el único sitio de reporte, que Pablo y David han reconocido que es muy incómodo y poco funcional. Y que están trabajando en una forma automatizada de obtener el ranking de cada TR y su aportación.

Mientras ha pasado un mes y el programa ha vuelto al “limbo”, por lo cual este es el artículo que marca el regreso a mi empuje personal (porque me da la gana y me apetece) del programa y que se plasmará en unos pocos días en otra Acción en Conjunto.

Si eres un Technical Ranger, y estás leyendo estas líneas... ponte las pilas (si te apetece, claro).

Excel Reader, una excelente dll para manejar ficheros Excel xls

2013-03-26T13:43:00.001+01:00

Estoy metido en una aplicación que importa datos desde una Excel, los desmenuza y los inserta/actualiza en una base de datos SQL.

Como ya me he encontrado anteriormente con el dolor de trabajar con las Interop, me puse a buscar algo más sencillo y me encontré con un proyecto en Code Project de Liu Junfeng, del 2009.

Así de una forma mucho más sencilla puedo leer de libro que quiera, la fila y la celda oportuna.

Y no pongo un ejemplo, porque en la propia página vas a tener uno tan sencillo como el que estoy utilizando yo, y que cubre las necesidades de mi proyecto.

Espero que sea tan útil como lo ha sido para mí.

XAML, ajustar el tamaño de la página durante el diseño

2013-03-22T11:13:00.001+01:00

Este es uno de esos inconveniente que se producen cuando se está aprendiendo y aún se es bastante ignorante sobre la tecnología que utilizo.

Trabajando en Visual Studio 2012, para una preciosa aplicación WPF con XAML, me encuentro que el compañero que ha realizado el diseño del interfaz ha bindeado el alto y ancho de las páginas.

Esto está muy bien para que se ajuste el tamaño a todo tipo de pantalla o dispositivo, pero tiene el inconveniente de que tiene dos efecto secundarios muy molestos:

1. El diseñador de Visual Studio le pone un ancho y alto prácticamente infinito y no hay forma de manipular de forma interactiva las pantallas.

2. Al estar calculando constantemente el inabarcable tamaño, cualquier actuación en el diseñador se hace con una lentitud insoportable.

¿Cual es la solución? Utilizar el tamaño en diseño.

Es decir, le indico al contenedor principal, en este caso una Page, que quiero que durante el diseño el tamaño de la misma sea lo suficientemente pequeño para ser editable. Y esto lo hago con las siguientes 4 líneas en el XAML que he separado con un salto de línea:

Primero hago la referencia al esquema xml de Blend en su versión 2008.
A continuación le digo que el prefijo del esquema “d” sea ignorado por el compilador. Si no haces esto VS2012 te avisa que no encuentra lo siguiente en el esquema y no te deja continuar, aunque en la realidad funciona perfectamente.
Le añado dos propiedades del esquema “d” que indican el ancho y alto de la página durante el diseño

Y con esto no solamente ahora puedo diseñar de forma visual mi pantalla, si no que la velocidad de manipulación ahora es más que aceptable.

Exportar un StreamWriter a texto con acentos y ñ

2013-02-25T14:11:00.001+01:00

Manda narices que a estas alturas y con los lustros de picar código que llevo aún me pegue con los acentos y letras como la ñ al ir a exportar datos de la pantalla a un fichero de texto.

Así tengo un StreamWriter que bebe de un Grid, y que quiero guardar todos sus datos como un CSV (fichero de texto separados los valores por punto y coma, para ser abierto directamente dese una Excel).

Me volví loco intentando codificar directamente los valores que estaba añadiendo al StreamWriter, cuando lo que realmente hay que hacer es codificar el objeto stream en sí mismo.

Primero voy a poner la solución y luego, por si le valiera a alguien, el ejemplo completo de exportar el contenido de un objeto DataGrid de WPF a un fichero csv que se pueda abrir desde Excel.

var sw = new StreamWriter(rutaFichero, false, Encoding.UTF8);

Y con esto consigo que los acentos y la letra ñ me salgan perfecto en Excel.

Ahora el código completo:

public void Exportar_a_csv(DataGrid pDgHistorial)
        {
            if (pDgHistorial.IsNotNull())
            {
                var sw = new StreamWriter(rutaFichero, false, Encoding.UTF8);
                var separador = ";";

                foreach (DataGridColumn columna in pDgHistorial.Columns)
                {
                    sw.Write(columna.Header);
                    sw.Write(separador);
                }
                sw.Write(sw.NewLine);

                foreach (var registro in pDgHistorial.Items)
                {
                    var historial = (ClaseAlmacenadaEnElGrid)registro;
                    sw.Write(historial.PrimerCampo));
                    sw.Write(separador);
                    sw.Write(historial.SegundoCampo);
                    sw.Write(sw.NewLine);
                }
                sw.Flush();
                sw.Close();
            }
        }

Y ahora explico dos cosas que tienes que tener muy en cuenta:

El objeto de WPF DataGrid, te almacena objetos tipados. A diferencia del GridView de asp.net. Así lo que recupero son una colección de objetos de una clase específica que he tenido que definir en el momento de la carga de datos en el control. En este caso ClaseAlmacenadaEnElGrid.
El parámetro RutaDelFichero, puede ser un string o, lo ideal, que lo recuperes del app.config de la aplicación.

Espero que resulte útil.

ConfigurationSettings.AppSettings está obsoleto

2013-02-25T11:47:00.001+01:00

Pequeña tontería que quiero compartir.

Un compañero en una aplicación ha utilizado el siguiente código para acceder a claves den el fichero de configuración app.config:

string NombreFichero = ConfigurationSettings.AppSettings.Get("FicheroExportar");
string TipoFichero = ConfigurationSettings.AppSettings.Get("TipoFicheroExportar");

Lo cual hace que salte una alarma en Visual Studio avisándote que este código es obsoleto y que lo cambies por el actual.

La duda viene a que no es tan directo como el llamar a un nuevo namespace y ya está, pero vamos a empezar por eso:

using System.Configuration;

Esto no nos dará error alguno, pero si intentas introducir ConfigurationManager en el Intellisense no te vá a salir. Para ello debes hacer referencia del ensamblado adecuado en el proyecto, para lo cual pulso con el botón derecho encima del proyecto principal y escojo “Add Reference”.

Se me abre la ventana para seleccionar el ensamblado adecuado: System.Configuration. Fíjate que estoy en .NET 4.0.

Pulso aceptar y ahora si que si puedo utilizar el código correcto:

var nombreFichero = ConfigurationManager.AppSettings["FicheroExportar"];
var tipoFichero = ConfigurationManager.AppSettings["TipoFicheroExportar"];

Espero que sea útil.

Recuperar un valor de un elemento de un XDocument

2013-02-06T10:48:00.001+01:00

Que XML no es santo de mi devoción, como tampoco lo es JavaScript, es algo que destila en todo el blog. Y no lo es ninguna de las dos tecnologías por la misma razón, no son nada amigables en su aprendizaje.

Así me encuentro con la siguiente respuesta de un Webservice, que es básicamente un XmlElement con el body del mensaje SOAP en el innerXML.

<soap:Body xmlns:soap="http://schemas.xmlsoap.org/soap/envelope/">
<reactiveSecureClientResponse xmlns="http://irdeto.com/pisys/secureclient">
    <reactiveSecureClientResult>
      <code>1028</code>
      <message>OK</message>
    </reactiveSecureClientResult>
</reactiveSecureClientResponse>
</soap:Body>

Del cual quiero extraer el valor de los elementos hijos code y message, y que he resaltado en negrita.

Pues bién, llevo casi 6 horas probando mil métodos y la primera aproximación, antes de refactorizarlo – y que va a ser otro artículo – es un tanto extravagante:

Primero convierto el XmlElement en un XDocument (cuidadín con liarte y utilizar XmlDocument, que se montan unos líos de aupa si mezclamos Linq to SQL con XmlDocumentde .NET).

XDocument documento = XDocument.Parse(cuerpoDelMensajeSoap.InnerXml);

¿Porqué XDocument.Parse() en vez de el conocido documento.LoadXml()? Ni idea, pero creo que es para joder. Porque ya me contarás porqué algo tan lógico como lo segundo lo cambian por algo tan raro (un constructor estático con parámetros) como lo primero.

A continuación tiro de las capacidades de Linq to XML para hacer una búsqueda que, personalmente, me parece rara de narices:

XElement code = (from XElement xmlElemento in documento.Descendants()
where xmlElemento.Name.LocalName.Equals("code")
select xmlElemento).FirstOrDefault();

El primer problemón que me encontré es que, a pesar de lo que dicta el sentido común, los xmlElemento que obtengo de los descendientes del XDocument (documento.Descendants()) componen su nombre con dos partes diferenciadas: el namespace y el nombre del nodo en sí.

<{http://irdeto.com/pisys/secureclient}code>1028</code>

Osea, que no solo hay que buscar por el Name del elemento, si no también por su nombre Local.

where xmlElemento.Name.LocalName.Equals("code")

Y así, y entonces si, podemos cargar el valor del nodo de marras que quería recuperar. Por cierto, te aconsejo comprobar primero si el XElement no es nulo para evitar una excepción por objeto no instanciado al querer recuperar el Value.

string codigo = (code != null) ? code.Value : string.Empty;

Ahora a refactorizar, que me “huele mal” cuando me tengo que traer dos valores,

public string ExtraerRespuestaDelBody(XmlElement cuerpoDelMensajeSoap)
        {
            XDocument documento = XDocument.Parse(cuerpoDelMensajeSoap.InnerXml);

            XElement code = (from XElement xmlElemento in documento.Descendants()
                        where xmlElemento.Name.LocalName.Equals("code")
                        select xmlElemento).FirstOrDefault();

            string codigo = (code != null) ? code.Value : string.Empty;

            return codigo;
        }

Migrando de TFS11Beta a TFS2012 with Update 1

2012-12-20T14:10:00.001+01:00

Ha llegado el momento ineludible y me pongo a migrar un TFS11Beta de producción – si, ya sé que no debiera – a un TFS2012.

Primer escollo, no se puede instalar un TFS2012 actualizando un TFS11 Beta. Hay que desinstalar el TFS11Beta antes. Lo cual – menos mal que tengo todo en máquinas virtuales – implica hacer una backup en forma de snapshot de la máquina virtual.

Segundo escollo NO SE PUEDE ACTUALIZAR HASTA UN TFS2012 con UPDATE1… debes primero actualizar al TFS2012 y después aplicarle el Update1.

Asegurado que no voy a perder más de una hora en volver al punto anterior, desinstalo el TFS11 Beta. Y, sin necesidad de reiniciar la máquina, me pongo a instalar desde la Web el TFS2012.

Al instalar el .NET 4.5 pide un reinicio inmediato… es decir que se reinicia en cuanto pulses OK. Al volver al sistema continua guardando en local los ficheros de instalación. (Tal vez debiera haberme tirado del todo al rio y haber actualizado el Windows 2008 server R2 a un Windows 2012 Server, lo cual puede dar para otro artículo). Y, finalmente se pone a instalar – sin preguntarme aún si quiero actualizar.

Me pide el número de serie, y cómo no lo tengo a mano, le digo que me ponga un Trial de 90 días. A lo cual me abre el Configuration Center y selecciono Upgrade y Start Wizard.

Lo primero que me pregunta es cual es la base de datos de TFS que voy a actualizar. Para comprobar que es la correcta pulso en el enlace de List Available Databases y me tiene que salir, como poco, la de Tfs_configuration. Además, ya que estoy utilizando un snapshot como copia de seguridad, hago check en la casilla inferior en donde le digo que tengo un backup actual.

La siguiente pantalla trata de la cuenta de servicio que voy a utilizar para mi Application-Tier, la cual (por si no te acuerdas) debería ser algo como TFSSERVICE. No es buena práctica utilizar una cuenta de sistema.

Continuamos con la configuración del Reporting Server en donde le indico cual es el servidor que voy a utilizar y le doy al enlace de Populate URLs para que me añada el solito las URL adecuadas.

Ahora empezamos con chicha, le tengo que indicar cual es la base de datos que soporta el Team Foundation Warehouse. Lo pruebo pinchando en el enlace de Test y a continuación compruebo las bases de datos pinchando en el enlace List Avaliable Databases. Al menos debe aparecer una.

Continuamos indicando cual es la base de datos que soporta los Analisys Services, y comprobamos su correcto funcionamiento pinchado en Test.

Continuamos por la configuración de la cuenta de servicio que va a ser utilizada para contactar con el servidor de Reportes, la cual no debiera ser de sistema y debería ser algo como TFSREPORT.

Ahora configuremos el acceso a SharePoint para los portales de los proyectos, lo cual es muy sencillo: los dejo como estaba.

Ahora nos vamos a la pantalla de Review y lanzamos la verificación de todos los datos que hemos introducido.

Aquí me salto la alerta avisándome que no se podía actualizar la base de datos y, buscando en internet, encontré que era a causa de que no se puede actualizar directamente de TFS11 beta TFS2012 con Update 1. Hay que pasar primero por TFS2012 normal, que puedes encontrar aquí: Team Foundation Server 2012 without Update 1 en el enlace superior derecho, no en el listado de TFS a descargar.

Le doy a verificar y, si todo está correcto, deberían salir todos verdes.

Le damos al botón Configure, y se pone a configurar el TFS2012 en la base de datos y a hacer sus cosas raras que hace por dentro. Es el momento de la verdad, si algo rompe aquí la cosa va a pintar bastos.

Y después de un rato de redoble de tambores… tachan!!! Lo que estaba esperando de agua de Mayo: la pantalla de Sucess. La alerta que me sale es que no se puede cambiar el grupo Contributor de SharePoint, lo cual está bien.

Ahora a por el Update 1, pero eso será otro artículo (si merece la pena).

Recargar un ListView navegando con un Back()

2012-12-18T12:35:00.001+01:00

Primero un Disclamer: lo que estoy haciendo no es el modo correcto. Me he saltado, por causas justificadas, el uso de MVVM y lo he hecho al estilo “mero macho”: en code behind.

Tengo una página de listado de usuarios, cuando pulso en el botón más me voy a un formulario de alta de un nuevo usuario. Pero, como accedo a esa página desde varios sitios, utilizo GoBack() para volver a la página anterior en el historial de navegación.

Listado inicial

Alta de un nuevo usuario

El problema viene cuando acabo de añadir un usuario y vuelvo a la página de la Lista de Usuarios, que no se me ha actualizado, ya que tira de caché.

Ups, no se actualiza

Dándole vueltas he llegado a una solución imperfecta, pero que me vale. La asignación del datocontext de la página en vez de hacerlo en el constructor de la página, lo realizo en el evento de carga.

    public partial class ListadoUsuarios :Page
   {
       public ListadoUsuarios()
        {
            InitializeComponent();
            Loaded += ListadoUsuarios_Loaded;
        }

       void ListadoUsuarios_Loaded(object sender,RoutedEventArgs e)
        {
           VMLocator locator =newVMLocator();
           this.DataContext = locator.ListadoUsuariosViewModel;
        }

    }

De esta forma me aseguro, llegue como llegue a esta página, que se me recargue el Listado de Usuarios.

Ahora si que se actualiza siempre.

P.D. Olvídate de la clase VMLocator, lo importante es cómo creas el ViewModel y la propiedad pública que utilices para el DataContext de la página.

WPF. Al declarar el DataContext a un control da error de referencia nula

2012-12-10T17:39:00.001+01:00

Este es uno de esos errores “tontos” que provocan que pierdas un montón de tiempo mientras estás aprendiendo a trabajar con WPF.

Tengo la siguiente declaración que, cuando llega a cargar el datacontext del control ListView, me da un error de referencia de objeto nula.

public DetalleCliente(Clientes cliente)
{
      DetalleClienteViewModel viewModel = new DetalleClienteViewModel(cliente);
      this.DataContext = viewModel.Cliente;
      ListView.ItemsSource = viewModel.Suscripciones;
      InitializeComponent();
}

¿Has encontrado ya el problema?

Es facil cuando te alejas y empiezas a depurar en la mente:

1. Instancio la clase viewmodel.
2. A this, le digo que su datacontext es la propiedad Cliente de viewmodel.
3. A ListView le digo que el source de los item es la propiedad Suscripciones del viewmodel… de aquí no pasa!!

Espera, ListView es un control, y los controles se inicializan con la orden InitializeComponent(). Por lo cual estoy intentando asignar el datasource a un control que aún no ha sido instanciado, por lo cual me devuelve un error de objeto nulo.

Cambiando para que inicialice la página y sus controles se arregla todo.

public DetalleCliente(Clientes cliente)
{

InitializeComponent();

      DetalleClienteViewModel viewModel = new DetalleClienteViewModel(cliente);
      this.DataContext = viewModel.Cliente;
      ListView.ItemsSource = viewModel.Suscripciones;
}

Espero que sirva de ayuda.

Navegar desde una Page que está dentro de un Frame

2012-11-27T18:52:00.001+01:00

Haciendo la aplicación WPF, y saltándome la arquitectura MVVM hasta que le coja el tranquillo a cosas aún más básicas como esta, me he encontrado con ciertas dificultades para poder pasar de una página a otra.

Esto es debido a que la aplicación corre en una Windows con un Frame en su interior y dentro de este invoco a las Page oportunas. Así la window tiene una declaración tal que así:

La página que abre por defecto es Listadoclientes.xaml que tiene un botón que es el que le hace ir a la siguiente página. Y que su xaml es algo así:

Como has visto las dos únicas cosas que he añadido es que el cursor sea una dedito cuando se pone por encima, y el evento que se lanza cuando el click. Y ahora vamos al truco del almendruco en el code behind.

private void bRecarga_Click(object sender,RoutedEventArgs e)
{
this.NavigationService.Navigate(newUri("PantallaClientes.xaml",UriKind.Relative));
}

Y ¿cómo consigo que no salga la barra espantosa de navegación?, pues fíjate en la declaración del frame que va a contener todas las páginas de la aplicación le he dicho:

NavigationUIVisibility="Hidden"

Y con esto tengo la enorme ventaja de que el NavigationService me permite cosas tan chulas como historial de navegación, etc.

Cuando ICommand decide no aparecer

2012-11-26T17:52:00.001+01:00

Siguiendo con el proyecto en WPF me he encontrado con un retorcido funcionamiento del Visual que me ha dejado perplejo un buen rato.

El proyecto de WPF está dividido en tres capas diferentes: View, ViewModel y Entidades.

Pues bien, me pongo ha implementar el DelegateCommand y despues de darle a los dos puntos no me reconoce el interface ICommand

public class DelegateCommand : ICommand

Me voy a buscar en MSDN y veo que su espacio de nombres es:

using System.Windows.Input;

Pero nada sigue sin aparecerme ni reconocerlo. Asique me pongo a buscar las diferencias en las referencias de ambos proyectos: uno WPF y el otro de clases, y después de varias pruebas y errores he encontrado cual es la referencia que hay que añadir:

PresentationCore

Y ala, todo a funcionar corréctamente.

Como rellenar un GridView en WPF siguiendo MVVM - II

2012-11-26T12:47:00.001+01:00

En el artículo anterior describí a grosso modo todo lo que necesitaba para poder rellenar un GridView en WPF, desde la base de datos, siguiendo el patrón MVVM. Bueno, realmente aún me falta implementar el locator para quitar del todo el código en el codebehind del xaml.cs.

Pero ahora me voy a centrar en la Vista y cómo obtener un GridView (como los de ASP.NET) o “Grilla” (como dicen los compañeros latinoamericanos) con contenido.

Para ello primero utilizo un ListView, dentro del cual defino una vista, y dentro de esta vista un GridView.

Si lanzamos nuestro código obtendremos un GridView vacio, pero con los encabezados. Para recuperar los datos lo primero es decirle al ListView que debe de mostrar, teniendo en cuenta que ya enlazamos en el artículo anterior el Datacontext de la Vista.

Fíjate que le estoy diciendo que utilice la propiedad pública ListadoClientes de la clase del ViewModel PantallaClientes. Y como esta propiedad es un List<Cliente> pues ya puedo definir en las columnas del GridView que campo quiero que muestre.

Y con esto ya está funcionando!!

Como rellenar un GridView en WPF siguiendo MVVM

2012-11-26T12:14:00.001+01:00

Estoy aprendiendo WPF siguiendo el libro de Introducción a programación en Windows 8 y Windows Phone 8 de Josué Yeray, Rafael Serna e Ibón Landa.

Así, cuando me he enfrentado con representar una lista de datos en pantalla, he encontrado rápidamente la utilidad de la Vista GridView de las List View.

Así, tengo una entidad de Cliente, que entre otros campos tiene un IdCliente, un Nombre y un Apellidos.

    public partial class Cliente
   {
       public int IdCliente {get;set; }
       public string Nombre {get;set; }
       public string Apellidos {get;set; }
    }

En la capa de Datos he creado una capa que realiza la recuperación de la colección de clientes que está persistida en la base de datos, a través del EF.

public class ClientesDAL
    {

        /// <summary>
        /// Devuelve el listado total de clientes
        /// </summary>
        /// <returns></returns>
        public List<Cliente> GetClientesList()
        {
            KMSPanelModelContainer contexto = new KMSPanelModelContainer();
            return (from Cliente cliente in contexto.Clientes
                    select cliente).ToList();
        }

        public Cliente GetClienteById(Cliente pCliente)
        {
            KMSPanelModelContainer contexto = new KMSPanelModelContainer();
            return (from Cliente cliente in contexto.Clientes
                   where cliente.IdCliente == pCliente.IdCliente
                   select cliente).FirstOrDefault();
        }
    }

En el ViewModel, tengo mi clase que va a ser el DataContext y en donde cargo un listado de clientes en la propiedad pública.

    public class PantallaClientes : VMBase
    {
        private List<Cliente> listadoClientes;
        public List<Cliente> ListadoClientes
        {
            get { return GetClientesList(); }
            set { listadoClientes = value; }
        }

        public PantallaClientes()
        {
            listadoClientes = GetClientesList();
        }

        /// <summary>
        /// Devuelve el listado de clientes
        /// </summary>
        /// <returns></returns>
        private List<Cliente> GetClientesList()
        {
            ClientesDAL clientesDAL = new ClientesDAL();
            return clientesDAL.GetClientesList();
        }
    }

Ahora (perdonarme el código en el codebehind, pero aún no lo he terminado del todo) enlazo el DataContext de la Vista (View).

    public partial class MainWindow : Window
    {
        public MainWindow()
        {
            InitializeComponent();
            this.DataContext = new TSA_KMSPanel.ViewModel.PantallaClientes();
        }
    }

Y ahora llegamos al binding en el XAML, pero el cual lo voy a poner en el siguiente post.

Donde debe estar la cadena de conexión de las Entidades (EF)

2012-11-26T11:53:00.001+01:00

Con este post voy a iniciar una serie de artículos sobre una aplicación WPF que estoy realizando y que me está entusiasmando.

El primer problema, y que he vivido en otras ocasiones es que siempre utilizo una arquitectura de capas y esta vez no iba a ser diferente. Así el proyecto sigue la arquitectura del patrón MVVM, y está compuesto por cuatro proyectos:

La Vista
El ViewModel
Las Entidades (Entity Framework)
Los Test

El problema venía que cuando lanzaba el proyecto para recuperar un listado de la base de datos a través del proyecto de Entidades que se encarga del accedo a datos, el proyecto ViewModel me decía que no encontraba la cadena de conexión.

La solución es simple cuando ya la conoces: crea un nuevo fichero App.config en el proyecto de la Vista e introduce en el la cadena de conexión. Así la tendrás disponible para todos los proyectos ya que el punto de entrada, y donde va a buscar esa configuración.

Espero que sea de utilidad.

Community Day 2012, el sabor agridulce de un gran evento

2012-11-23T22:59:00.000+01:00

Primero quiero dar las gracias a MS, y a Bonin (especialmente) por invitarme por segunda vez a este evento de los MVP de España; es todo un honor y un privilegio el poder estar rodeado de, posiblemente, el grupo más selecto de profesionales en tecnologías de Microsoft.

El año pasado el evento estuvo muy centrado en sesiones técnicas, y parece que hubo suficientes comentarios como para que la organización de la convocatoria de 2012 empujara el péndulo al otro lado.

Así nos encontramos con un evento en grupos de 5 personas que nos llevó a caminar por el centro de Madrid en la búsqueda de fotos y datos singulares de la capital, y que fue muy divertido a pesar del obvio bajo estado físico de quien escribe estas líneas.

Acabada la Ginkana, repartieron los premios entre aplausos, bromas, chanzas y una lluvia de comida. Me monté en mi caballo de hierro y me fui, cansado y con dolor de espalda, a mi casa con una sensación agridulce.

Si bien el día anterior en el TechDay, desde mi punto de vista, el evento fue todo un éxito y me lo pasé en grande hablando con mucha gente muy interesante y disfruté de charlas técnicas aprendiendo de todas ellas; en cambio en el Community Day el formato de competición en grupos solitarios, me toco un grupo buenísimo, impidió seguir haciendo networking y, además, no hubo la reunión que tanto llevo pidiendo para organizarnos un poquito los Technical Rangers.

Es más, no hubo ninguna reunión, ni charla, ni nada más que 3 horas de caminar por Madrid.

Somos profesionales, somos conocidos, pero muy pocos somos tan amigos como para pedir días de vacaciones, o dedicar un Viernes en hacer una actividad de este estilo. Es más, y espero no levantar ningún revuelo, hay algo raro en el ambiente de los MVP, unas relaciones amor-odio-competencia ocultas tras sonrisas y buenas palabras, que me ha dejado más bien perplejo y con la sensación de ser un tanto pardillo al creer que “to er mundo es bueno”.

El día anterior, ponentes en el TechDay me comentaban que no se pueden hacer charlas técnicas potentes y profundas porque el gran público no las puede seguir. Por ello esperé para el día siguiente alguna charla avanzada para un público mucho más profesional y con conocimiento. Un ponente potente, tal vez, o mesas redondas en donde los mejores profesionales le puedan decir de viva voz a MS qué necesitan para mejorar o para hacer mejor su labor de difusión.

En resumen, utilizar el tiempo en hacer algo útil. Algo que supere el subir fotos a Twiter y que nos deje un buen sabor de boca, como profesionales, de que hemos estado en un evento especial, orgullosos de haber sido merecedores de ser invitados.

Desde el punto de vista de Technical Ranger, ha sido un fiasco. El año pasado en Fuengirola sacamos en claro, en la reunión que hicimos, que había sido un éxito el programa. Y que teníamos que organizarnos un poco para conseguir aún mejores resultados. Pero este año no solamente el programa languidece, si no que se ha perdido la oportunidad de tenernos a todos juntos para poder encontrar donde estamos y a dónde queremos ir.

Y creo, pero es solo mi opinión, que el problema es que no ha habido objetivo claro de para qué nos reunimos en este Community. Da la sensación, pero es solo una sensación y por ello posiblemente injusta, de que se ha volcado la organización tanto en el TechDay, que ha llegado desfondada al Community y lo ha despachado contratando una empresa de eventos empresariales.

De todas formas, y a pesar de este sabor agridulce, me quedo con las conversaciones con tantos MVP, MSP, gente de MS y todos los profesionales a los que tanto respeto y a los que, en cada evento, les voy cogiendo un aprecio personal. Y estoy impaciente por que llegue el Community del 2013 y volver a merecerme ser invitado.

Muchas gracias.

Configurando un SharePoint 2010 en Windows 2012 Server

2012-09-03T13:30:00.001+02:00

En el artículo anterior sobre Instalar un SharePoint 2010 en un Windows 2012 Server había resuelto las incidencias para conseguir instalar correctamente la aplicación.

Pero cuando lanzo el configurador, después de haber instalado los añadido de Sharepoint del Visual Studio 2012 y de la SQL 2012 Server, me da problemas.

La solución, como siempre, son varias actuaciones.

* Entrar en el IIS y poner todos los Pool de aplicaciones relacionadas con SharePoint a la versión 2.x de .NET, ya que no funciona en 4.0.

* Visitar este blog: http://sharepoint.nauplius.net/2012/06/installing-sharepoint-2010-and-sql.html en donde nos enseña como modificar el PowerShell de SharePoint para que use la versión 2.0 y no la 3.0 que es la que viene con el WS2012 y con la que no funciona bien.

* Correr este PowerShell con privilegios de administración:

Set-WebConfigurationProperty “/system.applicationHost/applicationPools/applicationPoolDefaults” –Name managedRuntimeVersion –Value “v2.0” –PSPath IIS:\

Que lo que hace es decirle al IIS que por defecto haga el default app correr en versión 2.0 del Framework.

Y lanzando de nuevo el configurador de SharePoint, todo finalizó correctamente.

Espero que sea de utilidad

Instalar un SharePoint 2010 en un Windows 2012 Server

2012-09-03T10:42:00.001+02:00

Como todo en IT, no hay nada fácil y sencillo. Y la instalación de un SharePoint 2010 para desarrollo en un novísimo Windows 2012 server no iba a ser diferente.

Básicamente los pasos que realice fueron (todo en inglés):

* Instalar el Windows 2012 Server

* Instalar el SQL Server 2012 con todo menos las extensiones de SharePoint y el PowerPivot.^

* Lanzar el instalador de SharePoint 2012, para que me pidiera los prerequisitos, que fui descargando e instalando.

* Modificar los Roles del Servidor, como indica en el primer blog.

* Insertar en Windows/System32 el fichero ServerManagerCmd.exe que me bajé de la segunda dirección y que no hace nada más que devolver un código.

El sitio en donde mejor se describe la forma de instalar los prerequisitos

http://bifase.blogspot.com.es/2012/03/windows-8-server-y-sharepoint-2010.html

y aquí el fichero de Steve, que refiere en el blog anterior. OJO un fichero ServerManagerCmd que es el que me volvió loco y que , hasta que no lo puse en System32 finálmente, no funcionaba el instalador de SP2010.

http://blog.hand-net.com/sharepoint/2010-06-10-error-lors-de-linstallation-des-office-web-apps-2010-sur-windows-7.htm

Este es el sitio de Microsoft en donde se pueden descargar todos los pre requisitos uno a uno.

http://technet.microsoft.com/library/cc262485(office.14).aspx#section4

Ale, número de serie de SharePoint 2012 y empezar la instalación Stand Alone para desarrollo.

Espero que sea útil para alguien más, a mi me ha costado una mañana.

Reference in the manifest does not match, o la guerra de los manifiestos

2012-08-28T15:07:00.001+02:00

En los últimos coletazos de un EXCELENTE AddIn para Excel que hemos desarrollado en mi empresa (TeamPRO), nos hemos puesto a hacer las pruebas de la última versión del código ya con el código publicado y listo para realizar instalaciones.

Y nos ha salido esto:

La madre del cordero!!

Después de googlear como locos empezamos a entender lo que ha ocurrido. Para realizar el pintado de los mapas hemos utilizado un proyecto open source (y gratis) llamado CustomColorPicker, el cual hemos añadido a la solución y que compilábamos y hacíamos referencia desde el proyecto en sí del AddIn.

Cual es el problema, que el proyecto CustomColorPicker es un proyecto WPF de Windows, y lo que se referencia es un exe. Bueno realmente un exe.deploy. Y este ejecutable tiene un manifiesto que se pega con el manifiesto del AddIn.

¿Cual es la solución? Simple como la vida misma: quítale el manifiesto a CustomColorPicker, o en tu caso a la aplicación que es referenciada por la principal.

¿Cómo se hace eso? Pues mira las pantallitas y te quedará claro.

Primero saca el menú contextual del proyecto al que le quieres quitar el manifiesto con el botón derecho.

Así se abrirá la configuración de la aplicación en donde encontramos la configuración que hay que cambiar y que señalo con una flecha y que es “Crear la aplicación sin manifiesto”.

Y con esto, compila, publica e instala. Que el mensaje de error por los manifiestos deja de producirse.

Espero que sea de utilidad.

Mover un Canvas dentro de un Canvas en WPF

2012-08-24T10:02:00.001+02:00

Una de las cosas que más agobian es las pequeñas diferencias que hay en los lenguajes de programación de .NET. Y agobian porque las cosas más sencillas no están prácticamente en ningún sitio porque todo el mundo lo da por más que sabido.

Y es una de las razones principales de este blog. Compartir conocimientos de nivel 100 (iniciación).

Así me encuentro, en el proyecto este del Addin para Excel, que tengo la pantalla compuesta por diferentes capas en donde tengo, construidas sobre controles Canvas, los polígonos, los nombres y los diferentes valores.

Algo así, para que se entienda mejor:

   1: <Canvas x:Name="Canvas">   2:     <Path Name="a114" Fill="#FFC2C2D8" />   3:     <Path Name="a118" Fill="#FFC2C2D8 />   4:     <Canvas Name="Valores">   5:         <TextBlock Canvas.Left="683" Canvas.Top="303" Height="37" Name="t112" />   6:     </Canvas>   7:     <Canvas Name="Nombres">   8:         <TextBlock Canvas.Left="683" Canvas.Top="303" Height="37" Name="t112" />   9:     </Canvas>  10: </Canvas>

Tengo un control “Canvas” general sobre el que pinto los polígonos del tipo Path, y añado dos capas más “Valores” y “Nombres” sobre las que pinto textos dentro de controles TextBlock. Viéndose algo tanto que así:

Se podría hacer dos mil preguntas de porqué se tomo la decisión técnica de hacer las cosas así, pero eso lo cubriré con un tupido velo.

El problema que quiero solucionar, es que puedo ocultar las cifras del valor que aparecen debajo del nombre y que entonces necesito que el nombre descienda unos 25 pixeles para que quede más centrado verticalmente, ocupando el sitio que ocupa el valor.

Después de darle mil vueltas, y gracias a @pablonete, encontré la forma de hacerlo y que es la mar de sencillo con un método del control del tipo Canvas.

   1: Canvas.SetTop(canvasNombres, 0);

Es decir, Al tipo Canvas le invoco el método SetTop que lo que hace es mover el control tipo Canvas “canvasNombres” 25 pixeles hacia abajo desde su Canvas contenedor. Que ya se encarga el solito de buscarlo.

El quid del asunto aquí es cómo recuperar el Canvas “canvasNombre”. Y que, para darte una pista, es un Child del Canvas principal “Canvas”.

Espero que sea de utilidad.

Pintando un gráfico de tartas en un ImageBitMap

2012-08-22T14:09:00.001+02:00

La verdad que esto del desarrollo sigue siendo muy interesante, aún en mi actual faceta de responsable de departamento y, por ende, con labores más de gestión que de picar código.

Le estoy echando una mano a un equipo que está desarrollando un Addin para Excel, y así pruebo qué tal va el VS2012 RTM, que ha mejorado bastante al ya de por sí bueno VS2012 RC.

Me encuentro que el programador anterior (que el demonio lo tenga en la más miserable celda posible en el infierno) debía tener conocimientos más bien cortitos y, para pintar un indicador que mostrara el porcentaje de un valor, no se le ocurrió otra cosa que hacer un bitmap por cada 10 grados de una imagen de una gráfica de tarta y, con cientos de líneas de código, montar un “chocho” impresionante para saber cual utilizar según el porcentaje.

En cuanto lo vi, me di cuenta que con un poquito de GDI+ lo tenia solucionado. Y así fue, casi mil líneas de código convertidas en los siguientes métodos:

   1: Using System.Drawing;   2:     3: private Image PintarEnImageBitmap(Image imageIndicador, double valorPorcentual)   4: {   5:     // Aquí indico que voy a crear un nuevo Bitmap de 50x50px y con un formato ARGB de 32bpp   6:     Bitmap dibujoDelValor = new Bitmap(50,50,System.Drawing.Imaging.PixelFormat.Format32bppPArgb);   7:        8:     // A continuación creo un nuevo objeto Graphics (sobre el que voy a pintar) a partir del Bitmap anterior   9:     Graphics graficoDelValor = Graphics.FromImage(dibujoDelValor);  10:       11:     // Declaro el pincel con el que voy a pintar la circunferencia que va a rodear la gráfica de tartaa  12:     // incluyendo el color y el ancho del pincel          13:     System.Drawing.Pen pluma = new System.Drawing.Pen(System.Drawing.Color.White,2);  14:       15:     // Declaro la brocha con la que voy a rellenar la gráfica de tarta  16:     System.Drawing.SolidBrush brocha = new System.Drawing.SolidBrush(System.Drawing.Color.White);  17:               18:     // Limpio el gráfico con el color negro. Ojo, en Excel el transparente no vá bien.  19:     graficoDelValor.Clear(System.Drawing.Color.Black);  20:    21:     // Le indico el grado de aliasing que quiero utilizar al dibujar  22:     graficoDelValor.SmoothingMode = System.Drawing.Drawing2D.SmoothingMode.HighQuality;  23:       24:     // Pinto la circunferencia que rodea a la gráfica de tarta  25:     graficoDelValor.DrawEllipse(pluma, 0, 0, 47, 47);  26:    27:     // Pinto la gráfica de tarta. Invoco a un método que me transforma el valorPorcentual a grados.  28:     // 270 es para que empiece a pintar desde una linea vertical. Ya que 0 es la horizontal derecha.  29:     graficoDelValor.FillPie(brocha, 0, 0, 47, 47, 270, PorcentajeAGrados(valorPorcentual));  30:    31:     // Cargo el Bitmap resultante en un objeto Image  32:     imageIndicador.Source = BitmapToSourceImage(dibujoDelValor);  33:    34:     Return imageIndicador;  35: }

El método PorcentajeAGrados, no puede ser más sencillo:

   1: private int PorcentajeAGrados(double valorPorcentual)   2: {   3:     return (int)(valorPorcentual * 3.6);   4: }

Y el “truco del almendruco” es pasar el Bitmap GDI+ a un tipo ImageSource, que es el que puede leer los ImageBitmap de DirectX (y que por alguna extraña causa, el programador anterior prefirió utilizar en vez de los Bitmap GDI+).

Para ello, copio y pego el código que me he encontrando googleando, y que como no me lo he apuntado no lo puedo referenciar como debería hacer.

   1: /// <summary>   2: /// Dado un objeto Bitmap lo convierte en un objeto ImageSource   3: /// </summary>   4: /// <param name="dibujoDelValor"></param>   5: /// <returns></returns>   6: private System.Windows.Media.ImageSource BitmapToSourceImage(System.Drawing.Bitmap dibujoDelValor)   7: {   8:     System.IO.MemoryStream ms = new System.IO.MemoryStream();   9:     dibujoDelValor.Save(ms, System.Drawing.Imaging.ImageFormat.Jpeg);  10:     System.Windows.Media.Imaging.BitmapImage bImg = new System.Windows.Media.Imaging.BitmapImage();  11:     bImg.BeginInit();  12:     bImg.StreamSource = new System.IO.MemoryStream(ms.ToArray());  13:     bImg.EndInit();  14:    15:     return bImg;  16: }

Por lo cual, y resumiendo. Una llamada de ejemplo sería:

   1: Image imagenIndicador = new Image();   2: imagenIndicador = PintarEnImageBitmap(imagenIndicador, 73);

Y el resultado, en el caso de la aplicación que estamos realizando es algo así:

Según me ha comentado Rodrigo, debería de investigar el no tener que hacer lo que estoy haciendo que es pintar en GDI+ y después utilizar objetos de DirectX, si no que debería pintar directamente con la propia API de Excel… pero eso es para nota.

Espero que sea de utilidad.

Workbook.Worksheets.Delete y la madre que parió a la alerta de borrado

2012-07-27T12:21:00.001+02:00

Estoy trabajando en un AddIn para Excel, utilizando las famosas VSTO (Interop) de Offcie desde Visual Studio 2012.

Pulsando en un botón del Ribbon, que hemos definido, debía localizar una hoja del libro específica y borrarla. el problema es que por defecto esta acción Delete(), lanza un ventana de dialogo que te pide una confirmación de si quieres borrar esa hoja.

El problema viene de que cuando pulso cancelar, no he encontrado la forma de capturar cual de los botones ha pulsado antes de que realice el borrado… y tres métodos más allá rompía la aplicación por no encontrar una hoja que se suponía que aún existía.

Googleando me he encontrado con una solución bruta y basta, pero que me ha valido. Y no es más que deshabilitar las ventanas de alerta y que borre de forma directa.

   1: /// <summary>   2:         /// Dado el nombre de la hoja Excel, la busca y la borra   3:         /// </summary>   4:         /// <param name="name"></param>   5:         /// <returns></returns>   6:         private bool borraHoja(string name)   7:         {   8:     9:             Boolean seHaBorradoLaHojaExcel = false;  10:    11:             var addInExcel = Globals.ThisAddIn.Application;  12:             addInExcel.DisplayAlerts = false;  13:             Worksheet HojaASerBorrada = (from Worksheet hojaExcel in addInExcel.ActiveWorkbook.Worksheets  14:                                          where hojaExcel.Name == name  15:                                          select hojaExcel).FirstOrDefault();  16:    17:             if (HojaASerBorrada != null)  18:             {  19:                 HojaASerBorrada.Delete();  20:                 seHaBorradoLaHojaExcel = true;  21:             }  22:    23:             addInExcel.DisplayAlerts = true;  24:             return seHaBorradoLaHojaExcel;  25:         }

En mi caso me ha valido porque es el comportamiento esperado, pero creo que merece un estudio en más profundidad para ver como capturar el botón que ha pulsado el usuario.

Que os sea de utilidad

Detectar MouseEnter en la capa inferior de un gráfico

2012-06-28T18:45:00.002+02:00

Buenas,

Hoy estaba un compañero bloqueado con un problema un tanto peliagudo.

Estamos desarrollando una Addin para Excel, en donde construimos un mapa de España dividido por provincias, y encima de cada uno de los polígonos se añaden TextBox con el nombre, un valor y dos imágenes que son unos indicadores de otros valores.

El problema venía que cuando te pones encima del objeto o los valores, debe salir un Tooltip con datos. Y el programador anterior (Dios lo tenga en el infierno) no se le ocurrió otro modo de conseguir verlo cuando nos situamos encima del texto o el número o los indicadores que añadiendo tooltip a cada uno con la misma información. Es decir, por cada polígono llenaba de información el tooltip de cuatro controles más.

Entonces, necesitaba eliminar los tooltip de más y decir de alguna forma, a la aplicación, que no controlara si el ratón se ponía encima de cualquier cosa que no fuera el polígono base.

¿Y cómo hago eso?

Lo intenté preguntandole al sender del evento OnMouseEnter a ver si me traía una colección de los objetos sobre el que estaba situado el ratón. También se lo pregunté al MouseButtonEventArgs. Y por este camino yo llegue a ningún lado.

Asi que, en un momento de inspiración me puse a mirar los métodos y propiedades de los controles y me encontré con la solución:

Control.IsHitTestVisible = false

Esto hace que el objeto sea transparente para los eventos lanzados por el ratón. Lo cual produce que para el ratón solamente exista el polígono de fondo. En el ejemplo que he traído esto lo conseguí con:

imageIndicador1.IsHitTestVisible = false;
imageIndicador2.IsHitTestVisible = false;
valor1.IsHitTestVisible = false;
nombre.IsHitTestVisible = false;
path.IsHitTestVisible = true;

Espero que os sea útil.

Descubrir los Atributos del Directorio Activo

2012-06-11T16:37:00.003+02:00

En la entrada anterior, resolví el problema que tenía para dar de alta cientos de usuarios en el directorio activo por medio de un script.

Ahora el problema es que necesito rellenar más atributos que el nombre de usuario en el Directorio Activo y no tengo forma de saber cómo se llaman ni el formato esperado.

Pero para ello también hay una solución sencilla (mira que he dado vueltas hasta llegar a los más fácil): activar una consola y añadirle el módulo adecuado.

Lo primero abro un "Símbolo de Sistema", escribo mmc y pulso Enter.

Se me abre una bonita consola con la Raíz vacía.

Aquí pulso en el menú Archivo -> Agregar o quitar elemento. Y se me abre una nueva ventana en donde debo pulsar el botón de Agregar.

En el listado que me sale busco y escojo el que dice "Esquema de Active Directory" y me pongo a pulsar en los botones de "Agregar" y "Aceptar" que me vaya encontrando.

Y así obtengo una completa lista de todos los atributos que puedo utilizar para manipular mi Directorio Activo.

Acabo de encontrar unos enlaces muy buenos:

Atributos del Directorio Activo de la A la Z

http://msdn.microsoft.com/en-us/library/cc219751(PROT.13).aspx

http://msdn.microsoft.com/en-us/library/cc220154(PROT.13).aspx

http://msdn.microsoft.com/en-us/library/cc220699(PROT.13).aspx

Espero que sea útil.

Dando de alta usuarios en el directorio activo de forma automática por script

2012-06-11T16:23:00.000+02:00

Estoy haciendo una carga de datos en el Directorio Activo que requiere +600 usuarios. Lo cual, obviamente, es un auténtico tostón hacerlo a mano.

Por lo cual me he puesto a buscar el cómo y me he encontrado el siguiente script realizado en Visual Bascit script:

Set objRootDSE = GetObject("LDAP://rootDSE")

Set objContainer = GetObject("LDAP://cn=Users," & _
objRootDSE.Get("defaultNamingContext"))

For i = 1 To 10
Set objLeaf = objContainer.Create("User", "cn=Prefijo" & i)
objLeaf.Put "sAMAccountName", "Prefijo" & i
objLeaf.SetInfo
Next

WScript.Echo i-1 & " Users created."

Esto me va a introducir 10 usuarios de nombre PrefijoXX en la carpeta User de mi Directorio Activo.

Para lanzar el script, debo guardara el código en un fichero con extensión .vbs y lanzarlo dándole un doble click.

Pero, y aquí llega el intringulis, debo saber cómo se llaman los atributos (o campos) de mi Directorioa Activo. Y hete aquí que es diferente para cada uno dependiendo de múltiples factores.

Por lo cual, en la siguiente entrada hablaré de ello.

Espero que sea de utilidad.

DataContractJsonSerializer, migrando de Silverlight a WP7

2012-04-04T16:55:00.001+02:00

El ser humano es ambicioso por defecto, y yo también lo soy.

Aunque como TT ya he podido obtener un LG Optimus con Windows Phone, del cual estoy MUY contento a excepción de la falta de una oferta amplia de aplicaciones de navegación con GPS, me quiero apuntar a hacer aplicaciones para Windows Phone 7 a ver si me gano un Lumia 800.

Lo primero es encontrar una buena librería para acceder al API de Battle.NET para World of Warcraft, ya que Antonio (uno de mis compañeros de trabajo y viciado del Wow como yo), me ha dado una buena idea de aplicación.

He seleccionado un excelente proyecto llamado WowSharp que está en codeplex, y he cogido las librerías de Silverlight para, modificándolas, poderlas utilizarlas en mi Windows Phone.

Estaba claro que me iba a encontrar serios problemas, pero el primero y más fácil de resolver es cuando el compilador me avisa que no sabe a qué me refiero con DataContractJsonSerializer.

La solución es muy simple.

Hay que dar de alta como referencia del proyecto a la dll: System.Servicemodel.Web

Y con esto ya te funciona todo.

Ahora, por el siguiente error.

P.D. La imagen es de MSDN y en stackowerflow encontré la solución.