Comprender el desarrollo de aplicaciones móviles HTML5

Muchas organizaciones están recurriendo al desarrollo de aplicaciones móviles en HTML5 para agilizar la implementación de aplicaciones y reducir el coste y la complejidad.

En las circunstancias adecuadas, las aplicaciones HTML5 ofrecen a las empresas una alternativa sencilla al desarrollo de aplicaciones nativas, especialmente a medida que surgen más marcos de desarrollo HTML5. Cualquier organización que se enfrente a la implementación de aplicaciones móviles en múltiples plataformas debería al menos considerar HTML5.

Sin embargo, las aplicaciones HTML5 no están exentas de problemas. Traen consigo problemas de rendimiento y seguridad y plantean cuestiones relacionadas con el acceso a los datos y a las interfaces de programa de aplicación (API) nativas. La experiencia del usuario también puede verse afectada por las aplicaciones HTML5 en comparación con las nativas.

¿Qué es una aplicación HTML5?

Las aplicaciones HTML5 ofrecen un desarrollo de aplicaciones móviles que se escriben una vez y se ejecutan en cualquier lugar. Son un conjunto de páginas web optimizadas para dispositivos móviles que aportan capacidades avanzadas de transmisión de datos de vídeo y audio, manejo de gráficos y animaciones y soporte offline. También añaden elementos semánticos, controles de formularios y componentes multimedia, así como una serie de nuevas API que admiten servicios de geolocalización, operaciones de arrastrar y soltar, almacenamiento en caché de aplicaciones locales y mucho más.

HTML5 rara vez funciona solo. La mayoría de las aplicaciones HTML5 integran Hojas de Estilo en Cascada (CSS), que definen cómo se renderizan los componentes HTML dentro de un navegador, y JavaScript, que incluye las API para trabajar con texto, objetos y matrices. Todos los principales navegadores son compatibles con estas tecnologías, lo que permite implementar aplicaciones basadas en la web en una amplia gama de dispositivos.

Cómo funciona el desarrollo de aplicaciones móviles HTML5

Los conjuntos de herramientas de desarrollo de aplicaciones móviles HTML5 contienen bibliotecas de archivos CSS y JavaScript que los desarrolladores pueden incluir en el HTML. Los marcos se encargan de muchos de los problemas que surgen al crear aplicaciones HTML5.

Por ejemplo, un buen marco de trabajo puede manipular y reciclar elementos del Modelo de Objetos del Documento (DOM) para ayudar a mejorar el rendimiento. Los frameworks también facilitan la implementación de comportamientos que dependen de JavaScript, como las transiciones de pantalla o el desplazamiento de listas. Como resultado, es más fácil para los principiantes crear aplicaciones HTML5, porque muchas de las sutilezas del desarrollo ya están resueltas.

No todos los frameworks son iguales, y los administradores de TI deben hacer sus deberes antes de comprometerse con uno. Cada marco aporta sus propias limitaciones y problemas, que suelen aparecer a medida que una aplicación se vuelve más compleja.

Las ligeras diferencias entre dispositivos y navegadores afectan al funcionamiento de una aplicación en un entorno y en otro. Como resultado, los desarrolladores a veces construyen aplicaciones basadas en el mínimo común denominador para asegurarse de que funcionan en todos los entornos, lo que puede perjudicar la experiencia del usuario (UX). A pesar de los posibles problemas, los desarrolladores con la formación y la experiencia adecuadas no deberían tener problemas para crear aplicaciones seguras y de alto rendimiento basadas en la Web.

Qué hay que tener en cuenta al crear aplicaciones HTML5

Las limitaciones de memoria y rendimiento son consideraciones clave para el desarrollo de aplicaciones móviles en HTML5. Los desarrolladores no sólo deben controlar cuidadosamente el flujo de la página, sino también cómo se implementa el DOM. Cuanto más complejo sea el modelo de objetos, más se tardará en navegar.

Por encima de todo, los desarrolladores deben tener en cuenta la UX. Para garantizar una experiencia de usuario de calidad, las aplicaciones móviles HTML5 deben ser ligeras para que el rendimiento no se vea afectado. Además, los administradores deben probar la aplicación en varias plataformas para tener en cuenta los distintos tipos de dispositivos, tamaños de pantalla, navegadores y sistemas operativos. La mayoría de las aplicaciones también tienen que ser compatibles con las operaciones fuera de línea para tener en cuenta las interrupciones de la conectividad.

Aplicaciones HTML5 vs. aplicaciones nativas

A diferencia de las aplicaciones HTML5, las aplicaciones nativas se basan en el lenguaje nativo de la plataforma en la que se ejecuta la aplicación. Y ahí radica el reto de las aplicaciones nativas: cada plataforma requiere su propia aplicación, y algunas plataformas requieren diferentes versiones de una aplicación para ser compatibles con los distintos dispositivos de esa plataforma.

HTML5 es una plataforma agnóstica. Mientras los usuarios accedan a la aplicación a través de un navegador que admita las capacidades de cada lenguaje, la aplicación debería funcionar igual en todas las plataformas. Además, los administradores sólo tienen que mantener una base de código y desplegar un paquete con HTML5. Pueden ofrecer correcciones de errores y actualizaciones siempre que sea necesario e incluso realizar pruebas en vivo con sus usuarios sin los dolores de cabeza de la distribución de las aplicaciones nativas.

Aunque HTML5 ha avanzado mucho, no puede competir con todas las capacidades nativas, como los gestos multitáctiles y la perfecta integración con los componentes incorporados al dispositivo, como el GPS. Las aplicaciones nativas también suelen ganar en cuanto a rendimiento, porque forman parte del código de la máquina. Las aplicaciones HTML5 pueden sufrir largos tiempos de carga si no se han diseñado cuidadosamente.

Además, las aplicaciones HTML5 están sujetas a los mismos riesgos que cualquier aplicación web. Los desarrolladores deben protegerse contra los ciberataques, el uso inadecuado de la API y el código malicioso que accede al dispositivo a través de Wi-Fi, Bluetooth o mensajes de texto.

Unir aplicaciones HTML5 y nativas

Una aplicación móvil híbrida es una aplicación HTML5 que se ejecuta dentro de un contenedor nativo. La aplicación utiliza el navegador del dispositivo para representar las páginas HTML alojadas localmente, mientras se conecta a las funciones del dispositivo como una aplicación nativa. Las aplicaciones híbridas pueden acceder a funciones como el calendario y los contactos, así como beneficiarse de una única base de código que abarca varias plataformas.

De hecho, las aplicaciones híbridas pueden hacer casi todo lo que una aplicación nativa puede hacer, incluso soportar operaciones sin conexión y gestos multitáctiles. Una aplicación híbrida puede incluso emular el aspecto de una aplicación nativa. Sin embargo, las aplicaciones híbridas no pueden funcionar tan bien como las nativas debido a las capas adicionales de abstracción.

Han surgido plataformas como PhoneGap para implementar aplicaciones móviles híbridas. Este marco de trabajo permite desarrollar aplicaciones móviles utilizando HTML, CSS y JavaScript, al tiempo que se encarga de los detalles de implementación relacionados con la entrega de aplicaciones híbridas en múltiples plataformas.