Aplicaciones web
- 1. Programación en Internet 2006-2007 DLSI - Universidad de Alicante 1 Departamento de Lenguajes y Sistemas Informáticos Qué es una aplicación web Programación en Internet Curso 2006-2007 Programación en Internet – Curso 2006-2007 Índice • Introducción • Cliente • Servidor • Transferencia páginas web • Entornos web • Ventajas y desventajas • Arquitectura de una aplicación web • Metodología de diseño
- 2. Programación en Internet 2006-2007 DLSI - Universidad de Alicante 2 Programación en Internet – Curso 2006-2007 Introducción (1) • Web-based (web-enabled) application: – 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 (implementados) – Cliente: navegador – Servidor: servidor web – Comunicación: protocolo HTTP Programación en Internet – Curso 2006-2007 ¿Una aplicación web?
- 3. Programación en Internet 2006-2007 DLSI - Universidad de Alicante 3 Programación en Internet – Curso 2006-2007 Introducción (y 2) • 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) Programación en Internet – Curso 2006-2007 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)
- 4. Programación en Internet 2006-2007 DLSI - Universidad de Alicante 4 Programación en Internet – Curso 2006-2007 Servidor (1) • 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) Programación en Internet – Curso 2006-2007 Servidor (y 2) • 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
- 5. Programación en Internet 2006-2007 DLSI - Universidad de Alicante 5 Programación en Internet – Curso 2006-2007 Cliente/Servidor HTTP HTML DHTML CSS JavaScript VBScript ActiveX Applets … CGI SSI ASP PHP JSP Servlets ColdFusion … CLIENTE SERVIDOR Programación en Internet – Curso 2006-2007 Transferencia páginas web • Envío de la URL • 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 • Interpretación del documento HTML y petición de otros objetos a los que hace referencia • Cierre conexión una vez que hayan llegado todos los recursos y documentos
- 6. Programación en Internet 2006-2007 DLSI - Universidad de Alicante 6 Programación en Internet – Curso 2006-2007 • 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.) Entornos web (1) Internet Intranet Extranet Programación en Internet – Curso 2006-2007 Entornos web (y 2) • 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
- 7. Programación en Internet 2006-2007 DLSI - Universidad de Alicante 7 Programación en Internet – Curso 2006-2007 Google para navegadores desde PalmPC Google para navegadores desde PC Programación en Internet – Curso 2006-2007 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
- 8. Programación en Internet 2006-2007 DLSI - Universidad de Alicante 8 Programación en Internet – Curso 2006-2007 Arquitectura de una aplicación web (1) Cliente Base de datos Servidor web + BD Respuesta Petición Navegador Servicio HTTP Consulta u operación Respuesta Programación en Internet – Curso 2006-2007 Arquitectura de una aplicación web (2) Cliente Base de datos Servidor web Respuesta Petición Consulta u operación Respuesta Servidor BD Navegador Servicio HTTP
- 9. Programación en Internet 2006-2007 DLSI - Universidad de Alicante 9 Programación en Internet – Curso 2006-2007 Arquitectura de una aplicación web (3) Cliente Servidor web + aplicaciones + BD Servicio HTTP Respuesta Petición Consulta u operación Datos Servicio de aplicaciones Datos procesados Navegador Base de datos Programación en Internet – Curso 2006-2007 Arquitectura de una aplicación web (4) Cliente Servidor web + aplicaciones Servicio HTTP Respuesta Petición Consulta u operación Datos Servicio de aplicaciones Datos procesados Servidor BD Navegador Base de datos
- 10. Programación en Internet 2006-2007 DLSI - Universidad de Alicante 10 Programación en Internet – Curso 2006-2007 Arquitectura de una aplicación web (5) Cliente Servidor web Servicio HTTP Respuesta Petición Consulta u operación Datos Servicio de aplicaciones Datos procesados Servidor BD Servidor de aplicaciones Navegador Base de datos Programación en Internet – Curso 2006-2007 Arquitectura de una aplicación web (y 6) Web Server Scripting Caché Server PagesServidor de aplicaciones (ASP, PHP) (JSP) (CSP) Servidor web Servidor webServidor web Servicio HTTP Lógica de negocio Datos Servidor BD Servidor BD Datos Servicio HTTP Lógica de negocio Ser. aplicaciones Servicio HTTP Servidor BD Lógica de negocio Datos Comunicación intraprocesos (rápida) Comunicación interprocesos (lenta)
- 11. Programación en Internet 2006-2007 DLSI - Universidad de Alicante 11 Programación en Internet – Curso 2006-2007 Lógica de presentación Lógica de datos Lógica de aplicación HTML WML XML + XSLT ASP PHP JSP CFM CSP Access MySQL Oracle SQLServer Programación en Internet – Curso 2006-2007 Metodología de diseño (1) 1. Estudio de requisitos: contenido, objetivo, etc. 2. Elección de la tecnología, arquitectura del sitio web, proveedor del servidor y motor de la base de datos 3. Diseño de la estructura lógica o mapa de navegación 4. Diseño de la estructura física 5. Creación de los contenidos 6. Diseño gráfico y ergonómico: colores, montaje, tipografía, etc.
- 12. Programación en Internet 2006-2007 DLSI - Universidad de Alicante 12 Programación en Internet – Curso 2006-2007 Metodología de diseño (y 2) 7. Diseño de las páginas estáticas y elementos multimedia 8. Desarrollo de los scripts y páginas dinámicas 9. Verificación y pruebas: versiones, accesos, navegación, pruebas de carga, etc. 10.Puesta en marcha