![Page 1: Arquitectura web EXPOSICION KAREN ANDRADE, EFRAIN SARANSIG](https://reader033.vdocuments.co/reader033/viewer/2022042522/559b74f01a28ab6a4f8b46ae/html5/thumbnails/1.jpg)
![Page 2: Arquitectura web EXPOSICION KAREN ANDRADE, EFRAIN SARANSIG](https://reader033.vdocuments.co/reader033/viewer/2022042522/559b74f01a28ab6a4f8b46ae/html5/thumbnails/2.jpg)
La arquitectura entonces sigue tratando de determinar componentes,
roles y comunicación, a un nivel tanto lógico como físico.
Habíamos dicho que había distintos enfoques, más o menos
complementarios: diseño a alto nivel, diseño de los aspectos difíciles
de cambiar y diseño centrado en los requerimientos no funcionales.
![Page 3: Arquitectura web EXPOSICION KAREN ANDRADE, EFRAIN SARANSIG](https://reader033.vdocuments.co/reader033/viewer/2022042522/559b74f01a28ab6a4f8b46ae/html5/thumbnails/3.jpg)
• Los sistemas Web nos proponen una arquitectura distribuida
• Los componentes están distribuidos en dos tipos de nodos: clientes
(muchos) y servidores (uno, al menos a nivel lógico)
![Page 4: Arquitectura web EXPOSICION KAREN ANDRADE, EFRAIN SARANSIG](https://reader033.vdocuments.co/reader033/viewer/2022042522/559b74f01a28ab6a4f8b46ae/html5/thumbnails/4.jpg)
Los clientes se comunican con el servidor siguiendo un protocolo de
pedido-respuesta:
• Un cliente hace un pedido, el servidor lo procesa y responde.
• El cliente se encarga de presentar (renderizar) la respuesta al usuario
final
• La comunicación ocurre a través de redes Intranets o la misma Internet,
empleando un protocolo llamado HTTP
Los clientes son responsables de presentar la información de la respuesta
al usuario, empleando tecnologías específicas de la Web.
![Page 5: Arquitectura web EXPOSICION KAREN ANDRADE, EFRAIN SARANSIG](https://reader033.vdocuments.co/reader033/viewer/2022042522/559b74f01a28ab6a4f8b46ae/html5/thumbnails/5.jpg)
Las tecnologías que se emplean para la construcción de aplicaciones
Web no son las mejores para hacer aplicación "dinámicas"
(aplicaciones con un razonable nivel de interactividad y responsividad
de la GUI (Interfaz Grafica de Usuario)), porque no fueron diseñadas
para tal fin.
La Web, era un servicio concebido para compartir contenido estático
(textos académicos, por ejemplo) entre usuarios de computadoras,
alguna organización (como una universidad) publicaba estos
contenidos, y los usuarios se limitaban a consultarlos.
![Page 6: Arquitectura web EXPOSICION KAREN ANDRADE, EFRAIN SARANSIG](https://reader033.vdocuments.co/reader033/viewer/2022042522/559b74f01a28ab6a4f8b46ae/html5/thumbnails/6.jpg)
![Page 7: Arquitectura web EXPOSICION KAREN ANDRADE, EFRAIN SARANSIG](https://reader033.vdocuments.co/reader033/viewer/2022042522/559b74f01a28ab6a4f8b46ae/html5/thumbnails/7.jpg)
Los requerimientos del modelo Web es el siguiente:
• El cliente hace un pedido
• El servidor procesa el pedido
• El servidor devuelve una respuesta
• El cliente renderiza la respuesta
![Page 8: Arquitectura web EXPOSICION KAREN ANDRADE, EFRAIN SARANSIG](https://reader033.vdocuments.co/reader033/viewer/2022042522/559b74f01a28ab6a4f8b46ae/html5/thumbnails/8.jpg)
• El modelo cliente-servidor es una arquitectura software que involucra
uno o más clientes solicitando servicios a uno o más servidores.
• El cliente puede ser un proceso corriendo en un computadora o en
un dispositivo como una PDA o un teléfono móvil.
• El servidor puede ser un proceso corriendo en un computadora
(normalmente de altas prestaciones).
• En la arquitectura Web actual aparecen además elementos que se
sitúan en medio (proxies,cachés)
![Page 9: Arquitectura web EXPOSICION KAREN ANDRADE, EFRAIN SARANSIG](https://reader033.vdocuments.co/reader033/viewer/2022042522/559b74f01a28ab6a4f8b46ae/html5/thumbnails/9.jpg)
La WWW está basado en el modelo Cliente / Servidor.• El Cliente principal en el WWW son los browsers o navegadores que solicitan
información al Servidor.• El Servidor son los Servidores Web que proporcionan documentos y
contenidos multimedia a los clientes a través de la red
www
![Page 10: Arquitectura web EXPOSICION KAREN ANDRADE, EFRAIN SARANSIG](https://reader033.vdocuments.co/reader033/viewer/2022042522/559b74f01a28ab6a4f8b46ae/html5/thumbnails/10.jpg)
LA ARQUITECTURA WEB 3 NIVELES
![Page 11: Arquitectura web EXPOSICION KAREN ANDRADE, EFRAIN SARANSIG](https://reader033.vdocuments.co/reader033/viewer/2022042522/559b74f01a28ab6a4f8b46ae/html5/thumbnails/11.jpg)
1er Nivel.- se encuentra la vista de presentación esta capa incluye no
solo en navegador también el servidor web que es responsable de dar a
los datos un formato adecuado.
2do Nivel.- está referido habitualmente a un tipo de programa o script
3er nivel. Proporciona los datos necesarios para su ejecución
Para abrir una página web en un navegador se utiliza normalmente el url o
se pica en el hiperenlace escogido por el usuario.
LA ARQUITECTURA WEB SUELEN PRESENTAR
UN ESQUEMA DE TRES NIVELES:
![Page 12: Arquitectura web EXPOSICION KAREN ANDRADE, EFRAIN SARANSIG](https://reader033.vdocuments.co/reader033/viewer/2022042522/559b74f01a28ab6a4f8b46ae/html5/thumbnails/12.jpg)
URL – HIPERVÍNCULO -APLICACIONES
![Page 13: Arquitectura web EXPOSICION KAREN ANDRADE, EFRAIN SARANSIG](https://reader033.vdocuments.co/reader033/viewer/2022042522/559b74f01a28ab6a4f8b46ae/html5/thumbnails/13.jpg)
![Page 14: Arquitectura web EXPOSICION KAREN ANDRADE, EFRAIN SARANSIG](https://reader033.vdocuments.co/reader033/viewer/2022042522/559b74f01a28ab6a4f8b46ae/html5/thumbnails/14.jpg)
ARQUITECTURA WEB
aplicaciones desarrolladas para
cada sistema operativo
Software de desarrollo
los lenguajes de programación
diseño, maquetación
Programación Usuario
![Page 15: Arquitectura web EXPOSICION KAREN ANDRADE, EFRAIN SARANSIG](https://reader033.vdocuments.co/reader033/viewer/2022042522/559b74f01a28ab6a4f8b46ae/html5/thumbnails/15.jpg)
Los browsers modernos son capaces de entender los siguientes lenguajes sin necesidad de ningún complemento (plugin), por lo que constituyen el estándar de facto de la Web:HTML: lenguajes basado en marcas, primo hermano del XML, diseñado para estructurar informaciónCSS: lenguaje para formatear información (estructurada en HTML)JS: lenguaje de propósito general, que en los navegadores es utilizado para desarrollar cualquier lógica de aplicación. En particular, algunos casos de uso concreto son:
• Mutar, acceder a, y observar eventos del DOM (representación orientada a objetos de una estructura jerárquica XML, HTML o similar) del contenido HTML
• Implementar efectos visuales complejos• Realizar pedidos al servidor en segundo plano• Implementar navegabilidad del lado del cliente• Implementar lógica de negocio del lado del cliente
![Page 16: Arquitectura web EXPOSICION KAREN ANDRADE, EFRAIN SARANSIG](https://reader033.vdocuments.co/reader033/viewer/2022042522/559b74f01a28ab6a4f8b46ae/html5/thumbnails/16.jpg)
LAS WEB
![Page 17: Arquitectura web EXPOSICION KAREN ANDRADE, EFRAIN SARANSIG](https://reader033.vdocuments.co/reader033/viewer/2022042522/559b74f01a28ab6a4f8b46ae/html5/thumbnails/17.jpg)