Hipermedia

41
Díaz, I. Aedo y S. Montero. Universidad Carlos III de Madrid Hipermedia Paloma Díaz, Ignacio Aedo y Susana Montero Universidad Carlos III de Madrid

description

Hipermedia. Paloma Díaz, Ignacio Aedo y Susana Montero Universidad Carlos III de Madrid. Indice de contenidos. Concepto de hipermedia Los elementos de la hipermedia Creación de sistemas hipermedia. El concepto de hipermedia. - PowerPoint PPT Presentation

Transcript of Hipermedia

P. Díaz, I. Aedo y S. Montero. Universidad Carlos III de Madrid

Hipermedia

Paloma Díaz, Ignacio Aedo y Susana Montero

Universidad Carlos III de Madrid

P. Díaz, I. Aedo y S. Montero. Universidad Carlos III de Madrid

Indice de contenidos

• Concepto de hipermedia

• Los elementos de la hipermedia

• Creación de sistemas hipermedia

P. Díaz, I. Aedo y S. Montero. Universidad Carlos III de Madrid

El concepto de hipermedia

• La hipermedia es el resultado de la combinación del hipertexto y la multimedia.

• Los términos hipermedia, multimedia e hipertexto suelen emplearse de forma poco rigurosa.

P. Díaz, I. Aedo y S. Montero. Universidad Carlos III de Madrid

El concepto de hipermedia

• Un hipertexto es una representación asociativa en la que la información se fragmenta en bloques (nodos) que están relacionados con otros bloques a través de los enlaces.

P. Díaz, I. Aedo y S. Montero. Universidad Carlos III de Madrid

El concepto de hipermedia

• La multimedia consiste en integrar diferentes medios bajo una presentación interactiva.

• Esta presentación utiliza el tiempo como principal eje de ejecución.

P. Díaz, I. Aedo y S. Montero. Universidad Carlos III de Madrid

El concepto de hipermedia

• La hipermedia conjuga los beneficios de ambas tecnologías– la multimedia proporciona riqueza de

expresión.– el hipertexto aporta una geometría que permite

que estos datos puedan ser explorados y presentados siguiendo diferentes secuencias.

P. Díaz, I. Aedo y S. Montero. Universidad Carlos III de Madrid

El concepto de hipermedia

• Hipertexto, Multimedia e Hipermedia (basada en [Hardman,1998]).

P. Díaz, I. Aedo y S. Montero. Universidad Carlos III de Madrid

El concepto de hipermedia

• Ventajas de la hipermedia

– Permite representar información poco o nada estructurada.

– Se puede estructurar la información si se desea.

– Su interfaz de usuario es muy intuitiva.

P. Díaz, I. Aedo y S. Montero. Universidad Carlos III de Madrid

El concepto de hipermedia

• Ventajas de la hipermedia

– La información puede recuperarse sin problemas.

– Se pueden crear enlaces entre nodos cualesquiera.

– Se potencia la modularidad y la consistencia.

– Marco idóneo para la autoría en colaboración.

– Soporte a diferentes modos de acceso a la información.

P. Díaz, I. Aedo y S. Montero. Universidad Carlos III de Madrid

El concepto de hipermedia

• Problemas de la hipermedia

– La desorientación

• Incapacidad del usuario para controlar un espacio sobre el que no posee ningún tipo de esquema navegacional ni se le ofrecen pistas visuales para orientarse.

P. Díaz, I. Aedo y S. Montero. Universidad Carlos III de Madrid

El concepto de hipermedia

• Problemas de la hipermedia

– La sobrecarga de conocimiento

• Esfuerzo que le supone al usuario adquirir el conocimiento requerido para utilizar el sistema.

P. Díaz, I. Aedo y S. Montero. Universidad Carlos III de Madrid

Los elementos de la hipermedia

• Nodos

• Enlaces

• Contenidos

• Herramientas de navegación

P. Díaz, I. Aedo y S. Montero. Universidad Carlos III de Madrid

Los elementos de la hipermedia

• Un nodo es una unidad de información en la que una serie de contenidos de diversa índole se combinan para transmitir una idea o concepto.

• El nodo es la unidad de visualización autocontenida.

P. Díaz, I. Aedo y S. Montero. Universidad Carlos III de Madrid

Los elementos de la hipermedia

• Tipos de nodos dependiendo de cómo se visualizan:

– nodos basados en marcos

– nodos basados en ventanas

P. Díaz, I. Aedo y S. Montero. Universidad Carlos III de Madrid

Los elementos de la hipermedia

• Factores que afectan al tipo de nodo a usar:– tamaño– tiempo de recuperación, – legibilidad y– tangibilidad

P. Díaz, I. Aedo y S. Montero. Universidad Carlos III de Madrid

Los elementos de la hipermedia

• Cada nodo puede incluir diferentes elementos de información, contenidos, que pueden ser de naturaleza muy diversa.

P. Díaz, I. Aedo y S. Montero. Universidad Carlos III de Madrid

Los elementos de la hipermedia

• Almacenamiento de los contenidos

P. Díaz, I. Aedo y S. Montero. Universidad Carlos III de Madrid

Los elementos de la hipermedia

• Entre los contenidos de un nodo se pueden establecer relaciones espaciales y temporales.

• Lenguajes como SMIL o modelos formales como Labyrinth lo permiten.

• Los contenidos deben ser legibles.

P. Díaz, I. Aedo y S. Montero. Universidad Carlos III de Madrid

Los elementos de la hipermedia

• Un enlace es una conexión entre dos nodos que proporciona una forma de seguir referencias entre conceptos relacionados.

• El origen o destino de un enlace se denomina ancla.

P. Díaz, I. Aedo y S. Montero. Universidad Carlos III de Madrid

Los elementos de la hipermedia

• Distintos tipos de enlaces:

– Enlaces entre posiciones de nodos

• El origen y el destino pueden considerarse bien como nodos, o bien como puntos específicos dentro de los nodos.

– Enlaces embebidos

• El origen y el destino se definen en el mismo nodo.

P. Díaz, I. Aedo y S. Montero. Universidad Carlos III de Madrid

Los elementos de la hipermedia

• Distintos tipos de enlaces

– Enlaces bidireccionales

• los puntos entre los que se define un enlace pueden actuar indistintamente como origen o destino.

P. Díaz, I. Aedo y S. Montero. Universidad Carlos III de Madrid

Los elementos de la hipermedia

• Distintos tipos de enlaces– Enlace n-ario

• El origen/destino está formado por varias anclas.

P. Díaz, I. Aedo y S. Montero. Universidad Carlos III de Madrid

Los elementos de la hipermedia

• Distintos tipos de enlaces– Enlaces virtuales

• No se puede indicar de forma declarativa el origen o el destino del enlace.

• Tipos: de tubería, de suscripción y colgantes

– Enlaces con tipo• Aumenta la definición del enlace añadiéndole

propiedades, ya sea en forma de tipo o de atributos.

P. Díaz, I. Aedo y S. Montero. Universidad Carlos III de Madrid

Los elementos de la hipermedia

• La navegación es un medio para realizar una tarea, por lo que su carga cognitiva debe ser mínima.

• La desorientación puede producirse por:

– escritura confusa y mal organizada

– la ineficiencia del sistema

– mala organización del hipertexto

P. Díaz, I. Aedo y S. Montero. Universidad Carlos III de Madrid

Los elementos de la hipermedia

• Las herramientas de navegación ayudan al usuario a situarse.

• Diversos tipos de herramientas:

– Visita guiada

• Camino lineal a través del espacio de información que puede utilizarse, por ejemplo, para ayudar a los usuarios a familiarizarse con los contenidos.

P. Díaz, I. Aedo y S. Montero. Universidad Carlos III de Madrid

Los elementos de la hipermedia

• Tipos de herramientas de navegación:

– Mapas

• Representación esquemática de la estructura del hipertexto.

• Soluciones complementarias: diagramas globales y locales, vistas de ojo de pez (fish-eye views), huellas y marcas

P. Díaz, I. Aedo y S. Montero. Universidad Carlos III de Madrid

Los elementos de la hipermedia

• Tipos de herramientas de navegación:

– Mecanismos de vuelta atrás

• Posibilita al usuario a volver a uno de los nodos de la secuencia que ha seguido.

• Ejemplo: mecanismo histórico combinado con señales.

P. Díaz, I. Aedo y S. Montero. Universidad Carlos III de Madrid

Los elementos de la hipermedia

• Tipos de herramientas de navegación:

– Recuperación de la información

• Complementan la navegación en el espacio de información.

• Se pueden emplear diferentes técnicas para mostrar los resultados: primera ocurrencia, lista de sus apariciones e integrar los resultados en un mapa.

P. Díaz, I. Aedo y S. Montero. Universidad Carlos III de Madrid

Los elementos de la hipermedia

• Tipos de herramientas de navegación:

– Metáfora

• Consiste en utilizar conceptos y modelos del mundo real para representar información electrónica haciendo que el hiperdocumento sea más comprensible.

P. Díaz, I. Aedo y S. Montero. Universidad Carlos III de Madrid

Creación de sistemas hipermedia

• Dos tipos de usuarios de un sistema hipermedia: el autor y el lector.

• El autor es el escritor del hiperdocumento.

• El lector navega por la información a través de los enlaces que el autor ha creado, eligiendo el rumbo de su lectura.

P. Díaz, I. Aedo y S. Montero. Universidad Carlos III de Madrid

Creación de sistemas hipermedia

• El papel de un autor de hiperdocumentos es diferente que el de un escritor tradicional.

• El autor pierde su autoridad para determinar cómo debe leerse y qué secuencia existe.

• La creación de un hiperdocumento puede conllevar el uso de nuevo medios, introduciendo problemas de diseño.

P. Díaz, I. Aedo y S. Montero. Universidad Carlos III de Madrid

Creación de sistemas hipermedia

• Las acciones que un autor debe llevar a cabo para crear su documento son:

– preparación del material multimedia;

– organización de la información;

– desarrollo de la aplicación final, y

– definición de estructuras auxiliares.

P. Díaz, I. Aedo y S. Montero. Universidad Carlos III de Madrid

Creación de sistemas hipermedia

• Recomendaciones:

– Los nodos deben ser entidades autocontenidas.

– El tamaño de los nodos debería ser pequeño.

– Definición clara de la estructura de relaciones.

– Evitar los enlaces superfluos.

– Los nombres de los nodos/enlaces deben ser consistentes y significativos.

P. Díaz, I. Aedo y S. Montero. Universidad Carlos III de Madrid

Creación de sistemas hipermedia

• Autoría individualizada --> Herramienta de autor

• Autoría en colaboración --> Métodos de diseño

P. Díaz, I. Aedo y S. Montero. Universidad Carlos III de Madrid

Creación de sistemas hipermedia

• Métodos de diseño para sistemas hipermedia: HDM, RMM y OOHDM.

• Problemas comunes:

– Carencia de mecanismos para la definición de relaciones espacio-temporales.

– No se pueden definir políticas de seguridad.

– No existen herramientas que las automaticen (RMM cuenta con un pequeño prototipo)

P. Díaz, I. Aedo y S. Montero. Universidad Carlos III de Madrid

Creación de sistemas hipermedia

• Ariadne es una metodología que proporciona al diseñador un conjunto de herramientas para modelar su sistema.

• Uso del modelo Labyrinth.

• Define un proceso de desarrollo sistemático basado en tres fases y cada una de las cuales genera una serie de productos.

P. Díaz, I. Aedo y S. Montero. Universidad Carlos III de Madrid

Creación de sistemas hipermedia

P. Díaz, I. Aedo y S. Montero. Universidad Carlos III de Madrid

Creación de sistemas hipermedia

• Fase conceptual

– Desarrollo de una especificación de la estructura y funcionalidades del sistema desde un punto de vista lógico.

– No se concretan contenidos ni enlaces específicos, sino que se trata de iniciar el diseño desde un nivel de abstracción más alto.

P. Díaz, I. Aedo y S. Montero. Universidad Carlos III de Madrid

Creación de sistemas hipermedia

• Fase diseño detallado– Se pasa de las entidades y funciones

especificadas en la fase anterior a elementos más concretos del sistema.

– Las actividades que se llevan a cabo son: identificar nodos o estructuras, especificar las estructuras de navegación y las funciones, detallar la naturaleza de los nodos y contenidos; e identificar tipos y grupos de usuarios.

P. Díaz, I. Aedo y S. Montero. Universidad Carlos III de Madrid

Creación de sistemas hipermedia

• Fase evaluación– Esta fase permite llevar a cabo un diseño

iterativo del producto.

P. Díaz, I. Aedo y S. Montero. Universidad Carlos III de Madrid

Creación de sistemas hipermedia

• AriadneTool: herramienta CASE para Ariadne