WarNov Developer Evangelist

NodeJS: Shared State Concurrency y WebMatrix

WarNov — Tue, 14 May 2013 14:15:00 GMT

Este post tiene como objetivo tratar dos temas en paralelo.
En primera medida, quiero mostrar cómo con WebMatrix 3.0, podemos crear sitios wen 3 plataformas distintas:
1. PHP
2. ASP.NET (Razor)
3. NodeJS

De esta manera, estaremos creando la misma aplicación web usando las tres plataformas y todo esto solo en 15 minutos.

El segundo tema que quiero tratar en paralelo es una particularidad en NodeJS que es muy importante tener en cuenta a la hora de manejar el estado de una aplicación Web, pues el comportamiento es bien distinto a lo esperado en ambientes como PHP o .NET.

Gran parte de la discusión acerca de Node.js está centrada en sus capacidades para atender mucha, pero mucha concurrencia.

En términos simples, Node es un framework que ofrece a los desarrolladores una manera poderosa para diseñar aplicaciones de networking que se van a ejecutar realmente bien en comparación con otras soluciones del mainstream, SIEMPRE Y CUANDO, los desarrolladores comprendan los tradeoffs o las trampillas que pueden existir detrás de lo que hace que Node se comporte tan bien.

Y cuando hablamos de esto, básicamente estamos hablando de Shared State Concurrency o Concurrencia de Estado Compartido. A qué me refiero con esto?

Básicamente a que en NodeJS no hay una separación de sesiones en cada llamado al server, porque en Node, todo corre en un solo hilo, a diferencia de PHP o .NET. Por esto, es muy importante ser supremamente cuidadosos con la forma en que Javascript accede a las variables de la aplicación, pues cualquier modificación afectará al resto de los llamados.

Esto, obviamente no quiere decir que manejos de información por sesión no se puedan lograr. Solo que se ejecutan de una manera distinta a como estamos acostumbrados.

Para ejemplificar esta situación, he creado estas tres páginas web dinámicas que hacen lomismo: Inicializan un arreglo de strings, lo muestran en la página y luego lo eliminan. En ASP.NET y PHP, se espera que cada vez que un usuario ingrese, el arreglo se reinicie, mostrando siempre elementos. Pero en NodeJs esto no ocurre dado que Node corre sobre un solo hilo. Entonces cuando el arreglo se elimina y un nuevo usuario hace una petición al sitio, éste va a encontrar el arreglo vacío, pues el estado se comparte con todos los requests.

Veamos el código para cada caso y luego un video con la demostración:

PHP

<?php 
   $metallicaAlbums=array( '...And justice for all', 'Ride the Lightning' ); 
?> 

<html>
 <body> 
   <?php 
       echo '<b>'.join($metallicaAlbums,'<br>').'</b>'; 
       $metallicaAlbums=array(); 
       echo '<br>'; echo '<b>'.join($metallicaAlbums,'<br>').'</b>'; 
   ?>
   <br> All Done. 
  </body> 
</html

.NET (Razor)

@{ 
    var metallicaAlbums=new string[]{"...And Justice For All", "Ride the Lightning"}; 
} 

<!DOCTYPE html> 
   <html lang="en"> 
     <head> 
        <meta charset="utf-8" /> 
        <title></title> 
     </head> 
     <body> 
         My fav Metallica's Albums are:<br> 
         <b>@Html.Raw(string.Join("<br>",metallicaAlbums))</b> 
         @{metallicaAlbums=new string[2];} 
         <br>
         My fav Metallica's Albums are:<br> 
         <b>@Html.Raw(string.Join("<br>",metallicaAlbums))</b>
     </body>
</html>

Node JS

var http = require('http');
var metallicaAlbums=[ '...And justice for all', 'Ride the Lightning' ]; 

http.createServer(function (req, res) 
{ 
    var html = '<b>' + metallicaAlbums.join('<br>') + '</b>'; 
    if (metallicaAlbums.length < 1) html +=  
        'Oooops, they are gone!!! :( </b>'; 
    metallicaAlbums = []; 
    
    res.writeHead(200, { 'Content-Type': 'text/html' }); 
    res.end("These are my favourite Metallica Albums:<br>" + html); })
      .listen(process.env.PORT || 8080);

Demo en Video

Windows Azure Websites: Dominios Personalizados

WarNov — Wed, 08 May 2013 23:13:00 GMT

En general los sitios de Azure Websites vienen con nombres del estilo: http://warnov.azurewebsites.net.

Afortunadamente Windows Azure ofrece una metodología muy sencilla para asignar un nombre de dominio personalizado para que tu sitio tenga por ejemplo el nombre: http://warnov.com.

Básicamente lo que tenemos que hacer:

Verificar que nuestro Azure WebSite esté en Shared o Reserved (los free no pueden tener dominio propio)
Configurar en el proveedor de dominio los nombre tipo A.

Uno para el @ y otro para el *

Ambos van con la ip que ofrece Windows Azure:

Configurar en el proveedor de dominio los CNAMEs:

awverify debe corresponder con awverify.warnov.azurewebsites.net (para acceder a warnov.com)
awverify.www debe corresponder con www.awverify.warnov.azurewebsites.net (para acceder a www.warnov.com)
www debe corresponder a warnov.azurewebsites.net

Grabar los cambios en el proveedor y volver a Windows Azure para agregar los dominios recientemente configurados:

Los detalles de esta operación los podemos ver en este video de solo 6 minutos, usando como ejemplo a GoDaddy

Las instrucciones mostradas en este video, podrían aplicarse fácilmente a la configuración en cualquier otro proveedor de dominios:

&amp;amp;amp;amp;#160;

Windows 8: Su primer semestre

WarNov — Tue, 07 May 2013 06:36:00 GMT

Lanzado hace 6 meses y 10 días, Windows 8 en su primer mes vendió 40M de licencias y hoy celebramos más de 100M de licencias vendidas en el mundo. Resultados muy halagadores para un sistema tan revolucionario, dado que esta cifra es del mismo orden que la obtenida por Windows 7 en sus primeros 6 meses, siendo declarado en ese entonces el sistema operativo más veloz en venderse (y funcionar) hasta ese momento.

Otras cifras que hemos alcanzado en estos 6 meses:

739 updates

Incluyendo IE10 que ahora reproduce Flash por defecto.

+60000 apps (más de las que tuvo iOS en todo su primer año)
+500 updates para las apps desarrolladas por Microsoft como tal
+250M de downloads de apps

90% del catálogo se descarga cada mes

+2400 dispositivos compatibles con Windows 8
+537M de visitas al store
Las apps pagas con trials, se venden 6 veces más que las pagas sin trials
35294 actualizaciones a apps de terceros.

30% de las apps en el store han sido actualizadas

Apps con más de un millón de downloads:

Twitter
Netflix
eBay
Amazon

Todo esto sumado a un bello ecosistema en el que por ejemplo ajustamos 400 millones de personas usando el nuevo Outlook.com y 250 millones de personas con Skydrive.

Obviamente, esto está enmarcado en los 700 millones de personas que tienen una Microsoft Account con la cual pueden acceder a todos estos servicios, aún desde otros dispositivos.

Brillante el futuro que le espera a la plataforma y a todos nosotros desarrolladores que le estamos apostando.

Windows 8: Una poderosa herramienta de Marketing

WarNov — Thu, 02 May 2013 07:50:00 GMT

Este artículo está acompañado de Video, Presentación de Slides y Podcast. Encuentralos al final del mismo.

Una de las facetas que menos se aprecia cuando se contempla la posibilidad de crear Apps, es que pueden servir perfectamente como un canal adicional de marketing para marcas ya establecidas.

En este post quiero mostrarles los fundamentos de esta afirmación primero teóricamente y luego desde una perspectiva práctica.

En general, las marcas siempre tienen necesidades de mercadeo. Citaré algunas que vienen al caso:

Incrementar la frecuencia de contacto con el consumidor
Alcanzar nuevos consumidores
Mostrar innovación y una imagen fresca

Estas pocas necesidades ya le abren el camino a un mundo de soluciones y alternativas. Obviamente aquí abordaremos la perspectiva tecnológica.

Incrementar la frecuencia de contacto con el consumidor

Con los medios tradicionales, tenemos que esperar a que salga el boletín, revista o folleto. Enviar montones de correo que luego es tachado como SPAM, ejecutar costosas llamadas desde un call center o esperar a que el comercial salga (esto sin mencionar que algunos de estos contactos son unidireccionales).

Con las apps por el contrario es muy distinto, aún desde el comienzo cuando el usuario la descarga desde el Windows Store. Por qué? Pues porque el mero hecho de descargarla ya es un acto voluntario del usuario. El usuario la quiere descargar porque está a la moda tener apps. Porque es fancy; el usuario ve cool tener una app de la marca, porque espera poder explorar su tienda sin salir de casa, en el elevador, en el transporte, etc., y de esta manera poder comprar sin tener que perder tiempo. El usuario espera que esa app le traiga promociones y oportunidades por demanda y en un medio controlado que no le invade su privacidad ni otras actividades. Información de la marca útil que verá sólo cuando él lo desee, y no como basura que llega por debajo de la puerta, o correos no deseados que ralentizan la lectura del email.

Alcanzar nuevos consumidores

Hoy estuve donde un cliente y me decía que la mayor cantidad de sus clientes estaban en el rango de 40 a 42 años, aun cuando los productos que venden aplican para gente desde los 15 años. Por qué ocurre esto?

Una marca tradicional, está acostumbrada al marketing tradicional (el folleto, catálogo y demás que se meten por debajo de la puerta). Pero llegan marcas innovadoras. Y a veces ni siquiera marcas, sino sencillos distribuidores. Distribuidores que al no poseer una maquinaria tan grande como la de una marca tradicional, buscan en la tecnología la forma de hacer más con menos. Y entonces hacen tiendas virtuales, anuncios con ads y sí: también hacen apps. Y cuando recurren a todos estos medios, empiezan a tocar a los nuevos consumidores. Consumidores para los cuales no existe el papel. Para los cuales no existe la franja prime time, porque todo lo que ven es por streaming. Consumidores que representan una gran cantidad de leads que no se están generando, sencillamente porque se salen de la zona de acción del marketing tradicional.

Mostrar innovación y una imagen fresca

Crees que innovar es tener un sistema de fidelidad basado en puntos? Imagino que no; sobre todo en la parte en que te piden la cédula cuando vas a pagar o la tarjeta esa que no hace sino llenarte espacio en tu billetera. El teléfono o la Tablet, son en últimas controles remotos de todo lo que hacemos a diario. Y por ende también se convierten en extensiones de nuestra billetera. Por qué no tener esos puntos en una app entonces? Así cuando compre a través de la app gano puntos. O si tengo un dispositivo con NFC, cuando pase por la caja paso el dispositivo y de inmediato recibo mis puntos asignados. A mí me parecería formidable que pudiera redimir mis puntos online y me llevaran de inmediato el premio a casa. O que si estoy en la tienda y voy a pagar, activo mi app y le digo que me genere un código para pagar con 5000 puntos. Entonces se me genera el código y cuando lo active pagando, los puntos son descontados de mi saldo. Vean que no es rocket science, pero como consumidor, obtengo una imagen de alta innovación. Una imagen que en realidad me hará fan de una marca. Yo no me hago fan de una marca porque me envían un twitt diciendo que me haga fan. Me hago fan cuando veo que me ahorran tiempo. Que son efectivos. Que se esmeran!

No serían fan ustedes de un restaurante de hamburguesas al que le pueden ir pidiendo su almuerzo cuando salen de la ofi y sacan su celu y abren la app, especifican qué quieren y lo pagan? Cuando llegan al restaurante, la espera por el pedido se habrá reducido al menos los diez minutos de caminata y lo mejor de todo, se ahorrarán un montón de tiempo en la fila. Eso sí que me haría fan de esa marca.

No se trata solo de una app

Si bien hemos visto que las apps pueden brindar la solución a las tres necesidades que he planteado, no es soplar y hacer botellas…

El mundo de las apps es de ¨one shot, one opportunity¨. Si no atrapas al usuario una vez se abre la app por primera vez, pocas posibilidades existen de que ese usuario vuelva a la app.

El éxito de una app no se mide por el número de descargas. Se mide por el tiempo que pasan esos usuarios en la app. Se mide por los reviews que se hacen de la app y por las recomendaciones a los amigos.

Para lograr que una app mantenga mucho tiempo a un usuario dentro de ella; que genere buenos reviews y que se convierta en viral, es necesario ser consciente de que los estándares de calidad han de ser mayores aún que los de las aplicaciones organizacionales internas. Pero sobretodo, el diseño ha de ser impecable.

Y cuando hablo de diseño no me refiero solo a la forma de la app, sino al cómo desempeña su función. Cuál es la experiencia que le da al usuario. Qué tan ergonómica es. Tienes que hacer más de tres taps para llegar a alguna función? Olvídalo. Eso no es usabilidad. Los colores no permiten ver bien el texto? La función principal de la app no es lo primero que se ve? Una vista está saturada de funciones que hacen difícil cuál escoger? Todas estas cosas son las causantes de la ruina de una app.

Es por esto que el papel de los diseñadores se vuelve tan relevante dentro de la creación de las apps. Y es por esto que es muy importante que la plataforma de desarrollo ofrezca una plena integración entre los mundos del diseño y el desarrollo, de manera tal que los desarrolladores puedan trabajar sobre copias vivas de lo que están haciendo los diseñadores y afortunadamente, en esto Microsoft se ubica en la vanguardia a través de herramientas como Blend + Visual Studio.

Una app completamente atractiva para los usuarios y que además se comporte bien haciendo correctamente lo que debe hacer, logrará tener una gran cantidad de descargas, pero sobretodo una gran masa de usuarios satisfechos listos a ser tocados por las campañas de marketing, mientras recomiendan la app a otros nuevos usuarios con una inversión mucho menor a la de los medios tradicionales de mercadeo. Como si fuera poco, todo esto permitirá que la marca en cuestión, se convierta en un referente en la industria, en cuanto a integración con la tecnología se trata. Y esto será incuestionable, pues la audiencia misma será la encargada de ratificarlo.

Las ventajas con Microsoft

Ofrecer una plataforma para el desarrollo de apps desde Microsoft, por supuesto que no fue un tema tomado a la ligera. Concienzudos estudios acerca de usabilidad y filosofía de la app fueron llevados a cabo para poder ofrecer un conjunto de pilares que permitieran construir apps ajustadas a las premisas que describimos anteriormente:

1. Fast and Fluid

El fast no es porque la app se ejecute rápido. El ejecutarse rápido es una característica tan obvia, que ya está dada por hecha (y efectivamente así es hoy en día). Fast hace referencia a poder hacer lo que deseamos con nuestra app de una manera rápida y sin complicaciones. Practicidad y ergonomía. Pensar en hacer algo en vez de pensar en una herramienta para hacer algo. Decir: Voy a avisarle a mi madre que la visitaré, en vez de decir: abriré Facebook para mandarle un mensaje a mi mamá acerca de mi visita. Una plataforma que exalta el contenido sobre el marco. En la que los menús no son necesarios, porque todas las funcionalidades saltan a la vista sin saturar al usuario. Una plataforma optimizada para el touch, pero que no olvida la alta productividad obtenida con un mouse y teclado. Fast es poder hacer todo esto con nuestras apps, y de eso sí que sabe Windows 8. Fluid sencillamente es la característica que permite que a pesar de que todo sea tan “fast” las tareas se puedan ejecutar sin complicaciones sino de manera natural y amigable. Fluid en otras palabras, marca el final de los wizards, tutoriales y menús de ayuda. Tus usuarios adorarán olvidarse del F1.

2. Enriched Content

Las apps en Windows 8 son todo acerca del contenido. Nos olvidamos de los marcos. El usuario queda inmerso en el mensaje que queremos transmitirle a través de nuestra app sin distracciones. Esta es una característica poderosa para ofrecer la información que necesitamos. El marketing que queremos. Este contenido puede incluir de manera muy sencilla no solo texto, sino también videos, enlaces, fotografías, audio y cualquier elemento interactivo.

3. Integrated Devices

Las apps de Windows 8 solo son la punta del iceberg que atrás está totalmente respaldado por una historia con décadas de vasta experiencia transversal en el desarrollo de tecnologías de la información que siempre nos ha caracterizado. Es así como a través de Windows Azure, Skydrive, Office Web Apps, Sharepoint y Office 365 entre otros, es posible permitir que datos generados en un dispositivo móvil vayan a un repositorio central y puedan ser descargados por otros dispositivos en cualquier parte del mundo. Pero lo mejor, es que todas estas tecnologías están disponibles también para los departamentos de IT de la marca, que pueden entonces ejercer Business Intelligence acerca de los datos emitidos desde las apps, y sobre estos verificar retornos de inversión en Mercadeo y también futuros planes en este sentido.

4. Highly Interactive

El marketing moderno exige poder transmitirles mensajes a los usuarios de maneras innovadoras que no los hagan alejarse del medio en bien comiencen a recibirlos.

Windows 8 se posiciona perfectamente como una plataforma sobre la cual se pueden construir estas experiencias, al soportar fácilmente interacciones a través de sensores de movimiento, GPS, NFC, etc, así como un rico Lenguaje Touch que permiten a los usuarios modificar la forma en la que acceden a la información presentada y en la que dan respuesta cuando las app así lo requieren.

5. Social

Indiscutiblemente aquel medio que le permita a un individuo establecer contacto de manera rápida y sencilla con los de su especie, generará en la mayoría de interacciones un apego hacia ese medio.

Las redes sociales son prueba fehaciente de ello y Windows 8 desde su concepción ha sido creado pensando en la situación actual de dichas redes. Es así que el funcionamiento de la plataforma al igual que en Windows Phone, gira alrededor de las personas. Por ende, desde cualquier app, es muy fácil comunicarse con los amigos para transferir información relevante a esa app. Obviamente esto genera efecto viral acerca del marketing que generamos en nuestra app, sin mencionar que allí también podemos aprovechar el hecho de que los usuarios puedan recomendar la app como tal para que más personas la tengan en sus dispositivos.

6. Monetization

Un gran diferenciador ofrecido en la plataforma de apps de Windows, reside en este tema.

Microsoft ofrece sus sistemas de cobro para que los usuarios afiliados al store puedan ejecutar compras desde dentro de las apps a través de ellos, quitándole a las marcas la necesidad de crear estos sistemas. Obviamente, esto tiene un costo de mantenimiento y es del 30% de todas las transacciones.

Este modelo se replica en todos los stores de aplicaciones en la industria.

Aunque esto es una gran ayuda para los start ups, es muy frecuente que cuando la marca ya está establecida, ésta ya posea mecanismos de recaudo electrónico efectivos. Y si es así, no se justifica tener que pagar por una plataforma. Es por esto que Microsoft otorga total libertad para que la marca use los mecanismos de cobro que desee. Cosa que no pasa por ejemplo en el Apple Store, donde es OBLIGATORIO usar su plataforma de monetización.

De la misma manera, se ofrecen mecanismos de publicidad propietarios, pero la marca es libre de escoger aquel con el que ya esté acostumbrada a trabajar.

Video

A continuación les dejo el video de este post, en el que encuentran el contenido aquí descrito

&amp;amp;amp;amp;amp;#160;

PPTx

Esta es la presentación usada en este post:

&amp;amp;amp;amp;amp;#160;

SlideShare

&amp;amp;amp;amp;amp;#160;

Podcast

Finalmente, aquí está la version Podcast de este artículo

&amp;amp;amp;amp;amp;#160;

Domando los idiomas en Windows 8

WarNov — Tue, 09 Apr 2013 22:49:59 GMT

Windows 8 está altamente enfocado en la movilidad. Y una parte de la movilidad es poder manejar diversos dispositivos sin problemas.

Con los diversos dispositivos puede ocurrir que éstos se encuentren configurados para diversos idiomas.

Algo que ustedes ya deben haber sufrido, es llegar a una máquina y encontrar que el teclado no tiene la “ñ” o que la arroba no sale ni golpeándole.

Otra frustración es que el OS está en español y ustedes como yo, están ya tan acostumbrados a que esté en inglés que les parece horroroso verlo así y quisieran verlo en inglés, pero la máquina no es de ustedes, por ejemplo.

La buena noticia es que Windows 8 tiene todo esto en cuenta y por si fuera poco, ofrece opciones de corrección de ortografía para apps y el browser, basado en el idioma que escogemos, al mejor estilo de Windows Phone. I mean: si ud. escogió español, Windows 8 subraya errores ortográficos del español y autocompleta en español. Lo mismo pasa cuando tenemos por ejemplo el idioma inglés.

Entonces,

Cómo operamos?

Lo primero es definir el idioma en el que queremos el OS. Por ejemplo, en mi casa a una PC compartida yo le instalé Windows 8 en inglés, pero luego la abuela se quejaba de que no entendía ni papa. Así que me baje el Language Pack en español y se lo instalé:

1. Abrir el charm de Search y escribir Language. Luego escoger Settings y dar tap o click en Add a Language y aparecerá:

Al agregar el lenguaje de inmediato se habilitan las opciones de autocorrección y demás. Pero aún la interfaz del sistema sigue estando en el idioma original. Para cambiarla totalmente hacemos click en Options y allí escogemos descargar e instalar el Language Pack

Luego comienza la descarga:

Después de instalado, podemos volver a las opciones y escoger el lenguaje como lenguaje principal:

Este es un cambio que requiere un re-login para surtir efecto.

Puede que las apps se sigan mostrando en el lenguaje anterior. Para evitar esto, ponemos el lenguaje recién instalado con más alta prioridad en la ventana anterior, usando Move Up:

Y listo, con esto ya solucionamos el problema del idioma del sistema operativo per se.

Pasemos ahora al asunto de

Configuración de Teclados

Entre otras máquinas, tengo un PC (el que se comparte con la abuela y las visitas) con teclado con ñ y tíldes.

Mi PC personal, tiene un teclado que está en Inglés. El teclado de mi laptop tiene un teclado también con ñ y tíldes, perso ciertas teclas no están en la misma posición que las del PC anterior.

Por qué sucede esto?

Esto sucede básicamente porque los teclados además de venir en un idioma dado (los que traen ñ obviamente es porque vienen en español), también vienen en una distribución de teclado especial.

Después de averiguar un poco, encontré que el PC compartido viene con un teclado en español y distribución Española:

Mientras que el teclado de mi laptop principal viene con distribución latinoamericana:

Como se aprecia, las teclas en conflicto son las que los developers usamos más al escribir código. Es un pain completo tenerlas perdidas. Así que mi consejo es que siempre miren que layout tienen y configuren su máquina para que use este layout.

Pero entonces viene la llorada:

Ay, pero es que me da pereza estar ajustando eso a toda hora!

Pues la noticia es que solo se debe configurar una vez! Y además con Windows 8, los settings viajan con nuestra cuenta de login en el sistema (Microsoft Account). Así que a medida de que en mis máquinas fui encontrando configuraciones distintas de teclado, las fui ajustando y luego cuando regresaba a esas máquinas, ya estaban listas para ser usadas.

Pero vamos por partes. Primero aprendamos cómo configurar estas distribuciones de teclado, y luego veremos como recuperarlas, dependiendo de la máquina en la que estemos:

Configuración de Layouts de Teclado

Recuerdan la ventana de selección de lenguaje en la que habíamos quedado?

Volvamos a ella y observemos:

Hay una sección de métodos de entrada o Input Methods según el idioma en que te encuentres. Allí es donde añades todos los layout de los que te hablé antes. Como ves, para el idioma español, he agregado tres layouts, de acuerdo a las configuraciones que tienen los teclados físicos de mis máquinas. Está la de Latinoamérica, la de España y la de Estados Unidos. Posteriormente les explico para qué es esta última.

Las dos primeras ustedes saben que son para hacer coincidir la configuración con mis PCs.

Pero,

Cómo agregar nuevos Layouts?

Fácil ahí ustedes ven el link a: Agregue un método de entrada; no es sino que lo sigan y llegaran a esto:

Allí es donde ustedes seleccionan la nueva distribución que quieren y para ver si realmente coincide con su teclado físico, pueden darle vista previa (de allí saqué los screenshots que les mostré anteriormente).

Una vez agregan una distribución, esta queda memorizada en sus Roaming Settings de Windows 8. Por eso si usan el mismo login en otra máquina conectada a internet, estos settings bajarán para que los puedan seleccionar así:

Cómo seleccionar layouts previamente ajustados

Súper fácil. Solo presionan la tecla Windows + SpaceBar y aparece un índice como este en la parte inferior derecha de la pantalla:

Dejan la tecla Windows presionada y por cada vez que presionen el SpaceBar, se moverán en la lista. Observen mis cuatro configuraciones. Una, para escribir en Inglés con teclados en inglés, y tres para escribir en español. Una por cada layout incluyendo un layout del teclado United States-International.

Así que de acuerdo a la máquina en la que estén echando código, ustedes seleccionan la combinación adecuada.

Hay una forma decente de poner tíldes y eñes en teclados que no las tienen?

He visto gente memorizarse donde quedan esas teclas, pero van a otras máquinas y no les sirve. Otros se memorizan el código ascii; pero… han intentado sacar un código ascii en una Tablet por ejemplo? Eso es un pain in the ass…

Por mera coincidencia descubrí una configuración que me permite hacer un truco muy cool para no tener que usar esos medios tan artificiales y poco efectivos. La idea es que pongan como idioma Español, pero con layout United States-International. Por eso es que ustedes lo ven en mis configuraciones.

De esta manera, cuando llego a una máquina con teclado en inlgés, para poner la eñe sigo los pasos en rojo y para poner las tíldes lo pasos en azul:

En la gráfica no se muestra la realidad total de lo s teclados en inglés, ya que donde aparece el 1 rojo, siempre aparece el símbolo ~, de manera que no se nos va a olvidar que así se hace la eñe.

Cuando se presiona el primer carácter, nada sucede. No aparece nada en la pantalla. Pero cuando se presiona la n o la vocal, ya aparece todo en conjunto.

Hay un efecto colateral sin embargo y es con las comillas y dobles comillas, pues uno esperaría que al presionarlas de inmediato aparecieran, pero como se quedan esperando para hacer una vocal con tílde o con diéresis (esto es cuando hay doble comilla), entonces hay que pulsar la tecla espacio, para que aprezcan. Pero no es complicado y vale la pena acostumbrarse.

Y entonces para qué mantener una configuración con teclado en inglés y layout EEUU-Internacional?

Sucede que a veces nos las damos de bilingües y queremos escribir texto en inglés. Pero como les mencioné, de acuerdo al Lenguaje que esté escogido, Windows 8 intentará ayudarnos a hacer correcciones idiomáticas automáticamente. Así que si escribimos en inglés cuando el idioma seleccionado es español, entonces todo nos aparecerá subrayado como un error. Por eso es bueno tener también configurado el idioma inglés y cualquier otro en el que escribamos frecuentemente, como el Esperanto, por ejemplo.

Obviamente, en inglés no hay tildes y eñes, así que nunca he tenido que agregarle más layouts que el United States – Internacional.

Conclusión

Recuerden entonces que hay tres tipos de configuraciones de idioma en Windows 8.

1. El idioma en el que se muestra el sistema operativo como tal.

2. El idioma en el que nosotros queremos escribir

3. La configuración regional que queremos darle al teclado, para que se ajuste a la distribución física del teclado que estamos usando en un momento dado.

Estas configuraciones se pueden mezclar como deseemos y requiramos y además una vez establecidas las combinaciones requeridas, estas viajan con nosotros y nuestra Microsoft Account.

LINQ: Consultando tablas cruzadas en Visual Studio LightSwitch

WarNov — Fri, 15 Mar 2013 17:25:31 GMT

LightSwitch es un RAD para hacer aplicaciones basadas en datos bien sea usando Silverlight, o HTML5. En cuestión de minutos podemos tener una aplicación de ese estilo desplegada y funcionando.

Cuando ya estamos desarrollando una app de cierta complejidad sin embargo, tarde o temprano llegamos a la necesidad de consultar data que se encuentra distribuida en varias tablas en un ambiente relacional.

Aunque LightSwitch provee un wizard de consultas básicas, éstas últimas requieren la escritura de código.

El código usado para escribir consultas complejas el LightSwitch no es más que LINQ.

En mi primer intento de hacer una consulta cruzada con LINQ dentro de LightSwitch sin embargo, a pesar de escribir instrucciones completamente válidas de acuerdo a la definición de LINQ, siempre obtenía un error emitido por LightSwitch, que además dado el mensaje presentado, no da muchas luces de qué es lo que está sucediendo:

Unable to create a constant value of type ‘LightSwitchApplication.MiTabla’. Only primitive types or enumeration types are supported in this context.

Pasé mucho tiempo experimentando qué podría ser hasta que descubrí que el error sucede cuando en el where de la instrucción LINQ ponemos dos tablas de la DB directamente. Entonces una solución que se me ocurrió y que mi buen amigo @jramirezdev me ayudó a implementar fue descargar primero unos datos, enumerarlos en una lista y luego con joins lograr el resultado. Sin embargo, dado que esto requiere dos llamados distintos a la DB y además resulta en una consulta LINQ difícil de leer, seguí “escarbando” y encontré una gran ayuda en el operador any de LINQ, que me permite seleccionar los datos que quiero sin tener que citar varias tablas dentro de LINQ, sino más bien explorando las propiedades de navegación del modelo de objetos.

En este artículo, he invitado precisamente a @jramirezdev, a quien agradezco el haber escrito el proceso de problema y solución en detalle; algo muy valioso para desarrolladores que estén teniendo este mismo problema:

...

Es muy común que en nuestras aplicaciones tengamos un origen de datos relacional y sobre este debamos realizar consultas en varias tablas para obtener la información que necesitamos. En LightSwitch las consultas simples se puede realizar con el diseñador integrado, pero si este no es el caso debemos recurrir a crear una consulta desde ceros, esto es, usar EntityFramework + LINQ.

Cuando utilizamos Entity Framework en LightSwitch nos encontraremos con algunas limitaciones, es por esto que debemos ser cuidadosos pues aunque la consulta LINQ compile no significa que al ejecutarla vayamos a obtener los resultados esperados.

Para entender esto veremos un caso específico donde realizaremos una consulta de tablas cruzadas con LINQ.

Aplicación: Crearemos una aplicación que permitirá registrar Usuarios, Tiendas y Facturas. Para esto debemos tener en cuenta que una factura será específica de un Usuario y una Tienda, esto significa que debe existir una relación entre Usuario y Tienda para finalmente registrar las facturas de ese usuario en esa tienda.

Modelo Relacional:

Problema: Se necesita generar un listado de todas las facturas que existan en las tiendas donde está registrado el usuario "Jorge Ramirez".

Para resolver este problema comenzaremos por crear una solución de LS, que se vera de la siguiente manera:

Aquí podemos observar que debajo de la tabla "Facturas" encontramos una consulta llamada "GetFacturasPorTiendasAsociadasAlCliente", es en ese archivo que escribiremos nuestra consulta LINQ.

Escribiré mi primer consulta de la siguiente manera.

        partial void 
        GetFacturasPorTiendasAsociadasAlCliente_PreprocessQuery
          (ref IQueryable<Factura> query)
        {
            //Consulta 1
 
            var tiendas = from UsuarioTienda ut in UsuarioTiendas
                          where ut.Usuario.Nombre == "Jorge Ramirez"
                          select ut;
 
            var facturas = from Factura factura in query
                           from UsuarioTienda ut in tiendas
                           where factura.UsuarioTiendas.Tienda.Id ==
                               ut.Tienda.Id
                           select factura;
 
            query = facturas;
       }

Semánticamente esta consulta es correcta, pero cuando la ejecutamos obtenemos el siguiente error:

Resultado Consulta 1: Error.

Este error aunque pareciera claro, no lo es, pues fácilmente nos confunde el pensar ¿Dónde creamos un Obj del tipo "UsuarioTienda"? Pues bueno, aquí es importante conocer el concepto de que son Propiedades de Navegación de EntityFramework.

Leyendo este error vemos que existe una limitación para acceder a las tablas relacionadas/cruzadas a través de las propiedades de navegación, lo cual nos indica que debemos considera una solución más del lado semántico de TSQL donde hacemos los JOINS de forma explícita.

       partial void 
          GetFacturasPorTiendasAsociadasAlCliente_PreprocessQuery
          (ref IQueryable<Factura> query)
       {
            //Consulta 2
            var facturas = (from UsuarioTienda utienda in UsuarioTiendas
                            join Usuario usuario in Usuarios on 
                               utienda.Usuario.Id equals usuario.Id
                            join Tienda tienda in Tiendas on 
                               utienda.Tienda.Id equals tienda.Id
                            join Factura factura in query on tienda.Id 
                                 equals factura.UsuarioTiendas.Tienda.Id
                            where usuario.Nombre == "Jorge Ramirez"
                            select factura).AsQueryable();
 
            query = facturas;
      }

Resultado Consulta 2: Exito.

De esta forma EntityFramework ha logrado resolver las relaciones y entregarnos la data que necesitamos.

También podemos considerar otra posibilidad jugando con las propiedades de navegación y una expresión Lambda para que nuestra consulta sea más corta.

        partial void 
          GetFacturasPorTiendasAsociadasAlCliente_PreprocessQuery
          (ref IQueryable<Factura> query)
        {
            //Consulta 3
 
            var facturas = from Factura factura in query
                         where factura.UsuarioTiendas
                        .Tienda.UsuarioTiendas.
                        Any(c => c.Usuario.Nombre == "Jorge Ramirez")
                        select factura;
 
            query = facturas;
        }

Resultado Consulta 3: Exito.

PROFILING

Finalmente como un proceso educativo, realizaremos uso de un perfilador (profiler) para ver como se comportan nuestras dos consultas exitosas.

Consulta 2: Reporte

Consula 2: Entity SQL Generado

SELECT TOP (45) [Project1].[Id]     
                   AS [Id],
                [Project1].[RowVersion]         
                   AS [RowVersion],
                [Project1].[Producto]              
                   AS [Producto],
                [Project1].[Valor] 
                   AS [Valor],
                [Project1].[UsuarioTienda_Factura]
                   AS [UsuarioTienda_Factura],
                [Project1].[C1]
                    AS [C1],
                [Project1].[C2]
                    AS [C2],
                [Project1].[Id1]
                   AS [Id1],
                [Project1].[RowVersion1]
                   AS [RowVersion1],
                [Project1].[Tienda_UsuarioTienda]
                   AS [Tienda_UsuarioTienda],
                [Project1].[UsuarioTienda_Usuario]
                   AS [UsuarioTienda_Usuario]
FROM   (SELECT [Project1].[Id]
                                  AS [Id],
               [Project1].[RowVersion]
                          AS [RowVersion],
               [Project1].[Producto]
                          AS [Producto],
               [Project1].[Valor]
                          AS [Valor],
               [Project1].[UsuarioTienda_Factura]
                          AS [UsuarioTienda_Factura],
               [Project1].[Id1]
                          AS [Id1],
               [Project1].[RowVersion1]
                          AS [RowVersion1],
               [Project1].[Tienda_UsuarioTienda]
                          AS [Tienda_UsuarioTienda],
               [Project1].[UsuarioTienda_Usuario]
                          AS [UsuarioTienda_Usuario],
               [Project1].[C1]
                          AS [C1],
               [Project1].[C2]
                          AS [C2],
             row_number() OVER (ORDER BY [Project1].[Id] ASC)
                AS [row_number]
        FROM   (SELECT [Extent1].[Id]
                    AS [Id],
                       [Extent1].[RowVersion]
                    AS [RowVersion],
                       [Extent1].[Producto]
                    AS [Producto],
                       [Extent1].[Valor]
                    AS [Valor],
                       [Extent1].[UsuarioTienda_Factura]
                    AS [UsuarioTienda_Factura],
                       [Extent2].[Id]
                    AS [Id1],
                       [Extent2].[RowVersion]
                    AS [RowVersion1],
                       [Extent2].[Tienda_UsuarioTienda]
                    AS [Tienda_UsuarioTienda],
                       [Extent2].[UsuarioTienda_Usuario]
                    AS [UsuarioTienda_Usuario],
                       N'UsuarioTiendas'
                    AS [C1],
                       N'UsuarioTiendas'
                    AS [C2]
                FROM   [dbo].[Facturas] AS [Extent1]
                       INNER JOIN [dbo].[UsuarioTiendas]
                    AS [Extent2]
                         ON [Extent1].[UsuarioTienda_Factura] = 
[Extent2].[Id]) AS [Project1]) AS [Project1]
WHERE  [Project1].[row_number] > 0
ORDER  BY [Project1].[Id] ASC

Consulta 3: Reporte

Consulta 3: Entity SQL Generado

SELECT TOP (45) [Project2].[Id]
                    AS [Id],
                [Project2].[RowVersion]
            AS [RowVersion],
                [Project2].[Producto]
              AS [Producto],
                [Project2].[Valor]
                 AS [Valor],
                [Project2].[UsuarioTienda_Factura]
 AS [UsuarioTienda_Factura],
                [Project2].[C1]
                    AS [C1],
                [Project2].[C2]
                    AS [C2],
                [Project2].[Id1]
                   AS [Id1],
                [Project2].[RowVersion1]
           AS [RowVersion1],
                [Project2].[Tienda_UsuarioTienda]
  AS [Tienda_UsuarioTienda],
                [Project2].[UsuarioTienda_Usuario]
 AS [UsuarioTienda_Usuario]
FROM   (SELECT [Project2].[Id]
                                  AS [Id],
               [Project2].[RowVersion]
                          AS [RowVersion],
               [Project2].[Producto]
                            AS [Producto],
               [Project2].[Valor]
                               AS [Valor],
               [Project2].[UsuarioTienda_Factura]
               AS [UsuarioTienda_Factura],
               [Project2].[Id1]
                                 AS [Id1],
               [Project2].[RowVersion1]
                         AS [RowVersion1],
               [Project2].[Tienda_UsuarioTienda]
                AS [Tienda_UsuarioTienda],
               [Project2].[UsuarioTienda_Usuario]
               AS [UsuarioTienda_Usuario],
               [Project2].[C1]
                                  AS [C1],
               [Project2].[C2]
                                  AS [C2],
               row_number() OVER 
(ORDER BY [Project2].[Id] ASC) AS [row_number]
        FROM   (SELECT [Extent1].[Id]
                    AS [Id],
                       [Extent1].[RowVersion]
            AS [RowVersion],
                       [Extent1].[Producto]
              AS [Producto],
                       [Extent1].[Valor]
                 AS [Valor],
                       [Extent1].[UsuarioTienda_Factura]
 AS [UsuarioTienda_Factura],
                       [Extent2].[Id]
                    AS [Id1],
                       [Extent2].[RowVersion]
            AS [RowVersion1],
                       [Extent2].[Tienda_UsuarioTienda]
  AS [Tienda_UsuarioTienda],
                       [Extent2].[UsuarioTienda_Usuario]
 AS [UsuarioTienda_Usuario],
                       N'UsuarioTiendas'
|                 AS [C1],
                       N'UsuarioTiendas'
                 AS [C2]
                FROM   [dbo].[Facturas] AS [Extent1]
                       INNER JOIN [dbo].[UsuarioTiendas]
 AS [Extent2]
     ON [Extent1].[UsuarioTienda_Factura] = [Extent2].[Id]
                WHERE  EXISTS (SELECT 1 AS [C1]
        FROM   [dbo].[UsuarioTiendas] AS [Extent3]
       INNER JOIN [dbo].[UsuarioTiendas] AS [Extent4]
       ON [Extent3].[Tienda_UsuarioTienda] = 
[Extent4].[Tienda_UsuarioTienda]
      INNER JOIN [dbo].[Usuarios] AS [Extent5]
      ON [Extent4].[UsuarioTienda_Usuario] = 
[Extent5].[Id]
      WHERE  ([Extent1].[UsuarioTienda_Factura] = 
[Extent3].[Id])
      AND (N'Jorge Ramirez' = [Extent5].[Nombre]))) 
AS [Project2]) AS [Project2]
WHERE  [Project2].[row_number] > 0
ORDER  BY [Project2].[Id] ASC

Nota: El perfilador usado fue Entity Framework Profiler, podemos aprender como usarlo Aquí.

Con esto hemos finalizado el proceso de creación y análisis de consultas LINQ to Entities en LightSwitch.

Muchas Gracias.

Jorge Ramírez (@JramirezDev): Es Tecnólogo de Sistemas y estudiante de Ingeniería de Sistemas, con 4 años de experiencia en desarrollo de BackEnd y FrontEnd usando .NET Framework; especialista en LINQ y WCF. Encuentren la versión original de este post y mucho contenido adicional muy interesante en su blog.

Flash: Verdades en Windows 8

WarNov — Tue, 12 Mar 2013 19:57:19 GMT

A partir de hoy, Flash es soportado en Windows 8 nuevamente.

Qué?

Alguna vez dejó de ser soportado?

Antes de responder esta pregunta, déjenme contarles acerca de los sabores de Internet Explorer 10 en Windows 8.

Básicamente son 4 sabores:

2 sabores para Windows 8 sobre arquitecturas x86 y x64 (llamémoslas tradicionales) y otros 2 sabores para WindowsRT. Entonces, en las arquitecturas tradicionales los sabores de IE que tenemos son IE de escritorio y el IE de interfaz moderna o inmersiva.

Lo mismo pasa en WindowsRT. Recuerden que en WindowsRT también hay un desktop, solo que ese desktop no soporta la instalación de nuevas aplicaciones. Las apps a instalarse solo pueden ser aquellas de la interfaz moderna o Windows Store. Entonces en este caso también tenemos 2 versiones de Internet Explorer. Una de desktop y otra de interfaz moderna.

Cuando se lanzó Windows 8 el soporte a Flash se limitó de la siguiente manera:

1. WindowsRT sólo permitía visualizar ciertos sitios web incluidos en una lista blanca, con Flash en ambos sabores del browser.
2. Windows 8 sólo permitía visualizar ciertos sitios web incluidos en una lista blanca, con Flash en la interfaz inmersiva o moderna.
3. Windows 8 tenía soporte full para visualizar todos los sitios web con Flash.

Por qué la limitante?

Pensemos por un momento en la filosofía de Apps: Proveer un mercado de aplicaciones confiables del que solo se pueden bajar apps seguras que no vayan a hacerle ningún daño al usuario. Incluyendo ausencia de virus, spyware, troyanos y demás. Para poder lograr esto, las apps deben correr en un entorno seguro o sandbox que llaman. Del que no pueden salirse para ir a atacar o controlar otras apps. Además de esto, la filosofía de apps también incluye desarrollo amigable con la batería.

Entonces lo que sucede con Flash es que algunos sitios no respetaban ese sandbox y representaban huecos de seguridad para el sistema. Así que uno piensa: para que un entorno tan protegido como el sandbox si los atacantes pueden entrar a través de flash?

Además otros sitios con sus apps de flash exigían un esfuerzo enorme a los procesadores central y gráfico, lo que obviamente gastaba la batería en muy corto tiempo. Esto también derivaría en una pobre experiencia de usuario.

En conclusión la limitante se impuso para proteger la experiencia de usuario. No con el ánimo de excluir a un jugador importante de la industria sin el cual por ejemplo, mucho del contenido con DRM que está en la web no podría ser presentado (recordemos que HTML5 aún no define un estándar para manejar esta tecnología. Es algo que por el momento debe definir cada códec, de manera que la tarea se hace complicada a la hora de manejarlo.)

Lista blanca?

Sí, no todos los sitios que usan flash tenían esos problemas de seguridad y performance. Así que en el pasado uno podía pedirle a Microsoft que evaluara su sitio y permitiese a Flash ejecutar el contenido.

Cuál es entonces el soporte que se brinda hoy en día

Básicamente se cambió de tener una lista blanca a una lista negra. Ahora por defecto todos los sitios con flash pueden visualizarse en cualquiera de los 4 sabores de browser descritos anteriormente, a menos de que el sitio esté plenamente identificado como inseguro o de pobre performance y por ende se haya agregado a una lista negra.

TODOS los sitios con Flash que se pueden ver hoy en día en el IE desktop sobre Windows 8 (x86 y x64), se podrán seguir viendo sin ningún problema.

Cómo se logró esto?

Gracias a un trabajo conjunto entre Microsoft y Adobe, se logró adicionar a Windows 8 y Windows RT una nueva versión de Adobe Flash totalmente optimizada para el uso Inmersivo o de interfaz moderna. Esta versión es mucho más generosa con la batería, con el performance y con la seguridad del sistema y demuestra totalmente el compromiso que Microsoft tiene con los usuarios de ofrecerles la mejor experiencia, independientemente de que esto implique incluir productos de otros fabricantes.

A partir de cuándo lo puedo tener?

Como es tradicional ya con Windows 8, todos los martes podemos tenemos actualizaciones. En la de hoy, martes 12 de marzo, estaremos incluyendo esta actualización entre otras muy importantes. Por ejemplo estaremos actualizando el firmware de la Surface para corregir algunos problemas menores.

WebAPI, Azure y Apps: Una implementación

WarNov — Wed, 06 Mar 2013 23:34:31 GMT

Esta presentación la he usado en varios eventos últimamente, como el TechDay de Cali, Medellín y algunas charlas online. Nos muestra unos temas que ya he tratado en varios de mis posts anteriormente, relacionados con Windows Azure Mobile Services, Windows Azure Storage, Web Api y Apps.

Aquí quise integrar todos esos posts en un ejemplo de la vida real, al que le damos solución de una manera bastante sencilla:

Cómo compartir archivos desde un dispositivo móvil a otros, a través de una Plataforma propia.

Toda la teoría relativa a esta demostración la puedes encontrar aquí.

Veamos pues la presentación en video:

Noding w/ @WarNov. Episodio 2: JavaScript para Orientados a Objetos

WarNov — Mon, 04 Mar 2013 23:01:03 GMT

Luego de la gran acogida del episodio de lanzamiento del curso de NodeJS que publiqué hace unos días, me permito presentarles en esta ocasión el segundo capítulo de la serie. Saliendo un poco más tarde de lo planeado debido a que lo que inicialmente concebí como un pequeño tutorial de JavaScript, terminó siendo un curso completo de 1 hora.

Esto me exigió repasar nuevamente toda la teoría (Una semana de lectura) y luego condensar todo esto en la menor cantidad de tiempo en video que pude durante un proceso de edición de 8 horas.

Finalmente, aquí está el resultado:

Un recorrido súper rápido por JavaScript. Como ustedes sabrán del primer capítulo, es el lenguaje protagonista en NodeJS. Así que en este episodio encontrarán los aspectos fundamentales del lenguaje ha tener en cuenta.

El episodio está enfocado a desarrolladores orientados a objetos en lenguajes tradicionales (De allí el título del mismo). De manera que si eres experto en C#, C++ o VB pero no has estado en contacto muy profundo con JavaScript, este curso será excelente no solo para que comiences luego con Node.JS sino también con Apps para Windows 8 en JavaScript + HTML5, HTML5 en el browser, JQuery, LIGHTSWITCH basado en HTML5 y hasta Napa: el conjunto de tools para hacer apps basadas en Office. Así pues, es un episodio que te abrirá las puertas a muchas otras tecnologías.

Este es el segundo episodio de Noding w/ @WarNov. El curso rápido de Node.js que te permitirá de manera rápida y fácil aprender de qué se trata Node.js y cómo utilizarlo.

Este episodio es un recorrido rápido por JavaScript para developers Orientados a Objetos (aquellos con experiencia en lenguajes como C++, C# o VB), que aunque han tenido contacto con JavaScript no tienen los conocimientos avanzados de ese lenguaje para poder incursionar en Node.js. Ya vimos en el episodio anterior que JavaScript es central en Node.js. Por esto es necesario tener conocimientos sólidos del lenguaje antes de arrancar con Node.js.

Adicionalmente, en este video muestro como integrar Visual Studio con Node.js a través de la consola de comandos de NuGet Package Manager.

Si ya eres experto en JavaScript y deseas pasar de inmediato a NodeJS, puedes hacer skip de este episodio y continuar con el siguiente.

Sin más preámbulos, aquí los dejo con Noding w/ @WarNov. Episodio 2: JavaScript para Orientados a Objetos.

&#160;

Office 365 for Developers!

WarNov — Wed, 27 Feb 2013 23:01:14 GMT

Así es para subscriptores Ultimate y Premium de MSDN
Por un año!

Todas las herramientas y recursos requeridos para comenzar a construir y probar apps de Office 365:

Un sitio en SharePoint Online personalizado para crear y personalizar apps
Acceso a las herramientas de Desarrollo Napa para crear y probar apps
Un Microsoft Seller Dashboard para exponer apps gratis y pagas para vender en el Office Store.

Por ahora no hay disponibilidad para suscripciones adquiridas a través de programas especiales como Bizspark.

La suscripción igual se puede comprar aquí.

Más información acerca de cómo construir Office y SharePoint apps, próximamente en este blog.