1 / 74

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

Conceptos sobre hipertexto Prof. Adelaide Bianchini Dpto. de Computación y Tecnología de la Información Universidad Simón Bolívar Noviembre 2007. Agenda Algo de historia Definiciones Características Modelo general Caso más conocido . Algo de historia Vannevar Bush, 1945, MEMEx

chassidy
Download Presentation

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

An Image/Link below is provided (as is) to download presentation Download Policy: Content on the Website is provided to you AS IS for your information and personal use and may not be sold / licensed / shared on other websites without getting consent from its author. Content is provided to you AS IS for your information and personal use only. Download presentation by click this link. While downloading, if for some reason you are not able to download a presentation, the publisher may have deleted the file from their server. During download, if you can't get a presentation, the file might be deleted by the publisher.

E N D

Presentation Transcript


  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

More Related