Charla de Web & Cloud en VSLaunch

…estoy evaluando worpress como plataforma de blogging… de modo que poco a poco iré posteando más aquí y menos en este blog que estas leyendo =)

 

El 2 de Octubre en Madrid y el 4 en Barcelona mis compañeros del equipo de ventas de Visual Studio celebraron un evento de lanzamiento de Visual Studio 2012 orientado a jefes de proyecto y directores. Tuve la suerte de que me invitasen a participar con una sesión donde comentaba las principales mejoras relacionadas con el mundo Web y Cloud.

image

Tenía que dejar claro desde el minuto 0 que esta iba a ser una charla más técnica y más informal que las demás 😛

 

Son muchas novedades que trae el producto y la plataforma para una sesión de 40 minutos, donde además tenía que hacer una breve introducción al mundo del cloud en entorno Microsoft, de modo que se quedaron muchas cosas en el tintero, pero creo que supimos destacar las principales.

Agrupé las novedades en torno a 4 tendencias del mercado: Apertura, Movilidad, Orientación a Servicios y Cloud como plataforma

Apertura

Por la parte de apertura, principalmente vimos cómo Visual Studio 2012 integra lenguajes de la web ampliamente adoptados como lenguajes de primer nivel. En las demos vimos como HTML5, Javascript y CSS tenían nuevas funcionalidades en el editor para darles un mejor soporte. Intellisense, wizards, detección de errores…En este enlace podéis encontrar el video de una demo similar a la que hicimos

También descubrimos Page Inspector. Una nueva funcionalidad que actúa como un depurador de la parte cliente. Este depurador detecta los ficheros que forman parte de la página que estamos viendo de modo que si seleccionamos un texto, sabemos:

    • En qué parte del DOM se está generando
    • Que reglas CSS se le aplican de qué archivos
    • Y ojo al dato… desde que porción de código del servidor se está generando
    • Además de que nos permite editar el código de cualquiera de las vistas para hacer cambios en el momento
    • Aquí tenéis una demo específica de PageInspector

Ni que decir tiene que esto es tremendamente útil para detectar y corregir errores en interfaces web.

Por la parte de apertura tb comentamos brevemente nuget (package maanger) y cómo nos permite incorporar proyectos de la comunidad en nuestras soluciones.

Movilidad

España esta entre los primeros países en adopción de smartphones entre la población. Cada uno de nosotros y el uso que hacemos de nuestros móviles es un ejemplo de ello. También reflexionamos sobre el hecho de que hay muchos usuarios (sobre todo en economías emergentes) donde su único acceso a internet es a través del móvil. ¿Cómo tenemos este escenario cubierto en nuestras aplicaciones?

Además de la opción obvia de desarrollar una app y estar en el marketplace de turno, está la opción de que el servicio se consuma a través de una web móvil, además…como la sesión se llama “web y cloud” es el escenario que abordamos 😉

Vimos que tenemos diferentes opciones a la hora de exponer un desarrollo web al mercado móvil:

  • No hacer nada ^^ Si, así, con 2 narices. No hacemos nada… el usuario accede a nuestra web tradicional y se verá más o menos, además, como los navegadores móviles cada vez son mejores, pues hala. (En este escenario recomendamos al menos el uso de viewports)
  • Adaptative/Response UI. trabajar con media queries para que la interfaz se adapte a los tamaños de pantalla. Visita www.mediaqueri.es para hacerte una idea 😉
  • Un desarrollo móvil específico… donde utilicemos librerías como JQuery mobile  (incluida ahora en VS) para desarrollar el sitio

Aquí tenéis otro video con los ejemplos

Orientación a Servicios

En este apartado hice una introducción a un par de novedades de ASP.NET … WebAPI y SignalR.

WebAPI es una capa de abstracción sobre MVC y que permite exponer servicios REST que adaptan el formato de retorno al cliente que hace la petición. Por ejemplo… una petición que soporte JSON recibirá JSON como respuesta y otra que soporte XML, pues recibirá XML… esto es perfectamente extensible para nuestros propios formatos y cuenta con toda la fontanería necesaria para dar soporte a los métodos HTTP.  Vídeo con ejemplo de WebAPI

SignalR es una capa de abstracción (esto va de hacerlo más fácil) sobre WebSockets. Esto permite que haya comunicación FullDuplex y permite comunicación en tiempo real en aplicaciones web. Con este modelo, una vez establecido el canal, el servidor puede abrir comunicación con el cliente sin que éste haya hecho una petición (oh yeah!). Aquí os dejo algunos vídeos

Cloud como plataforma

Un servicio cloud tiene que cumplir 4 características: Virtualmente ilimitado, pago por uso, autoservicio y elástico. Vimos que casi cualquier aplicación tiene picos o estacionalidad (dia/noche… fines de semana…vacaciones…cierres de mes…) y cómo en estos momentos un servicio cloud nos ayuda a ser más eficientes en el gasto y más ágiles a la hora de afrontar un cambio.

Cuándo quedarse en un entorno de cloud privada y cuál es la diferencia entre virtualización y cloud privado (la virtualización sólo es un paso hacia el cloud privado)… diferencia entre iaas, paas y saas (creo que era la vez un millón que lo contaba ^^) y cómo Windows Azure cubre diferentes partes del espectro.

Visual Studio fue protagonista por la parte de integración con Windwos Azure… si bien podemos desarrollar con el block de notas y herramientas de línea de comandos para empaquetado y despliegue… Visual Studio incluye consolas de gestión para desplegar, gestionar certificados, simuladores, etcétera… para eliminar trabas en el desarrollo

Aquí también tenemos un par de videos….Desarrollando servicios cloud con visual studio y publicando servicios cloud con visual studio

En resumen…

…espero que estas notas os valgan de referencia para los que no pudisteis pasaros por el evento. Estaba pensada como una sesión introductoria y más orientada a jefes de proyecto que a desarrolladores, de modo que no hubo demos con profundidad técnica… de todos modos si tenéis ganas de código… id reservándoos el 22 de Noviembre, que estamos cociendo un evento para desquitarnos y tirar líneas a go-go 🙂

Aun no se puede contar nada porque lo estamos definiendo, pero si queréis dar feedback estáis a tiempo… estamos leyendo el hashtag #estechday de twitter.

Happy Hacking!

~@davidsb