SlideShare una empresa de Scribd logo
1 de 17
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. 
La arquitectura entonces sigue tratando de determinar componentes, 
roles y comunicación, a un nivel tanto lógico como físico.
• 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)
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.
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.
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
• 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)
www 
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
LA ARQUITECTURA WEB 3 NIVELES
LA ARQUITECTURA WEB SUELEN PRESENTAR 
UN ESQUEMA DE TRES NIVELES: 
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.
URL – HIPERVÍNCULO -APLICACIONES
ARQUITECTURA 
WEB 
aplicaciones 
desarrolladas para 
cada sistema 
operativo 
Software de 
desarrollo 
los lenguajes de 
programación 
diseño, 
maquetación 
Programación 
Usuario
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ón 
CSS: 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
LAS WEB
Arquitectura web  EXPOSICION KAREN ANDRADE, EFRAIN SARANSIG

Más contenido relacionado

La actualidad más candente

Tecnologia web
Tecnologia webTecnologia web
Tecnologia web
Meli Vidal
 
Introduccion a la programacion web
Introduccion a la programacion webIntroduccion a la programacion web
Introduccion a la programacion web
Robert Rodriguez
 
Segunda sesion modulo 2 : Ing. Adriana Iglesias.
Segunda sesion modulo 2 : Ing. Adriana Iglesias.Segunda sesion modulo 2 : Ing. Adriana Iglesias.
Segunda sesion modulo 2 : Ing. Adriana Iglesias.
castlellanos
 
Navegadoresyservidoresweb 151217155728
Navegadoresyservidoresweb 151217155728Navegadoresyservidoresweb 151217155728
Navegadoresyservidoresweb 151217155728
Brayan Diaz
 
Modelo cliente servidor
Modelo cliente servidorModelo cliente servidor
Modelo cliente servidor
yulianixita
 
Trabajo de informatica
Trabajo de informaticaTrabajo de informatica
Trabajo de informatica
yurypttes
 

La actualidad más candente (19)

Aplicaciones web
Aplicaciones webAplicaciones web
Aplicaciones web
 
Compu 3
Compu 3Compu 3
Compu 3
 
Tecnologias para el desarrollo Web
Tecnologias para el desarrollo WebTecnologias para el desarrollo Web
Tecnologias para el desarrollo Web
 
Tecnologia web
Tecnologia webTecnologia web
Tecnologia web
 
Tecnologias web
Tecnologias webTecnologias web
Tecnologias web
 
Introduccion a la programacion web
Introduccion a la programacion webIntroduccion a la programacion web
Introduccion a la programacion web
 
Programación web
Programación webProgramación web
Programación web
 
Programacion web
Programacion webProgramacion web
Programacion web
 
arquitectura de desarrollo web
 arquitectura de desarrollo web  arquitectura de desarrollo web
arquitectura de desarrollo web
 
Segunda sesion modulo 2 : Ing. Adriana Iglesias.
Segunda sesion modulo 2 : Ing. Adriana Iglesias.Segunda sesion modulo 2 : Ing. Adriana Iglesias.
Segunda sesion modulo 2 : Ing. Adriana Iglesias.
 
CMS
CMSCMS
CMS
 
Examen del segundo parcial (Programacion web 1) - Erick Lozada
Examen del segundo parcial (Programacion web 1) - Erick LozadaExamen del segundo parcial (Programacion web 1) - Erick Lozada
Examen del segundo parcial (Programacion web 1) - Erick Lozada
 
Servidoresmasutilizados 151217160106
Servidoresmasutilizados 151217160106Servidoresmasutilizados 151217160106
Servidoresmasutilizados 151217160106
 
Navegadoresyservidoresweb 151217155728
Navegadoresyservidoresweb 151217155728Navegadoresyservidoresweb 151217155728
Navegadoresyservidoresweb 151217155728
 
Servidores de web
Servidores de webServidores de web
Servidores de web
 
Arquitectura de paginas web
Arquitectura de paginas webArquitectura de paginas web
Arquitectura de paginas web
 
Modelo cliente servidor
Modelo cliente servidorModelo cliente servidor
Modelo cliente servidor
 
Trabajo de informatica
Trabajo de informaticaTrabajo de informatica
Trabajo de informatica
 
Fundamentos de Desarrollo Web
Fundamentos de Desarrollo Web Fundamentos de Desarrollo Web
Fundamentos de Desarrollo Web
 

Destacado (7)

C:\Users\Usuario\Desktop\Arquitectura De La Web 2[1]
C:\Users\Usuario\Desktop\Arquitectura De La Web 2[1]C:\Users\Usuario\Desktop\Arquitectura De La Web 2[1]
C:\Users\Usuario\Desktop\Arquitectura De La Web 2[1]
 
Arquitectura de la información
Arquitectura de la informaciónArquitectura de la información
Arquitectura de la información
 
Avpc
AvpcAvpc
Avpc
 
Arquitectura Web
Arquitectura WebArquitectura Web
Arquitectura Web
 
Arquitectura de un sitio web
Arquitectura de un sitio webArquitectura de un sitio web
Arquitectura de un sitio web
 
CUENTOS CORTOS
CUENTOS CORTOSCUENTOS CORTOS
CUENTOS CORTOS
 
Arquitectura Web
Arquitectura WebArquitectura Web
Arquitectura Web
 

Similar a Arquitectura web EXPOSICION KAREN ANDRADE, EFRAIN SARANSIG

aplicaciones_web_advantage_multimedia.ppt
aplicaciones_web_advantage_multimedia.pptaplicaciones_web_advantage_multimedia.ppt
aplicaciones_web_advantage_multimedia.ppt
ssuser948499
 
aplicaciones_web_advantage_multimedia.ppt
aplicaciones_web_advantage_multimedia.pptaplicaciones_web_advantage_multimedia.ppt
aplicaciones_web_advantage_multimedia.ppt
ssuser948499
 
Infraestructura tecnologica1
Infraestructura tecnologica1Infraestructura tecnologica1
Infraestructura tecnologica1
Larissa Muirragui
 

Similar a Arquitectura web EXPOSICION KAREN ANDRADE, EFRAIN SARANSIG (20)

Arquitectura Web
Arquitectura WebArquitectura Web
Arquitectura Web
 
Aplicaciones distribuidas
Aplicaciones distribuidasAplicaciones distribuidas
Aplicaciones distribuidas
 
S6-DAW-2022S1.pptx
S6-DAW-2022S1.pptxS6-DAW-2022S1.pptx
S6-DAW-2022S1.pptx
 
Desarrollo y reutilización de componentes software y multimedia mediante leng...
Desarrollo y reutilización de componentes software y multimedia mediante leng...Desarrollo y reutilización de componentes software y multimedia mediante leng...
Desarrollo y reutilización de componentes software y multimedia mediante leng...
 
ingenieria web.pptx
ingenieria web.pptxingenieria web.pptx
ingenieria web.pptx
 
Clase 1 Introducción al Desarrollo Web
Clase 1 Introducción al Desarrollo WebClase 1 Introducción al Desarrollo Web
Clase 1 Introducción al Desarrollo Web
 
Apuntes entorno cliente servidor
Apuntes entorno cliente   servidorApuntes entorno cliente   servidor
Apuntes entorno cliente servidor
 
aplicaciones_web_advantage_multimedia.ppt
aplicaciones_web_advantage_multimedia.pptaplicaciones_web_advantage_multimedia.ppt
aplicaciones_web_advantage_multimedia.ppt
 
aplicaciones_web_advantage_multimedia.ppt
aplicaciones_web_advantage_multimedia.pptaplicaciones_web_advantage_multimedia.ppt
aplicaciones_web_advantage_multimedia.ppt
 
Diseño de aplicaciónes Web.pptx
Diseño de aplicaciónes Web.pptxDiseño de aplicaciónes Web.pptx
Diseño de aplicaciónes Web.pptx
 
15-Unidad 4: Introducción a las Arquitecturas Web 4.1 DAO 4.2 MVC
15-Unidad 4: Introducción a las Arquitecturas Web 4.1 DAO 4.2 MVC15-Unidad 4: Introducción a las Arquitecturas Web 4.1 DAO 4.2 MVC
15-Unidad 4: Introducción a las Arquitecturas Web 4.1 DAO 4.2 MVC
 
Apuntes materia entorno cliente servidor
Apuntes materia entorno cliente servidorApuntes materia entorno cliente servidor
Apuntes materia entorno cliente servidor
 
Arquitectura de Software
Arquitectura de SoftwareArquitectura de Software
Arquitectura de Software
 
servidor
servidorservidor
servidor
 
Infraestructura tecnologica1
Infraestructura tecnologica1Infraestructura tecnologica1
Infraestructura tecnologica1
 
UWE
UWEUWE
UWE
 
Arquitectura cliente servidor
Arquitectura cliente servidorArquitectura cliente servidor
Arquitectura cliente servidor
 
Cliente servidor
Cliente servidorCliente servidor
Cliente servidor
 
Arquitecturaclienteservidor
ArquitecturaclienteservidorArquitecturaclienteservidor
Arquitecturaclienteservidor
 
cliente servidor
cliente servidorcliente servidor
cliente servidor
 

Último

COMPENDIO ECE 5 GRADO MATEMÁTICAS DE PRIMARIA
COMPENDIO ECE 5 GRADO MATEMÁTICAS DE PRIMARIACOMPENDIO ECE 5 GRADO MATEMÁTICAS DE PRIMARIA
COMPENDIO ECE 5 GRADO MATEMÁTICAS DE PRIMARIA
Wilian24
 
RESOLUCIÓN VICEMINISTERIAL 00048 - 2024 EVALUACION
RESOLUCIÓN VICEMINISTERIAL 00048 - 2024 EVALUACIONRESOLUCIÓN VICEMINISTERIAL 00048 - 2024 EVALUACION
RESOLUCIÓN VICEMINISTERIAL 00048 - 2024 EVALUACION
amelia poma
 
Apunte clase teorica propiedades de la Madera.pdf
Apunte clase teorica propiedades de la Madera.pdfApunte clase teorica propiedades de la Madera.pdf
Apunte clase teorica propiedades de la Madera.pdf
Gonella
 

Último (20)

sesion de aprendizaje 1 SEC. 13- 17 MAYO 2024 comunicación.pdf
sesion de aprendizaje 1 SEC. 13- 17  MAYO  2024 comunicación.pdfsesion de aprendizaje 1 SEC. 13- 17  MAYO  2024 comunicación.pdf
sesion de aprendizaje 1 SEC. 13- 17 MAYO 2024 comunicación.pdf
 
ACERTIJO EL NÚMERO PI COLOREA EMBLEMA OLÍMPICO DE PARÍS. Por JAVIER SOLIS NOYOLA
ACERTIJO EL NÚMERO PI COLOREA EMBLEMA OLÍMPICO DE PARÍS. Por JAVIER SOLIS NOYOLAACERTIJO EL NÚMERO PI COLOREA EMBLEMA OLÍMPICO DE PARÍS. Por JAVIER SOLIS NOYOLA
ACERTIJO EL NÚMERO PI COLOREA EMBLEMA OLÍMPICO DE PARÍS. Por JAVIER SOLIS NOYOLA
 
Tema 17. Biología de los microorganismos 2024
Tema 17. Biología de los microorganismos 2024Tema 17. Biología de los microorganismos 2024
Tema 17. Biología de los microorganismos 2024
 
PP_Comunicacion en Salud: Objetivación de signos y síntomas
PP_Comunicacion en Salud: Objetivación de signos y síntomasPP_Comunicacion en Salud: Objetivación de signos y síntomas
PP_Comunicacion en Salud: Objetivación de signos y síntomas
 
Plan-de-la-Patria-2019-2025- TERCER PLAN SOCIALISTA DE LA NACIÓN.pdf
Plan-de-la-Patria-2019-2025- TERCER PLAN SOCIALISTA DE LA NACIÓN.pdfPlan-de-la-Patria-2019-2025- TERCER PLAN SOCIALISTA DE LA NACIÓN.pdf
Plan-de-la-Patria-2019-2025- TERCER PLAN SOCIALISTA DE LA NACIÓN.pdf
 
POEMAS ILUSTRADOS DE LUÍSA VILLALTA. Elaborados polos alumnos de 4º PDC do IE...
POEMAS ILUSTRADOS DE LUÍSA VILLALTA. Elaborados polos alumnos de 4º PDC do IE...POEMAS ILUSTRADOS DE LUÍSA VILLALTA. Elaborados polos alumnos de 4º PDC do IE...
POEMAS ILUSTRADOS DE LUÍSA VILLALTA. Elaborados polos alumnos de 4º PDC do IE...
 
activ4-bloque4 transversal doctorado.pdf
activ4-bloque4 transversal doctorado.pdfactiv4-bloque4 transversal doctorado.pdf
activ4-bloque4 transversal doctorado.pdf
 
AEC 2. Aventura en el Antiguo Egipto.pptx
AEC 2. Aventura en el Antiguo Egipto.pptxAEC 2. Aventura en el Antiguo Egipto.pptx
AEC 2. Aventura en el Antiguo Egipto.pptx
 
10-08 Avances tecnológicos del siglo XXI.pdf
10-08 Avances tecnológicos del siglo XXI.pdf10-08 Avances tecnológicos del siglo XXI.pdf
10-08 Avances tecnológicos del siglo XXI.pdf
 
COMPENDIO ECE 5 GRADO MATEMÁTICAS DE PRIMARIA
COMPENDIO ECE 5 GRADO MATEMÁTICAS DE PRIMARIACOMPENDIO ECE 5 GRADO MATEMÁTICAS DE PRIMARIA
COMPENDIO ECE 5 GRADO MATEMÁTICAS DE PRIMARIA
 
animalesdelaproincia de beunos aires.pdf
animalesdelaproincia de beunos aires.pdfanimalesdelaproincia de beunos aires.pdf
animalesdelaproincia de beunos aires.pdf
 
MINEDU BASES JUEGOS ESCOLARES DEPORTIVOS PARADEPORTIVOS 2024.docx
MINEDU BASES JUEGOS ESCOLARES DEPORTIVOS PARADEPORTIVOS 2024.docxMINEDU BASES JUEGOS ESCOLARES DEPORTIVOS PARADEPORTIVOS 2024.docx
MINEDU BASES JUEGOS ESCOLARES DEPORTIVOS PARADEPORTIVOS 2024.docx
 
Revista Apuntes de Historia. Mayo 2024.pdf
Revista Apuntes de Historia. Mayo 2024.pdfRevista Apuntes de Historia. Mayo 2024.pdf
Revista Apuntes de Historia. Mayo 2024.pdf
 
Sesión de clase APC: Los dos testigos.pdf
Sesión de clase APC: Los dos testigos.pdfSesión de clase APC: Los dos testigos.pdf
Sesión de clase APC: Los dos testigos.pdf
 
Diapositivas unidad de trabajo 7 sobre Coloración temporal y semipermanente
Diapositivas unidad de trabajo 7 sobre Coloración temporal y semipermanenteDiapositivas unidad de trabajo 7 sobre Coloración temporal y semipermanente
Diapositivas unidad de trabajo 7 sobre Coloración temporal y semipermanente
 
RESOLUCIÓN VICEMINISTERIAL 00048 - 2024 EVALUACION
RESOLUCIÓN VICEMINISTERIAL 00048 - 2024 EVALUACIONRESOLUCIÓN VICEMINISTERIAL 00048 - 2024 EVALUACION
RESOLUCIÓN VICEMINISTERIAL 00048 - 2024 EVALUACION
 
Apunte clase teorica propiedades de la Madera.pdf
Apunte clase teorica propiedades de la Madera.pdfApunte clase teorica propiedades de la Madera.pdf
Apunte clase teorica propiedades de la Madera.pdf
 
Tema 19. Inmunología y el sistema inmunitario 2024
Tema 19. Inmunología y el sistema inmunitario 2024Tema 19. Inmunología y el sistema inmunitario 2024
Tema 19. Inmunología y el sistema inmunitario 2024
 
FICHA CUENTO BUSCANDO UNA MAMÁ 2024 MAESTRA JANET.pdf
FICHA CUENTO BUSCANDO UNA MAMÁ  2024 MAESTRA JANET.pdfFICHA CUENTO BUSCANDO UNA MAMÁ  2024 MAESTRA JANET.pdf
FICHA CUENTO BUSCANDO UNA MAMÁ 2024 MAESTRA JANET.pdf
 
AEC2. Egipto Antiguo. Adivina, Adivinanza.pptx
AEC2. Egipto Antiguo. Adivina, Adivinanza.pptxAEC2. Egipto Antiguo. Adivina, Adivinanza.pptx
AEC2. Egipto Antiguo. Adivina, Adivinanza.pptx
 

Arquitectura web EXPOSICION KAREN ANDRADE, EFRAIN SARANSIG

  • 1.
  • 2. 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. La arquitectura entonces sigue tratando de determinar componentes, roles y comunicación, a un nivel tanto lógico como físico.
  • 3. • 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)
  • 4. 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.
  • 5. 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.
  • 6.
  • 7. 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
  • 8. • 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)
  • 9. www 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
  • 10. LA ARQUITECTURA WEB 3 NIVELES
  • 11. LA ARQUITECTURA WEB SUELEN PRESENTAR UN ESQUEMA DE TRES NIVELES: 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.
  • 12. URL – HIPERVÍNCULO -APLICACIONES
  • 13.
  • 14. ARQUITECTURA WEB aplicaciones desarrolladas para cada sistema operativo Software de desarrollo los lenguajes de programación diseño, maquetación Programación Usuario
  • 15. 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ón CSS: 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