Máster en Atención Sociosanitaria a la Dependencia TIC aplicadas a la gestión y la intervención...

Máster en Atención Sociosanitaria a la Dependencia

TIC aplicadas a la gestión y la TIC aplicadas a la gestión y la intervenciónintervención

Tecnologías web

La Web

3

TIC aplicadas a la gestión e intervención (1.3) 3

World Wide Web

o La (limitada) visión inicial del WWW tiene muy poco que ver con lo que es su (impresionante) realidad actual.

o Los usuarios de la web han innovado de manera consistente inventando nuevas formas de aplicación de este potente medio de comunicación.

o Los desarrolladores de la Web intentan ampliar (parchear) la infraestructura para soportar los nuevos usos.

4


¿Cómo se inició?

o Tim Barnes Lee (CERN, 1989).o Repositorio estático de documentos:

o Una forma cómoda de acceder a documentos estáticos interrelacionados almacenados en servidores distribuidos alrededor del mundo.

o La especificación inicial incluía:o Un lenguaje para dar formato a los

documentos (HTML).o Un protocolo sencillo para comunicar

navegadores (clientes) y servidores (HTTP).

5


El primer navegador gráfico

o En 1993 Marc Andreesen (estudiante) escribe Mosaic. Precursor de Netscape.

6


Cómo funciona la web (1)

o Para poder visualizar una página web es preciso:o Tener un ordenador conectado a Internet:

o Establecer una conexión (PPP) con la máquina del ISP.

o El ordenador recibe una dirección IP (temporal)o (Usando DHCP (Dynamic Host Configuration

Protocol))o El ordenador recibe la dirección de un servidor

de nombres (DNS, Domain Name Server)

7



o Iniciar sesión en un navegador Web (ej.: Internet Explorer, Mozilla, Netscape, etc.)

o Indicar al navegador el URL de la página que se desea "visitar".

o El navegador pide al DNS la dirección IP correspondiente al servidor que contiene el documento cuyo URL se ha indicado.

o El navegador abre una sesión TCP con la máquina cuya dirección IP se ha obtenido.

8



o El navegador solicita al servidor que le transmita el documento (orden GET).

o El servidor web envía el documento.o La conexión TCP finaliza.o El navegador muestra el documento.


Cómo funciona la web

Servidor de nombres(DNS)

Servidor WebCliente Web

(Mosaic, Netscape, Internet Explorer, Firefox, etc.)

InternetAbrir dirección “http://www.uv.es/cerveron/index.html”


Estructura de un URL

URL = Uniform Resource Locator

http://www.uv.es/cerveron/index.html

Nombre del protocolo de comunicacióncon el servidor(http es el estándar para web)

Nombre del dominio del servidor web donde se almacena el documento

Localización del documento dentro delsistema de archivos del servidor web




Servidor Web

Cliente Web(Mosaic, Netscape, Internet Explorer,

Firefox, etc.)


Buscando host:www.uv.es

¿dirección IPwww.uv.es?

147.156.11.1



Introducción a la tecnología web (parte 3)


Servidor Web

Cliente Web(Mosaic, Netscape, Internet Explorer,

Firefox, etc.)


Envíame el documentocerveron/index.html

13


WWW es un sistema Cliente/Servidor

o Clientes Web:o Utilizan el protocolo HTTP para conectar con los

servidores.o Solicitan y muestran las páginas web almacenadas

en los servidores.o Clientes típicos: navegadores web.

o Servidores Web:o "Escuchan" conexiones entrantes desde clientes.o Utilizan el protocolo HTTP para conversar con los

clientes.o Almacenan y transmiten páginas web a los clientes.

14


El concepto original WWW

o Lectores humanos acceden a documentos estáticos interconectados.

o Principal ventaja: o Universalidad

o Principal desventaja:o Falta de interactividad

15


El lenguaje HTML

o HTML es un lenguaje que permite incluir texto junto a las indicaciones de cómo mostrarlo, cómo y dónde incluir imágenes y cómo acceder mediante enlaces a otros recursos en Internet (y también posibilita la entrada de datos)

o El navegador-cliente solicita y recibe del servidor web una página y nos la presenta formateada

o La página puede “pedir” al servidor imágenes (o otros recursos) que están en archivos distintos de la propia página web y son enviados por el servidor y presentados por el cliente junto al texto

16


Veamos cómo son las páginas web y hagamos una

Evolución de la Web

18


Evolución de la web

o Posibilita las transacciones.o Permite interactividad entre navegador y

servidor.o Permite personalización.o Soporta múltiples dispositivos de

navegación.o Mejor organización y recuperación de

contenidos Web.o Soporta aplicaciones B2B

(negocio a negocio).

19


La web facilita las transaccioneso Mecanismo que facilita a los clientes

conectarse al sistema de la empresa:o Registro de clientes / Cambio de

direccioneso Seguimiento de pedidos / Soporte al clienteo Transacciones online: comercio electrónico

(eCommerce)o Cómo se consigue tecnológicamente: …

20


Formularios web (Web Forms)o Páginas que contiene campos a cumplimentar

por el usuario.o Normalmente poseen un botón "enviar"

(Submit).o Cuando el usuario pulsa "Enviar" el servidor

responde enviando una página con información específica sobre los datos proporcionados.

o Ejemplo:o Herramientas de búsqueda en la webo Formularios de pedidos en web comerciales

21


Formularios web (2)

o El servidor envía una página html original conteniendo un formulario con sus campos de entrada.

o El usuario escribe o selecciona los campos y pulsa el botón de envío.

o El (programa) cliente establece una conexión con un programa en el servidor que procesará los datos (el nombre del programa está contenido en la página web).

o El cliente recopila los datos del formulario en una cadena y lo envía con una orden HTTP al servidor:o POST cliente=Vte+Cerveron&tarjeta=1234&expira=01/08

o Un programa en el servidor lee la cadena de datos, la procesa y generalmente produce como resultado una nueva página que devuelve al cliente del usuario.

22


Programas de servidor: CGI

o CGI = Common Gateway Interfaceo Conjunto de normas para escribir

programas en el servidor.o Cómo funciona:

o Todas las URL que hacen referencia a un directorio especial (p.ej. /cgi) provocan la ejecución del correspondiente programa en el servidor.

o Los programas pueden estar escritos en diferentes lenguajes de programación.

23


Programas de servidor: ASP

o ASP = (Microsoft) Active Server Pageso Es una tecnología "competidora" con los

CGIo Utiliza un lenguaje propio similar a Visual

Basico Requiere un servidor web de Microsoft.o Interactúa con bases de datos mediante

ODBC.

24


Programas de servidor: PHP

o PHP (Hypertext Preprocessor) es un lenguaje interpretado de alto nivel embebido en páginas HTML.

o Permite procesar las entradas de formularios y generar nuevas páginas dinámicamente.

o Funciona con diferentes servidores web.o Permite el acceso a las principales bases de

datos a través de funciones específicas de PHP para cada SGBD o mediante ODBC.

25



o Posibilita transacciones.o Permite mayor interactividad entre

navegador y servidor.o Permite personalización.o Soporta múltiples dispositivos de




26


La Web interactiva

o Permite interacciones complejas entre el usuario y los servidores de una empresa o organización.

o La Web se convierte en una extensión del ordenador personal del usuario.

o El navegador web se convierte en una ventana de acceso a una gran variedad de aplicaciones corporativas.

27


Limitaciones de los formularios y los programas de servidor

o En los casos vistos el procesamiento se realiza en el servidor.

o No es posible una interacción rápida con la página web.

o Es necesario el procesamiento local (en el cliente) para crear páginas web altamente interactivas.

28


Java Applets

o Programas escritos en Java que se descargan en el cliente desde una página web y que se ejecutan en el ordenador del usuario.

o Los Applets son independientes de la máquina (plataforma):o Se pueden ejecutar igualmente en Windows

XP, Windows Vista, Linux, Mac OS.o OJO!: Requieren navegadores que soporten

Java. Es decir, que incluyan un intérprete que traduzca al lenguaje máquina.


Independencia de SW y SO

internetLinux

Windows XP

Windows VistaMac OS

Servidor

página HTML

appletJava

intérpreteHTML

intérpreteJava

Netscape (WinXP)

SO WinXP

Hardware PC

página HTML

appletJava

intérpreteHTML

intérpreteJava

Netscape (MacOS)

MacOS

Hardware PowerMac

Entornos deClientes

=

dife

ren

tes

30



o Posibilita transacciones.o Permite interactividad entre navegador y





31


Interacción personalizada

o Mecanismo barato para recopilar información sobre los clientes que permite:o Servicio personalizado,o Publicidad específica, etc.

o Las técnicas tradicionales no permiten una sencilla identificación de los distintos clientes.

32


Cookies

o Son un método para identificar a los usuarios web y proporcionarles páginas web personalizadas.o La primera vez que el usuario accede al portal web se

recopila información personalizada del mismo.o El servidor "empaqueta" la información en una

"cookie" y la envía en forma de archivo al navegador del cliente, que la almacena en el sistema de archivos.

o Cada vez que el usuario se conecta al mismo portal web el navegador envía la "cookie" (almacenada en su ordenador) al servidor como identificación personalizada.

o El servidor utiliza la información de la "cookie" para personalizar las páginas enviadas al usuario.


Cookies: Ejemplo

34








35


Múltiples dispositivos de accesoo Actualmente es posible acceder a la web

mediante:o Ordenadores personales,o PDA,o Teléfono móvil, etc…

o Problemas:o Cada dispositivo tiene diferentes requisitos

de visualización.o HTML especifica formato pensando en PCs.

36


Organizar e indexar contenidoso La Web es poco útil si somos incapaces

de localizar recursos de información interesantes.

o Solución actual: Buscadoreso Indexan (categorizan) la Web de manera

automática organizando las páginas en función de palabras clave localizadas en su texto.

37


¿Cómo funciona un buscador?o Incluso antes de introducir una consulta:

o Hay programas (web crawlers, spiders) que siguen los enlaces entre páginas en toda la web.

o Los programas construyen índices con qué palabras aparecen en qué páginas y guardan esos índices en "granjas" de servidores en la sede de la empresa "buscadora".

o A cada página también se le asigna una puntuación basada en el número de referencias que tiene.o Páginas que son enlazadas desde otras muchas

páginas reciben puntuaciones más elevadas.

38


Valoración de páginas de Googleo V(A) = (1-d) + d * [V(p1)/C(p1) + … + V(pn)/C(pn)]

o donde:o V indica la valoración de cada página,o p1.. pn son páginas que enlazan con la página A,o C es el número de enlaces externos que tiene

una página,o d es un factor, normalmente 0,85

o en otras palabras:o V(A) = 0,15 + 0,85 * (una contribución de la

valoración de todas las páginas que referencian a la página A)

39


¿Cómo funciona un buscador? (2)o Después de introducir una consulta:

o Hay programas que comprueban los índices para determinar que páginas contienen la combinación de palabras introducidas.

o El buscador proporciona como resultado un listado de esas páginas por orden de valoración.o El orden suele depender también de otros

factores

40


Google en cifras

o Aproximadamente 5 mil millones de páginas completamente indexadas (promedio de 10Kb de información por página).

o Miles de PCs en un cluster.o Varias decenas de clusters.o Aproximademente 1 petabyte de datos por

cluster.o Transferencias sostenidas del orden de Gbps

en un cluster.o Estimación de que 2 máquinas por día van a

fallar.

41


Búsquedas elaboradas

Los buscadores en la web permiten:o buscar recursos que contengan todas o

algunas palabras indicadas (y exceptuar otras)o buscar recursos que contengan exactamente

una secuencia de palabras determinadao buscar recursos de un formato determinadoo buscar recursos en un idioma determinadoo buscar recursos dentro de un site

determinado

42


Posicionamiento web

o Los buscadores ordenan los resultados según ciertos criterios

o El lugar que una página ocupa en las búsquedas determinará la cantidad de visitas y con ello la utilidad de la misma

o Quien genera un portal de información en la web debe buscar la máxima visibilidad y accesibilidad (diseño para todos)

o Existen recomendaciones y estrategias para intentar mejorar el posicionamiento

43








44


Soporte para aplicaciones B2Bo La web original estaba concebida para

comunicar máquinas y seres humanos.o Se pueden generar nuevas aplicaciones

si las máquinas pueden entender automáticamente páginas web.o "mi sistema de compras se entiende con tu

sistema de ventas"o Problemas:

o HTML es un lenguaje desestructurado orientado a la presentación y no a los contenidos.

eXtensible Markup Language

Semántica en la Web. XML

46


Problema subyacente

o Cuando se almacena un documento en la web se necesita no sólo especificar su apariencia, sino también su significado (semántica).

47


Hacia la Web Semántica

o La web del futuro debe establecer la infraestructura para especificar información de forma precisa, legible por el ser humano e interpretable por una máquina.

o Debe permitir la interoperabilidad entre aplicaciones Web (independientemente desarrolladas), facilitando la realización de tareas complejas.

o Debe permitir el acceso a recursos Web en función de su semántica y no por palabras clave.

o Debe permitir la inferencia:o “Jesús es profesor titular en la Universitat de València”o “Los profesores titulares ocupan un puesto de trabajo

estable”o “Jesús tiene un puesto de trabajo estable en la Universitat

de València”

48


W3C

o World Wide Web Consortiumo Fundado en 1994 por Tim Barnes Lee.

o Objetivos del Consorcio:o Guiar el uso y ampliación de la web

mediante Recomendaciones consensuadas por la comunidad internacional.

o Asegurar la estabilidad de la web y el acceso universal a ella.

o Las Recomendaciones del W3C son estándares de facto en la comunidad web.

49


Qué es XML

o Lenguaje de marcas (en realidad, un metalenguaje) con un formato consistente, que permite intercambiar datos por medio de cualquier programa, en no importa qué lenguaje o plataforma.o Utiliza etiquetas que tienen un sentido

semántico.o "esto es una dirección"


Ejemplo de documento

<! Ejemplo de documento --><universidad>

<nombre>Universitat de València</nombre><departamento>

<nombre>Departamento de Informática</nombre><direccion>Av. Vicente Andrés Estellés s/n</direccion>

</departamento></universidad>

51


Familia XML

o Esquemas XML: definen la estructura y semántica de los documentos.o Qué entidades pueden aparecer en un

documento XML.o Naturaleza de los datos y restricciones.

o XPath, XPointer: localización de elementos en documentos.

o XLink, XBase, XInclude: permiten la inclusión y vinculación entre documentos.

52


Familia XML (2)

o XQuery: consultas sobre documentos.o XSLT: eXtended Stylesheet Language

Tranformation. Lenguaje basado en reglas para la transformación de documentos XML en otro formato, de acuerdo con una hoja de estilos


Ejemplo de transformación de XML

<?xml version = “1.0”?><?xml-stylesheet type = “text/xsl” href = “intro.xsl”?><miMensaje>

<mensaje> Prueba de XSLT </mensaje></miMensaje>

<?xml version = “1.0”?><xsl:stylesheet version = “1.0”

xmlns:xsl = “http://www.w3c.org/199/XSL/Transform”><xsl:template match = “miMensaje”>

<html><body><xsl:value-of select = “mensaje”/></body>

</html></xsl:template>

</xsl:stylesheet>

intro.xml

intro.xsl


La transformación

<html> <body>Prueba de XSLT</body></html>

intro.xml

DATOS

intro.xsl

VISUALIZACIÓN/TRANSFORMACIÓNPrueba de XSLT

intro.xml

Act.4

Aplicaciones web

56


Aplicaciones Web

o Como se ha visto la web no sólo es un conjunto de páginas estáticas, y actualmente el usuario de un navegador web puede acceder a páginas generadas dinámicamente por una aplicación

o Una aplicación es un programa informático que realiza una tarea.

o Una aplicación web es una aplicación en la red cuya interacción con el usuario sea mediante un navegador web

57


Arquitectura de Aplicaciones en Redo Una aplicación en red intensiva en acceso

a datos tiene 3 tipos de funcionalidadeso Gestión de los datoso Lógica de la aplicacióno Presentación

o Estas funcionalidades se pueden (o no) separar en capas

58


Arquitectura de una capa

o Todas las funcionalidades se combinan en una única capa, usualmente en un mainframe

o Los usuarios acceden mediante terminales “tontas” de texto

59


Arquitectura cliente-servidor

Aplicaciones con arquitectura cliente-servidoro Configuración

o Un programa en el ordenador del usuario (cliente)

o Un programa en el servidor central (servidor) o Inconvenientes

o Los clientes deben instalarse (y reinstalarse)o No hay un lugar único donde actualizar la

aplicacióno Es difícil de escalar a muchos clientes

60


Arquitectura de tres capas

o Capa de presentacióno Interfaz con el usuario (cliente-navegador)

o Capa intermedia (servidor web, serv.aplic.)(también capa de “lógica de la aplicación”)o Implementa la lógica de la aplicacióno Puede acceder a diferentes fuentes de

datoso Capa de gestión de datos

o Uno o más SGBDo Cada capa se puede separar físicamente

61



62



Ventajaso Clientes ligeros: el usuario sólo requiere un

navegadoro Acceso integrado a los datos: se puede

acceder a varias fuentes de datos transparentemente para el usuario

o Escalabilidad: los servidores intermedios pueden replicarse para servir a más clientes

o Desarrollo de software centralizado

Máster en Atención Sociosanitaria a la Dependencia TIC aplicadas a la gestión y la intervención...

Documents

Transcript of Máster en Atención Sociosanitaria a la Dependencia TIC aplicadas a la gestión y la intervención...