Ejemplos de aplicaciones web progresivas
Contenidos
Las aplicaciones web son el motor de las empresas actuales. Desde el software de productividad hasta las herramientas de marketing y atención al cliente, las aplicaciones web nos permiten realizar el trabajo de forma rápida y eficaz, tanto si trabajamos en la oficina como a distancia. Esto es lo que hay que saber sobre las aplicaciones web, con algunos ejemplos de aplicaciones web que ilustran el poder de estas herramientas.
Una aplicación web es una aplicación que utiliza un navegador web como interfaz de usuario. Se basan en el acceso a Internet y pueden iniciarse en cualquier dispositivo, incluido un ordenador de sobremesa o en el navegador de un dispositivo móvil en un teléfono o una tableta. Las aplicaciones web están diseñadas para ser receptivas, por lo que se ajustan para verse bien en cualquier dispositivo y, al igual que una aplicación móvil, están diseñadas para ser interactivas. Las aplicaciones web son más económicas y rápidas de crear que las aplicaciones móviles. Sin embargo, tienen algunas limitaciones, como la imposibilidad de utilizar las funciones nativas de los dispositivos.
Las aplicaciones web sirven para facilitar la comunicación bidireccional entre las empresas y sus clientes. Pueden ser independientes o incluso formar parte de un sitio web más amplio. Un formulario de contacto es un ejemplo de aplicación web sencilla, en la que un usuario introduce información para inscribirse en la lista de correo de una empresa. Otros ejemplos de aplicaciones web que pueden formar parte de un sitio web o ser independientes son un carrito de la compra y un sistema de gestión de contenidos. Las aplicaciones web pueden compartir información con cualquier dispositivo, y pueden servir para una variedad de funciones, incluyendo la generación de informes, la manipulación de imágenes y la ejecución de cálculos.
Limitaciones de las aplicaciones web
Al visitar una aplicación creada con la plantilla PWA, los usuarios tienen la opción de instalar la aplicación en el menú de inicio, el dock o la pantalla de inicio de su sistema operativo. La forma en que se presenta esta opción depende del navegador del usuario. Cuando se utilizan navegadores de escritorio basados en Chromium, como Edge o Chrome, aparece un botón Añadir dentro de la barra de URL. Una vez que el usuario selecciona el botón Añadir, recibe un diálogo de confirmación:
En iOS, los visitantes pueden instalar la PWA utilizando el botón Compartir de Safari y su opción Añadir a la pantalla de inicio. En Chrome para Android, los usuarios deben seleccionar el botón Menú en la esquina superior derecha, seguido de Añadir a la pantalla de inicio.
Para personalizar el título de la ventana, la combinación de colores, el icono u otros detalles, consulte el archivo manifest.json en el directorio wwwroot del proyecto. El esquema de este archivo está definido por los estándares web. Para más información, consulte los documentos web de MDN: Web App Manifest.
Por defecto, las aplicaciones creadas con la opción de plantilla PWA tienen soporte para funcionar sin conexión. Un usuario debe visitar primero la aplicación mientras está en línea. El navegador descarga y almacena en caché automáticamente todos los recursos necesarios para funcionar sin conexión.
Aplicación web frente a sitio web
Hoy en día todos los servicios tienen aplicaciones. Si quiere pedir una pizza pero no le apetece hablar con alguien, puede elegir su pizza y los ingredientes a través de una página web o una aplicación móvil. ¿Necesita consultar su cuenta bancaria? No se preocupe, la mayoría de los bancos tienen aplicaciones donde puede hacerlo.
Una aplicación web, por otro lado, no requiere ninguna instalación y se ejecuta en tu navegador web. Al contrario que la aplicación de escritorio, una aplicación web necesita una conexión a Internet si quieres utilizarla.
Si utilizas una aplicación de escritorio o sin conexión para escribir o tomar notas, sólo podrás consultar tus archivos en el dispositivo en el que esté instalada la aplicación de escritorio. Pero, si utilizas una aplicación web para el mismo fin, puedes acceder a todos tus archivos en cualquier lugar.
¿Cuántas veces has tenido que descargar una actualización para una aplicación de escritorio e instalarla antes de poder utilizar la aplicación? Aunque esto no ocurre tan a menudo como antes (gracias, actualizaciones automáticas), todavía hay algunas aplicaciones de escritorio que pueden requerir una actualización manual de vez en cuando.
Desarrollar aplicaciones web
Este artículo necesita citas adicionales para su verificación. Por favor, ayude a mejorar este artículo añadiendo citas de fuentes fiables. El material sin fuente puede ser cuestionado y eliminado.Buscar fuentes: “Aplicación web” – noticias – periódicos – libros – scholar – JSTOR (febrero de 2018) (Aprende cómo y cuándo eliminar este mensaje de la plantilla)
Una aplicación web (o web app) es un software de aplicación que se ejecuta en un servidor web, a diferencia de los programas de software basados en el ordenador que se ejecutan localmente en el sistema operativo (SO) del dispositivo. El usuario accede a las aplicaciones web a través de un navegador web con una conexión de red activa. Estas aplicaciones se programan utilizando una estructura modelada cliente-servidor: el usuario (“cliente”) recibe los servicios a través de un servidor externo alojado por un tercero. Algunos ejemplos de aplicaciones web de uso común son: el correo web, las ventas minoristas en línea, la banca en línea y las subastas en línea.
Esta sección necesita citas adicionales para su verificación. Por favor, ayude a mejorar este artículo añadiendo citas de fuentes fiables. El material sin fuente puede ser cuestionado y eliminado. (Febrero de 2018) (Aprende cómo y cuándo eliminar este mensaje de la plantilla)La distinción general entre una página web dinámica de cualquier tipo y una “aplicación web” no está clara. Los sitios web con más probabilidades de ser denominados “aplicaciones web” son aquellos que tienen una funcionalidad similar a la de una aplicación de software de escritorio, o a la de una aplicación móvil. HTML5 introdujo un soporte de lenguaje explícito para hacer aplicaciones que se cargan como páginas web, pero que pueden almacenar datos localmente y seguir funcionando mientras están desconectadas.