A1.2 Evolución y Arquitectura de las Aplicaciones Web.

Evolución y Arquitectura de las Aplicaciones Web.

#21271058

PROGRAMACIÓN WEB

Gerardo Fabio Navarrete Pérez

César Iván Álvarez Albores

Introducción

esta evolución ha sido impulsada por avances tecnológicos significativos. A continuación, exploraremos la arquitectura web a lo largo del tiempo y los eventos clave que han contribuido a su desarrollo.

La evolución de las aplicaciones web ha sido un viaje fascinante a lo largo de las últimas décadas. Desde las páginas web estáticas hasta las complejas aplicaciones web dinámicas de hoy en día.

El primer sitio web

creado por Tim Berners-Lee en 1990, fue una página sencilla que proporcionaba información sobre la World Wide Web

5 de septiembre de 2023.

Ejemplo de pagina web estática

Páginas Web Estáticas

Década de 1990

En los primeros días de la web, las páginas eran estáticas y se basaban principalmente en HTML. No había interacción con el usuario ni capacidad para almacenar datos en el lado del servidor. Los sitios web estaban compuestos principalmente por texto e imágenes.

Una página web estática es una página web que se muestra en su forma original cada vez que se carga desde el servidor web. Es decir, el contenido de una página web estática permanece estático a menos que un desarrollador manualmente modifique el código HTML o los archivos de la página.

Ejemplo de pagina cliente-servidor

Arquitectura Cliente-Servidor

Década de 1990-2000

Con el tiempo, se introdujo la arquitectura cliente-servidor, en la que el navegador del cliente solicitaba recursos al servidor web. Se utilizaban tecnologías como CGI (Common Gateway Interface) para agregar interactividad limitada a las páginas web.

La arquitectura cliente-servidor es un modelo fundamental en la informática que se utiliza para diseñar sistemas de software y redes de comunicación. En este modelo, los componentes de software se dividen en dos categorías principales: el cliente y el servidor.

+info

Ejemplo de pagina web dinámica

Aplicaciones Web Dinámicas

Década de 2000

La introducción de tecnologías como PHP, ASP.NET y JSP permitió la creación de aplicaciones web dinámicas. Estas aplicaciones podían generar contenido personalizado para cada usuario, acceder a bases de datos y ofrecer una experiencia más interactiva.

Las aplicaciones web dinámicas son un tipo de aplicación en línea que se caracteriza por su capacidad para cambiar y adaptarse en tiempo real según las interacciones del usuario y los datos que manejan. A diferencia de las páginas web estáticas, que presentan contenido fijo, las aplicaciones web dinámicas ofrecen una experiencia interactiva y personalizada.

Ejemplo de Arquitectura de tres capas

Arquitectura de tres capas

Década de 2000-2010

La arquitectura de tres capas se convirtió en un estándar. Comprende la capa de presentación, la capa lógica y la capa de datos. Frameworks como Ruby on Rails y Django simplificaron el desarrollo web.

la arquitectura de tres capas es un enfoque sólido para el diseño de aplicaciones que proporciona una estructura modular, escalabilidad y facilidad de mantenimiento. Permite una clara separación de responsabilidades entre las capas, lo que facilita la gestión y evolución de aplicaciones complejas.

+info

Ejemplo de AJAX y Single Page Applications

AJAX y Single Page Applications

Década de 2010

La tecnología AJAX permitió a las aplicaciones web cargar datos de fondo sin necesidad de recargar toda la página. Esto dio lugar a las Single Page Applications (SPA), donde el contenido se actualiza dinámicamente sin cambiar de página.

AJAX y las Single Page Applications han revolucionado la forma en que interactuamos con las páginas web al permitir una experiencia de usuario más fluida y dinámica. Estos conceptos son fundamentales en el desarrollo web moderno y son ampliamente utilizados en aplicaciones web de todo tipo.

+info

Ejemplo de Arquitectura de Microservicios

Arquitectura de Microservicios

Década de 2010 - Actualidad

La arquitectura de microservicios es un enfoque de diseño de software que se ha vuelto cada vez más popular en los últimos años. Se diferencia de las arquitecturas monolíticas tradicionales al dividir una aplicación en componentes independientes y autónomos llamados microservicios. Cada microservicio se encarga de una función específica de la aplicación y se ejecuta como un proceso independiente.

La arquitectura de microservicios descompone las aplicaciones en componentes independientes y escalables. Cada microservicio es responsable de una función específica. Esto facilita el desarrollo y la escalabilidad.

Ejemplo de Arquitectura sin servidor

Arquitectura sin servidor (Serverless)

Década de 2010 - Actualidad

es un enfoque de desarrollo de aplicaciones en el que los desarrolladores pueden crear y desplegar aplicaciones sin preocuparse por gestionar la infraestructura subyacente. no significa que no haya servidores en absoluto, sino que los desarrolladores están liberados de preocuparse por la administración directa de servidores

La arquitectura sin servidor permite a los desarrolladores centrarse en el código y la lógica de la aplicación, mientras que la infraestructura subyacente se administra automáticamente. Esto reduce la carga operativa y facilita la escalabilidad.

Ejemplo de Web 3.0 y Tecnologías Emergentes

Web 3.0 y Tecnologías Emergentes

Actualidad

La Web 3.0, también conocida como la "web semántica", representa la próxima fase en la evolución de la World Wide Web. A diferencia de las versiones anteriores de la web, la Web 3.0 se centra en la comprensión de los datos de manera más inteligente y en la creación de conexiones significativas entre la información en línea.

La Web 3.0 se centra en la descentralización y la blockchain. Tecnologías como WebAssembly permiten la ejecución de aplicaciones web de alto rendimiento en el navegador. También se exploran conceptos como la realidad virtual y aumentada en el contexto web.

+info

Evolución y Arquitectura de las Aplicaciones Web.

Conclusión

la arquitectura de las aplicaciones web ha evolucionado significativamente desde las simples páginas estáticas hasta las aplicaciones web altamente dinámicas y complejas de hoy en día. Esta evolución ha sido impulsada por avances tecnológicos. a medida que vamos haciendo del uso de aplicaciones web una parte cotidiana mas de nuestras vidas, estas van evolucionando.

Componentes de la Arquitectura de Tres Capas:

Capa de Lógica de Negocio (Capa de Aplicación):En esta capa se encuentra la lógica de negocio y las reglas de procesamiento de la aplicación.Procesa y gestiona las solicitudes del usuario provenientes de la capa de presentación.Realiza cálculos, toma decisiones, realiza validaciones y coordina las acciones necesarias para satisfacer las solicitudes de los usuarios.

Capa de Acceso a Datos: Esta capa se encarga de interactuar con fuentes de datos, como bases de datos, servicios web o sistemas de archivos. Realiza operaciones de lectura y escritura en la fuente de datos, lo que incluye consultas, inserciones, actualizaciones y eliminaciones.

Capa de Presentación (Interfaz de Usuario):Esta es la capa que interactúa directamente con el usuario final.Se encarga de la presentación de datos y la interacción con el usuario, incluyendo la interfaz de usuario gráfica.Puede estar compuesta por aplicaciones de cliente, aplicaciones móviles, páginas web, etc.

Componentes de la Arquitectura Cliente-Servidor:

Cliente: El cliente es un componente de software o una aplicación que solicita servicios o recursos al servidor Servidor: El servidor es una computadora o un sistema de software que proporciona servicios o recursos a los clientes. Los servidores están diseñados para ser confiables, escalables y capaces de manejar múltiples solicitudes de clientes simultáneamente.

Definiciones:

AJAX:AJAX es una técnica de desarrollo web que permite realizar solicitudes de datos al servidor de forma asíncrona, es decir, sin recargar toda la página web. Esto significa que los usuarios pueden interactuar con una página web sin experimentar tiempos de espera largos.

Single Page Applications (SPA):aplicación web que carga una sola página HTML y, a partir de ahí, actualiza dinámicamente el contenido en respuesta a las acciones del usuario, generalmente mediante AJAX. Esto da como resultado una experiencia de usuario más fluida y similar a la de una aplicación de escritorio.

Tecnologías Emergentes Relacionadas con la Web 3.0:

Blockchain: Tecnología de registro distribuido que garantiza la seguridad y autenticidad de los datos mediante la creación de registros inmutables.loT (Internet of Things): Conexión de dispositivos físicos a Internet para recopilar y compartir datos, mejorando la toma de decisiones y la eficiencia. Aprendizaje Automático y Redes Neuronales: Subcampos de la inteligencia artificial que analizan datos y extraen patrones, utilizados en la Web 3.0 para comprender datos y personalizar experiencias. Tecnologías de Procesamiento del Lenguaje Natural (NLP): Herramientas que permiten a las máquinas comprender y generar lenguaje humano, esenciales para la búsqueda semántica y chatbots inteligentes. Realidad Aumentada (AR) y Realidad Virtual (VR): Tecnologías que proporcionan experiencias más inmersivas y contextuales en la Web 3.0.Tecnologías de Privacidad y Seguridad: Desarrolladas para proteger datos personales y sensibles en la Web 3.0, incluyendo enfoques como la privacidad centrada en el usuario y la autenticación biométrica.