Hipermedia Paloma Daz Ignacio Aedo y Susana Montero

  • Slides: 41
Download presentation
Hipermedia Paloma Díaz, Ignacio Aedo y Susana Montero Universidad Carlos III de Madrid P.

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 •

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

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

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

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 –

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.

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 nada Permite representar información –o

El concepto de hipermedia • Ventajas de la hipermedia nada Permite representar información –o poco 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

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

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

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.

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

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:

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

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,

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

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

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

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

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 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 •

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 •

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

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

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 •

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

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

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 •

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

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

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

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

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

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

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

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

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

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

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

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 • Ariadne. Tool: herramienta CASE para Ariadne P. Díaz, I.

Creación de sistemas hipermedia • Ariadne. Tool: herramienta CASE para Ariadne P. Díaz, I. Aedo y S. Montero. Universidad Carlos III de Madrid