Apache Cordova

En este artículo quiero compartir un nuevo tip sencillo para Apps desarrolladas con Apache Cordova o PhoneGap y no es otro que añadir un aviso de que se están cargando datos o un mensaje de loading para que el usuario esté al tanto de que se está realizando dicha operación mientras debe esperar. Esto además, nos puede servir para otras acciones como actualizaciones por cálculos, etc.

¿Por qué es tan importante un aviso de carga de datos?

Muchos desarrolladores obvian la inclusión de mensajes de aviso de carga de datos en sus Apps y, peor aún tampoco lo hacen en aplicaciones web o en las clásicas de escritorio. Esto es un enorme error de cara a la experiencia de usuario ya que provoca múltiples problemas derivados de los que enumero algunos a continuación:

Algo muy importante de una App es el logo, ¿por qué? Porque es algo que debe diferenciar nuestra aplicación del resto entre una maraña de logos en la pantalla de inicio de nuestro dispositivo o peor aún, entre la mayor maraña aún de aplicaciónes instaladas. Es por eso que debemos usar un logotipo que cumpla estos criterios a ser posible (salvo excepciones):

• Simple: Fácilmente identificable y recordable.
• Relacionado con la aplicación: Debe indicar de qué tipo de aplicación se trata
• Original: No copiéis logos de otras aplicaciones

Una vez hayamos seleccionado el logotipo, toca crear todos los formatos para las plataformas para las que estamos desarrollando nuestra aplicación por lo que es muy importante que hayamos creado nuestro logo de forma vectorial para que no pierda calidad en cada una de las resoluciones y, como son tantas, puede ser muy útil guiarse por los que se han creado con la plantilla del proyecto y que se encuentran en la carpeta /res/icons/PLATAFORMA tal y como se muestra en la imagen a continuación.

Después de empezar una aplicación con Apache Cordova en un artículo anterior, no sin bastantes problemas con los emuladores, habrá que darle algo de funcionalidad a esa aplicación para poder decir que sirver para algo. En este caso, lo que quiero hacer es obtener una lista de elementos de un servicio Azure Mobile Services que tengo creado para otras demos, y no es otro que mi servicio de Superhéroes (geek mode on). Así que si no habéis creado aún vuestro servicio, podéis empezar por ese paso antes de continuar con la aplicación.

Desde hace ya algún tiempo Microsoft ha acogido Apache Cordova entre las tecnologías con las que podemos desarrollar en Visual Studio. Esto nos permitirá hacer uso del mejor IDE de nuestros días para poder desarrollar aplicaciones multiplataforma con HTML y JavaScript sin muchos los dolores de cabeza que nos puede generar tener que usar varios IDEs diferentes y poder conseguir desarrollar nuestras aplicaciones para todas las plataformas que deseemos de una forma muy fácil.