Conceptos sobre hipertexto Prof. Adelaide Bianchini Dpto. de Computación y Tecnología de la Información Universidad Simó

1. Conceptos sobre hipertexto Prof. Adelaide Bianchini Dpto. de Computación y Tecnología de la Información Universidad Simón Bolívar Noviembre 2007

2. Agenda • Algo de historia • Definiciones • Características • Modelo general • Caso más conocido

3. Algo de historia • Vannevar Bush, 1945, MEMEx • Ted Nelson, 1965, XANADU • Andy Van Dam, 1967, Hypertext Editing System • Andrew Lippman, 1978, Aspen Movie Map • GUIDE, 1986, Primer producto para autoría de hiperdocumentos • Apple Computer, Inc., 1987, HyperCard • Tim Berners-Lee (CERN), 1991, WWW

4. Definiciones

5. Definiciones El hipertexto es una tecnología que organiza una base de información en bloques distintos de contenidos, conectados a través de una serie de enlaces cuya activación o selección provoca la recuperación de información [Díaz et al, 1996].

6. Definiciones El hipertexto ha sido definido como un enfoque para manejar y organizar información, en el cual los datos se almacenan en una red de nodos conectados por enlaces.

7. Definiciones Los nodos contienen textos y si contienen además gráficos, imágenes, audio, animaciones y video, así como código ejecutable u otra forma de datos se les da el nombre de hipermedio, es decir, una generalización de hipertexto.

8. Definiciones El estilo secuencial, el estilo jerárquico

9. Definiciones El estilo reticulado, el estilo hipertexto

10. Definiciones • Hiperdocumento: • Es el contenido de información, incluyendo los fragmentos de información y las conexiones entre esos fragmentos, indiferente sea el sistema utilizado para leer o escribir tal documento.

11. Definiciones • Sistema hipertexto: • Es una herramienta de software que permite leer y escribir hiperdocumentos. Este sistema no contiene un hiperdocumento.

12. Definiciones • Hipertexto: • Es un sistema hipertexto que contiene hiperdocumentos.

13. Definiciones • Hipertexto: • Es un sistema hipertexto que contiene hiperdocumentos. • Hiperespacio: • Es el término que describe el número total de locaciones y todas sus interconexiones en un ambiente hipermedial.

14. Características

15. Características • Provee un medio adecuado para organizar y presentar información poco o nada estructurada, no ajustada a esquemas tradicionales y rígidos como es el caso de las bases de datos.

16. Características • Provee un medio adecuado para organizar y presentar información poco o nada estructurada, no ajustada a esquemas tradicionales y rígidos como es el caso de las bases de datos. • Tiene asociada una interfaz de usuario muy intuitiva, pues se pretende imitar el funcionamiento de la mente humana, haciendo uso de modelos cognitivos, por lo que el usuario no debería realizar grandes esfuerzos para obtener la información requerida.

17. Características • La información se encuentra distribuída y puede ser accesada en forma concurrente por varios usuarios, por lo tanto es un ambiente compartido.

18. Características • La información se encuentra distribuída y puede ser accesada en forma concurrente por varios usuarios, por lo tanto es un ambiente compartido. • Es un ambiente colaborativo: un usuario puede crear nuevas referencias entre dos documentos cualesquiera en forma inmediata e independiente de los tipos de contenido, haciendo crecer su hiperdocumento, sin generar cambios en el hiperdocumento referenciado.

19. Características • Tiene asociados varios mecanismos de recuperación y búsqueda de información a través de las navegaciones, ya sean dirigidas o no dirigidas.

20. Caso más conocido

21. Caso más conocido WWW  usos Puede ser utilizado como un sistema hipertexto. En este caso se dice que el sitio web está orientado a la información. ¿EJEMPLOS?

22. Caso más conocido WWW  usos Puede ser utilizado como un sistema hipertexto. En este caso se dice que el sitio web está orientado a la información. Ejm. Publicaciones electrónicas (Periódicos y revistas), información de productos, mercadeo, publicidad, etc.

23. Caso más conocido WWW  usos Puede ser utilizado como una interfaz de aplicación. En este caso el sitio web está orientado a tareas. ¿EJEMPLO?

24. Caso más conocido WWW  usos Puede ser utilizado como una interfaz de aplicación. En este caso el sitio web está orientado a tareas. Ejm. mantenimiento de inventarios, consulta de saldos en bancos, transacciones de comercio electrónico, catálogos, entre otros.

25. Operaciones

26. Operaciones • ¿Cómo se utiliza el WWW? • ¿Cómo se “llega” a un sitio web? • ¿Cómo se buscan un sitio web? • ¿Qué se hace al acceder a un sitio web? • ¿Cómo se interactúa con un sitio web?

27. Operaciones • Navegación dirigida • Navegación no dirigida

28. Problemas en ambientes hipermediales

29. Problemas en ambientes hipermediales • Desorientación del usuario

30. Problemas en ambientes hipermediales • Desorientación del usuario • Carga cognitiva

31. Problemas en ambientes hipermediales • Desorientación del usuario • Carga cognitiva • Síndrome de la incompletitud

32. Problemas en ambientes hipermediales • Desorientación del usuario • Carga cognitiva • Síndrome de la incompletitud • Granularidad

33. ¿Cómo “resolver” esos problemas?

34. Diseño de contenidos Diseño metodológico de los contenidos. Aspectos a considerar • Cognitivos • Instruccionales • Ergonómico-semiótico

35. Aspectos cognitivos • Topología de los contenidos • Lineal, Jerárquico o Redes

36. Aspectos cognitivos • Topología de los contenidos • Lineal, Jerárquico o Redes • Catalogación/Rotulado de la información • Tablas de contenidos, índices, mapas de contenidos

37. Aspectos cognitivos • Topología de los contenidos • Lineal, Jerárquico o Redes • Catalogación/Rotulado de la información • Tablas de contenidos, índices, mapas de contenidos • Secuenciación • Descendente (Top-down de lo complejo a lo simple), • Ascendente (Bottom-up, de lo simple a lo complejo)

38. Aspectos cognitivos • Topología de los contenidos • Lineal, Jerárquico o Redes • Catalogación/Rotulado de la información • Tablas de contenidos, índices, mapas de contenidos • Secuenciación • Descendente (Top-down de lo complejo a lo simple), • Ascendente (Bottom-up, de lo simple a lo complejo) • Granularidad • Contenidos conceptuales, contenidos procedimentales, contenidos contextuales

39. Aspectos instruccionales • Teorías de aprendizaje • Conductismo, cognitivismo, constructivismo

40. Aspectos instruccionales • Teorías de aprendizaje • Conductismo, cognitivismo, constructivismo • Objetivos del aprendizaje • Según Gagné, según Bloom, según Ausubel, otros

41. Aspectos instruccionales • Teorías de aprendizaje • Conductismo, cognitivismo, constructivismo • Objetivos del aprendizaje • Según Gagné, según Bloom, según Ausubel, otros • Estrategias educativas • Tipos de aprendizajes, control del aprendizaje, dirección del aprendizaje, interacciones, otros

42. Aspectos instruccionales • Diseño Instruccional • Presentación, Demostración, Discusión, Práctica, • Tutorial, Simulación/Juegos, Trabajo Colaborativo, • Descubrimiento, Resolución de Problemas.

43. Aspectos ergonómico-semiótico • Navegación • Dirigida, No dirigida

44. Aspectos ergonómico-semiótico • Navegación • Dirigida, No dirigida • Diseño de la Interfaz • Física • Dispositivos, ambientes y entornos

45. Aspectos ergonómico-semiótico • Navegación • Dirigida, No dirigida • Diseño de la Interfaz • Física • Dispositivos, ambientes y entornos • Comunicativa • Canales de comunicación, Intercambio de información, Visualización de la información, Estética (objetos, iconos, metáforas, estilos), Accesabilidad

46. Aspectos ergonómico-semiótico • Navegación • Dirigida, No dirigida • Diseño de la Interfaz • Física • Dispositivos, ambientes y entornos • Comunicativa, ......... • Funcional • Tareas, eventos, transiciones, adaptabilidad

47. Tecnología • Herramientas de diseño: • Procesadores de documentos (ejm. MSOffice, OpenOffice) • Procesadores y editores de gráficos e imágenes (Adobe Photoshop)

48. Tecnología • Herramientas de diseño: • Procesadores de documentos (ejm. MSOffice, OpenOffice) • Procesadores y editores de gráficos e imágenes (Adobe Photoshop) • Procesadores y editores de sonido, audio, animaciones y video (MacromediaFlash, Cubase, ProTools, Adobe Premiere)

49. Tecnología • Herramientas de diseño: • Procesadores de documentos (ejm. MSOffice, OpenOffice) • Procesadores y editores de gráficos e imágenes (Adobe Photoshop) • Procesadores y editores de sonido, audio, animaciones y video (MacromediaFlash, Cubase, ProTools, Adobe Premiere) • Editores de paginas web y sitios web (ejm. FrontPage de MS, MacromediaDreamweaver)

50. Ejemplo de estrategia de contenido