1

TECNOLÓGIAS DE LA INFORMACIÓN Y COMUNICACIÓN

NIVEL Y CURSO

QUINTO “A”

MATERIA:

APLICACIÓN WEB 1

ESTUDIANTE:

MARIA BELEN LARA GOROZABEL

MAESTRO:

CRISTHIAN GUSTAVO MINAYA VERA

CHONE – MANABI – ECUADOR

2023
 2

1. INTRUDUCION a las Progressive Web Apps:

Las Progressive Web Apps (PWAs) son una innovadora tecnología que combina lo mejor

de las aplicaciones web y las aplicaciones móviles nativas para brindar una experiencia de

usuario más rica y avanzada en la web. Estas aplicaciones se han vuelto cada vez más populares

debido a su capacidad para ofrecer un rendimiento de alta calidad, incluso en dispositivos

móviles, y su facilidad de acceso a través de navegadores web modernos. A continuación, te

proporcionaré una introducción a las Progressive Web Apps:

DEFINICIÓN Y CONCEPTOS BASICOS:

Las Progressive Web Apps son aplicaciones web que se desarrollan utilizando tecnologías

web estándar, como HTML, CSS y JavaScript, pero ofrecen características normalmente

asociadas con las aplicaciones móviles nativas. Lo "progresivo" en el nombre se refiere a la

capacidad de funcionar en una amplia gama de dispositivos y navegadores, desde navegadores

web móviles hasta navegadores de escritorio, de manera progresiva, es decir, adaptándose a las

capacidades del dispositivo del usuario.

Las Progressive Web Apps (PWAs) son una evolución de las aplicaciones web que combinan lo

mejor de las aplicaciones móviles nativas y las aplicaciones web tradicionales. Se caracterizan

por su capacidad para ofrecer experiencias de usuario avanzadas y ricas en funcionalidad, al

tiempo que son accesibles directamente a través de navegadores web compatibles. Aquí hay

algunos conceptos clave:

 3

Progresivas: Las PWAs son progresivas en el sentido de que funcionan para cualquier usuario,

independientemente del navegador o dispositivo que utilicen. Esto significa que se adaptan a las

capacidades del dispositivo del usuario, lo que permite una amplia accesibilidad.

Conectividad independiente: Las PWAs pueden funcionar tanto en línea como fuera de línea.

Utilizan tecnologías llamadas "Service Workers" para almacenar en caché datos y permitir a los

usuarios acceder a la aplicación incluso sin una conexión activa a Internet.

Instalables: Los usuarios pueden "instalar" una PWA en sus dispositivos, lo que coloca un acceso

directo en la pantalla de inicio o el escritorio. Esto les permite acceder a la PWA con un solo clic,

similar a una aplicación nativa.

Actualizaciones automáticas: Las PWAs se actualizan de manera automática y silenciosa en

segundo plano. Esto asegura que los usuarios siempre tengan acceso a la última versión de la

aplicación.

Seguras: Las PWAs utilizan conexiones HTTPS para garantizar la seguridad de los datos y la

privacidad del usuario.

Ventajas de las PWAs en comparación con las aplicaciones móviles tradicionales :

Las PWAs ofrecen varias ventajas significativas en comparación con las aplicaciones móviles

nativas:

Accesibilidad multiplataforma: Las PWAs funcionan en diferentes plataformas y dispositivos, lo

que significa que no es necesario desarrollar aplicaciones específicas para iOS, Android y otros

sistemas operativos. Esto reduce el costo y la complejidad del desarrollo.

 4

Menor consumo de espacio: Las PWAs ocupan menos espacio en el dispositivo del usuario en

comparación con las aplicaciones nativas. Esto es especialmente beneficioso para dispositivos

con almacenamiento limitado.

Fácil mantenimiento: Las actualizaciones de las PWAs son más sencillas de gestionar, ya que se

realizan de forma automática y en segundo plano. Esto evita la necesidad de que los usuarios

descarguen actualizaciones manualmente.

SEO mejorado: Las PWAs son indexables por los motores de búsqueda, lo que mejora la

visibilidad en línea y facilita que los usuarios descubran la aplicación.

Rápida velocidad de carga: Las PWAs tienden a cargar más rápido que las aplicaciones nativas,

lo que mejora la experiencia del usuario.

Notificaciones push: Las PWAs pueden enviar notificaciones push a los usuarios, incluso cuando

la aplicación no está abierta. Esto es útil para la retención de usuarios y la interacción continua.

2. Tecnologías Fundamentales:

Las tecnologías fundamentales en Progressive Web Apps (PWAs)

incluyen HTML, CSS, JavaScript, Service Workers y manifestó

web. A continuación, te proporcionaré una descripción de cómo

estas tecnologías desempeñan un papel crucial en las PWAs:

HTML, CSS y JavaScript en PWAs:

HTML (Hypertext Markup Language): HTML es la base de

cualquier página web, incluidas las PWAs. Define la estructura y

 5

el contenido de la aplicación. En el caso de las PWAs, se utiliza

para crear la interfaz de usuario y definir la estructura de la

aplicación.

CSS (Cascading Style Sheets): CSS se utiliza para dar estilo y

formato a la aplicación. Permite definir la apariencia visual de la

PWA, lo que incluye la disposición de los elementos, colores,

fuentes y otros aspectos de diseño.

JavaScript: JavaScript es el lenguaje de programación esencial

para el desarrollo de la lógica y la interactividad de la PWA. Se

utiliza para agregar funcionalidades dinámicas, como validación

de formularios, interacción del usuario y comunicación con

servicios externos.

Service Workers y su papel en la funcionalidad offline:

Service Workers son scripts JavaScript que se ejecutan en

segundo plano y actúan como intermediarios entre la aplicación

web y el servidor. Su papel fundamental en las PWAs es habilitar

 6

la funcionalidad fuera de línea. Esto se logra mediante el

almacenamiento en caché de recursos esenciales, como archivos

HTML, CSS, JavaScript, imágenes y datos. Cuando el usuario

accede a la PWA, los Service Workers pueden interceptar las

solicitudes de red y, si es necesario, recuperar los recursos

desde la caché en lugar de la red. Esto permite que la PWA

funcione incluso cuando no hay una conexión activa a Internet, lo

que mejora la experiencia del usuario.

Manifestos web para la instalación de la aplicación:

El Web App Manifest es un archivo JSON que describe la

aplicación y sus propiedades. Esto incluye información como el

nombre de la aplicación, los íconos, el color de fondo, la

orientación preferida (vertical u horizontal), el punto de inicio y la

relación de aspecto. Este manifiesto proporciona metadatos

esenciales que se utilizan cuando los usuarios optan por

"instalar" la PWA en su dispositivo. Cuando se agrega a la

pantalla de inicio o al escritorio, la PWA utiliza esta información

para crear un acceso directo con la apariencia y el

comportamiento deseados, lo que brinda una experiencia similar

 7

a la de una aplicación nativa. El manifiesto web también permite

que la PWA se ejecute en un modo independiente, sin la interfaz

del navegador, lo que mejora aún más la experiencia del usuario.

3. Offline y Conectividad:

El trabajo sin conexión en Progressive Web Apps (PWAs) es una

característica esencial que permite a los usuarios seguir

utilizando la aplicación incluso cuando no tienen acceso a

Internet. Para habilitar el trabajo sin conexión en PWAs, se

utilizan estrategias de caché y sincronización de datos en

segundo plano. A continuación, profundicemos en estas

estrategias:

Trabajo sin conexión en PWAs:

Service Workers: Los Service Workers son scripts que se

ejecutan en segundo plano y permiten a las PWAs interactuar con

la red y el caché. Son fundamentales para habilitar el trabajo sin

conexión. Cuando un usuario visita una PWA por primera vez, el

Service Worker puede almacenar en caché recursos esenciales,

como archivos HTML, CSS, JavaScript, imágenes y datos.

 8

Estrategias de Caché para Mejorar el Rendimiento

Offline:

Caché de red: Con esta estrategia, la PWA intenta obtener

recursos de la red en primer lugar. Si no puede acceder a la red

(porque está sin conexión), buscará los recursos en la caché.

Esto asegura que los usuarios siempre obtengan la versión más

reciente de los recursos, pero requiere conectividad para la

primera carga.

Caché de red primero: En esta estrategia, la PWA primero intenta

cargar los recursos desde la red, pero si no puede, recurre al

caché. Esto garantiza una experiencia más rápida en línea, pero

aún permite el acceso sin conexión a través de la caché.

Caché de red con actualización en el fondo: En esta estrategia, la

PWA intenta cargar recursos desde la red primero, y al mismo

tiempo, actualiza los recursos en el caché en segundo plano.

Esto combina la ventaja de tener los recursos más recientes con

la posibilidad de acceder a la PWA sin conexión.

 9

Sincronización de Datos en Segundo Plano:

La sincronización de datos en segundo plano es una

característica que permite a las PWAs almacenar datos

localmente cuando los usuarios interactúan con la aplicación sin

conexión. Estos datos se guardan en un almacén local hasta que

el dispositivo recupera la conectividad. En ese momento, los

datos se sincronizan automáticamente con el servidor.

Los Service Workers son responsables de detectar cuándo la

PWA vuelve a estar en línea y activar eventos de sincronización

para enviar datos al servidor. Esto asegura que los datos estén

siempre actualizados y se mantengan consistentes entre el

dispositivo del usuario y el servidor, incluso si la PWA se usa en

modo sin conexión durante un período prolongado.

4. Seguridad y Privacidad:

HTTPS como requisito para PWAs:

HTTPS (Hypertext Transfer Protocol Secure) es esencial para la seguridad de las PWAs.

Las PWAs son aplicaciones web que pueden funcionar como aplicaciones nativas en

dispositivos móviles y escritorios, y es fundamental garantizar la seguridad de los datos y

la privacidad del usuario.

 10

Utilizar HTTPS asegura la encriptación de la comunicación entre el servidor y el cliente, lo

que protege los datos en tránsito de posibles ataques de intermediarios.

Los navegadores modernos requieren que las PWAs se carguen a través de conexiones

HTTPS para garantizar la seguridad y la integridad de los datos.

Almacenamiento seguro de datos:

Las PWAs a menudo requieren el almacenamiento de datos en el dispositivo del usuario

para funcionar de manera óptima, incluso cuando están sin conexión.

Algunas tecnologías de almacenamiento seguro de datos en PWAs incluyen IndexedDB

para bases de datos locales, Web Storage (localStorage y sessionStorage), y el uso de

Cache API para almacenar recursos en caché.

Es fundamental que los datos almacenados estén protegidos y cifrados, especialmente si

contienen información confidencial del usuario. La encriptación adecuada es crucial para

garantizar la privacidad y seguridad de los datos almacenados en el dispositivo.

Política de seguridad de contenido (CSP):

Una Política de Seguridad de Contenido (CSP) es una capa

adicional de seguridad que se puede aplicar a una PWA para

mitigar los riesgos de ataques de inyección de código (como

 11

ataques XSS - Cross-Site Scripting) y otros ataques de seguridad

web.

Una CSP define desde dónde se pueden cargar los recursos en

una página web, lo que ayuda a prevenir la ejecución de scripts o

recursos maliciosos.

Implementar una CSP adecuada es esencial para proteger a los

usuarios de posibles amenazas de seguridad y es una buena

práctica de seguridad en el desarrollo de PWAs.

5. Experiencia del Usuario:

La experiencia del usuario (UX) es un componente esencial en el desarrollo de

aplicaciones web progresivas (PWAs). A continuación, se detallan algunos aspectos clave

relacionados con la experiencia del usuario en el contexto de las PWAs:

Interfaz de usuario amigable y sensible:

Una interfaz de usuario amigable y receptiva es fundamental para una PWA exitosa. Los

usuarios deben sentirse cómodos y poder navegar fácilmente a través de la aplicación.

Asegúrate de que la interfaz de usuario esté diseñada de manera intuitiva y sea fácil de

usar en dispositivos móviles y de escritorio.

 12

Utiliza un diseño responsivo para garantizar que la PWA se adapte adecuadamente a

diferentes tamaños de pantalla, lo que mejora la usabilidad en dispositivos móviles y

tabletas.

Notificaciones push en PWAs:

Las notificaciones push son una característica poderosa en las PWAs que permiten a los

desarrolladores mantener a los usuarios comprometidos y brindar actualizaciones

importantes incluso cuando la aplicación no está abierta.

Asegúrate de que las notificaciones push sean relevantes y útiles para los usuarios. Evita

el exceso de notificaciones, ya que esto puede resultar molesto.

Los usuarios deben tener la capacidad de optar por recibir notificaciones push y poder

gestionar sus preferencias de notificación.

Optimización para dispositivos móviles:

Dado que las PWAs a menudo se utilizan en dispositivos móviles, la optimización para

estos dispositivos es fundamental.

Asegúrate de que la PWA sea rápida de cargar y que tenga un rendimiento suave en

dispositivos móviles con recursos limitados.

Considera el diseño móvil primero y utiliza prácticas de diseño responsivo para

garantizar que la PWA se adapte a diferentes tamaños de pantalla.

 13

Minimiza el uso de recursos, como imágenes pesadas o scripts innecesarios, para

mejorar la velocidad de carga en dispositivos móviles.

6. Instalación y Distribución:

La instalación y distribución de aplicaciones web progresivas (PWAs) es un aspecto clave

en su implementación y éxito. Aquí se detallan tres aspectos importantes relacionados

con la instalación y distribución de PWAs:

Añadir una PWA a la pantalla de inicio:

Uno de los beneficios principales de las PWAs es que los usuarios pueden "instalar" la

aplicación web en la pantalla de inicio de sus dispositivos móviles o escritorios, lo que les

brinda un acceso rápido y sin necesidad de descargarla desde una tienda de aplicaciones.

Para lograr esto, es importante que la PWA esté diseñada para ser instalable. Debe tener

un archivo de manifiesto (manifest) que describa la aplicación, incluyendo íconos,

colores y otros detalles.

Los usuarios pueden añadir la PWA a su pantalla de inicio haciendo clic en la opción de

"Agregar a pantalla de inicio" que proporciona el navegador web. Esta función varía

según el navegador.

Distribución de PWAs a través de tiendas de aplicaciones:

 14

Si bien las PWAs no requieren ser distribuidas a través de tiendas de aplicaciones,

algunas organizaciones optan por hacerlo para aprovechar las ventajas de las tiendas de

aplicaciones, como la visibilidad y la confianza del usuario.

Algunas tiendas de aplicaciones permiten la inclusión de PWAs, lo que facilita la

distribución a través de canales de aplicaciones tradicionales. Por ejemplo, la Microsoft

Store y la tienda de Chrome Web permiten la inclusión de PWAs.

Esto puede ser beneficioso si deseas llegar a una audiencia más amplia o si tus usuarios

esperan encontrar tu aplicación en una tienda de aplicaciones.

Estrategias de actualización automática:

Las actualizaciones son esenciales para mantener una PWA segura y con buen

rendimiento. Para garantizar actualizaciones sin problemas, puedes implementar

estrategias de actualización automática.

Service Workers, una tecnología fundamental en las PWAs, permiten la actualización

automática de recursos y código en segundo plano, lo que garantiza que los usuarios

siempre tengan la última versión de la aplicación sin necesidad de intervención manual.

Puedes configurar la frecuencia de comprobación de actualizaciones y asegurarte de que

los usuarios reciban notificaciones sobre las actualizaciones disponibles para

mantenerlos informados y fomentar la adopción de las últimas versiones.

7. Optimización y Rendimiento:
 15

La optimización y el rendimiento son aspectos críticos en el desarrollo de aplicaciones

web progresivas (PWAs). Aquí se detallan tres aspectos importantes relacionados con la

optimización y el rendimiento de las PWAs:

Estrategias de carga progresiva:

La carga progresiva es una técnica clave para mejorar la experiencia del usuario en

PWAs, ya que permite que la aplicación se cargue de manera más rápida y eficiente.

Algunas estrategias de carga progresiva incluyen la carga de recursos críticos primero, el

diferimiento de la carga de recursos no esenciales, y la implementación de "skeleton

screens" o "splash screens" que dan la sensación de carga inmediata.

Utiliza técnicas como el "lazy loading" para cargar imágenes y otros recursos solo cuando

son necesarios, lo que acelera la carga inicial de la PWA.

Mejoras en el rendimiento de la PWA:

El rendimiento es esencial para proporcionar una experiencia de usuario fluida. Aquí hay

algunas mejoras clave que puedes implementar:

Optimiza y comprime imágenes para reducir el tiempo de carga.

Minimiza el uso de JavaScript y CSS para acelerar la representación en el navegador.

Utiliza el almacenamiento en caché de recursos con Service Workers para reducir la

carga de red en visitas posteriores.

 16

Implementa una estrategia de precarga para anticipar las necesidades de recursos del

usuario.

Realiza pruebas de rendimiento periódicas para identificar y solucionar cuellos de botella

de rendimiento.

Pruebas y depuración en diferentes navegadores:

Las PWAs deben funcionar de manera consistente en diferentes navegadores y

plataformas. Para garantizar esto, es fundamental realizar pruebas exhaustivas en

diversos navegadores.

Utiliza herramientas de desarrollo web para inspeccionar y depurar tu PWA en

diferentes navegadores, como Chrome DevTools, Firefox DevTools, Edge DevTools, etc.

Asegúrate de que la PWA se comporte adecuadamente en navegadores móviles y de

escritorio, tanto en versiones actuales como en versiones anteriores.

Realiza pruebas de compatibilidad con diferentes sistemas operativos, como iOS y

Android.

8. Casos de Uso y Ejemplos:

Las aplicaciones web progresivas (PWAs) se han utilizado con éxito en diversas industrias

para brindar a los usuarios una experiencia confiable y enriquecedora.

ejemplos de PWAs en diferentes sectores:

 17

1. Twitter Lite: Twitter Lite es una PWA que proporciona una experiencia más rápida y

eficiente a los usuarios en comparación con la aplicación nativa. Funciona en dispositivos

móviles con conexiones lentas y ahorra datos, lo que es especialmente útil en mercados

emergentes donde la conectividad a Internet es limitada.

2. Starbucks: La PWA de Starbucks permite a los clientes realizar pedidos, pagar y buscar

ubicaciones cercanas. La PWA se carga rápidamente y ofrece una experiencia de usuario

similar a la de una aplicación nativa.

3. Lancôme: Lancôme, la marca de belleza, lanzó una PWA que ofrece consejos de

belleza, pruebas de productos y una experiencia de compra de alta calidad. La PWA se

carga rápidamente y funciona en dispositivos móviles y de escritorio.

4. Pinterest: La PWA de Pinterest permite a los usuarios explorar y guardar imágenes y

pines de manera eficiente. Ofrece notificaciones push y carga de manera progresiva para

una experiencia más rápida y fluida.

5. Flipkart: Flipkart, uno de los principales minoristas en línea de la India, optó por una

PWA para llegar a una audiencia más amplia. Su PWA es rápida y eficiente, lo que es

crucial en un mercado donde muchos usuarios tienen dispositivos móviles con recursos

limitados.
 18

6. Washington Post: El periódico Washington Post lanzó una PWA que ofrece contenido

de noticias de alta calidad de manera rápida y eficiente. La PWA es capaz de funcionar

sin conexión y proporciona una experiencia de usuario de primera clase.

7. AliExpress: AliExpress, el gigante minorista en línea, optó por una PWA para llegar a

mercados con conectividad limitada. La PWA carga rápidamente, ofrece notificaciones

push y es fácil de usar en dispositivos móviles.

8. BookMyShow: BookMyShow es una plataforma de venta de boletos en línea en la

India. Su PWA permite a los usuarios comprar entradas para películas, eventos y

espectáculos de manera eficiente, y se carga rápidamente en dispositivos móviles.

Estos ejemplos muestran cómo las PWAs se utilizan en una variedad de industrias para

mejorar la experiencia del usuario, llegar a audiencias más amplias y proporcionar un

rendimiento eficiente incluso en condiciones de conectividad limitada. Las PWAs han

demostrado ser una solución versátil y exitosa para muchas organizaciones.

9. Herramientas y Frameworks:

Existen varias herramientas de desarrollo y frameworks populares que facilitan la

creación y el desarrollo de aplicaciones web progresivas (PWAs). A continuación, se

mencionan algunas de estas herramientas y frameworks:

Herramientas de desarrollo para PWAs:

 19

Lighthouse: Lighthouse es una herramienta de auditoría de código abierto desarrollada

por Google. Se ejecuta como una extensión de Chrome o en línea y analiza tu PWA en

busca de problemas de rendimiento, accesibilidad, mejores prácticas, SEO y más.

Proporciona sugerencias detalladas para mejorar la calidad de tu PWA.

Workbox: Workbox es una biblioteca de JavaScript creada por Google que simplifica la

implementación de Service Workers en PWAs. Facilita la gestión de la estrategia de

caché y el precargado de recursos, lo que es esencial para el rendimiento de una PWA.

Webpack: Webpack es un empaquetador de módulos que se utiliza comúnmente en el

desarrollo de PWAs para administrar y optimizar los recursos de la aplicación, como

HTML, JavaScript, CSS y archivos de imagen.

Service Worker Toolbox: Esta es otra biblioteca de JavaScript que simplifica la creación y

gestión de Service Workers en PWAs. Ofrece una serie de utilidades útiles para el

precache, la estrategia de caché y las rutas de URL.

Frameworks populares para crear PWAs:

React: React es una biblioteca de JavaScript para crear interfaces de usuario. Puedes

utilizar React junto con herramientas como Create React App o Next.js para desarrollar

PWAs de manera eficiente. React ofrece una gran flexibilidad y una comunidad activa.
 20

Angular: Angular es un framework de desarrollo de aplicaciones web de Google.

Proporciona un conjunto de herramientas y características para construir aplicaciones

web progresivas de alto rendimiento. Angular Service Worker facilita la creación de

PWAs.

Vue.js: Vue.js es otro framework de JavaScript que es muy popular para el desarrollo de

PWAs. Puedes usar Vue.js junto con Vue CLI o Nuxt.js para crear aplicaciones web

progresivas con una curva de aprendizaje relativamente baja.

Preact: Preact es una alternativa más ligera a React que se enfoca en el rendimiento. Es

una excelente elección para desarrollar PWAs rápidas y eficientes, especialmente en

dispositivos móviles.

Svelte: Svelte es un framework de construcción de interfaces de usuario que compila a

código JavaScript altamente optimizado. Es adecuado para el desarrollo de PWAs que

buscan un rendimiento excepcional.

Ionic: Ionic es un framework de desarrollo de aplicaciones móviles que permite la

creación de PWAs y aplicaciones móviles nativas utilizando tecnologías web como HTML,

CSS y JavaScript. Es una opción sólida para el desarrollo multiplataforma.

Estas herramientas y frameworks ofrecen diversas opciones para desarrollar PWAs de

alta calidad, desde auditorías de rendimiento hasta una amplia gama de opciones de
 21

desarrollo. La elección de la herramienta o framework depende de tus necesidades

específicas y preferencias de desarrollo.

10. Futuro de las Progressive Web Apps:

El futuro de las Progressive Web Apps (PWAs) es muy prometedor, ya que continúan

evolucionando y desempeñando un papel importante en el ecosistema de aplicaciones.

Aquí se describen algunas tendencias y áreas de desarrollo futuro para las PWAs:

1. Evolución de las tecnologías PWA:

WebAssembly (Wasm): WebAssembly es una tecnología que permite ejecutar código de

alto rendimiento escrito en lenguajes como C, C++, y Rust en navegadores web. A

medida que Wasm se desarrolla aún más, las PWAs podrán ofrecer experiencias más

rápidas y sofisticadas.

APIs y funcionalidades avanzadas: Las PWAs continuarán aprovechando las nuevas APIs

y funcionalidades web, como las API de hardware, geolocalización, sensores y

dispositivos, para brindar experiencias más ricas y centradas en el usuario.

Mejoras en la seguridad: La seguridad seguirá siendo una preocupación fundamental. Se

esperan mejoras en la seguridad de las PWAs, como la protección contra ataques

cibernéticos y la gestión de credenciales.

 22

Optimización de rendimiento: Las PWAs se esforzarán por mejorar el rendimiento en

una variedad de dispositivos y conexiones de red. Esto incluirá la optimización de

tiempos de carga, la administración de recursos y la reducción del consumo de datos.

2. Integración de PWAs en el ecosistema de aplicaciones:

Tiendas de aplicaciones: A medida que las tiendas de aplicaciones como Google Play y

Microsoft Store admiten PWAs, la integración de estas aplicaciones web en el

ecosistema de aplicaciones móviles se volverá más fluida. Los usuarios podrán descubrir

y agregar PWAs a su pantalla de inicio directamente desde las tiendas.

Funcionalidades offline y notificaciones push: La funcionalidad sin conexión y las

notificaciones push seguirán mejorando en PWAs, lo que permitirá a las empresas llegar

a sus usuarios incluso cuando no estén en línea.

Mejora de la experiencia del usuario: La experiencia del usuario en PWAs se seguirá

mejorando con interacciones más suaves, animaciones atractivas y un aspecto y

sensación más cercanos a las aplicaciones nativas.

Acceso a hardware y sensores: Las PWAs tendrán un mayor acceso a los sensores y

hardware del dispositivo, lo que permitirá experiencias más personalizadas y ricas en

funciones.
 23

3. Estándares web y compatibilidad: La adopción de estándares web y la compatibilidad

entre navegadores serán fundamentales para el éxito de las PWAs en el futuro. A

medida que los navegadores sigan implementando características comunes y

estandarizadas, será más fácil desarrollar y mantener PWAs que funcionen de manera

consistente en múltiples plataformas.

Las PWAs están en constante evolución y se espera que desempeñen un papel cada vez

más importante en el ecosistema de aplicaciones. Su capacidad para ofrecer

experiencias rápidas, seguras y eficientes en una variedad de dispositivos y plataformas

las hace una opción atractiva tanto para empresas como para desarrolladores. El futuro

de las PWAs promete un mayor crecimiento y adopción a medida que se desarrollan

nuevas tecnologías y se integran aún más en el mundo de las aplicaciones móviles y web.

CONCLUSIONES:

 Las PWAs ofrecen ventajas significativas, como la accesibilidad sin necesidad de

descargar, instalación sencilla y actualizaciones automáticas, lo que las hace más

convenientes para los usuarios. Su menor consumo de recursos y capacidad para

funcionar en múltiples plataformas las convierten en una opción económica y

eficiente para las empresas. La capacidad de trabajar sin conexión y

notificaciones push mejoran la retención de usuarios y la interacción.

 Las PWAs se basan en tecnologías web ampliamente conocidas, lo que facilita su

desarrollo y mantenimiento.
 24

HTML proporciona la estructura, CSS controla el diseño y JavaScript ofrece la

funcionalidad interactiva en una PWA.

 las Progressive Web Apps (PWAs) combinan seguridad, facilidad de uso y

rendimiento, junto con herramientas y estándares modernos, lo que las

convierte en una solución versátil y prometedora para aplicaciones web. Su

futuro incluye una evolución tecnológica continua y una mayor integración en el

ecosistema de aplicaciones, lo que las hace una opción cada vez más atractiva

para desarrolladores y empresas.

BIBLIOGRAFÍA:

 https://training.genexus.com/es/aprendiendo/pdf/aplicaciones-web-progresivas-

pwa-introduccion-pdf-6104543

 https://concepto.de/tecnologia/

 https://www.iebschool.com/blog/progressive-web-apps-analitica-usabilidad/

 https://www.tokioschool.com/noticias/progressive-web-app/

 https://www.xataka.com/basics/que-es-una-aplicacion-web-progresiva-o-pwa

 https://www.ttandem.com/blog/desarrollo-que-son-las-pwa-o-progressive-web-

applications/ventajas-y-desventajas-de-las-pwa/#:~:text=Las%20PWA%20son

%20id%C3%B3neas%20para,permite%20crear%20sitios%20muy%20complejos.