Archive

December 2010

Archivos

HTML5 en Gmail para móviles

Hoy nos complace presentarte las mejoras que hemos realizado en Gmail para móviles en español, para su uso en el navegador web de los dispositivos iPhone y Android. Hace un año y medio, iniciamos el proceso de con mejores tecnologías de navegador. La combinación de , y el almacenamiento temporal dinámico nos ha permitido crear nuevas funciones: acceso en modo sin conexión, aplicaciones más rápidas, interfaces mejoradas y un proceso de actualización más sencillo para las nuevas funciones.


En primer lugar, creamos un breve contenedor JavaScript para las funciones de base de datos en HTML5 y Gears a fin de obtener compatibilidad con el mayor número posible de navegadores. El almacenamiento temporal sencillo de respuestas en la base de datos para su reutilización resultó útil, pero también fue necesario mantener una cola de acciones de usuario en la base de datos, por si el usuario se queda sin batería o debe apagar el teléfono durante un vuelo. Posteriormente, cuando el dispositivo vuelve a estar conectado a Internet, puede ejecutar la cola de correos y enviarlos, archivarlos, eliminarlos, etc.


Para lograr iniciar la aplicación en modo sin conexión, fue necesario ir más allá del API de base de datos. La especificación HTML5 resultó de gran ayuda, con una caché de aplicaciones capaz de almacenar todos los recursos en la aplicación web, lo cual permite al navegador cargarlos durante el modo sin conexión. Existe un pequeño inconveniente con esta API: una vez que decidas anular el modo de funcionamiento de las solicitudes GET de HTTP para obtener recursos de la caché de la aplicación, no puedes enviar una solicitud GET para un recurso que la caché desconozca. La especificación contiene métodos para ampliar las URI que la caché sabe que existen, pero estos puntos de entrada no están muy extendidos en los navegadores de producción. En lugar de esto, es importante utilizar solicitudes POST de HTTP para todos los datos dinámicos, ya que este tipo de solicitudes nunca se almacenan en caché y, por lo tanto, llegan a la red.


El resultado final es una aplicación web que se carga en modo sin conexión y te permite leer los mensajes de Gmail si los datos se han almacenado en caché previamente. También hemos añadido propiedades y para crear una interfaz de usuario elegante que se cargue rápidamente.


Si quieres probar la nueva aplicación web de Gmail para móviles, accede a gmail.com desde un dispositivo con tecnología de Android o un iPhone (SO 2.2.1 o superior). Para obtener más información acerca de HTML5, consulta el blog de Google Code.


Inês Gonçalves, Marketing de España

Read More

Android, ¿Como consumir un Servicio Web?

En el desarrollo para móvil es muy común requerir datos e interactuar con servicios. Como desarrolladores móvil seguramente habrán requisitos o necesidades en donde tengamos que obtener un listado de comercios alojado en un servicio web de nuestro departamento, o bien acceder a un listado de solicitudes que se actualiza periódicamente que brinda la oficina de solicitudes de una entidad guvernamental, o bien sólo simples servicios como el del tiempo, cotizaciones, finanzas, etc.

Si bien sabemos que podemos hacerlo de diferentes formas en Android, como mediante REST, en este caso particular lo haremos mediante SOAP y el servicio estará construido en Dotnet.
Con esto agregamos contenido extra y no sólo construiremos una solución Android sinó que mostramos la interoperabilidad que podemos lograr utilizando Android.

¿Lindo desafío no?

Introducción

En primer lugar, para interactuar con SOAP utilizaremos una librería llamada ksoap2 for android.
http://code.google.com/p/ksoap2-android/
De esta forma gran parte de la complejidad del desarrollo descansa en este componente. Luego generaremos una aplicación Android y un servicio Web Dotnet.

Servicio Web Dotnet

El servicio desarrollado en dotnet, es un web service tradicional sobre el framework 2.0 sin hacer uso de WCF.

Fig.1 - Servicio Web - Dotnet C# - framework 2.0

[WebService(Namespace = "http://tempuri.org/")]
[WebServiceBinding(ConformsTo = WsiProfiles.BasicProfile1_1)]

public class Service : System.Web.Services.WebService
{
public Service ()
{

}

[WebMethod]
public string SaludoAndroid() {
return "Servicio de Nicolás!";
}

}

Code 1 - Código del Servicio Web en C#

Como podemos observar en el Code 1, el servicio web sólo posee un método de nombre “SaludoAndroid” y que su operación es devolver una cadena “Servicio de Nicolás!”

Aplicación Android

Vamos a generar una aplicación Android para la versión 2.2.

Fig.2 - Proyecto Android General para la solución de llamada a un web Service


En primer lugar deberemos descargarnos la librería ksoap2 for android y luego referenciarla en nuestro proyecto android.

Fig.3 - Sitio de desacarga de ksoap2-android


Para el ‘layout’ de la aplicación no invertiremos tiempo ya que solo utilizaremos un textview para mostrar contenido de texto extraído del servicio Web.

Fig. 4 - Layout de la solución Android


En el manifiesto de la aplicación debemos tener en cuenta el agregar permisos al acceso a Internet como muestra la Fig. 5.

Fig. 5 - Manifiesto de la solución Android desarrollada


Finalmente realizaremos la codificación de la actividad que acceda al servicio web de la tecnología Dotnet y pueda mostrar los resultados en Android.

La clase “GetServicio” posee algunas variables necesarias para interactuar con la librería ksoap2:
private static final String accionSoap = "http://tempuri.org/HelloWorld";
private static final String Metodo = "HelloWorld";
private static final String namespace = "http://tempuri.org/";
private static final String url = "http://nicolasdotar/ServicioAndroid/Service.asmx";

Code 2 - Declaración de variables en la clase GetServicio

Luego todo el desarrollo se encuentra en el ‘onCreate’:
public void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.main);

tv = (TextView) findViewById(R.id.text1);

try {

//Modelo el request
SoapObject request = new SoapObject(namespace, Metodo);

//Modelo el Sobre
SoapSerializationEnvelope sobre = new SoapSerializationEnvelope(SoapEnvelope.VER12);
sobre.dotNet = true;
sobre.setOutputSoapObject(request);

//Modelo el transporte
HttpTransportSE transporte = new HttpTransportSE(url);

//Llamada
transporte.call(accionSoap, sobre);

//Resultado
SoapPrimitive resultado = (SoapPrimitive) sobre.getResponse();


tv.setText("" + resultado.toString());

}
catch (Exception e)
{
tv.setText(e.getMessage());
}

}

Code 3 - Evento Oncreate

Veamos el servicio web funcionando solo:

Fig. 6 - Servicio Web en funcionamiento local


Veamos la solución Android funcionando en el emulador consumiendo el servicio web:

Fig. 7 - Solución desplegada en el Emulador de Android


Finalmente, veamos como se construye paso a paso en el siguiente Vídeo:

Ver vídeo implementación



Nicolas Bortolotti, Ingeniero U.T.N. Regional San Francisco - Comunidad Xcloud

Read More