≡En resumen
- Una web-based application se usa desde el navegador, sin descargar ni instalar nada.
- «Based application» significa «aplicación basada en»: web-based, cloud-based o desktop-based indican dónde se ejecuta.
- El navegador muestra la interfaz; el servidor guarda los datos y ejecuta la lógica.
- Frente a una app nativa, gana en alcance y mantenimiento; pierde en acceso al hardware y funcionamiento sin conexión.
- Las PWA son aplicaciones web que se pueden instalar y funcionar en parte sin conexión.
01 ¿Qué es una web-based application?
Se diferencia de una web informativa en que es interactiva: el usuario crea, edita y consulta datos, como en un programa de escritorio. Y se diferencia de una app instalada en que basta con un navegador y conexión. En español se usa más «aplicación web» o web app; tienes también la entrada general de web application.
El concepto se formalizó en 1999 con la especificación Java Servlet 2.2. En 2005 se popularizó el término Ajax para las páginas que hablan con el servidor sin recargarse, lo que acercó las webs a los programas de escritorio, y en 2015 Frances Berriman y Alex Russell acuñaron el de progressive web apps.
02 Qué significa «based application»
Based application no es un término por sí mismo: es la segunda mitad de expresiones como web-based application. Based significa «basado en», y la palabra que va delante indica dónde se ejecuta o de qué depende la aplicación.
| Expresión | Traducción | Qué indica | Ejemplo |
|---|---|---|---|
| Web-based application | Aplicación basada en web | Se usa desde el navegador y funciona con un servidor | Gmail, banca online |
| Browser-based application | Aplicación basada en navegador | Prácticamente sinónimo del anterior; subraya que no hay instalación | Editores de imagen online |
| Cloud-based application | Aplicación en la nube | Los datos y el cómputo están en la nube; puede usarse por web o por app | Dropbox, Microsoft 365 |
| Desktop-based application | Aplicación de escritorio | Se instala y ejecuta en el ordenador | Programas instalados de edición |
| Mobile-based o app-based | Aplicación móvil | Se instala desde App Store o Google Play | Apps de mensajería |
| Server-based application | Aplicación basada en servidor | Toda la ejecución ocurre en el servidor; el cliente solo muestra resultados | Escritorios remotos, ERP clásicos |
03 Cómo funciona una aplicación basada en web
| Capa | Qué hace | Tecnologías habituales |
|---|---|---|
| Presentación (frontend) | Muestra la interfaz en el navegador y recoge lo que hace el usuario | HTML, CSS, JavaScript, React, Vue |
| Aplicación (backend) | Ejecuta la lógica de negocio, valida y responde peticiones | PHP y Laravel, Node.js, Python, Java |
| Datos | Guarda y recupera la información | MySQL, PostgreSQL, MongoDB |
-
1
El usuario abre una URL
El navegador descarga la interfaz: HTML, estilos y código JavaScript.
-
2
Interactúa con la aplicación
Rellena un formulario, filtra una lista o pulsa un botón.
-
3
El navegador llama al servidor
Envía una petición, normalmente a una API, con los datos necesarios.
-
4
El servidor procesa y responde
Consulta la base de datos, aplica las reglas y devuelve el resultado, a menudo en JSON.
-
5
La interfaz se actualiza
El navegador muestra el resultado sin recargar la página completa.
La separación entre lo que ocurre en el navegador y lo que ocurre en el servidor es la diferencia entre frontend y backend, y la clave para que la aplicación sea rápida y segura.
04 Aplicación web vs app nativa vs PWA vs página web
| Criterio | Página web | Aplicación web | PWA | App nativa |
|---|---|---|---|---|
| Objetivo | Informar | Hacer tareas con datos | Hacer tareas, con experiencia de app | Hacer tareas con el máximo rendimiento |
| Instalación | No | No | Opcional, desde el navegador | Sí, desde una tienda de apps |
| Sin conexión | No | Normalmente no | En parte, gracias al service worker | Sí, si está diseñada para ello |
| Acceso al hardware | Mínimo | Limitado a lo que permite el navegador | Limitado a lo que permite el navegador | Completo |
| Actualizaciones | Inmediatas | Inmediatas para todos | Inmediatas | Cada usuario debe actualizar |
| Coste de desarrollo | Bajo | Medio | Medio | Alto si hay que cubrir iOS y Android |
Si estás decidiendo entre opciones, esta guía sobre tipos de apps: nativa, híbrida, web app o PWA te ayuda a elegir según tu caso.
05 Ejemplos de web-based applications
Correo web
Gmail u Outlook en el navegador: lees, escribes y organizas el correo sin programa instalado.
Ofimática online
Google Docs, Hojas de cálculo o Microsoft 365 en la web, con edición colaborativa en tiempo real.
Diseño en el navegador
Figma o Canva permiten diseñar y compartir desde cualquier ordenador.
Gestión empresarial
CRM, ERP, software de facturación o de reservas que el equipo usa desde el navegador.
Banca y administración
La banca online o las sedes electrónicas para hacer trámites y pagos.
Comercio electrónico
El carrito, el área de cliente y el panel de gestión de una tienda online.
06 Ventajas e inconvenientes
| Ventajas | Inconvenientes |
|---|---|
| Funciona en Windows, macOS, Linux, móvil y tablet con el mismo código | Depende de la conexión a internet |
| Sin instalación: el usuario entra con una URL | Acceso limitado a funciones del dispositivo |
| Una sola actualización llega a todos a la vez | El rendimiento depende del navegador y de la red |
| Datos centralizados y trabajo colaborativo | Los datos quedan en un servidor que hay que proteger |
| Facilita el modelo de suscripción (SaaS) | Si el proveedor cierra, puedes perder acceso a la herramienta |
07 Seguridad en las aplicaciones web
Al estar expuestas en internet, las aplicaciones web son un objetivo habitual. La referencia del sector es el OWASP Top 10, la lista de riesgos más críticos que publica la fundación OWASP, con problemas como el control de acceso roto, las inyecciones o los fallos criptográficos.
- ✓Todo el tráfico por HTTPS.
- ✓Autenticación robusta, con doble factor para las cuentas con permisos altos.
- ✓Validación en el servidor de todo lo que envía el usuario.
- ✓Dependencias y frameworks actualizados.
- ✓Copias de seguridad automáticas y probadas.
- ✓Un firewall de aplicaciones web delante de los servicios críticos.
08 Cómo crear una aplicación basada en web
-
1
Define el problema
Qué tareas resolverá, para quién y qué procesos sustituye.
-
2
Valida si ya existe
Compara con herramientas SaaS del mercado antes de desarrollar.
-
3
Diseña la experiencia
Prototipos de las pantallas clave probados con usuarios reales.
-
4
Elige la arquitectura
Frontend, backend, base de datos, alojamiento e integraciones necesarias.
-
5
Desarrolla por fases
Primero una versión mínima con lo esencial y después iteraciones.
-
6
Mantén y mide
Seguridad, copias, rendimiento y nuevas funciones según el uso real.
La decisión entre comprar una herramienta existente o desarrollar la tuya la explicamos en software a medida vs SaaS. Si tu idea es venderla por suscripción a otras empresas, lo que necesitas es una plataforma SaaS a medida; si es para tus propios procesos, un proyecto de desarrollo de aplicaciones web.
Preguntas frecuentes sobre Web-based Application
Es una aplicación que se usa desde el navegador y funciona con un servidor, sin instalar nada en el dispositivo. En español se llama aplicación basada en web o aplicación web.
Significa «aplicación basada en». La palabra que va delante indica dónde se ejecuta: web-based (en la web), cloud-based (en la nube) o desktop-based (en el escritorio).
La página web sobre todo informa; la aplicación web permite hacer tareas con datos, como gestionar pedidos, editar documentos o reservar citas.
La aplicación web se abre en el navegador sin instalar nada; la app nativa se descarga de una tienda y tiene acceso completo al hardware del dispositivo.
Sí. Es una aplicación web que, con HTTPS, un service worker y un manifiesto, se puede instalar y funcionar en parte sin conexión.
Gmail, Google Docs, Figma, Canva, la banca online o cualquier CRM o software de facturación que se usa desde el navegador.
Puede serlo si usa HTTPS, autenticación robusta, validación en servidor y actualizaciones al día. La referencia de riesgos es el OWASP Top 10.
Fuentes consultadas
Sobre el autor
Germán Gutiérrez
Development Manager en appyweb
Dirige el equipo de desarrollo de appyweb: aplicaciones web y móviles, SaaS, integraciones y arquitectura de software.
Ver perfil en LinkedIn ↗