Una de las cosas de las que me gusta estar pendiente es de los precios de los libros en Amazon.com, que nos brinda un punto de estudio para saber en qué están interesados los desarrolladores. Uso el sitio www.TitleZ.com (que está hecho en ASP.NET) para estar al tanto de títulos específicos que quiero ver - y me genera un informe que me muestra el precio en tiempo real de las ventas de Amazon, así como el ranking de los últimos 7, 30 y 90 días.

Esta mañana he ido a ver ese informe y he visto unos de los libros que encabezan mi lista, y estaba apunto de cerrar el informe cuando he visto el libro “Professional ASP.NET 3.5: en C# y VB” de Bill Evjen, Scott Hanselman y Devin Rader. Indicaba que el ranking de ventas estaba alrededor de #95 (de todos los libros de Amazon), lo que significa que es más vendido incluso que Harry Potter (que es mucho más bonito que un libro de tecnología).

De esta manera, Amazon ha ofertado un precio de promoción por un tiempo limitado de unos cuantos libros - y este ha sido uno de los que he seleccionado. Su precio habitual es de 54$, ahora podéis comprarlo por $16.49. No estoy seguro de cuánto va a durar esta promoción - pero si buscáis un libro sobre ASP.NET 3.5 este es uno que posiblemente os gustará:

Es un gran libro y un gran recurso. Ha estado en la lista de best seller de libros de programación desde que salió en Marzo (entre los 5 primeros), y ha recibido un montón de revisiones (Yo posteé una hace unas semanas en Amazon y le di 5 estrellas).

Si buscáis un buen libro de ASP.NET, aquí tenéis una oportunidad de haceros con una gran obra (y perdón si termina la oferta antes de que leáis esto).

Espero que sirva.

Scott

P.D: Si buscáis otros libros de .NET 3.5 y VS 2008 os recomiendo:  C# 3.0 In a Nutshell, LINQ in Action, y Pro LINQ: Language Integrated Query in C# 2008 ( todos con 5 estrellas en Amazon).

Traducido por: Juan María Laó Ramos.

Artículo original.

Aquí tenéis otra recopilación de enlaces que ha hecho Scott:

ASP.NET

• Mostrar el número de usuarios activos en un sitio ASP.NET: Scott Mitchell continua con su serie de post sobre membership, roles y profiles en ASP.NET. En este artículo habla sobre cómo usar las capacidades de Membership de ASP.NET para estimar y mostrar el número de usuarios que están visitando el sitio actualmente.
• Actualización de ASP.NET Dynamic Data: El equipo de ASP.NET  ha publicado una actualización del nuevo ASP.NET Dynamic Data. Esta actualización tiene muchas mejoras como soporte más claro de urls usando la misma forma que tiene ASP.NET MVC para esto, y mejor soporte para confirmaciones, claves ajenas.
• Testing de ASP.NET  con Ivonna: Travis Illig nos muestra un nuevo framework de test llamado Ivonna que nos permite hacer test unitarios en formularios web ASP.NET

ASP.NET AJAX

• Templates para UI en ASP.NET AJAX: Nikhil Kothari del equipo de ASP.NET nos muestra un prototipo de lo que ha estado desarrollando, nos permite crear templates AJAX en el lado del cliente para la interfaz de usuario.
• Galería de temas para el TabContainer de ASP.NET AJAX Control Toolkit: Matt Berseth nos deleita con otro post excelente - en este nos enseña unos cuantos temas que podemos usar para el control TabContainer del ASP.NET AJAX Control Toolkit.
• Reducir el tiempo de carga con UpdatePanels y Timers: Paul Glavich nos enseña un truco muy curioso que podemos usar con controles tab para que se cargen dinámicamente en background mejorando así el tiempo de carga percivido.
• ¿Porqué los métodos de las páginas ASP.NET AJAX tienen que ser estáticos? Dave Ward nos habla sobre los métodos de página ASP.NET AJAX, y nos explica porqué tiene que ser estáticos.
• Intellisense JQuery en Vs 2008: Brad Vincent nos dice cómo usar el HotFix que sacamos en febrero para tener una experiencia de usuario agradable con el intellisense de JavaScript en VS 2008 cuando usamos la librería de AJAX JQuery.

ASP.NET MVC

• Inversión del control, ASP.NET MVC y test unitarios: Fredrik Kalseth nos habla sobre los conceptos que hay detrás de la inversión de control (IOC) y cómo podemos usarlo con ASP.NET MVC para aislar dependencias y permitir un mejor test unitario de nuestro código.
• Charla de Stephen Walther sobre ASP.NET MVC: Stephen Walther ha dado una conferencia de varias horas sobre ASP.NET MVC la semana pasada en ASP.NET Connections. Podéis descargar las presentaciones y las demos gratuitamente. Hechadle un vistado a sus post Unit Test con VS 2008 y TDD with Rhino Mocks.
• Resultados de acciones de test con ASP.NET MVC: Jeremy Skinner nos habla sobre algunos de los métodos de extensión que ha añadido a MVCContrib que permiten testear acciones de los controladores.
• Starter Kit de MVC Membership: Troy Goode ha publicado una actualización de su starter kit de MVC Membership. Esta versión funciona con la última versión del código de ASP.NET MVC.

Silverlight

• Definiendo Columnas de un DataGrid en tiempo de ejecución con Silverlight: Scott Morrison del equipo de Silverlight habla sobre cómo definir las columnas de un datagrid en tiempo de ejecución. Visitad mi página sobre links de Silverlight para más post sobre DataGrids.
• Pila HTTP de Silverlight (Parte 1), (Parte 2), (Parte 3): Karen Corby del equipo de Silverlight nos habla sobre la pila de red de Silverlight 2 y cómo funciona la seguridad multiplataforma.
• Dar datos a un cliente Silverlight con Sockets (Parte 1) y (Parte 2): Dan Wahlin nos muestra cómo implementar un servidor de sockets “GameStream”  y cómo conectarnos con un cliente Silverlight usando el soporte de Silverlight 2 para sockets.
• Silverlight - La cancion: Spike Xavier y Dan Wahlin han publicado otra de sus únicas y especiales canciones.

Espero que sirva.

Scott.

Traducido por: Juan María Laó Ramos.

Artículo original.

La semana pasada presenté las conferencias ASP.NET Connections en Orlando. Di una sesion general el Lunes y luego dos charlas más ese día. Podéis descargar las siguientes transparencias y ejemplos más abajo.

Sesion General

Las transparencias del keynote las tenéis aquí.

En la charla mostré cómo debugear el código fuente de .NET Framework. Aquí tenéis los pasos que hay que seguir para hacerlo con VS 2008.

También vimos cómo crear un sitio con el nuevo soporte para ASP.NET Dynamic Data - podéis aprender más sobre esto aquí. Y también vimos cómo usar el nuevo ASP.NET MVC Framework - podéis aprender más sobre él aquí.

También vimos el nuevo sitio Hard Rock Memorabilia hecho con Silverlight 2. Podéis probar esa aplicación aquí. También podéis aprender más sobre Silverlight con este tutorial.

Crear aplicaciones .NET con Silverlight

Las presentaciones y las demos de esta charla las tenéis aquí.

Podéis aprender más de silverlight con este tutorial. Os recomiendo que le hechéis un vistazo a estos dos post aqui y aquí

ASP.NET MVC

Podéis descargar las transparencias y las demos de la charla de ASP.NET MVC desde aquí.

Tenéis más información sobre la última publicación del código de ASP.NET MVC aquí. Stephen Walther también a publicado sus transparencias y demos aquí.

Espero que sirva.

Scott.

Traducido por: Juan María Laó Ramos.

Artículo original

Por fin he terminado de traducir el tutorial que Scott Guthrie  ha hecho de Silverlight

Aquí tenéis los enlaces:

Espero que os sirva.

Juan María.

Este es el último de los ocho tutoriales en el que estamos creando un cliente de Digg con la Beta 1 de Silverlight 2. La idea es que estos tutoriales se lean en orden, con el objetivo de explicar los fundamentos de la programación con Silverlight.

Podéis descargar el código completo del cliente Digg del ejemplo aquí

Crear una aplicación de escritorio con WPF

El objetivo con este último tutorial es un poco diferente del de los otros siete. No vamos a usar Silverlight en este post - sino que usaremos WPF y .NET 3.5. Cojeremos el código de la aplicación que estamos creando con Silverlight y lo reutilizaremos como una aplicación de escritorio.

Silverlight viene con un subconjunto compatible de la API del .NET Framework. Uno de los objetivos de esto es permitir a los desarrolladores aprender un mismo modelo de programación que les permita reusar código y contenido rico, tanto para la web como para aplicaciones escritorio.

Aquí tenéis los pasos que he hecho para convertir la aplicación Silverlight que hemos creado (que se ejecuta en un navegador) en una aplicación de escritorio Windows (que no se ejecuta en el navegador).

Paso 1: Crear una nueva aplicación WPF de escritorio

Empezamos creando una nueva aplicación WPF con VS 2008. La llamaremos “DiggDescktopSample”:

Esto creará un proyecto en VS con dos archivos - un App.xaml y un Window.xaml:

Paso 2: Copiar el código existente en la aplicación WPF

Copiaremos y pegaremos el código que ya tenemos en Silverlight en nuestro nuevo proyecto:

En la Beta1 esta parte de copiar y pegar es un paso manual - estamos viendo la posibilidad de tener una forma más automática de hacer esto.

Paso 3: Corregir un par de cositas

He tenido que hacer dos cambios para que nuestro código compile:

1) El esquema de Silverlight Beta1 xmlns: la url es diferente de la versión de WPF. He tenido que corregir esto en los archivos XAML que hemos copiado en el proyecto para que apunten al esquema de WPF. Esto es algo que estamos mejorando antes de publicarlo.

2) He tenido que cambiar el control <WaterMarkTextbox> a un <TextBox> y cambiar el control <HyperlinkButton> para que sea un <TextBlock>. Estos dos controles son nuevos en la Beta 1 de Silverlight y no están aún en WPF (los añadiremos en futuras versiones). No tengo que cambiar ningún código para que funcione con estos controles, ni siquiera la red, LINQ to XML, ni el código de enlace a la base de datos.

Una vez que hemos hecho estos cambios, el código se compila sin ningún problema.

Paso 4: Hosting de la aplicación en una ventana

Entonces abrí el archivo Windows1.xaml en el proyecto de escritorio (que es la ventana que se carga por defecto cuando arranca la aplicación).

Acutalizé el titulo de la ventana a “Digg Desktop Version” y aumenté el Width y el Height de la ventana.

Luego añadí nuestro user control Page.xaml del proyecto de Silverlight como el control raíz de la ventana. Esto hará que sea visible y que se cargue cuando se cargue la ventana. No tengo que cambiar ningún código de la clase Page ni renombrar nada. Como hereda de la clase UserControl puede hostearse dentro de cualquier ventana o control WPF.

Lo último que he tenido que cambiar una cosilla debido a que el servidor de la api de Digg detecta cuando un cliente no es un navegador y algunas veces le deniega el acceso (probablemente para evitar scripts automáticos accedan a su servicio). Esto lo resolví a través de una url de proxy (sin cambiar código, sólo un cambio de url).

Paso 5: Ejecutar la aplicación

Ya estamos listos para ejecutar la aplicación de Windows. Funciona todo exactamente igual que con la versión de silverlight:

 Y cuando seleccionamos un elemento de la lista, vemos los detalles:

Hay un par de diferencias cosméticas entre la versión del navegador y la de escritorio. Esto es porque WPF hereda todos los estilos por defecto (fuentes, colores, scroll bars, etc) basándose en el tema de escritorio del sistema operativo que está seleccionado, mientras que Silverlight tiene un tema por defecto que usamos en todos los sistemas operativos. Si queremos que las versiones de escritorio y la web sean el mismo podemos conseguirlo siendo explícitos en nuestros estilos y en los templates de los controles - de otra manera la versión de escritorio se adaptará al tema del usuario.

Resumen

Pronto tendremos algunas notas y sugerencias de buenas prácticas a la hora de compartir código entre aplicaciones Silverlight y WPF más adelante. Creo que habéis encontrado las características necesarias para crear aplicaciones Silverlight y que es muy sencillo pasarlo a proyectos WPF. También estamos trabajando en que haya una mayor compatibilidad entre este tipo de aplicaciones para que permitir la reutilización de código entre soluciones, controles, contenido y código fácilmente.

Espero que sirva

Scott.

Traducido por: Juan María Laó Ramos.

Artículo original.

Este es el séptimo de ocho tutoriales en el que estamos creando un cliente de Digg con la Beta 1 de Silverlight 2. La idea es que estos tutoriales se lean en orden, con el objetivo de explicar los fundamentos de la programación con Silverlight.

Podéis descargar el código completo del cliente Digg del ejemplo aquí

Cómo personalizar el Look & Feel de Controles

Una de las características más potentes del modelo de programación de WPF y Silverlight es la posibilidad de personalizar el look&feel de los controles que usamos. Esto permite que los desarrolladores y diseñadores se centren en lo que le corresponde a cada uno, permitiendo una flexibilidad increible para crear mejores experiencias de usuario.

En este tutorial veremos varias formas de personalizar los controles, y terminaremos mejorando la interfaz de nuestra aplicación con estas técnicas.

Personalizar el contenido de los controles.

En la primera parte de esta serie de tutoriales añadimos un boton a la página y vimos cómo poner la cadena “Push Me!” dentro. Luego escribimos el método Click que se ejecutaría:

Esto hace que el boton se renderize de la siguiente manera en el navegador:

Una de las cosas que puede sorprenderos es que el contenido del boton no tiene porqué ser sólo un string. Podemos hacer que la propiedad “Content” tenga cualqueir secuencia de controles que queramos.

Por ejemplo, podemos embeber un StackPanel con un <Image> y un <TextBlock>:

Esto hará que la apariencia del botón en ejecución sea la siguiente. Fijáos que sigue teniendo el mismo comportamiento:

Podemos usa controles Shape (como una Ellipse) para crear gráficos vectoriales dentro del control:

Fijáos cómo estamos rellenando el control Ellpise con un RadialGraidentBrush para añadir efectos de luz:

Podríamos volvernos locos y añadir controles interactivos como un calendario dentro del botón:

El calendario es totalmente interactivo - los usuarios podrán ir hacia delante y hacia atrás en los meses, seleccionar una fecha, y pulsarlo haciendo que se lance el evento clic:(Nota: no estoy seguro de que esto sea una grata experiencia de usuario - pero nos muestra la flexibilidad que podemos tener).

Esto que hemos visto no sólo funciona para el control Boton, sino que funciona con cualquier control que herede de la clase ContentControl.

Personalizando controles con Templates

El modelo de controles de Silverlight y WPF nos permite ir más allá aparte de personalizar el contenido interno de un control. También nos permite reemplazar el arbol de visualización de cualquiera que queramos - mientras mantengamos el comportamiento.

Por ejemplo, digamos que no queremos que nuestros botones tengan una forma de rectángulo, sino que queremos un boton redondo como el siguiente:

Podemos conseguirlo creando un estilo “Roundbutton” en el archivo App.xaml. En el que sobreescribimos la propiedad “Template” de los botones, dando un ControlTemplate que reemplace el rectángulo con una elpise y un TextBlock:

Ahora podemos hacer que un control <Button> use este template :

• Añadir contenido a nuestros templates

Os habréis dado cuenta que en el template “RoundButton” el tamaño del boton, y el contenido están en el código (siempre dice “Push Me!”).

Lo bueno es que tanto WPF como Silvelright nos permiten personalizar esto también. Podemos lograr con la extensión {TemplateBinding ControlProperty} . Esto permite que nuestro template se adapte a las propiedades del control:

Fijáos que en lugar de añadir un control <TextBlock> para mostrar el contenido, estamos usando el control <ContentPresenter>. Esto nos permitirá que el botón no solo muestre cadenas, sino cualquier contenido que podemos personalizar (como ya hicimos antes).

Podemos usar el estilo anterior en tres botones (cada uno con un contenidos y propiedades diferentes):

Se mostrará de la siguiente forma (y si - el calendario se escala y sigue dando soporte a la paginación y la selección de fechas):

Si queremos ir más allá podemos añadir animaciones al template (para administrar estados del boton como “hover”, “focus” y “pushed”). Esta capacidad nos permite crear interfaces de usuario y unos escenarios increibles que antes no eran posibles con HTML

Los desarrolladores pueden olvidarse de cómo “pintar” los controles en la interfaz de usuario. Pueden programar los eventos de los controles y manipularlos como siempre, y tendrán un diseñador que se encargue de personalizar el look&feel con estilos y templates.

Puliendo nuestra aplicación Digg

Ahora que hemos visto lo básico de cómo se trabaja con los templates, vamos a usarlos en un par de sitios para pulir la interfaz de nuestra aplicación de ejemplo.

Hasta ahora tenemos un lugar obvio en el que nuestra aplicación necesita un poco más de trabajo - El boton “close” del user control:

Es muy sencillo para nosotros (o para un diseñador que trabaje con nosotros) arreglarlo. Podemos añadir un ControlTemlate al estilo del botón en el app.xaml y añadir algunas formas vectoriales para hacerlo más atracivo (nota: un diseñador más competente que yo podría añadir animaciones a las formas vectoriales):

Cuando ejecuetmos la aplicación otra vez, el botón se mostrará de la siguiente forma:

El segundo lugar en el que podemos aplicar esto es en el aspecto del ListBox. Si os fijáis bien, podemos ver que el ListBox en la Beta1 tiene un borde por defecto:

Podemos cambiarlo con un border algo más ancho personalizando el template del List Box. Aquí tenéis un estilo que hace esto:

Fijáos cómo hemos eliminado todos los controles de borde del ListBox. Estamos usando un control <ScrollViewer> en Silverlight (que nos permite hacer scroll con cualquier contenido) y le estamos embebiendo un <ItemsPresenter> que renderizará los items del ListBox (usará  el <DataTemplate> que creamos en la Parte 4 del tutorial)

Así es como quedaría:

Lo increíble es que no hemos tenido que cambiar ni una sola línea de código de nuestra aplicación, ni modificiar el XAML de nuestros controles para hacer que esto funcione. Esta separación entre codigo/diseño permite a un buen programador y diseñador trabajar juntos en aplicaciones Silverlight y WPF. Expression Blend y toda la suite Expression Studio permiten sacarle el máximo partido a estas características.

Traducido por: Juan María Laó Ramos

Artículo Original.

Este es el sexto de ocho tutoriales en el que estamos creando un cliente de Digg con la Beta 1 de Silverlight 2. La idea es que estos tutoriales se lean en orden, con el objetivo de explicar los fundamentos de la programación con Silverlight.

Podéis descargar el código completo del cliente Digg del ejemplo aquí

Comprendiendo los User Controls

Uno de los fines principales en el diseño de Silverlight y WPF es permitir a los desarrolladores encapsular la funcionalidad de la interfaz gráfica en user controls reutilizables. Podemos crear controles personalizados heredando de cualquier clase existente Control (tanto de la clase base Control como de TextBox, Button, etc). Otra forma es crear User Controls - que hacen más sencillo el uso del lenguaje XAML, y son más fáciles de implementar.

Para la aplicación que estamos desarrollando, queremos implementar un escenario Maestro/Detalle en el que la aplicación permita a los usuarios buscar, obtener una lista de historias relacionadas con la búsqueda, y permitirles seleccionar una para ver los detalles. Por ejemlpo, si seleccionamos una historia de la lista:

Veremos algunos detalles:

Vamos a implementar esto creando un user control “StoryDetailsView” que mostrará el contenido cuando se seleccione un elemento de nuestro ListBox.

Creación del user control StoryDetailsView

Empezamos haciendo clic derecho en el proyecto DiggSample y seleccionamos “Add New Item”. Esto nos mostrará una ventana de diálogo. Seleccionamos el template UserControl y le daremos el nombre “StoryDetailsView”

De esta forma hemos añadido un User Control con este nombre al proyecto DiggSample:

Crear un diálogo modal básico con un UserControl

Usaremos este control para mostrar en un diálogo los detalles del elemento seleccionado. Cuando se muestran esos detalles queremos que aparezca encima del contenido de la página, y queremos asegurarnos de que el usuario no puede hacer otras cosas en la página hasta que no cierre esos detalles.

Hay un par de formas de implementar este comportamiento. Para nuestro caso  abrimos el archivo StoryDetailsView.xaml y añadimos el siguiente contenido:

El control <Rectangle> está configurado para que ocupe todo el espacio en la pantalla. El color de fondo es un gris transparente (su opacidad es 7.65 como podéis ver). El control <Border> será pintado encima del control Rectángulo, y ocupará una parte de la pantalla. El color de fondo es azul y contiene un botón de cerrar.

Cuando es visible, el user control StoryDetailsview se mostrará así:

Implementaremos el código del evento “CloseBtn_Click” en el código trasero. Cuando se presione, este evento pondrá la Visibilidad del UserControl a “Collapsed” - lo que lo hará desaparecer de la pantalla y volveremos a ver el contenido de detrás:

Mostrando el control StoryDetailsView

Una forma sencilla de hacer aparecer el control StoryDetailsView sería añadirlo al final del archivo Page.xaml, y poner su visibilidad por defecto en Collapsed (lo que significa que no es visible cuando se carga por primera vez la aplicación):

Y ahora podemos trabajar con el evento “SelectionChanged” el control ListBox en el código trasero:

Cuando un usuario seleccione un elemento de la lista, podemos usar este evento parhacer que el user control ShowDetailsView se muestre:

Esto hará que se muestre el diálogo modal. Cuando se haga clic en el boton “Close” desaparacerá, volviendo a mostrar la lista de historias.

Pasando los datos de la historia al control StoryDetailsView

Por último queremos mostrar en el user control StoryDetailsView los detalles de la información que tiene la historia que hemos seleccionado en el ListBox.

En el evento “SelectionChanged” del list box podemos acceder al objeto DiggStory que hemos seleccionado  a través de la propoiedad “SelectedItem”.

La forma más sencilla para acceder a esos datos sería poner la propiedad “DataContext” del user control al objeto que se ha seleccionado antes de hacer que el control sea visible:

Ahora podemos escribir el el código necesario para mostrar esos datos en el user control. O usar expresiones de databinding.

Por ejemplo, podemos actualizar el xaml de StoryDetailsView para mostrar el título de la historia con la siguiente expresion:

Y ahora cuando se haga clic en una historia:

El evento de selección, pondrá el DataContext del user control al objeto DigStory seleccionado, y luego lomostrará:

Fijáos que ahora aparece el título del elemento que hemos seleccionado.

Terminando el aspecto del user control

Ya hemos visto cómo hacer de manera simple un maestro/detalle. Para terminarlo añadiremos más controles al StoryDetailsView y más expresiones de databinding:

Podemos actualizar el user control StoryDetailsView para que sea igual que el anterior actualizando el control <Border> de la siguiente manera:

No hace falta cambiar el código después de esto. Ya que estamos usando las expresiones de databinding para obtener los valores del DataContext.

Traducido por: Juan María Laó Ramos.

Artículo Original

Hace poco creamos un proyecto ASP.NET  en CodePlex que usaremos para poner ahí (con el código fuente) las nuevas características y releases de ASP.NET

El mes pasado lo usamos para poner la primera versión del código de ASP.NET MVC. Esta primera versión se corresponde con la Preview 2 que presentamos en el MIX, junto con los archivos de proyecto de Visual Studio para que podamos compilarlas y montarlas en local.

Hace unas horas publicamos una nueva versión del código. Esta versión no es una versión oficial de ninguna release de ASP.NET MVC - sino una versión intermedia para ver cómo está el estado del arte del código. Publicaremos la release 3 de ASP.NET MVC en unas semanas, después de terminar algún que otro trabajo (nuevas características y mejoras en otras ya existentes, mejor integración en VS, soporte en las versiones express de VS, documentación, etc). Si eres de los que quiere una instalación de ASP.NET MVC con documentación y soporte total de la herramienta, querrás esperar a la publicación de una preview oficial. Si quieres investigar y ver qué se está haciendo de nuevo, esta preview de la preview es tu oportunidad para empezar a usarla y darnos algún feedback.

Mejoras en el código de ASP.NET MVC

En esta actualización (que podéis descargar aquí) se incluyen algunas mejoras. Entre las que están:

• Además de poner el código fuente del framework de ASP.NET MVC, también hemos publicado los test unitarios que usamos. Estos test están hechos con MSTest y el framework Mog. También incluimos el archivo de proyecto para VS con los test de manera que sea más fácil ejecutarlos localmente.
• Mayor soporte para testeo de las clases Controladoras. Ahora podéis crear test en las controladoras sin tener que hacer objetos mock.
• Varias mejoras en la usabilidad del sistema de rutado de urls.

Crear un nuevo proyecto ASP.NET MVC

Podemos tener una copia de los assemblies de MVC descargando el código y compilarlo localmente, o descargar el paquete de templates para Visual Studio para tener una versión precompilada de ellos.

Después de instalar el template .VSI, aparecerá un nuevo template en Visual Studio llamado “ASP.NET MVC Application” en la sección “My Templates” en el diálogo “New Project”:

Esta nueva versión del template de MVC puede coexisitir con las versiones anteriores (ya lo podéis ver en la imagen anterior). Permitiendo de esta forma crear nuevos proyectos y usar la última versión del código ó la versión de la preview oficial en la misma máquina.

Cuando creamos un proyecto nuevo con la nueva versión, tendremos un proyecto con la siguiente estructura:

Esta solución contiene un controlador (”HomeController”) en el directorio “\Controllers” y dos vistas (”About” y “Index”) en el directorio “\Views\Home”. Ambas vistas están basadas en una master page (”Site.master”) que tiene definida toda la css en “site.css” en el directorio “\Content”.

Si ejecutamos la aplicación tendremos lo siguiente:

Si hacemos clic en el tab “About us” tendremos:

La clase “HomeController” es la responsable de administrar las dos urls anteriores y tiene dos métodos de acción:

El template “Site.master” busca el valor “Title” en la colección ViewData y la usa para renderizar el elemento <title> de la página. La vista “Index” busca el valor “Message” y lo usa para renderizar la página de bienvenida. Obviamente podemos personalizar estos archivos como queramos.

Cambios en los controladores de esta nueva versión

Si os habéis fijado bien, os habréis dado cuenta de un par de cosillas sobre cómo están implementadas las clases controladoras.

En la preview 2 la clase anterior tendría el siguiente código:

El equipo de MVC está experimentando con unas cuantas ideas en esta versión del código:

1. Los métodos de acción devuelven un objeto del tipo “ActionResult” en lugar de void. Este objeto indica el resultado de la acción (una vista a renderizar, una url a la que redireccionar, otra acción a ejecutar, etc).
2. Los métodos RenderView(), RedirectToAction() y Redirect() de la clase base Contorlador también devuelven objetos ActionResult (que podremos manipular o devolver desde los métodos de acción).
3. El método RenderView() puede llamarse sin tener que pasar el nombre de la vista a renderizar. Si no le pasamos ningún nombre, el método renderizará por defecto la vista con el nombre del método de acción. Así que llamar a RenderView sin parametros en el método de acción “About()”, sería lo mismo que escribir “RenderView(’About’)”

Es realmente simple actualizar las clases controladoras a esta Preview 2 usando este nuevo patrón (sólo cambiar el void a ActionResult y añadir una sentencia return delante de cualquier método RenderView o RedirectToAction).

Devolver objetos ActionResult en los métodos de acción

¿Pero porqué cambiar esto? Varios frameworks MVC muy populares usan esta solución (como Django, Tapestry y otros), y creemos que aportará grandes beneficios a ASP.NET MVC:

1. Permite una forma más clara y sencilla de crear test para las clases controladoras. No tendremos que usar objetos mocks en los objetos Response o ViewEngine para ver si todo ha ido bien. Sólo con añadir los asserts necesarios que usen estos objetos en las llamadas a los métodos de acción.
2. Hace que el flujo de la lógica de las clases controladoras sea más claro y explícito en escenarios donde queramos tener dos formas diferentes de actuar dependiendo de alguna condición (por ejemplo: redireccionar si la condición A es verdadera, o renderizar una vista si es falsa). Esto puede hacer que el código no trivial de un método de acción sea más fácil de leer y seguir.
3. Permite escenarios de composición en donde un FilterActionAttribute pueda coger el resultado de un método de acción y modificarlo ántes de que se ejecute. Por ejemplo: una acción “Browse” en un controlador de ProductCatalog puede devolver un RenderActionResult que indica que queremos renderizar una lista de productos. Un FilterActionAttirute puede personalizar esta vista de productos a List-html.aspx o a List-xml.aspx dependiendo del tipo MIME del cliente.
4. Aporta un mecanismo extensible para personas (incluidos nosotros) que quieran añadir nuevas características en el futuro. Se pueden crear nuevos tipos ActionResult heredando de ActionResult y sobreescribir el método “ExecuteResult”. Sería muy sencillo crear un método “RenderFile()”, por ejemplo, al que un desarrollador pueda llamar devolviendo un objeto “FileActionResult”.
5. Permite también escenarios de ejecución asíncrona en el futuro. Los métodos de acción serán capaces de devolver objetos del tipo AsyncActionResult que indiquen que están esperando una operación de red y que queremos volver al thread en eejcución de manera que ASP.NET lo usase para ejcutar otra petición hasta que la llamada de red terminase. Esto nos permitirá evitar bloqueos de threads en el servidor, y soportarán un código muy eficiente y escalable.

Uno de los objetivos de esta versión no oficial es dar a la gente una oportunidad para que juege con estas cosas y que hagan aplicaciónes reales y aprendan con ello.

También postearemos una clase Controller base alternativa para que podamos usar métodos de acción que devuelvan void. No publicamos esta versión en la nueva versión deliberadamente, ya que queremos darle una oportunidad a los ActionResult para ver si gusta o no.

Cómo testear métodos de acción.

Hemos hablado sobre los tipos ActionResult para hacer test unitarios en las clases controladoras mucho más sencillas (evitando tener que usar objetos mocks). Veamos un ejemplo:

Imaginemos la siguiente clase:

Esta clase tiene un método de acción “IsEvenNumber” que toma el parámetro desde la URL. Este método comprueba si es negativo - en ese caso redirecciona a una página de error. Si es positivo comprueba si es par o impar, y dependiendo de eso renderiza una vista u otra:

Crear un test unitario para este método es muy fácil gracias a los ActionResult.

Aquí tenéis un ejemplo de un test que comprueba la corrección de la redirección Http cuando se da un número negativo (por ejemplo: /Number/IsEvenNumber/-1):

Fijáos que no hemos tenido que usar un mock object para testear el método. Sino que sólo hemos instanciado la clase NumberController y hemos llamado al método de acción directamente (pasándole un número negativo) y asignándole el resultado a una variable local “result”. He usado el comando “as type” de C# para hacer un casting de la variable “result” como un tipo fuertemente tipado “HttpRedirectResult”.

Lo sencillo del comando “as” de C# es que asignará un valor null en lugar de elevar una excepción si el casting falla (por ejemplo: si el método devuelve un RenderViewResult). Con esto podemos añadir assertions en nuestros test para comprobar que el resultado no es nullo para comprobar que la redirección ha ocurrido. Ahora puedo añadir un segundo assert para comprobar que la dirección url es la correcta.

Testear los escenarios en los que se pasan números que no sean 0 también es fácil. Par ahacer esto crearemos dos métodos de test -uno para comprobar numeros pares y otro para los impares. En ambos casos comprobaremos el RenderViewResult que se ha devuelto, y comprobaremos el string “Message” que se le pasó con el ViewData asociado:

Haciendo clic derecho en la clase NumberControllerTest podemos ejecutar el tes:

Esto ejecutará los tres test en memoria (no hace falta un servidor web) y nos informará si el método de acción  NumberController.IsEvenNumber() está comportándose de la manera esperada:

Nota: En la versión de esta semana seguimos necesitando objetos mock para testear la propiedad TempData. Nuestros planes son no necesitar en ASP.NET MVC Preview 3 estos objetos en ningún lugar.

Le método MapRoute

Las reglas de rutado url en ASP.NET MVC son declaradas en el método “RegisterRouters” de la clase Global.asax.

En las preview 1 y 2 de ASP.NET MVC las retlas de rutado se añadían a esta colección instanciando un objeto Route directamente y enlazándola a la clase MvcRouteHandler,  configurabamos sus propiedades:

El código anterior continuará funcionando. Sin embargo, también podemos usar el método “MapRoute” que nos aporta una sintaxis más simple para hacer lo mismo. Aquí tenéis la ruta por defecto que se añade cuando creamos un proyecto MVC:

El método MapRoute tiene está sobrecargado y tiene dos, tres o cuatro parámetros (nombre, sintaxis parámetros por defecto y una expresion regular).

Podemos llamarlo las veces que necesitemos para registrar varias rutas del sistema. por ejemplo, además de la regla por defecto, podemos añadir una ruta llamada “Products-Browse” de la siguiente forma:

Ahora podemos referirnos a la regla “Products-Browse” explícitamente en los controladores y vistas cuando queramos generar una url hacia ella. Por ejemplo, podemos usar la vista HTml.RouterLink para indicar quequeremos un enlace a la ruta “Products-Browse” y pasarle la categoría “Food” con el siguiente código:

Este métdo accederá al sistema de rutado y devolverá el link HTML necesario:

Nota: en la versión de esta semana necesitamos pasarle el controlador y las acciones como parámetros (además de la categoría) al Html.RouteLink() para que se genere la url adecuada. La preview 3 de ASP.NET MVC no necesitará esto, y nos permitirá usar la llamada Html.RouteLink como la he escrito antes.

Otras características del mapeado de rutas url

La versión de esta semana también soporta varias nuevas características en el mapeo de rutas url. Podemos inluir “-”, “.”, “;”  o cualquier caracter que queramos en nuestras reglas de rutado.

Por ejemplo, usar el operador “-” podemos parsear el lenguaj y valores locales de nuestras urls con la siguiente regla:

Esto pasará los parámetros “language”, “locale” y “category” al método de acción ProductsController.Browse:

O podemos usar la extensión de archivos “.” al final de la url para determinar cuándo devolver el formato en XML o HTML:

Esto le pasará los parámetros “category” y “format” al método de acción ProductsController.Browse cuando se le invoque:

ASP.NET MVC Preview 2 introdujo reglas wildcard. Porj ejemplo, podemos indicar en la regla que se le pase el resto del contenido URI como un nombre parametrizado al método de acción:

De esta manera pasamos el parámetro “contentUrl” al método de acción WikiController.DisplayPage:

Estas rutas continuarán funcionando bien con la preview de esta semana - y es muy útil hecharle un vistazo si estamos creando un blog, wiki, cms o cualquier otro sistema de contenidos.

Fijaos que además de usar el nuevo sistema de rutas de ASP.NET MVC, también podemos usar el mismo sistema con ASP.NET Dynamic Data (que usa ASP.NET Web Forms).

Resumen

Hemos visto una rápida introducción a las nuevas características que aparecen en la última versión del código de ASP.NET MVC

Podéis descargarlo aquí si queréis empezar a usarlo ya. También podemos esperar unas semanas para tener la versión oficial de la preview 3 de ASP.NET MVC - que tendrá más características (e incorporará el feedback de los que han probado la versión de esta semana), un instalador más parecido, mayor integración con VS, y una documentación actualizada.

Si queréis hacer preguntas sobre esta versión, mirad el foro de msdn de MVC en www.asp.net

Espero que sirva.

Scott

Traducido por: Juan María Laó Ramos.

Artículo original.

Aquí tenéis otros cuantos links que he recopilado este mes:

ASP.NET

• Más tutoriales de seguridad de ASP.NET: Lo últimos tres post del tutorial de seguridad de Scott MItchell. En estos tres últimos nos enseña a seleccionar cuentas de usuario, recuperar y cambiar contraseñas y bloquear y aprobar cuentas de usuario.
• Crear un Grid con estilo en VS 2008 con los controles ListView y DataPager: Matt Berseth nos habla sobre las técnicas que podemos usar con el control ListView de ASP.NET 3.5 para crear un grid con estilo - manteniendo un control total sobre el HTML y las CSS’s que usamos. Leed este post sobre cómo obtener este mismo efecto con un GridView.
• 50 trucos sobre CSS: Una página muy útil con una lista de trucos y herramientas para CSS que podemos usar en escenarios web comunes.
• Usar un DataPager con un GridView - Implementando IPageableContainer: Matt Berseth nos explica cómo usar la nueva interfaz IPageableContainer para implementar el soporte de paginación con el control DataPager de ASP.NET 3.5

ASP.NET AJAX

• UpdatePanel Accesible: Bertrand Le Roy del equipo de ASP.NET nos enseña cómo hacer que un control UpdatePanel sea accesible para los lectores de pantalla.
• ASP.NET AJAX conoce a Virtual Earth: Alessandro Gallo, autor del libro ASP.NET AJAX in Action, habla sobre cómo usar ASP.NET AJAX con Virtual Earth para implementar mapas en nuestro sitio.
• Aumentar la carga de páginas moviendo los Scripts de ASP.NET AJAX detrás de contenido visible: Omar Al Zabir (el cofundador de www.PageFlakes.com) no enseña una técnica para incrementar el rendimiento de carga de una página ASP.NET AJAX. También recominedo la lectura del libro de Omar Building a Web 2.0 Portal with ASP.NET 3.5 para aprender más de sus sugerencias y técnicas.
• Tres trucos para trabajar con el control TabContainer de ASP.NET AJAX: Matt Berseth continúa con sus artículos sobre ASP.NET AJAX y nos enseña algunos trucos del control TabContainer del ASP.NET AJAX Control Toolkit.
• Crear componentes ASP.NET AJAX: Mike Ormond ha escrito una serie de 8 post sobre cómo escribir componentes ASP.NET AJAX reutilizables que funcionan tanto en el lado del cliente como en el servidor.

ASP.NET MVC

• Una introducción a ASP.NET MVC con VB: Bill Burrows de www.MyVBprof.com ha puesto una serie de videos online introduciendo ASP.NET MVC con Visual Basic. Aseguráos de ver los videos e LINQ to XML y LINQ to SQL con VB.
• ASP.NET MVC: Membership Starter Kit: Troy Goode ha creado un starter kit para ASP.NET MVC que nos proporciona páginas de registro y login para que los usuarios se autentiquen en nuestros sitios web, además de un montón de funcionalidades de administración que permite a los administradores crear/administrar usuarios y roles. Descargarosla aquí.
• ASP.NET MVC: Filtros de acción para administrar errores: Troy Goode tiene otro post donde nos enseña a usar los filtros de acción de ASP.NET MVC para administrar errores.
• Cómo habilitar urls bonitas con ASP.NET MVC e IIS6: James Geurts a posteado un artículo donde describe cómo habilitar urls sin extensión con ASP.NET MVC en IIS6 (nota: no tenéis que configurar nada especial con ASP.NET MVC en IIS7 para esto).

Visual Studio

• PowerCommands para VS 2008: Un conjunto de extensiones libres para VS 2008 que añaden un monton de características al IDE.
• Productividad de codificación: Macros, accesos directos y snippets: Kirill Osenkov tiene un post donde nos enseña a usar las macros de VS para ahorrarnos tiempo.

Silvellight

• Serie de links de Dave Campbell: Dave Campbell esta posteando una serie de links a nuevos artículos sobre Silverlight y contenido en la web. Os recomiendo que os suscribáis a su blog si queréis estar al día sobre Silverlight.
• Tutorial Silverlight: Jason Zander tiene un tutorial de dos post sobre Silverlight donde nos enseña cómo crear una aplicación data driven que integra un control de mapeado con un datagrid para filtrar y analizar datos.
• Operaciones CRUD con Silverlight, WCF y LINQ to SQL: Ronnie Saurenmann del equipo Swiss MSDN tiene un video enseñándonos a soportar inserciones, actualiaciones y borrados con Silverlight 2 conectado con WCF a un backend LINQ to SQL.
• Crear un control template en Silverlight 2: Shawn Burke tiene un tutorial sobre cómo crear un control template en Silverlight que implementa un control expandir/collapsar.

Espero que sirva.

Scott

Traducido por: Juan María Laó Ramos.

ARtículo original.

Hace unos meses publicamos la preview de las extensiones de ASP.NET 3.5 que contenían un montón de nuevas características que se publicarían más tarde este año ( incluyendo las ASP.NET AJAX Improvements, ASP.NET MVC, Soporte de Silverlight, y ASP.NET Dynamic Data).

El soporte para datos dinámicos de ASP.NET nos hacen ver una nueva característica que nos permite crear data driven webs* sobre LINQ to SQL o LINQ to Entities. ASP.NET Dynamic Data nos permite crear entradas e informes de datos rápidamente en paginas web que se crean dinámicamente desde los metadatos del ORM. También nos permite sobreescribir y personalizar cualquier template con cualquier HTML o con el código que queramos (dándonos un control total). 

ASP.NET Dynamic Data Preview 

Hoy publicamos una actualización de ASP.NET Dynamic Data Preview. Podéis aprender más y descargarla desde aquí.

Esta nueva preview funciona con los controles estándar de ASP.NET (GridView, ListView, FromView, DetailsView, etc). El soporte de datos dinámicos permite a estos controles administrar relaciones de clave ajena. Por ejemplo, en un gridview tendremos una manera bonita de mostrar los valores de columnas de las claves ajenas y una selección en forma de lista desplegable cuando estemos editando una fila:

El soporte para datos dinámicos también nos aportan soporte de validación (tanto en lado cliente como en el lado servidor) basándose en las restricciones que le hemos puesto a las clases de nuestro modelo de datos. Por ejempl, si una columna de la base de datos está limitada a 50 caracteres, y está marcada como que no puede ser nula, se añadirán controles de validación automáticamente por ASP.NET Dynamic Data para asegurar esas restricciones. Si cambiamos estas restricciones en el modelo de LINQ to SQL o LINQ to Entities, la interfaz de usuario se enterará de esos cambios y forzará que se cumplan esas nuevas restricciones en las siguientes peticiones web.

Además del metadata del modelo de datos estándar, también podemos declarar metadatas personalizados para tener mayour control sobre la validación y cómo se van a mostrar estos controles.

También seremos capaces de usar todas estas características tanto en LINQ to SQL como en LINQ to Entitites.

Visual Studio Dynamic Data Project Wizard

Además del soporte de datos dinámicos en el núcleo de ASP.NET, el equipo de herramientas web de VS ha publicado la primera preview del asistente para projectos de datos dinámicos que nos permite crear rápidamente data driven webs * . Este asistente nos permite seleccionar una base de datos, luego las tablas, vistas y procedimientos almacenados que queramos par acrear un modelo LINQ to SQL:

Después de crear el modelo de datos, el asistente nos permite seleccionar un modelo de páginas para crear la interfaz de usuario:

Ahora seleccionamos que tipo de operaciones queremos habilitar en la interfaz de usuario, como insertar/modificar/actualizar:

Y cuando le demos al botón “Finish” creará un proyecto con nuestro modelo de datos y páginas con las que empezar a trabajar. Podéis aprender más sobre este asistente y ver cómo funciona aquí.

Cómo empezar

Podéis aprender más sobre esta preview de datos dinámicos y descargarla y ejecutarla localmente desde aquí.

Podéis ver el video de la presentación del Mix 08 de datos dinámicos de David Ebbo para ver cómo funciona. También deberíais ver el screen-cast de Scott Hunter, y Brad Millington aquí. David también ha escrito un post aquí que habla sobre los cambios que se le han hecho a la preview de Diciembre y en la nueva release.

Podéis hacer todas las preguntas que queráis y opinar en los foros de www.asp.net aquí.

Espero que sirva.

Scott

Traducido por: Juan María Laó Ramos.

Artículo Original.

*Data driven Webs: hace referencia a crear webs muy acoplada a los datos que va a mostrar.