lunes, 22 de diciembre de 2014

Aplicaciones Web y Smartphone (Web Tiempo Real)



Hace poco para un cliente presentamos soluciones (demos) que permiten integrar sus aplicaciones Web tradicionales con aplicaciones en Smartphones en tiempo real, los problemas que querían resolver eran dos:

1.- Poder compartir información de una sesión Web en un PC de escritorio con una aplicación en un smartphone, por ejemplo realizar la Autenticación de una sesión en una aplicación Web en un desktop usando cualquier smartphone.

2.- Tenían una pantalla de 42'' en una sala y querían mostrar información de personas que se encontraban en la sala, sin tener que ingresar, seleccionar o buscar información con un teclado o mouse (además que la idea es tener solo una pantalla en la sala, no un equipo con cables, teclado y cosas que entorpecen el lugar)

Para ambos problemas ya contaban con aplicaciones Web con la información disponible, pero faltaba generar una nueva interfaz entre el smartphone y la aplicación web que estaba en la pantalla de 42'' (PC)

Para generar la interfaz entre la aplicación Web y el smartphone existen dos posibilidades:
a.- Crear una aplicación nativa instalada en el smartphone (iPhone)
b.- Hacer una aplicación Web que el usuario pudiera ver en su smartphone e interactuar con la aplicación Web ya cargada en el PC 

Para poner construir la demo en el caso 1 optamos por incorporar una autenticación usando el smartphone, de esta forma poder abrir la aplicación Web en un desktop, pero realizar la autenticación en el smartphone, algo que puede ser útil en el caso queramos autenticarnos en un equipo que no es de nuestra confianza (cibercafé por ejemplo), o si estamos en un lugar público y no queremos que nadie nos vea escribiendo la contraseña en el teclado.

El uso es simple:
1.- Entramos a la web desde un PC


Ventana PC

2.- Indicamos que vamos a hacer la autenticación usando el smartphone (clic en el link)

Ventana PC

3.- Escanemos el código QR en el smartphone y se abre una ventana en el navegador (así hacemos el pareo entre la sesión del PC y la sesión del Smartphone)

Ventana smartphone

Ventana PC, recibe información de conexión sesión smartphone.


4.- Luego de realizar la autenticación en el smartphone la sesión en el Desktop queda lista para trabajar, sin necesidad de ingresar información usando teclado o mouse



Ventana PC



Desde el punto de vista técnico solo generamos un servicio en la nube que gestiona solicitudes mediante el uso de WebSockets (parte de la especificación de HTML5), es por esto que pudimos tener una conexión en línea activa entre el smartphone y el PC de escritorio, sin necesidad de instalar aplicaciones, solo conectados usando una aplicación Web (y algo de JavaScript) en el PC y en el Smartphone.



Las funcionalidades donde aplicaciones web son extendidas con el uso del smarphone son muchas y pueden pasar desde tener una pantalla táctil en tu celular que no dispones en tu PC (por ejemplo para colocar la firma) u obtener información de los sensores del smartphone que generalmente los notebook o equipos de escritorio no cuentan, esto permite crear interesantes soluciones y experiencias de usuario que sacan lo mejor de la potencia y productividad del PC de escritorio, con lo cómodo y versátil del uso del smartphone.

Si quieres probar una pequeña demo de esto puedes entrar acá, dejamos el caso de uso para que puedas probarlo demo











No hay comentarios:

Publicar un comentario