Blog de Fernando Machado Piriz

Artículos sobre arquitectura corporativa y temas relacionados

Posts Tagged ‘Visual Studio 2010

Reunión mensual de CUMUY de setiembre

with one comment

Cumuy.pngEl próximo martes 28 de setiembre a las 18.30 horas nos reuniremos en Microsoft Uruguay, Cebollatí 1474 piso 5, para ver Entity Framework y Visual Studio LightSwitch.

Andrés Aguiar nos mostrará el poder que nos provee Entity Framework para el desarrollo de software. Yo les mostraré  Visual Studio LightSwitch, un nuevo miembro de la familia de Visual Studio que permite especificar la estructura de la base de datos y de los formularios y genera automáticamente el código para aplicaciones de tres capas.

¡Los esperamos!

Written by fernandomachadopiriz

15/09/2010 at 16:52

Publicado en Anuncios

Tagged with

Nuevo número de la revista CompartiMOSS

leave a comment »

Hace un par de días salió un nuevo número de la revista CompartiMOSS, que vienen publicando regularmente desde hace ya un tiempo dos capos de la comunidad SharePoint de hispanoamérica como Fabián Imaz y Gustavo Vélez.

CompartiMOSS es una publicación de referencia para el mundo de SharePoint, pero incluye artículos sobre desarrollo de software en general.

En este número, además de las secciones fijas, aparecen:

  • Editorial
  • Mayor productividad en Microsoft Office 2010 (Alejandro Garrido)
  • Manejadores de Eventos en SharePoint 2010 (Juan Pablo Pussacq Laborde)
  • Automatización de pruebas de interfaz de usuario con Visual Studio 2010 (Fernando Machado)
  • Motor de búsqueda de SharePoint 2007 y aplicaciones personalizadas para el acceso de la información (Fabián Imaz)
  • Herramientas para SharePoint de Recuperación, Búsqueda, Restauración y Migración (Rafael Jiménez)

Written by fernandomachadopiriz

23/08/2010 at 13:31

Publicado en Anuncios

Tagged with

Primera beta de Microsoft Visual Studio LightSwitch

with 8 comments

Un nuevo miembro de la familia de herramientas para desarrolladores fue anunciado a comienzos de este mes y la primera versión beta estará disponible para descarga a partir del 23 de agosto: Microsoft Visual Studio LightSwitch.

¿Qué es y para qué sirve?

LightSwitch permite crear fácil y rápidamente aplicaciones de negocio completas desde cero, incluyendo no sólo los formularios de la interfaz de usuario, sino también la base de datos; también permite crear aplicaciones a partir de bases de datos existentes.

En este artículo voy a dar un rápido paseo sobre LightSwitch usando la versión beta que estará disponible en breve. Lo que voy a crear es una aplicación muy simple para registrar los libros que presto a mis amigos.

Una nueva aplicación con LightSwitch comienza con la creación de un nuevo proyecto en Visual Studio. Un proyecto LightSwitch va a contener la definición de los datos y de los formularios de la aplicación. A partir de esas definiciones LightSwitch genera la base de datos en SQL Server y el código fuente de la aplicación en C# o Visual Basic.

En este artículo voy a usar la plantilla de proyecto de C#. Aquí pueden ver el familiar cuadro de diálogo para la creación de un nuevo proyecto en Visual Studio con las dos plantillas provistas por LightSwitch.

image

Una vez creado el proyecto podemos conectarnos a una fuente de datos existente o crear una nueva definición de los datos de la aplicación. En este artículo voy a mostrarles cómo crear la definición de los datos desde cero.

image

La primera definición es la de los libros. De cada libro me interesa el autor y el título. Creo una entidad Book, con campos Author y Title, ambos de tipo String y ambos requeridos. Estas entidades estarán almacenadas en una tabla Books.

image

Luego creo la definición de los préstamos. De cada préstamo me interesa saber a quién se lo presté, cuándo lo presté y cuándo me lo devolvieron. Creo entonces una segunda entidad Loan, con campos ToFriend, DateLoaned y DateReturned; el primero es de tipo String y los otros dos de tipo Date; los dos primeros son requeridos, no así el último. Estas entidades estarán almacenadas en una tabla Loans.

image

Ahora defino una nueva relación entre libros y préstamos.

image

Vean a continuación cómo queda la definición de la entidad Loan y su relación con Book.

image

Ahora debo definir los formularios para editar estas entidades. Varias plantillas de formularios están disponibles -para editar los registros de a uno, en una grilla, etc.-. Voy a usar la plantilla para un formulario simple de altas.

image

La definición del formulario puede ser modificada. Lo que he cambiado es solamente el nombre a mostrar y la descripción.

image

Una vez terminada la definición, puedo probar la aplicación. Esta versión de LightSwitch permite generar los siguientes tres tipos de aplicaciones:

image

Al hacer el build LightSwitch:

  • Crea la base de datos
  • Genera el código fuente
  • Compila el código de la aplicación

Una aplicación LightSwitch típicamente es una aplicación en tres capas, que usa ciertas tecnologías específicas para cada una de ellas:

  • La capa de presentación, responsable de la edición y presentación de los datos, es una aplicación Silverlight 4.0
  • La capa de lógica de negocio, responsable de las consultas, actualizaciones, validaciones y procesamiento de datos, y expone un conjunto de WCF RIA Domain Services corriendo en ASP.NET 4.0 sobre IIS o un Windows Azure web role.
  • La capa de datos, responsable de almacenar los datos, usa SQL Server o SQL Azure.

En este artículo –en inglés- pueden encontrar más información sobre la arquitectura de una aplicación LightSwitch.

Al ejecutar la aplicación LightSwitch

  • Levanta un web server local
  • Despliega la aplicación en ese web server
  • Abre la aplicación

Esto es lo que vemos:

image

Completamos los campos para agregar el primer libro:

image

La aplicación asigna automáticamente un identificador al primer libro:

image

La aplicación incluye out of the box algunas validaciones elementales, como las de los campos que están marcados como requeridos.

image

image

image

El segundo formulario es el de alta de préstamos. También es un formulario simple de altas. Podemos ver como LightSwitch asignó un control Date Picker a los campos DateLoaned y DateReturned, que son de tipo Date. También asignó un control de tipo Modal Window Picker para editar la asociación entre Loan y Book.

image

Al ejecutar la aplicación podemos ver cómo luce el control asignado automáticamente a los campos de tipo Date.

image

El control Modal Window Picker permite buscar y seleccionar un libro para asociar con este préstamo. El control incluye funciones de búsqueda y paginado de los resultados.

image

Aunque esta forma de editar los préstamos no está mal, preferiría poder ver la lista de libros y desde allí fácilmente acceder a los préstamos de cada libro y eventualmente agregar nuevos préstamos también desde allí. La plantilla para este tipo de mantenimiento es List and Details Screen. Vean cómo LightSwitch me permite indicar si quiero incluir los detalles de los libros y de los préstamos en el mismo formulario.

image

Una vez creado el formulario puedo editar su definición. Al igual que en los casos anteriores, sólo cambio ligeramente el nombre a mostrar sugerido y agrego una descripción.

image

Podemos ver cómo luce este nuevo formulario al ejecutar la aplicación. La lista de libros aparece a la izquierda. Desde allí puedo agregar, modificar y eliminar libros. Para el libro seleccionado en la lista de la izquierda, puedo ver los préstamos en la parte derecha. También aquí puedo agregar, modificar y eliminar préstamos.

image

Vean que para agregar y modificar libros y préstamos LightSwitch generó automáticamente un formulario con los mismos controles que definí antes en los respectivos formularios para dar de alta estas entidades.

image

image

Estos formularios también tienen el comportamiento para las validaciones definidas en las entidades.

image

El editar más de una entidad en una lista, las modificaciones son impactadas en la base de datos al guardar la lista y no cada entidad.

image

¿Cuánto me llevó hacer todo esto? No mucho, vean el siguiente video:

Pueden descargar el video desde aquí.

Todo esto está muy bien, pero ¿qué aplicaciones puedo hacer con LightSwitch? Probablemente haya que esperar un tiempo para ver realmente quiénes pueden aprovechar esta nueva tecnología. Aplicaciones simples como la del ejemplo pueden ser creadas muy rápidamente, pero todos sabemos que las aplicaciones del mundo real nunca son tan fáciles como las de las demos, ¿verdad? Para los desarrolladores ocasionales o no profesionales -para quienes en su momento fueron pensadas cosas como Microsoft Access o Visual FoxPro- LightSwitch puede ser su nueva herramienta. Los desarrolladores profesionales probablemente no puedan construir con LightSwitch el 100% de las complejas aplicaciones de negocios que crean hoy en día. Pero aún ellos pueden al menos usar LightSwitch como herramienta para la creación de prototipos rápidamente.

En ciertos lugares de la definición de la aplicación puedo escribir código C# para agregar aquellas funcionalidades no contempladas inicialmente por LightSwitch -para las reglas de negocio por ejemplo-. Pero entonces tengo que conocer el modelo de objetos generado por LightSwitch, para poder consumir desde mi código escrito a mano los tipos generados automáticamente.

Algunas de las plantillas parecen extensibles –hoy algunas listas de plantillas tienen un solo elemento, pero probablemente se deba a que se trata de una versión beta-. Además, parece que LightSwitch podrá generar aplicaciones también para Windows Azure. Desde que todo el código y la base de datos son generados a partir de las definiciones, la misma aplicación podría ser migrada desde el escritorio a la nube con sólo cambiar una opción en las propiedades del proyecto.

Con un modelo de objetos fácil de consumir en los puntos de extensión y un ecosistema fuerte aumentando las capacidades de LightSwitch, es probable que podamos usarlo para desarrollar aplicaciones no tan triviales como las del ejemplo. Es muy pronto todavía, el tiempo lo dirá.

Written by fernandomachadopiriz

19/08/2010 at 19:56

El nuevo Visualization and Modeling Feature Pack permite generar diagramas UML a partir del código y viceversa

leave a comment »

Microsoft publicó reciente el Visualization and Modeling Feature Pack para Visual Studio 2010. La descarga está disponible para suscriptores de MSDN aquí. Incluye las (largamente esperadas) características siguientes:

  • Generación de código a partir de diagramas UML.
  • Generación de diagramas UML desde el código.
  • Importar elementos de modelos de clase, secuencia, y casos de uso UML desde archivos XMI 2.1.
  • Crear y ver vínculos desde work items a elementos de los modelos.
  • Generar grafos de dependencias desde proyectos web ASP .NET, C y C++.
  • Crear y validar diagramas de capas para código C y C++.
  • Escribir código personalizado para crear, modificar y validar diagramas de capas.

El siguiente diagrama de clases UML de Giving a Presentation fue creado usando el Visualization and Modeling Feature Pack en cuestión de un par de minutos:

ClassDiagram

¿Reconocen cómo fue usado el patrón Model View View Model? Es fácil a partir del diagrama, ¿no?

Written by fernandomachadopiriz

16/06/2010 at 18:25

¿Das presentaciones frecuentemente? Mira esto

with 3 comments

Para usuarios finales: Giving a Presentation es una aplicación simple para cambiar ciertas configuraciones del equipo mientras damos una presentación, por ejemplo, ocultar los íconos del escritorio, inhabilitar el protector de pantalla, cerrar ciertos programas, etc. Los cambios son deshechos cuando la presentación termina. Inicialment construida como un ejemplo para mostrar ciertas tecnologías, la aplicación se volvió útil por sí misma.

Miren este video para ver cómo funciona Giving a Presentation:

Si quieren probar Giving a Presentation por ustedes mismos, pueden descargar los archivos de instalación desde Codeplex.

Para desarrolladores: Giving a Presentation es una aplicación WPF de ejemplo creada en C# que uso como ejemplo en algunos artículos sobre Managed Extensibility Framework, Dependency Injection and Inversion of Control, etc. que escribo en este blog. Demuestra cómo construir una aplicación extensible formada por un contenedor de partes que lo componen.

En esta aplicación de ejemplo, el contenedor es la ventana printicpal, más el tab control en ella. El tab control tiene solo una tab Default y otra About. La tab Default está inicialmente vacía; va a ser completada dinámicamente con las partes componentes.

La tab About muestra la información típica sobre la versión de la aplicación, etc.

Las partes componentes son clases que necesitan cumplir tres requisitos:

  1. Deben implementar una interfaz GivingAPresentation.Common.Contract.
  2. Deben estar decoradas con el atributo Export de System.ComponentModel.Composition.
  3. Deben ser distribuidas en un ensamblado en la misma carpeta que el contenedor.

El Managed Extensibility Framework y la clase MainWindow de la aplicación hacen el resto. El primero carga en una lista instancias de todos los tipos exportados que implementan la interfaz requerida mencionada. El segundo toma las instancias de la lista y agrega los controles en el tab apropiado del tab control.

Hasta ahora he creado cuatro partes componentes para resolver algunos de los problemas típicos que aparecen cuando damos una presentación:

  • Ocultar los íconos del escritorio. Habitualmente ponemos documentos en el escritorio. Algunos de esos documentos son privados y no queremos que la audiencia los vea antes que proyectemos nuestra presentación. Usando esta característica es posible ocultar los íconos del escritorio durante una presentación y mostrarlos nuevamente al final.
  • Inhabilitar el protector de pantalla. Podemos tener el protector de pantalla configurado para iniciar luego de cierto tiempo de inactividad. Si pasamos mucho tiempo en la misma diapositiva durante una presentación, el protector de pantalla puede interrumpir la presentación. Usando esta característica es posible inhabilitar el protector de pantalla durante la presentación y habilitarlo nuevamente al final.
  • Cerrar programas. Algunos programas muestran ventanas de notificación, por ejemplo, los clientes de correo electrónico o mensajería instantánea. Más allá de la interrupción, el contenido de la notificación puede ser inapropiado para que la audiencia lo vea durante nuestra presentación. Usando esta característica es posible cerrar programas que se seleccionen, e iniciarlos nuevamente al finalizar la presentación.
  • Cambiar u borrar el fondo de pantalla. ¿No sería genial poder cambiar el fondo de pantalla con el logo de nuestra empresa o con el logo del evento en el que estamos presentando para que la audiencia lo vea mientras no estamos proyectando la presentación? Usando esta característica es posible reemplazar la imagen del fondo de pantalla por una seleccionada o remover la imagen del fondo durante una presentación, volviendo todo a como esta inicialmente al finalizar.

Miren este video para ver cómo estas partes efectivamente extienden el contenedor dinámicamente:

También pueden descargar el código fuente de Giving a Presentation desde Codeplex.

Pruébenla. ¿Les gusta? ¿Es espantosa? Déjenme saber.

Seguir

Recibe cada nueva publicación en tu buzón de correo electrónico.

Únete a otros 199 seguidores