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

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