Artículo

¿Qué es una aplicación HTML5? ¿Quiero una?

protection click fraud

¿Has oído? Las aplicaciones HTML5 lo cambiarán todo, probablemente siguiente año. Al menos eso es lo que ha estado diciendo un lado del debate sobre HTML5 versus aplicaciones nativas durante un tiempo. Es un mensaje que llega a ser el centro de atención de vez en cuando, y será así para siempre. O al menos hasta que realmente suceda y todas las mejores aplicaciones sean aplicaciones HTML5. No es inusual ver a los desarrolladores tener este tipo de debates y defensores de cada lado explicando cómo su versión es la mejor versión, pero cuando las cosas van más allá de una discusión con el desarrollador y pasan a la corriente principal donde tú y yo las escuchamos, entumecido. ¿Deberíamos realmente preocuparnos por lo que estamos escuchando?

En este caso sí. Si bien la utopía en la que todas las aplicaciones están escritas en HTML5 y todos los usuarios tienen la misma experiencia aún está muy lejos Si Siempre sucede, HTML5 en una forma híbrida ya es un gran problema. Debemos saber y comprender cualquier cosa que sea importante.

Verizon ofrece Pixel 4a por solo $ 10 / mes en nuevas líneas ilimitadas

¿Qué es una aplicación HTML5?

La primera vez que la mayoría de la gente escuchó que se mencionaba HTML5 fue cuando Steve Jobs nos lo dijo a todos sería el futuro de la web y Flash no lo haría. Su declaración se hizo cierta en parte porque Apple bloqueó el acceso a cualquier tipo de reproductor Flash en iOS, pero No hacía falta ser un visionario de ningún tipo para saber que esto iba a suceder porque HTML5 tiene mucho más a su favor que Flash. alguna vez lo hizo. Y da la casualidad de que el futuro de la web también es una forma bastante buena de codificar aplicaciones.

HTML significa HyperText Markup Language y estamos en la quinta revisión del estándar. Pero cuando escuchas el término aplicación HTML5, ya sea una aplicación web o una aplicación que puedes instalar en tu teléfono, realmente estás tratando con tres tipos de código.

  • HTML proporciona un marco donde los desarrolladores pueden poner su código y una aplicación puede convertirlo en algo que podamos ver e interactuar.
  • CSS proporciona una forma de diseñar cómo se verán los bits individuales de código una vez que se representen y se muestren en nuestra pantalla.
  • JavaScript es lo que hace que todo sea interactivo y pueda "hacer" cualquier cosa.

Lo que hace que HTML5 sea genial es que todo lo entiende una aplicación que un desarrollador de aplicaciones no necesita mantenimiento y todo funciona en cualquier dispositivo con una pantalla que tenga su propia versión de eso aplicación. Estamos hablando de un navegador web, pero no de la aplicación del navegador web en sí. El componente de un navegador web que puede tomar todo este código y convertirlo en algo que podamos usar sobre la marcha es bastante portátil y forma parte de muchas aplicaciones que ya usas como vista web.

Un ingeniero de Mozilla dijo una vez: "El código una vez que se ejecuta en cualquier lugar no significa huir. La optimización es la clave ". Chicos inteligentes, esos ingenieros de Mozilla.

Lo que esto significa es que un desarrollador puede escribir su código y ajustarlo, luego implementarlo En todas partes. Eso es muy diferente a escribir código separado para Android, iOS, macOS, Windows y HTML para webOS y BlackBerry 10. Un desarrollador puede escribir código utilizando cualquier entorno de desarrollo que elija, ya sea el Bloc de notas o algo complejo. como Visual Studio o Adobe Dreamweaver, depúralo y ajústalo en el navegador que elijan, y seguirá funcionando En todas partes.

Eso también incluye tu teléfono. Todos hemos visto aplicaciones HTML5 que se utilizan como página web. Lugares como Twitter o la versión móvil de Gmail son excelentes ejemplos de HTML5 en funcionamiento. Pero dado que HTML5 puede ser renderizado por un componente de vista web, colocar una ventana dentro de un marco de aplicación básico para crear una aplicación que realmente instale en su teléfono es simple y rápido. Incluso hay herramientas de terceros que hacen todo el trabajo por usted, como Apache Córdova. Esto ayuda a los nuevos desarrolladores a llevar sus ideas a todos, así como a los desarrolladores experimentados que ahora tienen tiempo para soñar cosas que no hemos visto antes. HTML5 incrustado en una aplicación nativa puede ejecutar el código y usar activos que obtiene de Internet, pero un El desarrollador también puede instalarlos localmente y apuntar el código allí para que sea honesto fuera de línea. aplicaciones nativas.

Pero no todo es genial en HTML5.

La realidad de las aplicaciones HTML5

Aquí es donde las cosas pueden volverse confusas. Cuando pensamos en una página web, a menudo olvidamos que una página web solo envía su código a un motor de navegador y es nuestro dispositivo el que hace el trabajo. Eso significa que cosas como la geolocalización, el chat de audio y video en tiempo real, los gráficos 3D acelerados y mucho más, no solo son posibles, sino que también son simples de implementar para un desarrollador usando HTML5. Eso es porque un organismo de estándares ha dicho: "Hola chicos, todos tenemos que hacer esto de esta manera en particular, y un desarrollador puede pedirnos que lo hagamos así".

De todos modos, ese es el objetivo. La realidad puede ser un poco diferente, y solo necesitamos mirar la reproducción de video para ver un gran ejemplo de por qué. Todos los navegadores que desee utilizar admiten HTML5: Chrome, Opera, Internet Explorer, Edge, Firefox y Safari son navegadores HTML5 y admiten la reproducción de video una vez que un desarrollador escribe solo unas pocas palabras que apuntan a un vídeo. Cualquier tipo de componente de vista web portátil que tengan estas aplicaciones hará lo mismo porque usan el mismo motor de renderizado.

Cuando no hace cumplir las reglas, se convierten en sugerencias; los que nadie quiere seguir.

Pero no todos admiten el mismo tipo de video porque HTML5 es multiplataforma, abierto y no propietario, por lo que nadie los obliga a admitir todos los formatos. Ogg Theora es un formato de video popular que todos los navegadores admiten, excepto Internet Explorer, que es el navegador predeterminado en muchas computadoras. H.264 es aún más popular, pero no está abierto ni es de uso gratuito, por lo que Firefox no lo admite. VP8 y WebM son de uso y apertura gratuitos y todos los motores de navegador los admiten, pero Internet Explorer y Safari requieren que el usuario obtenga e instale soporte. Técnicamente, HTML5 admite la reproducción de video HD y es muy fácil para un desarrollador implementarlo. En el mundo real, solo el Correcto se admite el tipo de video.

YouTube reproduce todos los videos con HTML5 porque Google tiene el dinero para convertir los videos que subes.

HTML5 también depende del hardware que se utilice y de la competencia del desarrollador a la hora de escribir el código. La elección de la biblioteca JavaScript incorrecta puede producir el mismo resultado, pero también puede provocar pérdidas de memoria y manejar la manipulación DOM (modelo de objetos de documento - creado cuando una página o aplicación se carga e incluye todos los elementos de la página o de la aplicación como un "documento" separado) de manera deficiente, puede hacer que una aplicación HTML5 sea frustrantemente lenta incluso en los mejores hardware. En los teléfonos que no son tan capaces, rápidamente lleva a los usuarios a desinstalar su aplicación.

Ese no es el único problema. Cuando crea una aplicación HTML5 que extrae todo de Internet, tiene que lidiar con los tiempos de carga. Eso agrega la velocidad de conexión de un usuario a la lista de cosas que pueden hacer que su aplicación se ejecute lentamente, junto con la capacidades físicas del hardware (muchos teléfonos usan procesadores que no son exactamente rápidos) y código mejoramiento. Si tarda un segundo en mostrar su código en el dispositivo de un usuario y 10 segundos en buscarlo de Internet, tendrá muchos usuarios descontentos.

La aplicación de Facebook es un ejemplo de lo que está mal con HTML5, así como Instagram es un ejemplo de lo que está bien.

Hay un excelente ejemplo de esto disponible, y es uno con el que casi todos no estamos contentos sin importar el tipo de teléfono que usemos: la aplicación de Facebook. La aplicación de Facebook es básicamente una vista web incrustada en un marco que contiene los botones y ayuda a administrar las credenciales de su cuenta o enviar mensajes de una manera que apruebe el sistema operativo. Todo lo que sucede dentro de la aplicación se hace con HTML5, y es demasiado para que lo maneje una vez que tiene en cuenta la obtención de todos sus datos de Internet. Los desarrolladores siguen agregando más y más a Facebook, los usuarios publican archivos grandes alojados en lugares fuera de Facebook, y hay millones y millones de personas que acceden a los servidores de Facebook en una vez, 24 horas al día, 7 días a la semana. Eso hace que las aplicaciones se actualicen lentamente, tengan mucha energía y sean objeto de muchas quejas.

El sitio web móvil de Facebook también está escrito en HTML5, pero está diseñado para tener pocos recursos porque es para móvil utilizar. Eso hace que sea más rápido cargar el contenido que desea ver, incluso si todo ese contenido no se muestra tan bien como en la vista completa. También es la razón por la que el sitio móvil y las aplicaciones "lite" de Facebook que hacen referencia a él funcionan mucho mejor que la aplicación oficial de Facebook. Y esto no es solo un problema de Facebook: hay muchas aplicaciones que tendrían todas sus funciones compatibles con HTML5, pero son tan complejo (una buena palabra para hinchado porque han existido por un tiempo y están cambiando constantemente) como Facebook y actuarían de la misma manera.

Entonces, ¿quiero ver más aplicaciones HTML5 o no?

¡Si! Pero no todas aplicaciones.

HTML5 es realmente bueno en muchas cosas y es una excelente manera para que un desarrollador use su tiempo para pensar en ideas creativas en lugar de buscar en un manual de referencia de Objective-C o C ++. Pero a veces, la estructura rígida de los lenguajes de desarrollo que obligan a un desarrollador a hacer las cosas de cierta manera es lo que hace que el resultado final funcione mejor en nuestros teléfonos.

Las aplicaciones HTML5 pueden ser una pesadilla como vemos en la aplicación de Facebook o pueden ser bastante impresionantes como vemos en el sitio móvil de Gmail. O Uber. O en Instagram. O cualquiera de los cientos de aplicaciones HTML5 que usamos todos los días. Eso no es una cosa nosotros debería tener de qué preocuparse, pero es algo que los desarrolladores deben debatir sin cesar. Y ahora, mientras debaten y tratan de convencerte de cuál es mejor, sabes un poco por qué están diciendo las cosas que están diciendo.

Podemos ganar una comisión por compras usando nuestros enlaces. Aprende más.

Estos son los mejores auriculares inalámbricos que puede comprar a cualquier precio.
¡Es hora de cortar el cordón!

Estos son los mejores auriculares inalámbricos que puede comprar a cualquier precio.

Los mejores auriculares inalámbricos son cómodos, suenan muy bien, no cuestan demasiado y caben fácilmente en un bolsillo.

Todo lo que necesita saber sobre la PS5: fecha de lanzamiento, precio y más
Próxima generación

Todo lo que necesita saber sobre la PS5: fecha de lanzamiento, precio y más.

Sony ha confirmado oficialmente que está trabajando en PlayStation 5. Aquí está todo lo que sabemos hasta ahora.

Nokia lanza dos nuevos teléfonos Android One económicos por menos de $ 200
Nuevos Nokias

Nokia lanza dos nuevos teléfonos Android One económicos por menos de $ 200.

Nokia 2.4 y Nokia 3.4 son las últimas incorporaciones a la línea de teléfonos inteligentes económicos de HMD Global. Dado que ambos son dispositivos Android One, se garantiza que recibirán dos actualizaciones importantes del sistema operativo y actualizaciones de seguridad periódicas durante un máximo de tres años.

Dale sabor a tu teléfono inteligente o tableta con los mejores paquetes de íconos para Android
tema usted mismo

Dale sabor a tu teléfono inteligente o tableta con los mejores paquetes de iconos para Android.

Poder personalizar su dispositivo es fantástico, ya que ayuda a que su dispositivo sea aún más "suyo". Con el poder de Android, puede usar lanzadores de terceros para agregar temas de íconos personalizados y estos son solo algunos de nuestros favoritos.

instagram story viewer