03c AplicacionesWeb

Programacin en Internet 2006-2007
DLSI - Universidad de Alicante 1

Departamento de Lenguajes y
Sistemas Informticos
Qu es una aplicacin
web
Programacin en Internet
Curso 2006-2007
Programacin en Internet Curso 2006-2007
ndice
Introduccin
Cliente
Servidor
Transferencia pginas web
Entornos web
Ventajas y desventajas
Arquitectura de una aplicacin web
Metodologa de diseo
Introduccin (1)
Web-based (web-enabled) application:
Aplicacin informtica que se ejecuta en
entorno web
Aplicacin cliente/servidor: el cliente, el
servidor y el protocolo ya estn definidos
(implementados)
Cliente: navegador
Servidor: servidor web
Comunicacin: protocolo HTTP
Una aplicacin web?
Introduccin (y 2)
Protocolo: HyperText Transfer Protocol (HTTP)
HTTP TCP/IP: no est orientado a conexin
Se sita en el nivel 7 (aplicacin) del OSI-RM (Open
System Interconection-Reference Model)
Cliente
Gestiona las peticiones del usuario y la recepcin de
las pginas que provienen del servidor
Interpreta los documentos HTML y sus recursos. Las
tecnologas ms 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)
Servidor (1)
Programa residente que espera peticiones:
demonio (daemon) en Unix y servicio en
servidores de Microsoft
En la aplicacin del servidor hay:
Pginas estticas (documentos HTML)
Recursos multimedia (imgenes y documentos
adicionales del sitio web)
Scripts o programas de servidor que al ser
invocados se ejecutan y dan como resultado una
pgina HTML generada (pueden acceder a una
BD)
Servidor (y 2)
Tecnologas de servidor:
CGI: complejo y poco eficiente
SSI: estndar de macros de servidor web
ASP (Microsoft): Windows, Windows NT
JSP y Servlets (Sun Microsystems): Windows,
algunos Unix
PHP (PHP.net): cdigo fuente, binarios para
Win32 y algunos Unix
ColdFusion (Macromedia/allaire): Windows,
Windows NT, Linux, Solaris, HP-UX
Las ms modernas tienen prestaciones que
facilitan el desarrollo de aplicaciones
Cliente/Servidor
HTTP
HTML DHTML CSS
JavaScript VBScript
ActiveX
Applets
CGI SSI
ASP PHP
JSP Servlets
ColdFusion
CLIENTE
SERVIDOR
Transferencia pginas web
Envo de la URL
Apertura de la conexin con el servidor
Siempre se abre una conexin nueva con cada peticin del
cliente (excepto con HTTP 1.1 que permite Keep-Alive
Connections)
Solicitud de la pgina o recurso
Envo (o cdigo de error) por parte del servidor
Interpretacin del documento HTML y peticin de
otros objetos a los que hace referencia
Cierre conexin una vez que hayan llegado todos los
recursos y documentos
Internet: aplicacin abierta y accesible desde Internet
Intranet: la aplicacin se ejecuta en una red local con
TCP/IP y servicios de Internet
Extranet: aplicacin accesible desde Internet pero con
restricciones (seguridad, VPN, etc.)
Entornos web (1)
Internet Intranet
Extranet
Entornos web (y 2)
Aplicaciones web:
Multi-channel: el usuario puede trabajar con la
misma aplicacin a travs de distintos canales
(ordenador, PDA, telfono mvil, web TV, etc.)
Cada plataforma o tecnologa es un canal de
comunicacin con la aplicacin web
Cross-channel: los efectos producidos en una
aplicacin a travs de un canal pueden ser
percibidos por el usuario a travs de otros canales
Google para navegadores
desde PalmPC
Google para
navegadores
desde PC
Ventajas y desventajas
Estandarizacin: TCP/IP, HTTP, HTML,
Teletrabajo y movilidad: extranets
Reduccin coste instalacin y actualizacin
clientes, gestin de versiones
Entorno del cliente controlado: navegador,
versin, fabricante, etc.
Integracin Internet e intranet (aprendizaje)
Independencia de plataforma (GUI)
Desventaja: versatilidad y potencia
(limitaciones de HTML) y necesidad de
buenas comunicaciones
Arquitectura de una aplicacin web (1)
Cliente
Base de datos
Servidor web + BD
Respuesta
Peticin
Navegador Servicio HTTP
Consulta u
operacin
Respuesta
Cliente
Base de datos
Servidor web
Respuesta
Peticin
Consulta u
operacin
Respuesta
Servidor BD
Navegador Servicio HTTP
Cliente Servidor web + aplicaciones + BD
Servicio HTTP
Respuesta
Peticin
Consulta u
operacin
Datos
Servicio de aplicaciones
Datos
procesados
Navegador Base de datos
Cliente Servidor web + aplicaciones
Servicio HTTP
Respuesta
Peticin
Consulta u
operacin
Datos
Datos
procesados
Servidor BD
Cliente Servidor web
Servicio HTTP
Respuesta
Peticin
Consulta u
operacin
Datos
Datos
procesados
Servidor BD
Servidor de
aplicaciones
Arquitectura de una aplicacin web (y 6)
Web Server Scripting
Cach Server Pages Servidor de aplicaciones
(ASP, PHP) (JSP) (CSP)
Servidor web Servidor web Servidor web
Servicio HTTP
Lgica de negocio
Datos
Servidor BD Servidor BD
Datos
Servicio HTTP
Lgica de negocio
Ser. aplicaciones
Servicio HTTP
Servidor BD
Lgica de negocio
Datos
Comunicacin intraprocesos (rpida) Comunicacin interprocesos (lenta)
Lgica de presentacin
Lgica de datos
Lgica de aplicacin
HTML WML XML + XSLT
ASP PHP JSP CFM CSP
Access MySQL Oracle SQLServer
Metodologa de diseo (1)
1. Estudio de requisitos: contenido, objetivo,
etc.
2. Eleccin de la tecnologa, arquitectura del
sitio web, proveedor del servidor y motor de
la base de datos
3. Diseo de la estructura lgica o mapa de
navegacin
4. Diseo de la estructura fsica
5. Creacin de los contenidos
6. Diseo grfico y ergonmico: colores,
montaje, tipografa, etc.
Metodologa de diseo (y 2)
7. Diseo de las pginas estticas y
elementos multimedia
8. Desarrollo de los scripts y pginas
dinmicas
9. Verificacin y pruebas: versiones,
accesos, navegacin, pruebas de
carga, etc.
10. Puesta en marcha

03c AplicacionesWeb

Diunggah oleh

Informasi Dokumen

Judul Asli

Hak Cipta

Format Tersedia

Bagikan dokumen Ini

Bagikan atau Tanam Dokumen

Opsi Berbagi

Apakah menurut Anda dokumen ini bermanfaat?

Apakah konten ini tidak pantas?

Hak Cipta:

Format Tersedia

03c AplicacionesWeb

Diunggah oleh

Hak Cipta:

Format Tersedia

Programacin en Internet 2006-2007

DLSI - Universidad de Alicante 1

Anda mungkin juga menyukai