SlideShare une entreprise Scribd logo
1  sur  19
Télécharger pour lire hors ligne
 Nombre:Aime Rodriguez Rodriguez
 Maestra:Samantha Villalobos
 Plantel:Conalep GDL II
 Grupo:409


    La arquitectura basada en WEB realmente es una forma modificada
    de la nueva arquitectura de tres capas que utiliza un explorador en
    la estación de trabajo en lugar de la interfaz típica del usuario. Las
    soluciones basadas en WEB utilizan el protocolo World Wide WEB,
    a través de la Internet o una intranet, para conectar las tres partes
    de                   la                  aplicación.

    La World Wide WEB (WWW) es una combinación de servidores de
    Internet que utilizan formatos estándares como HTML (Hypertext
    markup Language) para proporcionar ligas a otros documentos,
    gráficas y archivos de audio y video. Sin embargo, no todos los
    servidores de Internet están en la WWW. También pueden
    encontrarse en intranets que sólo son accesibles a usuarios
    internos. El crecimiento
Arquitectura Web
    La arquitectura de un sitio Web tiene tres componentes principales:
    un servidor Web, una conexión de red, y uno o más clientes
     (browsers).

    El servidor Web distribuye páginas de información formateada a los
    clientes que las solicitan. Los requerimientos son hechos a través
     de
    una conexión de red, y para ello se usa el protocolo HTTP.
Arquitectura Web
Arquitectura básica de una aplicación/sitio Web

La información mostrada en las páginas está típicamente almacenada
en archivos. Sin embargo, muchas veces esta información está almace-
nada en una base de datos, y las páginas son creadas dinámicamente.
Los sitios Web que usan este esquema, son llamados sitios dinámicos.
Arquitectura Web
 Páginas Web

 Las páginas Web son el componente principal de una aplicación
 o sitio Web. Los browsers piden páginas (almacenadas o creadas
 dinámicamente) con información a los servidores Web.

 En algunos ambientes de desarrollo de aplicaciones Web, las
 páginas contienen código HTML y scripts dinámicos, que son
 ejecutados por el servidor antes de entregar la página.

 Una vez que se entrega una página, la conexión entre el browser
 y el servidor Web se rompe (a diferencia de otros esquemas tipo
 cliente/servidor). Es decir que la lógica del negocio en el servidor
 solamente se activa por la ejecución de los scripts de las páginas
 solicitadas por el browser (en el servidor, no en el cliente).
Arquitectura Web

Scripts en el cliente

Cuando el browser ejecuta un script en el cliente,
éste no tiene
acceso directo a los recursos del servidor.

Hay otros componentes que no son scripts, como
los applets o
los componentes ActiveX. Los scripts del cliente
son por lo general
código JavaScript o VBSscript, mezclados con
código HTML.
Arquitectura Web
Formularios

La forma más común de capturar la información dada por el
usuario,es a través de formularios. Un formulario (form) es una
colección de campos de entrada: textbox, text area, checkbox,
radio button group, button y selection list.
Cuando un formulario es llenado, se envía al servidor usando una
operación submit solicitada por el usuario típicamente al hacer
click en un botón.
Arquitectura Web
Servidor Web
En muchas aplicaciones Web hay una capa intermedia,
compuesta por un conjunto de componentes, que se ejecutan
no necesariamente en el servidor Web, sino en otros servidores
de aplicaciones. Esta capa encapsula la lógica del negocio, y,
al ser componentes compilados puede contener objetos, con
sus métodos y atributos (llamados business objects).
Arquitectura Web




     Arquitectura generalizada de una aplicación Web
Arquitectura Web cliente / servidor.
 Cliente. Ejecuta un interprete de
  HTML.
 Servidor. Controla el acceso, sirve la
  página solicitada, y puede ejecutar
  aplicaciones especiales (ej. Procesar
  formularios).
 Backend. Entrega datos al servidor.
 Servidor de aplicaciones. Enlaza el
  servidor a la base de datos.
   Una arquitectura de 3 capas:
   Otra vista de la arquitectura.
   URL (Uniform Resources Location o “Localizador
    uniforme de recursos”).

   Es una secuencia de caracteres, de acuerdo a un
    formato estándar, que se usa para nombrar
    recursos, como documentos e imágenes en
    Internet, por su localización.
   El URL de un recurso de información es su
    dirección en Internet, la cual permite que el
    navegador la encuentre y la muestre de forma
    adecuada.
   HTTP es un protocolo
    que      no        maneja
    persistencia          (sin
    estado), es decir no
    almacena      información
    sobre sus conexiones,
    envíos,      recepciones,
    destinatarios,
    receptores, etc.
Lista de métodos.
 GET. Devuelve el recurso identificado en la URL pedida.

 HEAD. Funciona como el GET, pero sin que el servidor

  devuelva el cuerpo del mensaje. Es decir, sólo se
  devuelve la información de cabecera.
 POST. Indica al servidor que se prepare para recibir

  información del cliente. Suele usarse para enviar
  información desde formularios.
 PUT. Envía el recurso identificado en la URL desde el


  cliente hacia el servidor.
Lista de métodos.

   OPTIONS.     Pide información sobre las características de
    comunicación proporcionadas por el servidor. Le permite al cliente
    negociar los parámetros de comunicación.
   TRACE. Inicia un ciclo de mensajes de petición. Se usa para
    depuración y permite al cliente ver lo que el servidor recibe en el
    otro lado.
   DELETE. Solicita al servidor que borre el recurso identificado con el
    URL.
   CONNECT. Este método se reserva para uso con proxys. Permitirá
    que un proxy pueda dinámicamente convertirse en un túnel. Por
    ejemplo         para        comunicaciones          con         SSL.
Arquitectura de paginas web

Contenu connexe

Tendances

Web services - A Practical Approach
Web services - A Practical ApproachWeb services - A Practical Approach
Web services - A Practical ApproachMadhaiyan Muthu
 
Arquitetura de Serviços - SOA, REST, Microservices e a plataforma .NET
Arquitetura de Serviços - SOA, REST, Microservices e a plataforma .NETArquitetura de Serviços - SOA, REST, Microservices e a plataforma .NET
Arquitetura de Serviços - SOA, REST, Microservices e a plataforma .NETRenato Groff
 
RESTful services
RESTful servicesRESTful services
RESTful servicesgouthamrv
 
Metodologias para el desarrollo del software
Metodologias para el desarrollo del softwareMetodologias para el desarrollo del software
Metodologias para el desarrollo del softwareyeltsintorres18
 
Framework Laravel
Framework LaravelFramework Laravel
Framework LaravelRafael Lobo
 
Herramientas y Tecnologías para la Web
Herramientas y Tecnologías para la WebHerramientas y Tecnologías para la Web
Herramientas y Tecnologías para la WebErick David Juarez
 
Understanding REST
Understanding RESTUnderstanding REST
Understanding RESTNitin Pande
 
Conceptos básicos de base de datos
Conceptos básicos de base de datosConceptos básicos de base de datos
Conceptos básicos de base de datosNeeNiiss Zendess
 
Design Beautiful REST + JSON APIs
Design Beautiful REST + JSON APIsDesign Beautiful REST + JSON APIs
Design Beautiful REST + JSON APIsStormpath
 
UML. un analisis comparativo para la diagramación de software
UML.  un analisis comparativo para la diagramación de softwareUML.  un analisis comparativo para la diagramación de software
UML. un analisis comparativo para la diagramación de softwareYaskelly Yedra
 
Introduction to REST - API
Introduction to REST - APIIntroduction to REST - API
Introduction to REST - APIChetan Gadodia
 

Tendances (20)

Soap vs rest
Soap vs restSoap vs rest
Soap vs rest
 
OOWS
OOWSOOWS
OOWS
 
12.diseño basado en patrones
12.diseño basado en patrones12.diseño basado en patrones
12.diseño basado en patrones
 
Ieee 1074
Ieee 1074Ieee 1074
Ieee 1074
 
Web services - A Practical Approach
Web services - A Practical ApproachWeb services - A Practical Approach
Web services - A Practical Approach
 
Arquitetura de Serviços - SOA, REST, Microservices e a plataforma .NET
Arquitetura de Serviços - SOA, REST, Microservices e a plataforma .NETArquitetura de Serviços - SOA, REST, Microservices e a plataforma .NET
Arquitetura de Serviços - SOA, REST, Microservices e a plataforma .NET
 
Node.js e Express
Node.js e ExpressNode.js e Express
Node.js e Express
 
RESTful services
RESTful servicesRESTful services
RESTful services
 
Metodologias para el desarrollo del software
Metodologias para el desarrollo del softwareMetodologias para el desarrollo del software
Metodologias para el desarrollo del software
 
Framework Laravel
Framework LaravelFramework Laravel
Framework Laravel
 
Herramientas y Tecnologías para la Web
Herramientas y Tecnologías para la WebHerramientas y Tecnologías para la Web
Herramientas y Tecnologías para la Web
 
Understanding REST
Understanding RESTUnderstanding REST
Understanding REST
 
Conceptos básicos de base de datos
Conceptos básicos de base de datosConceptos básicos de base de datos
Conceptos básicos de base de datos
 
Ingeniería web
Ingeniería webIngeniería web
Ingeniería web
 
Design Beautiful REST + JSON APIs
Design Beautiful REST + JSON APIsDesign Beautiful REST + JSON APIs
Design Beautiful REST + JSON APIs
 
Arquitectura REST
Arquitectura RESTArquitectura REST
Arquitectura REST
 
13.diseño de web apps
13.diseño de web apps13.diseño de web apps
13.diseño de web apps
 
UML. un analisis comparativo para la diagramación de software
UML.  un analisis comparativo para la diagramación de softwareUML.  un analisis comparativo para la diagramación de software
UML. un analisis comparativo para la diagramación de software
 
Introduction to REST - API
Introduction to REST - APIIntroduction to REST - API
Introduction to REST - API
 
Metodologia Diseño Web
Metodologia Diseño WebMetodologia Diseño Web
Metodologia Diseño Web
 

En vedette

Arquitectura de un sitio web
Arquitectura de un sitio webArquitectura de un sitio web
Arquitectura de un sitio webedgarcajun
 
Arquitectura de la información para web
Arquitectura de la información para webArquitectura de la información para web
Arquitectura de la información para webNeser Ideas
 
Lenguajes De Programacion Web
Lenguajes De Programacion WebLenguajes De Programacion Web
Lenguajes De Programacion Webvictorluis19
 
Diferencias entre páginas web, sitios web y portales
Diferencias entre páginas web, sitios web y portalesDiferencias entre páginas web, sitios web y portales
Diferencias entre páginas web, sitios web y portalesFernando Lozano Chávez
 
Cómo planificar el Sitio Web
Cómo planificar el Sitio WebCómo planificar el Sitio Web
Cómo planificar el Sitio Webcolquis
 
Instalacion y configuracion de servidores web
Instalacion y configuracion de  servidores webInstalacion y configuracion de  servidores web
Instalacion y configuracion de servidores webveronica0296
 
NexTReT CEUS Governance SharePoint
NexTReT CEUS Governance SharePointNexTReT CEUS Governance SharePoint
NexTReT CEUS Governance SharePointNexTReT
 
Protocolos de servidor
Protocolos de servidorProtocolos de servidor
Protocolos de servidorAngel Cisneros
 
Arquitectura- Programacion WEB
Arquitectura- Programacion WEBArquitectura- Programacion WEB
Arquitectura- Programacion WEBYael_21
 
arquitectura de desarrollo web
 arquitectura de desarrollo web  arquitectura de desarrollo web
arquitectura de desarrollo web jenifer moreno
 
4 Planeacion De Una Pagina Web
4 Planeacion De Una Pagina Web4 Planeacion De Una Pagina Web
4 Planeacion De Una Pagina Webmarissa
 
Diseño web slideshare
Diseño web slideshareDiseño web slideshare
Diseño web slideshareCreario
 

En vedette (20)

Arquitectura de un sitio web
Arquitectura de un sitio webArquitectura de un sitio web
Arquitectura de un sitio web
 
Arquitectura de la información para web
Arquitectura de la información para webArquitectura de la información para web
Arquitectura de la información para web
 
Lenguajes De Programacion Web
Lenguajes De Programacion WebLenguajes De Programacion Web
Lenguajes De Programacion Web
 
Estructura y diseño de un sitio web
Estructura y diseño de un sitio webEstructura y diseño de un sitio web
Estructura y diseño de un sitio web
 
Diferencias entre páginas web, sitios web y portales
Diferencias entre páginas web, sitios web y portalesDiferencias entre páginas web, sitios web y portales
Diferencias entre páginas web, sitios web y portales
 
Cómo planificar el Sitio Web
Cómo planificar el Sitio WebCómo planificar el Sitio Web
Cómo planificar el Sitio Web
 
Servidor web
Servidor webServidor web
Servidor web
 
url
 url url
url
 
E-Commerce con Web Matrix
E-Commerce con Web Matrix E-Commerce con Web Matrix
E-Commerce con Web Matrix
 
Instalacion y configuracion de servidores web
Instalacion y configuracion de  servidores webInstalacion y configuracion de  servidores web
Instalacion y configuracion de servidores web
 
NexTReT CEUS Governance SharePoint
NexTReT CEUS Governance SharePointNexTReT CEUS Governance SharePoint
NexTReT CEUS Governance SharePoint
 
Protocolos de servidor
Protocolos de servidorProtocolos de servidor
Protocolos de servidor
 
Desarrollo web
Desarrollo webDesarrollo web
Desarrollo web
 
Estilo & CSS3
Estilo & CSS3Estilo & CSS3
Estilo & CSS3
 
Arquitectura- Programacion WEB
Arquitectura- Programacion WEBArquitectura- Programacion WEB
Arquitectura- Programacion WEB
 
LISTAS
LISTASLISTAS
LISTAS
 
arquitectura de desarrollo web
 arquitectura de desarrollo web  arquitectura de desarrollo web
arquitectura de desarrollo web
 
4 Planeacion De Una Pagina Web
4 Planeacion De Una Pagina Web4 Planeacion De Una Pagina Web
4 Planeacion De Una Pagina Web
 
HTML5 y CSS3
HTML5 y CSS3HTML5 y CSS3
HTML5 y CSS3
 
Diseño web slideshare
Diseño web slideshareDiseño web slideshare
Diseño web slideshare
 

Similaire à Arquitectura de paginas web

Arquitectura-orientada-a-Servicios.-v-2017.01-Prof.-L.-Straccia.pptx
Arquitectura-orientada-a-Servicios.-v-2017.01-Prof.-L.-Straccia.pptxArquitectura-orientada-a-Servicios.-v-2017.01-Prof.-L.-Straccia.pptx
Arquitectura-orientada-a-Servicios.-v-2017.01-Prof.-L.-Straccia.pptxXavierNavia
 
Aplicaciones web
Aplicaciones webAplicaciones web
Aplicaciones webFelipe
 
Diseño Web - Introducción al Internet
Diseño Web - Introducción al InternetDiseño Web - Introducción al Internet
Diseño Web - Introducción al InternetAndes Maceda R.
 
Servicios WWW y HTTP
Servicios WWW y HTTPServicios WWW y HTTP
Servicios WWW y HTTPJuan Anaya
 
Desarrollo de Aplicaciones Web II - Sesión 02 - Conceptos Generales e Introdu...
Desarrollo de Aplicaciones Web II - Sesión 02 - Conceptos Generales e Introdu...Desarrollo de Aplicaciones Web II - Sesión 02 - Conceptos Generales e Introdu...
Desarrollo de Aplicaciones Web II - Sesión 02 - Conceptos Generales e Introdu...Didier Granados
 
Arquitectura3 capas
Arquitectura3 capasArquitectura3 capas
Arquitectura3 capasIsrael Rey
 
Patrones Arquitecturales Para Aplicaciones Web
Patrones Arquitecturales Para Aplicaciones WebPatrones Arquitecturales Para Aplicaciones Web
Patrones Arquitecturales Para Aplicaciones Webguesta7f40
 
RES - Transferencia de Estado Representacional
RES - Transferencia de Estado RepresentacionalRES - Transferencia de Estado Representacional
RES - Transferencia de Estado RepresentacionalRobert Caraguay
 
REDES DE DATOS – SESION # 3.pptx
REDES DE DATOS – SESION # 3.pptxREDES DE DATOS – SESION # 3.pptx
REDES DE DATOS – SESION # 3.pptxMiltonSerrano6
 
Asp.net conceptos
Asp.net conceptosAsp.net conceptos
Asp.net conceptosXstremsX
 
Presentación1
Presentación1Presentación1
Presentación1Angel Ruiz
 

Similaire à Arquitectura de paginas web (20)

Arquitectura-orientada-a-Servicios.-v-2017.01-Prof.-L.-Straccia.pptx
Arquitectura-orientada-a-Servicios.-v-2017.01-Prof.-L.-Straccia.pptxArquitectura-orientada-a-Servicios.-v-2017.01-Prof.-L.-Straccia.pptx
Arquitectura-orientada-a-Servicios.-v-2017.01-Prof.-L.-Straccia.pptx
 
Fundamentos de servicios informáticos
Fundamentos de servicios informáticosFundamentos de servicios informáticos
Fundamentos de servicios informáticos
 
Arquitectura de Software
Arquitectura de SoftwareArquitectura de Software
Arquitectura de Software
 
Aplicaciones web
Aplicaciones webAplicaciones web
Aplicaciones web
 
Diseño Web - Introducción al Internet
Diseño Web - Introducción al InternetDiseño Web - Introducción al Internet
Diseño Web - Introducción al Internet
 
Servicios WWW y HTTP
Servicios WWW y HTTPServicios WWW y HTTP
Servicios WWW y HTTP
 
Desarrollo de Aplicaciones Web II - Sesión 02 - Conceptos Generales e Introdu...
Desarrollo de Aplicaciones Web II - Sesión 02 - Conceptos Generales e Introdu...Desarrollo de Aplicaciones Web II - Sesión 02 - Conceptos Generales e Introdu...
Desarrollo de Aplicaciones Web II - Sesión 02 - Conceptos Generales e Introdu...
 
Servicios Web
Servicios WebServicios Web
Servicios Web
 
Arquitectura3 capas
Arquitectura3 capasArquitectura3 capas
Arquitectura3 capas
 
Patrones Arquitecturales Para Aplicaciones Web
Patrones Arquitecturales Para Aplicaciones WebPatrones Arquitecturales Para Aplicaciones Web
Patrones Arquitecturales Para Aplicaciones Web
 
REST
RESTREST
REST
 
5-Unidad 2: Diseños de Vista-2.2 Para Web
5-Unidad 2: Diseños de Vista-2.2 Para Web5-Unidad 2: Diseños de Vista-2.2 Para Web
5-Unidad 2: Diseños de Vista-2.2 Para Web
 
Introduccion aspnet
Introduccion aspnetIntroduccion aspnet
Introduccion aspnet
 
Introduccion aspnet
Introduccion aspnetIntroduccion aspnet
Introduccion aspnet
 
RES - Transferencia de Estado Representacional
RES - Transferencia de Estado RepresentacionalRES - Transferencia de Estado Representacional
RES - Transferencia de Estado Representacional
 
Java2 servicios web
Java2 servicios webJava2 servicios web
Java2 servicios web
 
Servidor web
Servidor webServidor web
Servidor web
 
REDES DE DATOS – SESION # 3.pptx
REDES DE DATOS – SESION # 3.pptxREDES DE DATOS – SESION # 3.pptx
REDES DE DATOS – SESION # 3.pptx
 
Asp.net conceptos
Asp.net conceptosAsp.net conceptos
Asp.net conceptos
 
Presentación1
Presentación1Presentación1
Presentación1
 

Plus de Aime Rodriguez

Cronologia base de datos
Cronologia base de datosCronologia base de datos
Cronologia base de datosAime Rodriguez
 
que es la Organizacion misionera
que es la Organizacion misionera que es la Organizacion misionera
que es la Organizacion misionera Aime Rodriguez
 
Resumen capitulo 3 richard daft
Resumen capitulo 3 richard daftResumen capitulo 3 richard daft
Resumen capitulo 3 richard daftAime Rodriguez
 
Capitulo 12 richar daft
Capitulo 12 richar daft Capitulo 12 richar daft
Capitulo 12 richar daft Aime Rodriguez
 
Capitulo 9 richard daft
Capitulo 9 richard daft Capitulo 9 richard daft
Capitulo 9 richard daft Aime Rodriguez
 
Tecnologiadelainformacion
TecnologiadelainformacionTecnologiadelainformacion
TecnologiadelainformacionAime Rodriguez
 
Historia de la computación
Historia de la computaciónHistoria de la computación
Historia de la computaciónAime Rodriguez
 
Organigrama QUE ES ADMINISTRACION
Organigrama QUE ES ADMINISTRACIONOrganigrama QUE ES ADMINISTRACION
Organigrama QUE ES ADMINISTRACIONAime Rodriguez
 
Teoria del capital humano
Teoria del capital humanoTeoria del capital humano
Teoria del capital humanoAime Rodriguez
 
Capitulo2 elaboraicon y utilizacion de graficas.
Capitulo2 elaboraicon y utilizacion de graficas.Capitulo2 elaboraicon y utilizacion de graficas.
Capitulo2 elaboraicon y utilizacion de graficas.Aime Rodriguez
 
EL INDIVIDUALISMO METODOLÓGICO.
EL INDIVIDUALISMO METODOLÓGICO.EL INDIVIDUALISMO METODOLÓGICO.
EL INDIVIDUALISMO METODOLÓGICO.Aime Rodriguez
 
Organización Y Estructura Orgánica UDG.
Organización Y Estructura Orgánica UDG.Organización Y Estructura Orgánica UDG.
Organización Y Estructura Orgánica UDG.Aime Rodriguez
 

Plus de Aime Rodriguez (20)

Basedatos1
Basedatos1Basedatos1
Basedatos1
 
Cronologia base de datos
Cronologia base de datosCronologia base de datos
Cronologia base de datos
 
Modelo RISC
Modelo RISCModelo RISC
Modelo RISC
 
caso Hospital
caso Hospital caso Hospital
caso Hospital
 
caso Farolito
caso Farolitocaso Farolito
caso Farolito
 
que es la Organizacion misionera
que es la Organizacion misionera que es la Organizacion misionera
que es la Organizacion misionera
 
caso Tec monterrey
caso Tec monterreycaso Tec monterrey
caso Tec monterrey
 
Resumen capitulo 3 richard daft
Resumen capitulo 3 richard daftResumen capitulo 3 richard daft
Resumen capitulo 3 richard daft
 
Capitulo 12 richar daft
Capitulo 12 richar daft Capitulo 12 richar daft
Capitulo 12 richar daft
 
Capitulo 9 richard daft
Capitulo 9 richard daft Capitulo 9 richard daft
Capitulo 9 richard daft
 
programacion extrema
 programacion extrema programacion extrema
programacion extrema
 
Marco juridico
Marco juridicoMarco juridico
Marco juridico
 
Tecnologiadelainformacion
TecnologiadelainformacionTecnologiadelainformacion
Tecnologiadelainformacion
 
Historia de la computación
Historia de la computaciónHistoria de la computación
Historia de la computación
 
Organigrama QUE ES ADMINISTRACION
Organigrama QUE ES ADMINISTRACIONOrganigrama QUE ES ADMINISTRACION
Organigrama QUE ES ADMINISTRACION
 
Cuenta del pasivo
Cuenta del pasivoCuenta del pasivo
Cuenta del pasivo
 
Teoria del capital humano
Teoria del capital humanoTeoria del capital humano
Teoria del capital humano
 
Capitulo2 elaboraicon y utilizacion de graficas.
Capitulo2 elaboraicon y utilizacion de graficas.Capitulo2 elaboraicon y utilizacion de graficas.
Capitulo2 elaboraicon y utilizacion de graficas.
 
EL INDIVIDUALISMO METODOLÓGICO.
EL INDIVIDUALISMO METODOLÓGICO.EL INDIVIDUALISMO METODOLÓGICO.
EL INDIVIDUALISMO METODOLÓGICO.
 
Organización Y Estructura Orgánica UDG.
Organización Y Estructura Orgánica UDG.Organización Y Estructura Orgánica UDG.
Organización Y Estructura Orgánica UDG.
 

Dernier

Trabajo de tecnología liceo departamental
Trabajo de tecnología liceo departamentalTrabajo de tecnología liceo departamental
Trabajo de tecnología liceo departamentalEmanuelCastro64
 
BLOG, EXCEL AVANZADO, MÉTODOS ESTADÍSTICOS..docx
BLOG, EXCEL AVANZADO, MÉTODOS ESTADÍSTICOS..docxBLOG, EXCEL AVANZADO, MÉTODOS ESTADÍSTICOS..docx
BLOG, EXCEL AVANZADO, MÉTODOS ESTADÍSTICOS..docxhellendiaz12
 
Análisis de los artefactos (nintendo NES)
Análisis de los artefactos (nintendo NES)Análisis de los artefactos (nintendo NES)
Análisis de los artefactos (nintendo NES)JuanStevenTrujilloCh
 
tecnologiaactividad11-240323205859-a9b9b9bc.pdf
tecnologiaactividad11-240323205859-a9b9b9bc.pdftecnologiaactividad11-240323205859-a9b9b9bc.pdf
tecnologiaactividad11-240323205859-a9b9b9bc.pdflauralizcano0319
 
Trabajando con Formasy Smart art en power Point
Trabajando con Formasy Smart art en power PointTrabajando con Formasy Smart art en power Point
Trabajando con Formasy Smart art en power PointValerioIvanDePazLoja
 
Nomisam: Base de Datos para Gestión de Nómina
Nomisam: Base de Datos para Gestión de NóminaNomisam: Base de Datos para Gestión de Nómina
Nomisam: Base de Datos para Gestión de Nóminacuellosameidy
 
TENDENCIAS DE IA Inteligencia artificial generativa.pdf
TENDENCIAS DE IA Inteligencia artificial generativa.pdfTENDENCIAS DE IA Inteligencia artificial generativa.pdf
TENDENCIAS DE IA Inteligencia artificial generativa.pdfJoseAlejandroPerezBa
 
Clasificación de Conjuntos de Datos Desequilibrados.pptx
Clasificación de Conjuntos de Datos Desequilibrados.pptxClasificación de Conjuntos de Datos Desequilibrados.pptx
Clasificación de Conjuntos de Datos Desequilibrados.pptxCarolina Bujaico
 
Inteligencia Artificial. Matheo Hernandez Serrano USCO 2024
Inteligencia Artificial. Matheo Hernandez Serrano USCO 2024Inteligencia Artificial. Matheo Hernandez Serrano USCO 2024
Inteligencia Artificial. Matheo Hernandez Serrano USCO 2024u20211198540
 
#Tare10ProgramacionWeb2024aaaaaaaaaaaa.pptx
#Tare10ProgramacionWeb2024aaaaaaaaaaaa.pptx#Tare10ProgramacionWeb2024aaaaaaaaaaaa.pptx
#Tare10ProgramacionWeb2024aaaaaaaaaaaa.pptxHugoGutierrez99
 
La electricidad y la electronica.10-7.pdf
La electricidad y la electronica.10-7.pdfLa electricidad y la electronica.10-7.pdf
La electricidad y la electronica.10-7.pdfcristianrb0324
 
ORIENTACIONES DE INFORMÁTICA-2024.pdf-guia
ORIENTACIONES DE INFORMÁTICA-2024.pdf-guiaORIENTACIONES DE INFORMÁTICA-2024.pdf-guia
ORIENTACIONES DE INFORMÁTICA-2024.pdf-guiaYeimys Ch
 
Trabajo de Tecnología .pdfywhwhejsjsjsjsjsk
Trabajo de Tecnología .pdfywhwhejsjsjsjsjskTrabajo de Tecnología .pdfywhwhejsjsjsjsjsk
Trabajo de Tecnología .pdfywhwhejsjsjsjsjskbydaniela5
 
Tecnología Educativa- presentación maestría
Tecnología Educativa- presentación maestríaTecnología Educativa- presentación maestría
Tecnología Educativa- presentación maestríaElizabethLpezSoto
 
_Planificacion Anual NTICX 2024.SEC.21.4.1.docx.pdf
_Planificacion Anual NTICX 2024.SEC.21.4.1.docx.pdf_Planificacion Anual NTICX 2024.SEC.21.4.1.docx.pdf
_Planificacion Anual NTICX 2024.SEC.21.4.1.docx.pdfBetianaJuarez1
 
tecno 2024.pdf sara mineiro palacio 10-6
tecno 2024.pdf sara mineiro palacio 10-6tecno 2024.pdf sara mineiro palacio 10-6
tecno 2024.pdf sara mineiro palacio 10-6SaraMineiropalacio
 
TECNOLOGIA 11-4.8888888888888888888888888
TECNOLOGIA 11-4.8888888888888888888888888TECNOLOGIA 11-4.8888888888888888888888888
TECNOLOGIA 11-4.8888888888888888888888888ElianaValencia28
 
Trabajo de tecnología primer periodo 2024
Trabajo de tecnología primer periodo 2024Trabajo de tecnología primer periodo 2024
Trabajo de tecnología primer periodo 2024anasofiarodriguezcru
 

Dernier (18)

Trabajo de tecnología liceo departamental
Trabajo de tecnología liceo departamentalTrabajo de tecnología liceo departamental
Trabajo de tecnología liceo departamental
 
BLOG, EXCEL AVANZADO, MÉTODOS ESTADÍSTICOS..docx
BLOG, EXCEL AVANZADO, MÉTODOS ESTADÍSTICOS..docxBLOG, EXCEL AVANZADO, MÉTODOS ESTADÍSTICOS..docx
BLOG, EXCEL AVANZADO, MÉTODOS ESTADÍSTICOS..docx
 
Análisis de los artefactos (nintendo NES)
Análisis de los artefactos (nintendo NES)Análisis de los artefactos (nintendo NES)
Análisis de los artefactos (nintendo NES)
 
tecnologiaactividad11-240323205859-a9b9b9bc.pdf
tecnologiaactividad11-240323205859-a9b9b9bc.pdftecnologiaactividad11-240323205859-a9b9b9bc.pdf
tecnologiaactividad11-240323205859-a9b9b9bc.pdf
 
Trabajando con Formasy Smart art en power Point
Trabajando con Formasy Smart art en power PointTrabajando con Formasy Smart art en power Point
Trabajando con Formasy Smart art en power Point
 
Nomisam: Base de Datos para Gestión de Nómina
Nomisam: Base de Datos para Gestión de NóminaNomisam: Base de Datos para Gestión de Nómina
Nomisam: Base de Datos para Gestión de Nómina
 
TENDENCIAS DE IA Inteligencia artificial generativa.pdf
TENDENCIAS DE IA Inteligencia artificial generativa.pdfTENDENCIAS DE IA Inteligencia artificial generativa.pdf
TENDENCIAS DE IA Inteligencia artificial generativa.pdf
 
Clasificación de Conjuntos de Datos Desequilibrados.pptx
Clasificación de Conjuntos de Datos Desequilibrados.pptxClasificación de Conjuntos de Datos Desequilibrados.pptx
Clasificación de Conjuntos de Datos Desequilibrados.pptx
 
Inteligencia Artificial. Matheo Hernandez Serrano USCO 2024
Inteligencia Artificial. Matheo Hernandez Serrano USCO 2024Inteligencia Artificial. Matheo Hernandez Serrano USCO 2024
Inteligencia Artificial. Matheo Hernandez Serrano USCO 2024
 
#Tare10ProgramacionWeb2024aaaaaaaaaaaa.pptx
#Tare10ProgramacionWeb2024aaaaaaaaaaaa.pptx#Tare10ProgramacionWeb2024aaaaaaaaaaaa.pptx
#Tare10ProgramacionWeb2024aaaaaaaaaaaa.pptx
 
La electricidad y la electronica.10-7.pdf
La electricidad y la electronica.10-7.pdfLa electricidad y la electronica.10-7.pdf
La electricidad y la electronica.10-7.pdf
 
ORIENTACIONES DE INFORMÁTICA-2024.pdf-guia
ORIENTACIONES DE INFORMÁTICA-2024.pdf-guiaORIENTACIONES DE INFORMÁTICA-2024.pdf-guia
ORIENTACIONES DE INFORMÁTICA-2024.pdf-guia
 
Trabajo de Tecnología .pdfywhwhejsjsjsjsjsk
Trabajo de Tecnología .pdfywhwhejsjsjsjsjskTrabajo de Tecnología .pdfywhwhejsjsjsjsjsk
Trabajo de Tecnología .pdfywhwhejsjsjsjsjsk
 
Tecnología Educativa- presentación maestría
Tecnología Educativa- presentación maestríaTecnología Educativa- presentación maestría
Tecnología Educativa- presentación maestría
 
_Planificacion Anual NTICX 2024.SEC.21.4.1.docx.pdf
_Planificacion Anual NTICX 2024.SEC.21.4.1.docx.pdf_Planificacion Anual NTICX 2024.SEC.21.4.1.docx.pdf
_Planificacion Anual NTICX 2024.SEC.21.4.1.docx.pdf
 
tecno 2024.pdf sara mineiro palacio 10-6
tecno 2024.pdf sara mineiro palacio 10-6tecno 2024.pdf sara mineiro palacio 10-6
tecno 2024.pdf sara mineiro palacio 10-6
 
TECNOLOGIA 11-4.8888888888888888888888888
TECNOLOGIA 11-4.8888888888888888888888888TECNOLOGIA 11-4.8888888888888888888888888
TECNOLOGIA 11-4.8888888888888888888888888
 
Trabajo de tecnología primer periodo 2024
Trabajo de tecnología primer periodo 2024Trabajo de tecnología primer periodo 2024
Trabajo de tecnología primer periodo 2024
 

Arquitectura de paginas web

  • 1.  Nombre:Aime Rodriguez Rodriguez  Maestra:Samantha Villalobos  Plantel:Conalep GDL II  Grupo:409
  • 2.
  • 3. La arquitectura basada en WEB realmente es una forma modificada de la nueva arquitectura de tres capas que utiliza un explorador en la estación de trabajo en lugar de la interfaz típica del usuario. Las soluciones basadas en WEB utilizan el protocolo World Wide WEB, a través de la Internet o una intranet, para conectar las tres partes de la aplicación. La World Wide WEB (WWW) es una combinación de servidores de Internet que utilizan formatos estándares como HTML (Hypertext markup Language) para proporcionar ligas a otros documentos, gráficas y archivos de audio y video. Sin embargo, no todos los servidores de Internet están en la WWW. También pueden encontrarse en intranets que sólo son accesibles a usuarios internos. El crecimiento
  • 4. Arquitectura Web  La arquitectura de un sitio Web tiene tres componentes principales:  un servidor Web, una conexión de red, y uno o más clientes (browsers).  El servidor Web distribuye páginas de información formateada a los  clientes que las solicitan. Los requerimientos son hechos a través de  una conexión de red, y para ello se usa el protocolo HTTP.
  • 5. Arquitectura Web Arquitectura básica de una aplicación/sitio Web La información mostrada en las páginas está típicamente almacenada en archivos. Sin embargo, muchas veces esta información está almace- nada en una base de datos, y las páginas son creadas dinámicamente. Los sitios Web que usan este esquema, son llamados sitios dinámicos.
  • 6. Arquitectura Web Páginas Web Las páginas Web son el componente principal de una aplicación o sitio Web. Los browsers piden páginas (almacenadas o creadas dinámicamente) con información a los servidores Web. En algunos ambientes de desarrollo de aplicaciones Web, las páginas contienen código HTML y scripts dinámicos, que son ejecutados por el servidor antes de entregar la página. Una vez que se entrega una página, la conexión entre el browser y el servidor Web se rompe (a diferencia de otros esquemas tipo cliente/servidor). Es decir que la lógica del negocio en el servidor solamente se activa por la ejecución de los scripts de las páginas solicitadas por el browser (en el servidor, no en el cliente).
  • 7. Arquitectura Web Scripts en el cliente Cuando el browser ejecuta un script en el cliente, éste no tiene acceso directo a los recursos del servidor. Hay otros componentes que no son scripts, como los applets o los componentes ActiveX. Los scripts del cliente son por lo general código JavaScript o VBSscript, mezclados con código HTML.
  • 8. Arquitectura Web Formularios La forma más común de capturar la información dada por el usuario,es a través de formularios. Un formulario (form) es una colección de campos de entrada: textbox, text area, checkbox, radio button group, button y selection list. Cuando un formulario es llenado, se envía al servidor usando una operación submit solicitada por el usuario típicamente al hacer click en un botón.
  • 9. Arquitectura Web Servidor Web En muchas aplicaciones Web hay una capa intermedia, compuesta por un conjunto de componentes, que se ejecutan no necesariamente en el servidor Web, sino en otros servidores de aplicaciones. Esta capa encapsula la lógica del negocio, y, al ser componentes compilados puede contener objetos, con sus métodos y atributos (llamados business objects).
  • 10. Arquitectura Web Arquitectura generalizada de una aplicación Web
  • 11. Arquitectura Web cliente / servidor.  Cliente. Ejecuta un interprete de HTML.  Servidor. Controla el acceso, sirve la página solicitada, y puede ejecutar aplicaciones especiales (ej. Procesar formularios).  Backend. Entrega datos al servidor.  Servidor de aplicaciones. Enlaza el servidor a la base de datos.
  • 12. Una arquitectura de 3 capas:
  • 13. Otra vista de la arquitectura.
  • 14. URL (Uniform Resources Location o “Localizador uniforme de recursos”).  Es una secuencia de caracteres, de acuerdo a un formato estándar, que se usa para nombrar recursos, como documentos e imágenes en Internet, por su localización.
  • 15. El URL de un recurso de información es su dirección en Internet, la cual permite que el navegador la encuentre y la muestre de forma adecuada.
  • 16. HTTP es un protocolo que no maneja persistencia (sin estado), es decir no almacena información sobre sus conexiones, envíos, recepciones, destinatarios, receptores, etc.
  • 17. Lista de métodos.  GET. Devuelve el recurso identificado en la URL pedida.  HEAD. Funciona como el GET, pero sin que el servidor devuelva el cuerpo del mensaje. Es decir, sólo se devuelve la información de cabecera.  POST. Indica al servidor que se prepare para recibir información del cliente. Suele usarse para enviar información desde formularios.  PUT. Envía el recurso identificado en la URL desde el cliente hacia el servidor.
  • 18. Lista de métodos.  OPTIONS. Pide información sobre las características de comunicación proporcionadas por el servidor. Le permite al cliente negociar los parámetros de comunicación.  TRACE. Inicia un ciclo de mensajes de petición. Se usa para depuración y permite al cliente ver lo que el servidor recibe en el otro lado.  DELETE. Solicita al servidor que borre el recurso identificado con el URL.  CONNECT. Este método se reserva para uso con proxys. Permitirá que un proxy pueda dinámicamente convertirse en un túnel. Por ejemplo para comunicaciones con SSL.