Guía Esencial

Navegue en las secciones

BACKGROUND IMAGE: iSTOCK/GETTY IMAGES

Lo básico Póngase al día con nuestro contenido introductorio.

Comprensión del desarrollo de aplicaciones móviles HTML5

Los desarrolladores pueden trabajar con HTML5 para simplificar el proceso de desarrollo de aplicaciones móviles. Las aplicaciones móviles HTML5 vienen con algunos problemas, sin embargo, incluyendo el rendimiento que no coincide con las aplicaciones nativas.

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

En las circunstancias adecuadas, las aplicaciones HTML5 le proporcionan a una empresa una alternativa sencilla para el desarrollo de aplicaciones nativas, especialmente a medida que emergen más marcos de desarrollo HTML5. Cualquier organización que enfrente la implementación de aplicaciones móviles a través de múltiples plataformas debería al menos considerar HTML5.

Pero las aplicaciones HTML5 no vienen sin retos. Ellas traen preocupaciones de rendimiento y seguridad y plantean cuestiones en torno a acceder a los datos y las interfaces nativas de programación de aplicaciones (APIs). La experiencia del usuario también puede sufrir con aplicaciones HTML5 en comparación con las aplicaciones nativas.

¿Qué es una aplicación HTML5?

Las aplicaciones HTML5 ofrecen un esquema de desarrollo donde las aplicaciones móviles se escriben una vez y se ejecutan en cualquier lugar. Son una colección de páginas web optimizadas para dispositivos móviles que aportan capacidades avanzadas para la transmisión de datos de video y audio, el manejo de gráficos y animación, y la prestación de soporte fuera de línea. También añaden elementos semánticos, controles de formulario y componentes multimedia, así como una serie de nuevas API que soportan los servicios de geolocalización, operaciones de arrastrar y soltar, almacenamiento de aplicaciones  locales en caché y mucho más.

HTML5 rara vez funciona por sí solo. La mayoría de las aplicaciones HTML5 integran hojas de estilo de cascada (Cascading Style Sheets, o CSS), que definen la forma en que los componentes HTML se visualizan dentro de un navegador, y JavaScript, que incluye las API para trabajar con texto, objetos y arrays. Todos los principales navegadores soportan estas tecnologías, por lo que es posible implementar aplicaciones basadas en Web a través de una amplia gama de dispositivos.

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

Los kits de herramientas de los marcos de trabajo para el desarrollo de aplicaciones móviles HTML5 contienen bibliotecas de archivos CSS y JavaScript que los desarrolladores pueden incluir en el código HTML. Los frameworks manejan muchos de los problemas que surgen con la creación de aplicaciones HTML5.

Por ejemplo, un buen marco puede manipular y reciclar elementos Document Object Model (DOM) para ayudar a mejorar el rendimiento. Los marcos también hacen que sea más fácil de poner en práctica la conducta que se basa en JavaScript, tales como transiciones de pantalla o listas de desplazamiento. Como resultado, es más fácil para los principiantes crear aplicaciones HTML5, porque muchas de las sutilezas de desarrollo ya fueron atendidas.

Todos los marcos son distintos, y los administradores de TI deben hacer su tarea antes de comprometerse con uno. Cada framework conlleva sus propias limitaciones y problemas que aparecen con frecuencia conforme una aplicación se hace más compleja.

Pequeñas diferencias en los dispositivos y navegadores afectan la forma en que una aplicación funciona en un entorno sobre el 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 cual puede afectar la experiencia del usuario (UX). A pesar de los problemas potenciales, los desarrolladores con formación y experiencia adecuada no deberían tener ningún problema para entregar aplicaciones basadas en Web seguras y de alto rendimiento.

Lo que hay que tener en cuenta al construir aplicaciones HTML5

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

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

Aplicaciones HTML5 frente a aplicaciones nativas

A diferencia de las aplicaciones HTML5, las aplicaciones nativas se basan en el idioma nativo de la plataforma en la que se ejecuta la aplicación. Y ahí está el reto con las aplicaciones nativas –cada plataforma requiere su propia aplicación, y algunas plataformas requieren diferentes versiones de una aplicación para soportar diferentes dispositivos en esa plataforma.

HTML5 es independiente de la plataforma. Siempre que los usuarios accedan a la aplicación a través de un navegador compatible con las capacidades de cada lenguaje, la aplicación debería realizar lo mismo a través de las plataformas. Además, los administradores tienen una sola base de código para mantener y un paquete para desplegar con HTML5. Pueden proporcionar correcciones de errores y actualizaciones cuando sea necesario e incluso realizar pruebas en vivo con sus usuarios, sin los problemas de distribución de las aplicaciones nativas.

A pesar de que HTML5 ha recorrido un largo camino, no puede competir con todas las capacidades nativas, tales como gestos multi-touch y una integración perfecta con los componentes incorporados en el dispositivo, tales como GPS. Las aplicaciones nativas también suelen ganar cuando se trata de rendimiento, porque son parte del código de la máquina. Las aplicaciones HTML5 pueden experimentar tiempos de carga largos si no han sido cuidadosamente diseñadas.

Además, las aplicaciones HTML5 están sujetas a los mismos riesgos que cualquier aplicación Web. Los desarrolladores deben protegerse contra los ataques cibernéticos, el uso indebido de la API y códigos maliciosos que acceden al dispositivo a través de Wi-Fi, Bluetooth o mensajes de texto.

Juntando las aplicaciones nativas y HTML5

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 abrir páginas en HTML alojadas localmente, mientras que conecta al dispositivo funciones como una aplicación nativa. Las aplicaciones híbridas pueden acceder a características como el calendario y los contactos, así como beneficiarse de una sola base de código que abarca varias plataformas.

De hecho, las aplicaciones híbridas pueden hacer casi cualquier cosa que pueden hacer las aplicaciones nativas, incluidas las operaciones de soporte fuera de línea y gestos multi-touch. Una aplicación híbrida puede incluso imitar la apariencia de una aplicación nativa. Sin embargo, las aplicaciones híbridas todavía no pueden desempeñarse tan bien como las aplicaciones nativas debido a las capas adicionales de abstracción.

Plataformas como PhoneGap han surgido para implementar aplicaciones móviles híbridas. El marco hace posible el desarrollo de aplicaciones móviles utilizando HTML, CSS y JavaScript, mientras que se ocupa de los detalles de implementación que participan en la entrega de aplicaciones a través de múltiples plataformas híbridas.

Inicie la conversación

Envíenme notificaciones cuando otros miembros comenten sobre este artículo.

Por favor cree un Nombre de usuario para poder comentar.

- ANUNCIOS POR GOOGLE

Close