Around WPF and more

Hablando... ¡tu aplicación te entiende!

noreply@blogger.com (Juan Vega) — Sun, 18 Apr 2010 23:06:00 +0000

El pasado Viernes 16 de Abril, en el auditorio Ollantaytambo de la Universidad Ricardo Palma, hice una pequeña demostración de una aplicación realizada en WPF que era capaz de reconocer instrucciones habladas. Es decir, mediante palabras, podías hacer que tu aplicativo realice ciertas instrucciones.

La librería que permite que esto sea osible es System.Speech.

La demo que presenté fue un semáforo, que con 3 instrucciones(Alto, Preparado, Pase) prendía alguna de sus luces indicando la señal correspondiente.

Aquí les dejo una imagen del aplicativo además de los archivos para que los puedan ver y probar.

Este aplicativo esta desarrollado bajo el .Net Framework 3.5.

Espero les guste

Integrando WPF con Windows 7

noreply@blogger.com (Juan Vega) — Mon, 01 Mar 2010 14:47:00 +0000

Saludos a todos!

Hoy hace unos minutos estaba navegando por internet buscando de que forma integrar algunas de las características de Windows 7 con alguna de las aplicaciones que haya hecho en WPF.

Me pareció interesante y que en la versión de .NET Framework 4.0 sale una nueva versión de WPF, la que tiene nuevas clases y nuevas funcionalidades. Para ello requeriremos actualizar nuestro IDE al 2010 en cualquiera de sus versiones (Visual C# o Visual Basic 2010, o cualquier version de Visual Studio 2010) que se encuentra ya en Release Candidate desde el pasado mes.

Pero... para los que no quieren mandarse a instalar una versión preliminar de este IDE o para los que no lo ven del todo estable todavia (como yo)... nos queda resignarnos a esperar a que sea lanzado este nuevo .Net Framework.

Pues en realidad NO ES ASI! Para el alivio de muchos, podemos realizar aplicaciones que utilicen características de Windows 7 con el framework 3.5 SP1.

¿Cómo?

....Es así de sencillo. En Code MSDN se ha publicado una librería llamada WPF Shell Integration Library.
Dentro de este portal tenemos la libreria (Binary) y el código (Source).
Como verán, no se necesita tener el .net framework 4.0 para poder aprovechar las características de Windows 7.

Happy Coding!

WPF Toolkit, February Release

noreply@blogger.com (Juan Vega) — Sun, 28 Feb 2010 01:28:00 +0000

Esta noticia la encontre navegando por facebook, que aunque para muchos parezca cuestionable, es una gran fuente de información. Así como twitter.

En fin, navegando por facebook, encontre un grupo dedicado exclusivamente a tratar temas sobre wpf. Obviamente me hice fan.

La noticia que vi fue que ya salio la version de WPF Toolkit de Febrero.

Entre las novedades tenemos nuevos controles:

Accordion
AutoCompleteBox
Rating

Además de algunos bugs resueltos.

Aquí les dejo el link para que ustedes mismos lo prueben. En los siguientes post haré algunas demos de uso de estos controles.

Espero les guste.

MDI en WPF...volviendo a las antiguas usanzas

noreply@blogger.com (Juan Vega) — Fri, 26 Feb 2010 20:31:00 +0000

Pues para muchos el titulo de este blog es algo injusto. La razón: desde la primera vez que WPF se dio a conocer, no se ha visto que tenga algún control de forma nativa para contener formularios dentro uno mismo (MDI). Esto, si quieren entender el porque, les dejo un artículo en el que se explica a detalle (post en ingles).

Me animé a realizar este post, ya que hace unas semanas quice realizar un sistema distribuido con WCF (estoy en pañales en ese tema, pero iniciandome con bastantes espectativas). Pero para ello quería ver la forma de usar varios formularios a la vez.

Investigando encontre que este control (ahora es un ontrol) lo pueden encontrar el el portal de codeplex. Si quieren analizarlo y agregarle algunos detalles más, sientanse libres. Ya que en esta publicación también viene incluido el código.

Sin más rodeos les dejo el enlace.

Usando Reporting Server en WPF

noreply@blogger.com (Juan Vega) — Sun, 21 Feb 2010 23:22:00 +0000

Aunque para muchas personas les cueste creer, o ya se habían dado por vencidos al querer usar el SQL Reporting Server en Windows Presentation Foundation. Pues al respecto WPF no ofrece un control como el Report Viewer o Cruystal Report como control nativo de esta tecnología.

Pero para este proposito vamos a usarotro control, uno que a muchos les parecerá algo fuera de lugar. Nuestro control a usar es el WebBrowser, disponible a partir de la versión del .NET Framework 3.5 SP1.

No se sorprendan, este control lo que nos permite es, como su homologo en las aplicaciones Desktop del framwork 2.0, navegar como algún otro browser de internet. Solo que ahora lo usaremos de una manera diferente.

Ahora pasaremos a la demostración.
Para ello les daré unos requisitos previos (si quieren poner en practica esta pequeña demostración o descargarla):

SQL Reporting Server 2008
Visual Studio 2008 (en cualquiera de sus versiones o C# express) con el SP1 instalado. Como recomendación al momento de abrir el IDE hacerlo como Administrador
AdventureWorksLT2008, sino lo tienes puedes descargarlo en este enlace

Cumpliendo estos requisitos, lo siguiente a realizar será Abrir nuestro IDE y crear una solución en blanco, a la que llamaremos UsingReportingServerOnWpf.

Posteriormente pasamos a Agregar > Nuevo Proyecto
Seleccionamos Proyectos de Business Intelligence al cual le daremos el nombre de ReportProject

Una vez aceptado, nos mostrará un wizard, en el cual siguiendo los pasos configuraremos nuestro primer informe. para ello les ire mostrando la secuencia a seguir:

Terminando este wizard, le hacemos algunos ajustes visuales de acuerdo a sus gustos. Luego pasamos a implementar el proyecto. Click derecho sobre nuestro proyecto > Implementar

De esta manera las podremos ver en la página de Reporting Service

Una vez finalizado este proceso, pasaremos a crear nuestra aplicación en WPF para visualizar nuestro informe ya creado.
Para ello haremos click derecho sobre nuestra solución > Agregar Nuevo Proyecto > Windows > Aplicación WPF
Le daremos a este proyecto por nombre: WpfViewReport

En el XAML pasamos a agregar el siguiente código dentro del Grid:
WebBrowser Name="ReportBrowser"/>

y en el code-behind agregamos los siguientes fragmentos de código:

En el constructor:
this.Loaded+=new RoutedEventHandler(Window1_Loaded);

En el Método Window1_Loaded
ReportBrowser.Source=new Uri(http://localhost/ReportServer/Pages/ReportViewer.aspx?%2fSalesReport&rs:Command=Render, UriKind.RelativeOrAbsolute));

Una vez realizado esto, ejecutamos nuestra aplicación y nos permitira visualizar nuestro reporte.

Es mus posible que antes de mostrar el reporte en el formulario, se solicite un logueo. Esto dependiendo de la configuración que se tenga en el Reporting Server.

Como vemos este es un reporte bastante senicllo. No hay mucha interacción con el usuario. Si queremos que nos muestre un reporte en base a parametros ingresados, tenemos dos opciones:

La primera es dentro del query que tenemos al armar nuestro reporte declaramos los parametros, con lo que antes de mostrar el informe nos mostrará cajas de texto en las que se solicitan los parametros. Esto lo pide desde el propio informe.
La otra opción es crear un informe y mandar un reporte desde programación (creando una aplicación web en la que se pidan los parametros y crear el reporte desde programación en javascript). Esto es más complejo pero a su vez mas completo. Ya que el WebBrowser nos permite ejecutar javascript, asi que podemos crear los parametros que querramos y crear un formulario en WPF en la que se pida el ingreso de los parametros de forma visual e interactiva (datepicker, combobox, etc). En un siguiente post presentaré esta versión de creación de un reporte en WPF.

Espero que este post haya sido de su agrado.

Saludos,

Juan Carlos

Usando ObservableCollection

noreply@blogger.com (Juan Vega) — Tue, 05 Jan 2010 15:38:00 +0000

Saludos con todos,
hace un par de semanas me pidieron una pequeña demo de ObervableCollection. Pues como explique en el post anterior, esta clase nos permite trabajar con una estructura de datos de tipo Listas, solo que contiene algunas propiedades adicionales.

Pues aquí vamos con la pequeña demo.

Para empezar creamos un nuevo proyecto en WPF

Luego agregaremos al proyecot una clase. A la cual llamaremos Persona.

A esta clase le agregamos el siguiente fragmento de código.

public class Persona
{
string nombre;
string apellido;
string direccion;
int edad;

public string Nombre
{
get { return nombre; }
set { nombre = value; }
}

public string Apellido
{
get { return apellido; }
set { apellido = value; }
}

public string Direccion
{
get { return direccion; }
set { direccion = value; }
}

public int Edad
{
get { return edad; }
set { edad = value; }
}
}

Luego nos dirigimos a ver el CodeBehind de nuestra Ventana Principal.

using System.Windows;using System.Collections.ObjectModel;



namespace DemoObservableCollection

{



    public partial class Window1 : Window



    {



        public Window1()



        {

            InitializeComponent();

            this.Loaded += new RoutedEventHandler(Window1_Loaded);

        }



        void Window1_Loaded(object sender, RoutedEventArgs e)

        {



            ObservableCollection<Persona> ListaPersonas = new ObservableCollection<Persona>()

            {

                new Persona{Nombre="Juan",Apellido="Vega", Direccion="Lima - Perú", Edad=21},

                new Persona{Nombre="Alvaro",Apellido="Escalante", Direccion="Tarija - Bolivia", Edad=23},

                new Persona{Nombre="Estefano",Apellido="Alvarillo", Direccion="Quito - Ecuador", Edad=30},

                new Persona{Nombre="Isabel",Apellido="Valverde", Direccion="Buenos Aires - Argentina", Edad=25},

                new Persona{Nombre="Eduardo",Apellido="Ortega", Direccion="Santiago - Chile", Edad=24},

                new Persona{Nombre="Juan",Apellido="Alfaro", Direccion="Lima - Perú", Edad=24}

            };

            lstPersona.DataContext= ListaPersona



        }



    }



}

Podemos ver que es muy similar al trabajo con listas.

Ahora pasamos a mostrarlo en nuestro formulario.

Para esto agregaremos un ListBox a nuestra ventana. Y pasamos a agregarle el siguiente codigo

Observable Collection

noreply@blogger.com (Juan Vega) — Sun, 11 Oct 2009 17:24:00 +0000

Pues bien, heme aqui después de mucho tiempo sin postear. La razón... decidí poner a prueba todos mis conocimientos adquiridos en WPF y desarrollar un sistema algo complejo integramente bajo esta plataforma. Claro, todavía no termino el proyecto pero cada vez que lo veo me inspiro más.

Ahora, como verán en el título. Este post es sobre Observable Collection... pero que no es una Lista. Pues en realidad si lo es, pero esta lista especial, proveniente de System.Collections.ObjectModel en realidad nos permite de mejor manera jugar con los datos.
La razón, esta colección generica lo que hace es notificarse en cuanto hay un cambio interno (Actualizacion, eliminacion, agregación) y esto gracias a que tiene implementado nativamente el INotifyPropertyChanged

Pero en que casos conviene usar este modelo de colecciones, pues sencillamente cuando queremos que los datos de nuestro listbox o algun control que nos muestre estos datos deba estar actualizandose cada vez que alla un cambio.

Silverlight 3.0: OOB - OutOfBrowser

noreply@blogger.com (Juan Vega) — Sun, 23 Aug 2009 21:29:00 +0000

Hace unos cuantos días que me puse a investigar las nuevas características de Silverlight 3.0. Y mi primera apreciación fue... cada vez se parece más a flash (y lo decía por el soporte HD y que es cacheable en los clientes) , pues hasta ese momento eran las únicas características que habia podido entender ho encontrar hasta entonces. Hoy encontre otra característica, mejor dicho pude entenderla. y es el OOB (OutOfBrowser), y bueno ya su nombre nos da una idea de lo que se trata.

Esta característica de Silverlight lo que nos permite es poder tener la aplicación de silverlight (xap ejecutable) en nuesta computadora (hablando de los clientes) y poder accederla de forma que no siempre estemos conectados. Es decir, se asemeja bastante a una aplicación de escritorio (WPF).

Pues ahora les mostrare como lograr usar esta característica desde tu aplicación de Silverlight. Recuerda que debes tener Silverlight 3.0.

Pues aquí vamos, lo primero que haremos será crear una nueva aplicación:Una vez crada nuestra aplicación y de haberla desarrollado. Pasamos a ver las propiedades del proyecto de Silverlight

En esta ventana de Configuracion, habilitamos la ejecución de aplicaciones fura del explorador y grabamos los cambios.

Después ejecutamos nuesta aplicacion, y al hacer click derecho sobre esta, aparecerá la opción de instalarlo en nuestro escritorio. Con esto activado, en nuestro escritorio o en el menu inicio nos mostrará el acceso a nuestra aplicacion bajo no conexión.

Usando FluidKit

noreply@blogger.com (Juan Vega) — Sat, 15 Aug 2009 00:05:00 +0000

Desde hace algun tiempo que no posteo en este blog, pero si he seguido investigando. Posiblemente muchos de ustedes (seguidores de WPF) ya hayan escuchado o visto de esta librería.

Para los que no, aquí les dejo algo breve.

FluidKit es una librería, desarrollada por Pavan Podilla, la cual contiene algunos controles bastante interesantes, que darán a nuestras aplicaciones una vistocidad y experiencia mas atractiva.

Pues dentro de esta libería tenemos estos elementos:

ImageButton
DragDropManager
GlassWindow
BalloonDecorator
ItemSkimmingPanel + SkimmingContextAdorner
PennerDoubleAnimation
ElementFlow
TransitionPresenter
GenieAnimation
WarpEffect using Pixel Shaders
Simple 3D Engine

Bueno espero lo prueben, aqui les dejo una demo que prepare hace poco, sobre el ElementFlow

Adios Popfly

noreply@blogger.com (Juan Vega) — Fri, 31 Jul 2009 03:46:00 +0000

Tras 2 años de estar en uso e inspirar a muchis usuarios a expresar sus ideas, Popfly cerrará sus puertas y descontinuará todos los servicios.
Si alguno de ustedes realizó algun mashup, un juego o una página web.... esta es una mala noticia, pues todas estas obras dejarán de funcionar.

Pero no todas las noticias son malas, Microsoft pone a nuestra disposición la Web Platform: todo un set de herramientas para la creación de páginas web.

Adios Popfly.

Cualquier duda pueden visitar el blog del Popfly Team

WPF al 100%

noreply@blogger.com (Juan Vega) — Wed, 08 Jul 2009 20:37:00 +0000

Desde hace ya cierto tiempo que me ha estado interesando las aplicaciones en WPF, por su contenido visual y su simpleza en cuanto al uso de los controles y su edición.

Hace poco con un grupo en la universidad desarrollamos un sistema en Windows Form, pero usando algunos controles que encontre en la web. Entre estos controles estan los Ribbons desarrollado por Jose Menendez. El cual me parecio bastante interesante. Felicidades por eso.

Pero después de desarrollar esta aplicación, quice probar si es que es posible hacer lo mismo en WPF. asi que empece a desarrollar la mism aplicación en WPF. Para ello busque si es que existe Ribbon para WPF, y me di con la sorpresa que si: Microsoft tiene su propia libreria de Ribbons para WPF, la cual encontrarás siguiendo este enlace WPF Ribbon, para poder acceder a esta librería hay que aceptar algunos términos y después la podras desacargar.

Pero para este sistema, los ribbons no eran suficientes, ya que necesitaba tambien un control similar al DataGridView del framework 2.0, pero este control no existe dentro de los controles que vienen en WPF por default. Pero encontre otra librería que si tenia este control, ademas de un datetimepicker. Esta librería se llama WPF Toolkit.

Ya con estas librerías pude hacer mi aplicación, la cual dicho sea de paso, quedó visualmente atractiva, pero comparada con la aplicación Windows Form que había hecho con anterioridad, era casi semejante.

Asi que busque darle un valor agregado en cuanto a uso. En un modulo de este sistema, consiste en consultas y reportes. El cual se conectaba al Reporting Service de SQL y los mostraba en un ReportViewer. El gran detalle es que este control tampoco esta disponible en WPF, asi que existen dos opciones (por si hay algún interesado):

La primera opcion es usarlo desde los controles de Windows Forms (usar la libreria de interoperabilidad entre WPF y Windows Forms), el problema al optar por esta alternativa, es que no se podrá hacer uso de este componente en modo web.

Otra opción, para los que quieren usar un reportviewer de WPF que sea nativo. Estan los componentes de componentone.

Una tercera opción, por la cual yo opte usar, fue el de mediante querys sacar la información necesaria que necesitaria en cada reporte y mostrarla en un gridview (de WPF ToolKit) y además mostrarla en un grafico si es necesario (caso del modulo de ventas). La desventaja fue que no hice la parte de exportación a pdf, excel o xps.

Una vez termine esta aplicación, decidi empezar a utilizar WPF para aplicaciones.

Ya que los controles son más faciles de editar
El codigo de diseño esta aislado del código de desarrollo.
El código de diseño y el código de desarrollo se integran para la ejecución de la aplicación.
WPF tiene soporte para gráficos en 3D, aqui les dejoun enlace interesante al blog de Josh Smith

Microsoft Popfly

noreply@blogger.com (Juan Vega) — Tue, 23 Jun 2009 23:57:00 +0000

Para los que no saben, popfly es una página bastante interactiva que nos permite diseñar paginas web, juegos y mashups.

Pero en este articulo nos centraremos en los mashups, que son aplicativos que consumen servicios de distintos proveedores para poder obtener un resultado esperado.

Asi por ejemplo podemos ver nuestras fotos de facebook desde este mashup.

Este servicio tiene soporte en silverlight, y su creacion es mediante el arrastre de bloques que representan servicios, interfaces o base de datos.

Asi que visita la página de popfly, encontraras toda una comunidad bastante
atractiva y entusiasta para el desarrollo de mashups

SQL 2008 - Reporting Service

noreply@blogger.com (Juan Vega) — Sun, 21 Jun 2009 10:25:00 +0000

Para los quue no me conocen, soy Juan Carlos. Estudiante de la Universidad Ricardo Palma. Como muchos de nosotros, estudiantes claro esta.... estamos teniendo unas semanas bastante atareadas con las presentaciones de proyectos finales.
Mi caso no es la excepcion, y entre uno de esos proyectos es hacer un sistema de ventas de insumos para un minimarket, incluyendo reportes de ventas y de articulos de inventario.

Antes que nada debo recalcar que no soy devoto a manejar el SQL Server 2008 con todos sus servicios, en realidad no los conocia. Hoy, en una amanecida con mi grupo de este proyecto (hasta ahora seguimos haciendo el sistema) vimos la necesidad de usar Reporting Services para facilitar los reportes de este minimarket.

Yo particularmente no habia usado este servicio, ára lo cual pense que sería un tanto dificl seguirle el ritmo a esta herramienta. Pero para mi sorpresa me resulto bastante facil.

Tras ver un video, de como crear un reporte en Visual Studio 2008, usando el proyecto de BI. Me anime a usar este servicio. Y ademas me anime a postearlo ya que un servicio asi de potente merece que se le dedique unas cuantas lineas en algun blog.

En los siguientes post les mostraré desde como crear un reporte, hasta como pasar parametros e implementarlos en un sistema.

Saludos matutinos,
Juan Carlos