Evolución y Arquitectura de las Aplicaciones Web y sus Características

Nombre del docente:

Nombre del estudiante:

Título de la actividad:

CÉSAR IVÁN ÁLVAREZ ALBORES

VÍCTOR HUGO VÁZQUEZ RUIZ-------------20271015

Instituto Tecnológico de Tuxtla Gutiérrez

Evolución y Arquitectura de las Aplicaciones Web y sus Características

Evolución y Arquitectura de las Aplicaciones Web y sus Características

Referencias bibliográficas

Páginas web estáticas Y Aplicaciones dinámicas actuales

Arquitectura de Páginas Web Estáticas vs Aplicaciones Web Dinámicas

Casos de Estudio: Ejemplos de Aplicaciones Web Relevantes

Características Clave de las Aplicaciones Web Modernas

Arquitectura de las Aplicaciones Web

Evolución de las Aplicaciones Web

Introducción a las Aplicaciones Web

Índice

+ info

Una aplicación web es un tipo de software que se ejecuta en servidores web y es accesible a través de navegadores mediante una URL. Los usuarios pueden interactuar con ella a través de interfaces gráficas que, a su vez, se comunican con servidores para realizar acciones o procesar datos.

Introducción a las Aplicaciones Web

Evolución de las Aplicaciones Web

Cuarta Generación : Web 3.0 y descentralización

(2020s en adelante)

Tercera Generación : Web móvil y aplicaciones de una sola página (SPA)

(2010s)

Segunda Generación : Web 2.0 y aplicaciones dinámicas

(2000s)

Primera Generación : Aplicaciones web estáticas

(1990s)

Serverless:

Microservicios:

Arquitectura de Tres Capas:

+ info

+ info

+ info

+ info

Modelo Cliente-Servidor:

Arquitectura de las Aplicaciones Web

Características Clave de las Aplicaciones Web Modernas

Seguridad:

Rendimiento:

Accesibilidad:

Interactividad y Dinamismo:

+ info

Casos de Estudio: Ejemplos de Aplicaciones Web Relevantes

+ info

+ info

Amazon:

Twitter:

Google Maps:

+ info

+ info

Aplicaciones Web Dinámicas Actuales

Páginas Web Estáticas

Arquitectura de Páginas Web Estáticas vs Aplicaciones Web Dinámicas

Páginas web estáticas Y Aplicaciones dinámicas actuales

Referencias bibliográficas

• Flanagan, D. (2020). JavaScript: The Definitive Guide: Master the World's Most-Used Programming Language (7th ed.). O'Reilly Media.
• Freeman, E., Robson, E., Bates, B., & Sierra, K. (2020). Head First Design Patterns (2nd ed.). O'Reilly Media.
• Resig, J., & Bibeault, B. (2023). Secrets of the JavaScript Ninja (2nd ed.). Manning Publications.
• Fielding, R. T. (2000). Architectural Styles and the Design of Network-based Software Architectures. University of California, Irvine.

Gracias

El modelo cliente-servidor es una arquitectura donde las tareas se distribuyen entre dos entidades: el cliente, que solicita servicios o datos, y el servidor, que procesa las solicitudes y devuelve las respuestas. El cliente es la parte que interactúa directamente con el usuario (normalmente un navegador web), mientras que el servidor maneja la lógica y el almacenamiento de datos.

La interactividad en las aplicaciones web se refiere a la capacidad del usuario para interactuar con la interfaz de manera dinámica y en tiempo real. Esto incluye responder a acciones del usuario, como hacer clic, desplazarse o ingresar datos. Las tecnologías como AJAX (Asynchronous JavaScript and XML) permiten que las aplicaciones web se actualicen sin necesidad de recargar la página completa, lo que mejora la experiencia del usuario.

Interactividad

Las aplicaciones web son programas que se ejecutan en un navegador y son accesibles desde cualquier dispositivo con conexión a Internet. A diferencia del software tradicional, no requieren instalación local en un dispositivo, lo que las hace altamente accesibles y fáciles de mantener. Estas aplicaciones permiten a los usuarios interactuar con contenido dinámico, realizar tareas y acceder a servicios a través de una interfaz web, utilizando tecnologías como HTML, CSS y JavaScript.

Ejemplo

Características

Ejemplo

Características

Ejemplo

Características

Ejemplo

Características

Capa de Datos:

Lógica de Negocio:

Presentación:

La arquitectura de tres capas organiza las aplicaciones web en tres niveles independientes que facilitan la escalabilidad y el mantenimiento.

Beneficios:

Los microservicios son un enfoque arquitectónico en el cual las aplicaciones se desarrollan como una colección de pequeños servicios independientes que se comunican entre sí. Cada microservicio es responsable de una funcionalidad específica y puede ser desarrollado, implementado y escalado de forma autónoma.

La arquitectura serverless (sin servidor) permite que los desarrolladores construyan y desplieguen aplicaciones sin gestionar la infraestructura subyacente. En este modelo, el código se ejecuta en "funciones" que son disparadas por eventos, y los proveedores en la nube se encargan de aprovisionar automáticamente los recursos necesarios.

Características:

Escalabilidad:

Despliegue:

Almacenamiento:

Tecnologías:

Arquitectura:

Características:

Escalabilidad:

Despliegue:

Tecnologías:

Arquitectura:

Tecnologías usadas:

Características Clave:

Google Maps es una aplicación web interactiva que ofrece servicios de mapas y navegación en tiempo real. Utiliza tecnologías avanzadas para proporcionar imágenes satelitales, mapas de calles, vistas de calles (Street View), planificación de rutas, y actualizaciones de tráfico en vivo.

Tecnologías usadas:

Características Clave:

Twitter es una red social que permite a los usuarios publicar y compartir mensajes cortos (tweets) en tiempo real. Ha evolucionado desde una simple plataforma de microblogging a una herramienta poderosa de comunicación y noticias globales.

Tecnologías usadas:

Características Clave:

Amazon es la plataforma de comercio electrónico más grande del mundo. Ofrece una experiencia de compra en línea con un catálogo masivo de productos, y una serie de servicios adicionales como Amazon Prime y AWS.