SlideShare una empresa de 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.

Más contenido relacionado

La actualidad más candente

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
 

La actualidad más candente (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
 

Similar a Aplicaciones web

Similar 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

pruebas unitarias unitarias en java con JUNIT
pruebas unitarias unitarias en java con JUNITpruebas unitarias unitarias en java con JUNIT
pruebas unitarias unitarias en java con JUNITMaricarmen Sánchez Ruiz
 
Avances tecnológicos del siglo XXI 10-07 eyvana
Avances tecnológicos del siglo XXI 10-07 eyvanaAvances tecnológicos del siglo XXI 10-07 eyvana
Avances tecnológicos del siglo XXI 10-07 eyvanamcerpam
 
EVOLUCION DE LA TECNOLOGIA Y SUS ASPECTOSpptx
EVOLUCION DE LA TECNOLOGIA Y SUS ASPECTOSpptxEVOLUCION DE LA TECNOLOGIA Y SUS ASPECTOSpptx
EVOLUCION DE LA TECNOLOGIA Y SUS ASPECTOSpptxJorgeParada26
 
EL CICLO PRÁCTICO DE UN MOTOR DE CUATRO TIEMPOS.pptx
EL CICLO PRÁCTICO DE UN MOTOR DE CUATRO TIEMPOS.pptxEL CICLO PRÁCTICO DE UN MOTOR DE CUATRO TIEMPOS.pptx
EL CICLO PRÁCTICO DE UN MOTOR DE CUATRO TIEMPOS.pptxMiguelAtencio10
 
PROYECTO FINAL. Tutorial para publicar en SlideShare.pptx
PROYECTO FINAL. Tutorial para publicar en SlideShare.pptxPROYECTO FINAL. Tutorial para publicar en SlideShare.pptx
PROYECTO FINAL. Tutorial para publicar en SlideShare.pptxAlan779941
 
redes informaticas en una oficina administrativa
redes informaticas en una oficina administrativaredes informaticas en una oficina administrativa
redes informaticas en una oficina administrativanicho110
 
Avances tecnológicos del siglo XXI y ejemplos de estos
Avances tecnológicos del siglo XXI y ejemplos de estosAvances tecnológicos del siglo XXI y ejemplos de estos
Avances tecnológicos del siglo XXI y ejemplos de estossgonzalezp1
 
How to use Redis with MuleSoft. A quick start presentation.
How to use Redis with MuleSoft. A quick start presentation.How to use Redis with MuleSoft. A quick start presentation.
How to use Redis with MuleSoft. A quick start presentation.FlorenciaCattelani
 
Buenos_Aires_Meetup_Redis_20240430_.pptx
Buenos_Aires_Meetup_Redis_20240430_.pptxBuenos_Aires_Meetup_Redis_20240430_.pptx
Buenos_Aires_Meetup_Redis_20240430_.pptxFederico Castellari
 
Innovaciones tecnologicas en el siglo 21
Innovaciones tecnologicas en el siglo 21Innovaciones tecnologicas en el siglo 21
Innovaciones tecnologicas en el siglo 21mariacbr99
 
Resistencia extrema al cobre por un consorcio bacteriano conformado por Sulfo...
Resistencia extrema al cobre por un consorcio bacteriano conformado por Sulfo...Resistencia extrema al cobre por un consorcio bacteriano conformado por Sulfo...
Resistencia extrema al cobre por un consorcio bacteriano conformado por Sulfo...JohnRamos830530
 
investigación de los Avances tecnológicos del siglo XXI
investigación de los Avances tecnológicos del siglo XXIinvestigación de los Avances tecnológicos del siglo XXI
investigación de los Avances tecnológicos del siglo XXIhmpuellon
 

Último (12)

pruebas unitarias unitarias en java con JUNIT
pruebas unitarias unitarias en java con JUNITpruebas unitarias unitarias en java con JUNIT
pruebas unitarias unitarias en java con JUNIT
 
Avances tecnológicos del siglo XXI 10-07 eyvana
Avances tecnológicos del siglo XXI 10-07 eyvanaAvances tecnológicos del siglo XXI 10-07 eyvana
Avances tecnológicos del siglo XXI 10-07 eyvana
 
EVOLUCION DE LA TECNOLOGIA Y SUS ASPECTOSpptx
EVOLUCION DE LA TECNOLOGIA Y SUS ASPECTOSpptxEVOLUCION DE LA TECNOLOGIA Y SUS ASPECTOSpptx
EVOLUCION DE LA TECNOLOGIA Y SUS ASPECTOSpptx
 
EL CICLO PRÁCTICO DE UN MOTOR DE CUATRO TIEMPOS.pptx
EL CICLO PRÁCTICO DE UN MOTOR DE CUATRO TIEMPOS.pptxEL CICLO PRÁCTICO DE UN MOTOR DE CUATRO TIEMPOS.pptx
EL CICLO PRÁCTICO DE UN MOTOR DE CUATRO TIEMPOS.pptx
 
PROYECTO FINAL. Tutorial para publicar en SlideShare.pptx
PROYECTO FINAL. Tutorial para publicar en SlideShare.pptxPROYECTO FINAL. Tutorial para publicar en SlideShare.pptx
PROYECTO FINAL. Tutorial para publicar en SlideShare.pptx
 
redes informaticas en una oficina administrativa
redes informaticas en una oficina administrativaredes informaticas en una oficina administrativa
redes informaticas en una oficina administrativa
 
Avances tecnológicos del siglo XXI y ejemplos de estos
Avances tecnológicos del siglo XXI y ejemplos de estosAvances tecnológicos del siglo XXI y ejemplos de estos
Avances tecnológicos del siglo XXI y ejemplos de estos
 
How to use Redis with MuleSoft. A quick start presentation.
How to use Redis with MuleSoft. A quick start presentation.How to use Redis with MuleSoft. A quick start presentation.
How to use Redis with MuleSoft. A quick start presentation.
 
Buenos_Aires_Meetup_Redis_20240430_.pptx
Buenos_Aires_Meetup_Redis_20240430_.pptxBuenos_Aires_Meetup_Redis_20240430_.pptx
Buenos_Aires_Meetup_Redis_20240430_.pptx
 
Innovaciones tecnologicas en el siglo 21
Innovaciones tecnologicas en el siglo 21Innovaciones tecnologicas en el siglo 21
Innovaciones tecnologicas en el siglo 21
 
Resistencia extrema al cobre por un consorcio bacteriano conformado por Sulfo...
Resistencia extrema al cobre por un consorcio bacteriano conformado por Sulfo...Resistencia extrema al cobre por un consorcio bacteriano conformado por Sulfo...
Resistencia extrema al cobre por un consorcio bacteriano conformado por Sulfo...
 
investigación de los Avances tecnológicos del siglo XXI
investigación de los Avances tecnológicos del siglo XXIinvestigación de los Avances tecnológicos del siglo XXI
investigación de los Avances tecnológicos del siglo XXI
 

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.