Progressive WebApps

Ya entrados en el 2017, os traigo 1 nuevo concepto que se que va a hacerse un hueco durante este año porque ya empiezan a sonar entre los desarrolladores, «Progressive WebApps» o PWAs

Durante los últimos años en el desarrollo móvil hemos ido pasando por distintas etapas

  • apps nativas: se usaba el lenguaje dependiente de la plataforma. Nos permitia aprovechar al máximo el hardware del dispositivo en nuestra app
  • web apps: código HTML5 + javascript para crear una web en forma de app. Util si nuestra app era sencilla y no necesitaba caracteristicas del telefono.
  • apps híbridas: con PhoneGap y despues ApacheCordova se nos permitió crear apps para distintas plataformas usando una única tecnologia

Bien, pues parece que ahora es el turno de las Progressive Web Apps (PWAs).

Progressive Web App

Que son Progressive Web App

Se define este nuevo concepto de muchas maneras

Según Google

Progressive Web Apps are user experiences that have the reach of the web, and are: Reliable, Fast, Engaging

Según Ionic

A Progressive Web App (PWA) is a web app that uses modern web capabilities to deliver an app-like experience to users.

Es decir, es un conjunto de estándares en donde se mezcla lo mejor del mundo web y lo mejor del mundo movil. Lo que pretenden es que a partir de tecnologias web, nuestra app sea lo más parecida a una app nativa consiguiendo los siguientes objetivos

  • Mejor rendimiento posible y que su carga sea inmediata
  • Aspecto lo más parecido posible a una app nativa
  • Permitir trabajar sin conexión
  • Envio de notificaciones como si fuese nativa

Caracteristicas de una Progressive Web App

  • Progresiva: Debe funcionar en cualquier dispositivo o sistema operativo mejorando su uso de forma progresiva a medida que el usuario lo utilice
  • Descubrible: Se debe permitir a los buscadores encontrarlas. Se consigue con el registro de ServiceWorkers y el Manifiesto W3C
  • Linkable o Enlazable: A partir de una url se debe poder compartir
  • Responsive: Se debe ajustar a cualquier dispositivo (movil, tablet, escritorio, navegador … )
  • App-like: Se debe construir como una app nativa, utilizando el modelo de shell
  • Independiente de la conexion: Se nos debe permitir utilizar aunque no tengamos conexión o conexión limitada. Se consigue con Service Workers
  • Instalable: No es necesario una tienda para su instalacion. Se utilizan accesos directos en la pantalla de nuestro dispositivo
  • Fresca: Siempre estará actualizada gracias a los ServiceWorkers
  • Segura: Utiliza Https
pwa

Progressive Web App

Casos de estudio

Os dejo varias apps creadas siguiendo el modelo Progressive Web App

  1. FlipKart
  2. AirBerlin
  3. Listado de varios casos de uso : (AliExpress, Telegram, ChromeStatus …)

Conclusiones

Si las Progressive Web App ganan terreno a las apps nativas durante este 2017, veo que el desarrollo web volverá a estar entre los puestos más demandados en las ofertas de trabajo.

Javascript seguirá creciendo como lenguaje sin lugar a dudas.

Los ServiceWorkers tienen un potencial enorme en el desarrollo web, sin embargo no están del todo estandarizados en todos los  navegadores. A dia de hoy solo Chrome y Firefox los soportan.

Una Progressive Web App depende mucho de un ServiceWorker, ¿qué pasará entonces con usuarios de Safari?

Hablábamos en las caracteristicas, que tenia que ser descubrible por los buscadores y para ello necesitabamos un manifiesto W3C. A dia de hoy solo Chrome nos ofrece este soporte a traves de un fichero json incuido en la cabecera de nuestra web.

Por todo ello pienso que las Progressive Web Apps, no están listas aún pero vendrán pisando fuerte durante todo este año y si no el tiempo ….

 

 

Post By Rocio Muñoz (37 Posts)

Ingeniera Informatica. Dicen que todos los niños nacen con un pan debajo del brazo ... Yo creo que llevaba un ordenador. Trabajo como programadora en Cic en entornos Java. Apasionada del mundo web y la innovacion social.

Connect

No comments yet.

Deja un comentario

Leave your opinion here. Please be nice. Your Email address will be kept private.

Este sitio web utiliza cookies para que usted tenga la mejor experiencia de usuario. Si continúa navegando está dando su consentimiento para la aceptación de las mencionadas cookies y la aceptación de nuestra política de cookies, pinche el enlace para mayor información.plugin cookies

ACEPTAR
Aviso de cookies
Translate »