Hipermedia

1. Hipermedia • Paloma Díaz, Ignacio Aedo y Susana Montero • Universidad Carlos III de Madrid

2. Indice de contenidos • Concepto de hipermedia • Los elementos de la hipermedia • Creación de sistemas hipermedia

3. 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.

4. 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.

5. 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.

6. 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.

7. El concepto de hipermedia • Hipertexto, Multimedia e Hipermedia (basada en [Hardman,1998]).

8. 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.

9. 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.

10. 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.

11. 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.

12. Los elementos de la hipermedia • Nodos • Enlaces • Contenidos • Herramientas de navegación

13. 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.

14. Los elementos de la hipermedia • Tipos de nodos dependiendo de cómo se visualizan: • nodos basados en marcos • nodos basados en ventanas

15. Los elementos de la hipermedia • Factores que afectan al tipo de nodo a usar: • tamaño • tiempo de recuperación, • legibilidad y • tangibilidad

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

17. Los elementos de la hipermedia • Almacenamiento de los contenidos

18. 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.

19. 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.

20. 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.

21. 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.

22. Los elementos de la hipermedia • Distintos tipos de enlaces • Enlace n-ario • El origen/destino está formado por varias anclas.

23. 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.

24. 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

25. 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.

26. 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

27. 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.

28. 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.

29. 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.

30. 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.

31. 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.

32. 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.

33. 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.

34. Creación de sistemas hipermedia • Autoría individualizada --> Herramienta de autor • Autoría en colaboración --> Métodos de diseño

35. 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)

36. 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.

37. Creación de sistemas hipermedia

38. 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.

39. 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.

40. Creación de sistemas hipermedia • Fase evaluación • Esta fase permite llevar a cabo un diseño iterativo del producto.

41. Creación de sistemas hipermedia • AriadneTool: herramienta CASE para Ariadne