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

Número de control: 19270150

PROGRAMACIÓN WEB

Evolución y Arquitectura de las Aplicaciones Web.

Alejandro Lopez Lopez

Instituto tecnologico regionall, Tuxtla Gutierrez Chiaspas.

Instituto tecnologico regionall, Tuxtla Gutierrez Chiaspas.

Introduccion

Hoy en dia 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. En este nuevo tema hablaremos de las evoluciones y los giros que ha dado las apliacaciones web hoy en dia, 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.

Instituto tecnologico regionall, Tuxtla Gutierrez Chiaspas.

Páginas Web Estáticas

Ejemplo de una pagina web estatica

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.

+INFO

Instituto tecnologico regionall, Tuxtla Gutierrez Chiaspas.

Arquitectura Cliente-Servidor

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.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.

Aplicaciones Web Dinámicas

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.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.

+INFO

Arquitectura de tres capas

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.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. Por otra parte, una arquitectura n-Layer define simplemente como se organiza el código. Normalmente incluye una capa de presentación, una capa de negocios, una capa de acceso a datos, una capa de entidades de negocio y una capa de datos – repositorio de datos. El hecho de que se dividan las capas para organizar el código, no significa que las capas obligatoriamente deban corren en diferentes máquinas o que deben estrictamente correr en una sola máquina o en un único proceso.

cambiar de página. ajax y single page applications

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.

Arquitectura de Microservicios

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.

Web 3.0 y Tecnologías Emergentes

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.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.

Contextualiza tu tema con un subtítulo

Conclusion Hemos llegado hasta el final donde pudimos sabler sobre que 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 y asi el dia de mañana podemos llegar al futuro creando cosas como robots y otras cosas imaginables.

¡GRACIAS!

Páginas Web Estáticas caracteristicas

Son escasamente interactivas Las páginas web estáticas, en contraposición a las dinámicas, no ofrecen un margen de libertad a los usuarios para actualizar o modificar sus contenidos. Estrictamente el contenido de una página web estática es fijo y, como su nombre lo indica, no cambia. A pesar de estas restricciones existen algunas funcionalidades que permiten la interacción con el usuario en páginas web estáticas. Por ejemplo, cuando un visitante desea cambiar el idioma de un sitio, lo que hace el sistema es redirigirlo a otra página web que tiene el mismo contenido en el lenguaje seleccionado. En términos formales el contenido no cambia y será el mismo en cada visita a la URL de la página, pero sí existe la posibilidad de crear una idea de interactividad entre distintas páginas. Su funcionamiento depende de una programación definida Del mismo modo que cualquier otro sitio web, las páginas estáticas precisan de la integración de un código en HTML que contenga la información a presentar y uno en CSS o algún otro que le dé formato al sitio. Si bien estrictamente ninguno de ellos puede incluir comandos interactivos que modifiquen los contenidos o el estilo de la página, la existencia de pantallas táctiles y otras plataformas que son en sí mismas interactivas han hecho que muchas páginas web estáticas tengan un margen de dinamismo en su estilo y formato. Esto permite que el contenido se mantenga igual, pero que al ampliar la pantalla se modifique el tamaño de la letra para ofrecer una mejor experiencia de navegación. Requieren intervención humanaDebido a que estas páginas tienen contenidos que no cambian de forma automática, la actualización de la información debe llevarla a cabo de manera manual el programador o diseñador. Si, por ejemplo, quieres cambiar el estilo del sitio deberás modificar el código de formato de tu página. Por otro lado, si has modificado alguna cláusula de tu aviso de privacidad será necesario ir a tu código HTML para actualizar la información que despliega la página correspondiente.

web dinamica

tipos de sitios web dinamicos

Dependiendo del lenguaje de programación, hay dos tipos de sitios web dinámicos. Scripting del lado del cliente Un sitio web de scripting dinámico del lado del cliente cambia su contenido en respuesta a las acciones del usuario en la página, como hacer clic en un botón. Hablando en términos generales, el contenido de los sitios web con scripts del lado del cliente carga en el navegador web del visitante en lugar de en el servidor. Este script determina qué interacciones del usuario activan el evento y qué contenido de la página cambia. Al crear este tipo de sitio web dinámico, los lenguajes de script del lado del cliente más usados incluyen JavaScript y VBScript. Como no usa ningún lenguaje de scripting del lado del servidor, un sitio dinámico puede alojarse de forma estática. Scripting del lado del servidor El contenido de las páginas web con scripts del lado del servidor se procesa en el host y cambia antes de ser mostrado. Este script instruye al servidor de la aplicación sobre cómo ensamblar la página solicitada. Las solicitudes e interacciones de los usuarios en el sitio web pueden activar el script. Por ejemplo, cuando los usuarios inician sesión en sus cuentas de eCommerce, el script instruirá al servidor que muestre los artículos en su carrito de compras. Los scripts del lado del servidor se usan para crear un sitio web interactivo. Permiten que los usuarios ingresen datos en formularios o suban imágenes, que se almacenarán en una base de datos.