SlideShare uma empresa Scribd logo
1 de 13
APLICACIONES WEB




   Eliecer G. Vargas Q.
Web-Based (Web-Enable) Aplication

                       Aplicación Informática que se ejecuta en
                       entorno web.
                       Aplicación cliente/servidor: el cliente, el
                       servidor y el protocolo ya están definidos.
                       Cliente: navegador.
                       Servidor: servidor web.
                       Comunicación: protocolo HTTP




Eliecer G. Vargas Q.
Protocolos que utiliza las aplicaciones web
           • Protocolo: HyperText Transfer Protocol (HTTP).
           • HTTP 􀃆 TCP/IP: no está orientado a conexión
               Se sitúa en el nivel 7 (aplicación) del OSI-RM (Open
               System Interconection-Reference Model)




Eliecer G. Vargas Q.
Cliente
                       Gestiona las peticiones del usuario y la recepción de las
                       páginas que provienen del servidor
                       Interpreta los documentos HTML y sus recursos. Las
                       tecnologías más empleadas son:
                       – HyperText Markup Language (HTML)
                       – Cascading Style Sheets (CSS), DHTML
                       – Lenguaje de script (JavaScript, VBScript, etc.)
                       – ActiveX
                       – Applets en Java
                       – Plug-ins: Macromedia Flash, Autodesk MapGuide, ...
                       – Virtual Reality Modeling Language (VRML)




Eliecer G. Vargas Q.
Servidor
          Programa residente que espera peticiones: demonio (daemon)
          en Unix y servicio en servidores de Microsoft
          En la aplicación del servidor hay:
          – Páginas estáticas (documentos HTML)
          – Recursos multimedia (imágenes y documentos adicionales
          del sitio web)
          – Scripts o programas de servidor que al ser invocados se
          ejecutan y dan como resultado una página HTML generada
          (pueden acceder a una BD)



Eliecer G. Vargas Q.
Servidor
        Tecnologías de servidor:

        – CGI: complejo y poco eficiente
        – SSI: estándar de “macros” de servidor web
        – ASP (Microsoft): Windows, Windows NT
        – JSP y Servlets (Sun Microsystems): Windows,
        algunos Unix
        – PHP (PHP.net): código fuente, binarios para
        Win32 y algunos Unix
        – ColdFusion (Macromedia/allaire): Windows,
        Windows NT, Linux, Solaris, HP-UX


        Las más modernas tienen prestaciones que facilitan el desarrollo de
        aplicaciones



Eliecer G. Vargas Q.
Cliente/Servidor




Eliecer G. Vargas Q.
Transferencia páginas web
            Envío de la URL.
            Interpretación del documento HTML y petición de otros
            objetos a los que hace referencia
            Apertura de la conexión con el servidor
        – Siempre se abre una conexión nueva con cada petición del
        cliente (excepto con HTTP 1.1 que permite Keep-Alive
        Connections)
        • Solicitud de la página o recurso
        • Envío (o código de error) por parte del servidor.
            Cierre conexión una vez que hayan llegado todos los recursos
            y documentos


Eliecer G. Vargas Q.
Entornos web
         Internet: aplicación abierta y accesible desde Internet.
         Intranet: la aplicación se ejecuta en una red local con TCP/IP
         y servicios de Internet.
         Extranet: aplicación accesible desde Internet pero con
         restricciones (seguridad, VPN, etc.).




Eliecer G. Vargas Q.
Entornos web
                       Aplicaciones web:
                       – Multi-channel: el usuario puede trabajar con la misma
                       aplicación a través de distintos canales (ordenador,
                       PDA, teléfono móvil, web TV, etc.) Cada plataforma o
                       tecnología es un canal de comunicación con la
                       aplicación web.
                       -- Cross-channel: los efectos producidos en una
                       aplicación a través de un canal pueden ser percibidos
                       por el usuario a través de otros canales




Eliecer G. Vargas Q.
Ventajas y desventajas
                  Estandarización: TCP/IP, HTTP, HTML, …
                  Teletrabajo y movilidad: extranets.
                  Reducción coste instalación y actualización clientes,
                  gestión de versiones.
                  Entorno del cliente controlado: navegador, versión,
                  fabricante, etc.
                  Integración Internet e intranet (aprendizaje)
                  Independencia de plataforma (GUI).
                  Desventaja: versatilidad y potencia (limitaciones de
                  HTML) y necesidad de buenas comunicaciones



Eliecer G. Vargas Q.
Arquitectura de una aplicación
                                    web




Eliecer G. Vargas Q.
Arquitectura de una
                         aplicación web




Eliecer G. Vargas Q.

Mais conteúdo relacionado

Mais procurados

Exposicion topicos avanzados_chumpitaz
Exposicion topicos avanzados_chumpitazExposicion topicos avanzados_chumpitaz
Exposicion topicos avanzados_chumpitazCalzada Meza
 
Recursos página web 2.0
Recursos página web 2.0Recursos página web 2.0
Recursos página web 2.0keisymarriaga
 
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 LozadaErick Paul Lozada Peñarreta
 
Fundamentos de Desarrollo Web
Fundamentos de Desarrollo Web Fundamentos de Desarrollo Web
Fundamentos de Desarrollo Web Alexander
 
Aplicaciones web
Aplicaciones webAplicaciones web
Aplicaciones webRuthReyes71
 

Mais procurados (10)

Exposicion topicos avanzados_chumpitaz
Exposicion topicos avanzados_chumpitazExposicion topicos avanzados_chumpitaz
Exposicion topicos avanzados_chumpitaz
 
Recursos página web 2.0
Recursos página web 2.0Recursos página web 2.0
Recursos página web 2.0
 
Desarrollo de aplicaciones web
Desarrollo de aplicaciones webDesarrollo de aplicaciones web
Desarrollo de aplicaciones web
 
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
 
Fundamentos de Desarrollo Web
Fundamentos de Desarrollo Web Fundamentos de Desarrollo Web
Fundamentos de Desarrollo Web
 
La Web 2.0
La Web 2.0La Web 2.0
La Web 2.0
 
0. Antecedentes Asp
0. Antecedentes Asp0. Antecedentes Asp
0. Antecedentes Asp
 
Diseño y Desarrollo Web
Diseño y Desarrollo WebDiseño y Desarrollo Web
Diseño y Desarrollo Web
 
Programacion web
Programacion webProgramacion web
Programacion web
 
Aplicaciones web
Aplicaciones webAplicaciones web
Aplicaciones web
 

Semelhante a Aplicaciones web

Semelhante a Aplicaciones web (20)

Arquitectura web EXPOSICION KAREN ANDRADE, EFRAIN SARANSIG
Arquitectura web  EXPOSICION KAREN ANDRADE, EFRAIN SARANSIGArquitectura web  EXPOSICION KAREN ANDRADE, EFRAIN SARANSIG
Arquitectura web EXPOSICION KAREN ANDRADE, EFRAIN SARANSIG
 
servidor
servidorservidor
servidor
 
Tecnologias web 2.0
Tecnologias web 2.0Tecnologias web 2.0
Tecnologias web 2.0
 
Cliente servidor
Cliente servidorCliente servidor
Cliente servidor
 
Joselyn acosta
Joselyn acostaJoselyn acosta
Joselyn acosta
 
Internetpres
InternetpresInternetpres
Internetpres
 
Aplicaciones distribuidas
Aplicaciones distribuidasAplicaciones distribuidas
Aplicaciones distribuidas
 
Apuntes materia entorno cliente servidor
Apuntes materia entorno cliente servidorApuntes materia entorno cliente servidor
Apuntes materia entorno cliente servidor
 
Tema 1
Tema 1Tema 1
Tema 1
 
introduccion-a-las-aplicaciones-web-sistemas
introduccion-a-las-aplicaciones-web-sistemasintroduccion-a-las-aplicaciones-web-sistemas
introduccion-a-las-aplicaciones-web-sistemas
 
Infraestructura tecnologica1
Infraestructura tecnologica1Infraestructura tecnologica1
Infraestructura tecnologica1
 
Servidores web
Servidores webServidores web
Servidores web
 
Servidores web
Servidores webServidores web
Servidores web
 
Mantenimiento Servidores de-web
Mantenimiento Servidores de-webMantenimiento Servidores de-web
Mantenimiento Servidores de-web
 
Servidor web
Servidor webServidor web
Servidor web
 
Apuntes entorno cliente servidor
Apuntes entorno cliente   servidorApuntes entorno cliente   servidor
Apuntes entorno cliente servidor
 
Prog. web. equipo 5
Prog. web. equipo 5Prog. web. equipo 5
Prog. web. equipo 5
 
Capa de Aplicacion
Capa de AplicacionCapa de Aplicacion
Capa de Aplicacion
 
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
 

Último

VelderrainPerez_Paola_M1C1G63-097.pptx. LAS TiC
VelderrainPerez_Paola_M1C1G63-097.pptx. LAS TiCVelderrainPerez_Paola_M1C1G63-097.pptx. LAS TiC
VelderrainPerez_Paola_M1C1G63-097.pptx. LAS TiC6dwwcgtpfx
 
Navegadores de internet - Nuevas Tecnologías de la Información y la Comunicación
Navegadores de internet - Nuevas Tecnologías de la Información y la ComunicaciónNavegadores de internet - Nuevas Tecnologías de la Información y la Comunicación
Navegadores de internet - Nuevas Tecnologías de la Información y la ComunicaciónAntonia Yamilet Perez Palomares
 
Ejercicio 1 periodo 2 de Tecnología 2024
Ejercicio 1 periodo 2 de Tecnología 2024Ejercicio 1 periodo 2 de Tecnología 2024
Ejercicio 1 periodo 2 de Tecnología 2024NicolleAndrade7
 
10°8 - Avances tecnologicos del siglo XXI 10-8
10°8 - Avances tecnologicos del siglo XXI 10-810°8 - Avances tecnologicos del siglo XXI 10-8
10°8 - Avances tecnologicos del siglo XXI 10-8antoniopalmieriluna
 
JORNADA INTELIGENCIA ARTIFICIAL Y REALIDAD VIRTUAL
JORNADA INTELIGENCIA ARTIFICIAL Y REALIDAD VIRTUALJORNADA INTELIGENCIA ARTIFICIAL Y REALIDAD VIRTUAL
JORNADA INTELIGENCIA ARTIFICIAL Y REALIDAD VIRTUALGuadalinfoHuscarGuad
 
Tipos de datos en Microsoft Access de Base de Datos
Tipos de datos en Microsoft Access de Base de DatosTipos de datos en Microsoft Access de Base de Datos
Tipos de datos en Microsoft Access de Base de DatosYOMIRAVILLARREAL1
 
Función del analizador léxico.pdf presentacion
Función del analizador léxico.pdf presentacionFunción del analizador léxico.pdf presentacion
Función del analizador léxico.pdf presentacionEmanuelMuoz11
 
CARPETA PEDAGOGICA DE TOE.docbbbbbbbbbbbx
CARPETA PEDAGOGICA DE TOE.docbbbbbbbbbbbxCARPETA PEDAGOGICA DE TOE.docbbbbbbbbbbbx
CARPETA PEDAGOGICA DE TOE.docbbbbbbbbbbbxCesarAntonioGascoTiz1
 
innovacion banking & warehouse 2024 blog
innovacion banking & warehouse 2024 bloginnovacion banking & warehouse 2024 blog
innovacion banking & warehouse 2024 blogManuel Diaz
 
¡Ya basta! Sanidad Interior - Angela Kellenberger.pdf
¡Ya basta! Sanidad Interior - Angela Kellenberger.pdf¡Ya basta! Sanidad Interior - Angela Kellenberger.pdf
¡Ya basta! Sanidad Interior - Angela Kellenberger.pdfjuan23xpx
 
Tipos de Datos de Microsoft Access-JOEL GARCIA.pptx
Tipos de Datos de Microsoft Access-JOEL GARCIA.pptxTipos de Datos de Microsoft Access-JOEL GARCIA.pptx
Tipos de Datos de Microsoft Access-JOEL GARCIA.pptxJOELGARCIA849853
 
AVANCES TECNOLOGICOS DEL SIGLO XXI. 10-08..pptx
AVANCES TECNOLOGICOS  DEL SIGLO XXI. 10-08..pptxAVANCES TECNOLOGICOS  DEL SIGLO XXI. 10-08..pptx
AVANCES TECNOLOGICOS DEL SIGLO XXI. 10-08..pptxdulcemonterroza
 
Introduccion-a-la-electronica-industrial.pptx
Introduccion-a-la-electronica-industrial.pptxIntroduccion-a-la-electronica-industrial.pptx
Introduccion-a-la-electronica-industrial.pptxcj12paz
 
herramientas web para estudiantes interesados en el tema
herramientas web para estudiantes interesados en el temaherramientas web para estudiantes interesados en el tema
herramientas web para estudiantes interesados en el temaJadeVilcscordova
 
Redes Neuronales profundas convolucionales CNN ́s-1.pdf
Redes Neuronales profundas convolucionales CNN ́s-1.pdfRedes Neuronales profundas convolucionales CNN ́s-1.pdf
Redes Neuronales profundas convolucionales CNN ́s-1.pdfJosAndrRosarioVzquez
 
Electricidad Libro compendio de temas estudiados.docx
Electricidad Libro compendio de temas estudiados.docxElectricidad Libro compendio de temas estudiados.docx
Electricidad Libro compendio de temas estudiados.docxCsarNlsonMrquezContr
 
Uso de las TIC en la vida cotidiana .
Uso de las TIC en la vida cotidiana       .Uso de las TIC en la vida cotidiana       .
Uso de las TIC en la vida cotidiana .itzyrivera61103
 
Tarea_sesion_15_Reportes Maestro - Detalle con el uso de AJAX.pptx
Tarea_sesion_15_Reportes Maestro - Detalle con el uso de AJAX.pptxTarea_sesion_15_Reportes Maestro - Detalle con el uso de AJAX.pptx
Tarea_sesion_15_Reportes Maestro - Detalle con el uso de AJAX.pptxVICTORMANUELBEASAGUI
 
Desarrollo del Dominio del Internet - Estrada
Desarrollo del Dominio del Internet - EstradaDesarrollo del Dominio del Internet - Estrada
Desarrollo del Dominio del Internet - EstradaRicardoEstrada90
 
el uso de las TIC en la vida cotidiana.pptx
el uso de las TIC en la vida cotidiana.pptxel uso de las TIC en la vida cotidiana.pptx
el uso de las TIC en la vida cotidiana.pptx221112876
 

Último (20)

VelderrainPerez_Paola_M1C1G63-097.pptx. LAS TiC
VelderrainPerez_Paola_M1C1G63-097.pptx. LAS TiCVelderrainPerez_Paola_M1C1G63-097.pptx. LAS TiC
VelderrainPerez_Paola_M1C1G63-097.pptx. LAS TiC
 
Navegadores de internet - Nuevas Tecnologías de la Información y la Comunicación
Navegadores de internet - Nuevas Tecnologías de la Información y la ComunicaciónNavegadores de internet - Nuevas Tecnologías de la Información y la Comunicación
Navegadores de internet - Nuevas Tecnologías de la Información y la Comunicación
 
Ejercicio 1 periodo 2 de Tecnología 2024
Ejercicio 1 periodo 2 de Tecnología 2024Ejercicio 1 periodo 2 de Tecnología 2024
Ejercicio 1 periodo 2 de Tecnología 2024
 
10°8 - Avances tecnologicos del siglo XXI 10-8
10°8 - Avances tecnologicos del siglo XXI 10-810°8 - Avances tecnologicos del siglo XXI 10-8
10°8 - Avances tecnologicos del siglo XXI 10-8
 
JORNADA INTELIGENCIA ARTIFICIAL Y REALIDAD VIRTUAL
JORNADA INTELIGENCIA ARTIFICIAL Y REALIDAD VIRTUALJORNADA INTELIGENCIA ARTIFICIAL Y REALIDAD VIRTUAL
JORNADA INTELIGENCIA ARTIFICIAL Y REALIDAD VIRTUAL
 
Tipos de datos en Microsoft Access de Base de Datos
Tipos de datos en Microsoft Access de Base de DatosTipos de datos en Microsoft Access de Base de Datos
Tipos de datos en Microsoft Access de Base de Datos
 
Función del analizador léxico.pdf presentacion
Función del analizador léxico.pdf presentacionFunción del analizador léxico.pdf presentacion
Función del analizador léxico.pdf presentacion
 
CARPETA PEDAGOGICA DE TOE.docbbbbbbbbbbbx
CARPETA PEDAGOGICA DE TOE.docbbbbbbbbbbbxCARPETA PEDAGOGICA DE TOE.docbbbbbbbbbbbx
CARPETA PEDAGOGICA DE TOE.docbbbbbbbbbbbx
 
innovacion banking & warehouse 2024 blog
innovacion banking & warehouse 2024 bloginnovacion banking & warehouse 2024 blog
innovacion banking & warehouse 2024 blog
 
¡Ya basta! Sanidad Interior - Angela Kellenberger.pdf
¡Ya basta! Sanidad Interior - Angela Kellenberger.pdf¡Ya basta! Sanidad Interior - Angela Kellenberger.pdf
¡Ya basta! Sanidad Interior - Angela Kellenberger.pdf
 
Tipos de Datos de Microsoft Access-JOEL GARCIA.pptx
Tipos de Datos de Microsoft Access-JOEL GARCIA.pptxTipos de Datos de Microsoft Access-JOEL GARCIA.pptx
Tipos de Datos de Microsoft Access-JOEL GARCIA.pptx
 
AVANCES TECNOLOGICOS DEL SIGLO XXI. 10-08..pptx
AVANCES TECNOLOGICOS  DEL SIGLO XXI. 10-08..pptxAVANCES TECNOLOGICOS  DEL SIGLO XXI. 10-08..pptx
AVANCES TECNOLOGICOS DEL SIGLO XXI. 10-08..pptx
 
Introduccion-a-la-electronica-industrial.pptx
Introduccion-a-la-electronica-industrial.pptxIntroduccion-a-la-electronica-industrial.pptx
Introduccion-a-la-electronica-industrial.pptx
 
herramientas web para estudiantes interesados en el tema
herramientas web para estudiantes interesados en el temaherramientas web para estudiantes interesados en el tema
herramientas web para estudiantes interesados en el tema
 
Redes Neuronales profundas convolucionales CNN ́s-1.pdf
Redes Neuronales profundas convolucionales CNN ́s-1.pdfRedes Neuronales profundas convolucionales CNN ́s-1.pdf
Redes Neuronales profundas convolucionales CNN ́s-1.pdf
 
Electricidad Libro compendio de temas estudiados.docx
Electricidad Libro compendio de temas estudiados.docxElectricidad Libro compendio de temas estudiados.docx
Electricidad Libro compendio de temas estudiados.docx
 
Uso de las TIC en la vida cotidiana .
Uso de las TIC en la vida cotidiana       .Uso de las TIC en la vida cotidiana       .
Uso de las TIC en la vida cotidiana .
 
Tarea_sesion_15_Reportes Maestro - Detalle con el uso de AJAX.pptx
Tarea_sesion_15_Reportes Maestro - Detalle con el uso de AJAX.pptxTarea_sesion_15_Reportes Maestro - Detalle con el uso de AJAX.pptx
Tarea_sesion_15_Reportes Maestro - Detalle con el uso de AJAX.pptx
 
Desarrollo del Dominio del Internet - Estrada
Desarrollo del Dominio del Internet - EstradaDesarrollo del Dominio del Internet - Estrada
Desarrollo del Dominio del Internet - Estrada
 
el uso de las TIC en la vida cotidiana.pptx
el uso de las TIC en la vida cotidiana.pptxel uso de las TIC en la vida cotidiana.pptx
el uso de las TIC en la vida cotidiana.pptx
 

Aplicaciones web

  • 1. APLICACIONES WEB Eliecer G. Vargas Q.
  • 2. Web-Based (Web-Enable) Aplication Aplicación Informática que se ejecuta en entorno web. Aplicación cliente/servidor: el cliente, el servidor y el protocolo ya están definidos. Cliente: navegador. Servidor: servidor web. Comunicación: protocolo HTTP Eliecer G. Vargas Q.
  • 3. Protocolos que utiliza las aplicaciones web • Protocolo: HyperText Transfer Protocol (HTTP). • HTTP 􀃆 TCP/IP: no está orientado a conexión Se sitúa en el nivel 7 (aplicación) del OSI-RM (Open System Interconection-Reference Model) Eliecer G. Vargas Q.
  • 4. Cliente Gestiona las peticiones del usuario y la recepción de las páginas que provienen del servidor Interpreta los documentos HTML y sus recursos. Las tecnologías más empleadas son: – HyperText Markup Language (HTML) – Cascading Style Sheets (CSS), DHTML – Lenguaje de script (JavaScript, VBScript, etc.) – ActiveX – Applets en Java – Plug-ins: Macromedia Flash, Autodesk MapGuide, ... – Virtual Reality Modeling Language (VRML) Eliecer G. Vargas Q.
  • 5. Servidor Programa residente que espera peticiones: demonio (daemon) en Unix y servicio en servidores de Microsoft En la aplicación del servidor hay: – Páginas estáticas (documentos HTML) – Recursos multimedia (imágenes y documentos adicionales del sitio web) – Scripts o programas de servidor que al ser invocados se ejecutan y dan como resultado una página HTML generada (pueden acceder a una BD) Eliecer G. Vargas Q.
  • 6. Servidor Tecnologías de servidor: – CGI: complejo y poco eficiente – SSI: estándar de “macros” de servidor web – ASP (Microsoft): Windows, Windows NT – JSP y Servlets (Sun Microsystems): Windows, algunos Unix – PHP (PHP.net): código fuente, binarios para Win32 y algunos Unix – ColdFusion (Macromedia/allaire): Windows, Windows NT, Linux, Solaris, HP-UX Las más modernas tienen prestaciones que facilitan el desarrollo de aplicaciones Eliecer G. Vargas Q.
  • 8. Transferencia páginas web Envío de la URL. Interpretación del documento HTML y petición de otros objetos a los que hace referencia Apertura de la conexión con el servidor – Siempre se abre una conexión nueva con cada petición del cliente (excepto con HTTP 1.1 que permite Keep-Alive Connections) • Solicitud de la página o recurso • Envío (o código de error) por parte del servidor. Cierre conexión una vez que hayan llegado todos los recursos y documentos Eliecer G. Vargas Q.
  • 9. Entornos web Internet: aplicación abierta y accesible desde Internet. Intranet: la aplicación se ejecuta en una red local con TCP/IP y servicios de Internet. Extranet: aplicación accesible desde Internet pero con restricciones (seguridad, VPN, etc.). Eliecer G. Vargas Q.
  • 10. Entornos web Aplicaciones web: – Multi-channel: el usuario puede trabajar con la misma aplicación a través de distintos canales (ordenador, PDA, teléfono móvil, web TV, etc.) Cada plataforma o tecnología es un canal de comunicación con la aplicación web. -- Cross-channel: los efectos producidos en una aplicación a través de un canal pueden ser percibidos por el usuario a través de otros canales Eliecer G. Vargas Q.
  • 11. Ventajas y desventajas Estandarización: TCP/IP, HTTP, HTML, … Teletrabajo y movilidad: extranets. Reducción coste instalación y actualización clientes, gestión de versiones. Entorno del cliente controlado: navegador, versión, fabricante, etc. Integración Internet e intranet (aprendizaje) Independencia de plataforma (GUI). Desventaja: versatilidad y potencia (limitaciones de HTML) y necesidad de buenas comunicaciones Eliecer G. Vargas Q.
  • 12. Arquitectura de una aplicación web Eliecer G. Vargas Q.
  • 13. Arquitectura de una aplicación web Eliecer G. Vargas Q.