Salud

Aplicaciones Web Progresivas (PWAs) para empresas

Las aplicaciones web progresivas (PWA), incluyen todas aquellas aplicaciones web que utilizan las últimas tecnologías disponibles en los navegadores para ofrecer una experiencia en móviles lo más parecida a la de una appnativa.

25/10/2021

Inicios de las apps y qué es una PWA

Se puede decir que el nacimiento de las apps data del 2007, con el lanzamiento del primer Iphone al mercado. Pero en este momento, no existían las aplicaciones nativas de terceros, por lo que la única forma de usar aplicaciones de terceros era a través de aplicaciones web, para ello debías de conectarte a través de Safari a una URL.

Es decir el primer planteamiento de Apple fue que todas las Apps fueran PWA. Pero el limitante fué la conexión. En aquella época no existía ni siquiera 3G, por lo que toda la App en la nube era limitante por la velocidad de conexión

Tras esta introducción parece quedar claro que es una PWA, pero si aún quedan dudas, a continuación os explicamos al detalle que son las PWA, sus ventajas y desventajas frente a las apps nativas y os mostramos algunos ejemplo de de PWA desarrolladas por el equipo de GooApps.

¿Qué son las PWA (Aplicaciones Web Progresivas)?



Las PWAs, que se refiere a las Aplicaciones Web Progressivas o Progressive Web Apps en sus siglas en inglés, incluyen todas aquellas aplicaciones web que utilizan las últimas tecnologías disponibles en los navegadores para ofrecer una experiencia en móviles lo más parecida a la de una aplicación nativa.

¿Cuáles son los principios de las PWA?

- Progresivas: funciona para todos los usuarios, sin importar la elección de navegador, porque está construida con mejora progresiva como principio central.

- Adaptables: se adapta a cualquier factor de formulario, sea escritorio, móvil, tablet o lo que venga en el futuro.

- Independientes de la conectividad: mejorada con service workers para trabajar sin conexión o con redes de mala calidad.

- Estilo app: al usuario le parece una app con interacciones y navegación estilo app, porque está construida con modelo de shell de app.

- Fresca: siempre actualizada gracias al proceso de actualización de service worker.

- Segura: emitida vía HTTPS para evitar intromisiones y para garantizar que el contenido no se haya manipulado.

- Descubrible: se puede identificar como "app" gracias al manifiesto W3C y al alcance de registro de service worker, lo que permite que los motores de búsqueda la encuentren.

- Posibilidad de volver a interactuar: facilita la posibilidad de volver a interactuar a través de funciones como notificaciones push.

- Instalable: les permite a los usuarios "conservar" las apps que les resultan más útiles en su pantalla principal sin la molestia de una tienda de app.

- Vinculable : se puede compartir fácilmente via URL, no requiere instalación compleja.

Galeria de Imagenes

PWA vs Apps nativas: Ventajas y Desventajas.

Ventajas respecto las Apps:

- Tiempo de Descarga:
El tiempo de descarga de la app nativa es superior al de la PWA. La app nativa ha tardado 15 segundos en descargarse en el market y unos 25 segundos en instalarse en el dispositivo.

Sin embargo, la PWA ha tardado unos 5 segundos en descargarse e instalarse.
Esta gran diferencia se debe a que la app nativa descarga todos los recursos estáticos que va a necesitar (imágenes, pantallas, etc) y la PWA sólo requiere la estructura básica y va descargando el contenido a medida que le hace falta.

- Tamaño que ocupan en el dispositivo:
La app nativa, descargada de las stores ocupan mucho más espacios que las PWA. Sin embargo el tamaño de la PWA se irá incrementando a medida que usemos la app, ya que irá cacheando algunos recursos. Pero aún así el tamaño de la PWA siempre será menor que la app nativa.

-Conectividad:
Si se pierde la conexión a internet, ambas apps te avisan de forma similar

-Interfaz:
Las PWA son mucho más fáciles de visualizar en dispositivos de diferentes tamaños.

-Acceso al hardware de los dispositivos:
Las PWA en este aspecto han evolucionado mucho por lo que cada vez es mucho más fácil acceder a hardware como BT, GPS, Cámara, micrófono.

Desventajas que tienen frente a las apps nativas:

- No aparecen en una store
- Algunos navegadores no tienen soporte 100%, por lo que podría funcionar de forma incorrecta.
- No se deben implementar para todo tipo de caso de uso, sobre todo cuando se requiere acceso a hardware específico.
- La experiencia de usuario muchas veces se no es la de una apps nativa, pero sí que es muy buena y fluida

En cuestión de tiempo ¿Se tarda más en desarrollar una PWA o una App Nativa?

En cuanto a tiempo, se emplea menos tiempo en desarrollar una PWA respecto a una app nativa debido a:
- Se encuenta equipos de desarrollo mucho más fácil
- El proceso de deployment en los servidores es mucho más sencillo
- El mantenimiento y soporte es un proceso más sencillo y corto que en las apps nativas
- Los usuarios siempre tienen la última versión actualizada al instante.
- Las tecnologías de desarrollo son menos complejas.

En cuestión de tecnología ¿Para nuestro equipo son más fáciles o difíciles de desarrollar?
En cuanto a tecnologías para los desarrolladores son muchas más fáciles de desarrollar ya que se utilizan tecnologías como Html, Css, JavaScript que son conocidas en el desarrollo de páginas web tradicionales, por lo que será más fácil encontrar equipo de desarrollo especializado.

También el proceso de despliegue es mucho más fácil que aplicaciones nativas.

¿Para qué tipo de empresas se recomienda una PWA en lugar de una app?



A día de hoy son muchas las empresas que cada vez se suman más a tener sus soluciones en este tipo de soluciones, por lo que es viable para cualquier empresa que no requiera acceso específico de hardware en su negocio.
Por lo que podemos recomendar este tipo de desarrollo PWA a cualquier empresa que requiere digitalizar sus procesos o información.

Contacta con nosotros si quieres que te ayudemos a llevar a cabo tu proyecto



Ejemplos de PWA desarrolladas por el equipo de GooApps:


- Todo irá bien -> https://todoirabien.goomedical.es/#/tabs/1/inicio
- Total food control ->https://www.proacciona.es/
- GooCheck -> http://goocheck.es/

Si tu quieres realizar una PWA para tu empresa no dudes en contactar con nosotros

Al dar OK aceptas nuestra política de privacidad.