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

Presentación del tema: "Prof. Adelaide Bianchini. Dpto. de Computación y Tecnología de la Información. Universidad Simón Bolívar. Mayo 2007. Conceptos sobre hipertexto Prof. Adelaide."— Transcripción de la presentación:

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

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

3 Prof. Adelaide Bianchini. Dpto. de Computación y Tecnología de la Información. Universidad Simón Bolívar. Mayo 2007. Conceptos sobre hipertexto 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 Prof. Adelaide Bianchini. Dpto. de Computación y Tecnología de la Información. Universidad Simón Bolívar. Mayo 2007. Conceptos sobre hipertexto Definiciones

5 Prof. Adelaide Bianchini. Dpto. de Computación y Tecnología de la Información. Universidad Simón Bolívar. Mayo 2007. Conceptos sobre hipertexto 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 Prof. Adelaide Bianchini. Dpto. de Computación y Tecnología de la Información. Universidad Simón Bolívar. Mayo 2007. Conceptos sobre hipertexto 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 Prof. Adelaide Bianchini. Dpto. de Computación y Tecnología de la Información. Universidad Simón Bolívar. Mayo 2007. Conceptos sobre hipertexto 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 Prof. Adelaide Bianchini. Dpto. de Computación y Tecnología de la Información. Universidad Simón Bolívar. Mayo 2007. Conceptos sobre hipertexto Definiciones El estilo secuencial, el estilo jerárquico

9 Prof. Adelaide Bianchini. Dpto. de Computación y Tecnología de la Información. Universidad Simón Bolívar. Mayo 2007. Conceptos sobre hipertexto Definiciones El estilo reticulado, el estilo hipertexto

10 Prof. Adelaide Bianchini. Dpto. de Computación y Tecnología de la Información. Universidad Simón Bolívar. Mayo 2007. Conceptos sobre hipertexto 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 Prof. Adelaide Bianchini. Dpto. de Computación y Tecnología de la Información. Universidad Simón Bolívar. Mayo 2007. Conceptos sobre hipertexto Definiciones Sistema hipertexto : Es una herramienta de software que permite leer y escribir hiperdocumentos. Este sistema no contiene un hiperdocumento.

12 Prof. Adelaide Bianchini. Dpto. de Computación y Tecnología de la Información. Universidad Simón Bolívar. Mayo 2007. Conceptos sobre hipertexto Definiciones Hipertexto : Es un sistema hipertexto que contiene hiperdocumentos.

13 Prof. Adelaide Bianchini. Dpto. de Computación y Tecnología de la Información. Universidad Simón Bolívar. Mayo 2007. Conceptos sobre hipertexto 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 Prof. Adelaide Bianchini. Dpto. de Computación y Tecnología de la Información. Universidad Simón Bolívar. Mayo 2007. Conceptos sobre hipertexto Características

15 Prof. Adelaide Bianchini. Dpto. de Computación y Tecnología de la Información. Universidad Simón Bolívar. Mayo 2007. Conceptos sobre hipertexto 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 Prof. Adelaide Bianchini. Dpto. de Computación y Tecnología de la Información. Universidad Simón Bolívar. Mayo 2007. Conceptos sobre hipertexto 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 Prof. Adelaide Bianchini. Dpto. de Computación y Tecnología de la Información. Universidad Simón Bolívar. Mayo 2007. Conceptos sobre hipertexto 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 Prof. Adelaide Bianchini. Dpto. de Computación y Tecnología de la Información. Universidad Simón Bolívar. Mayo 2007. Conceptos sobre hipertexto 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 Prof. Adelaide Bianchini. Dpto. de Computación y Tecnología de la Información. Universidad Simón Bolívar. Mayo 2007. Conceptos sobre hipertexto 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 Prof. Adelaide Bianchini. Dpto. de Computación y Tecnología de la Información. Universidad Simón Bolívar. Mayo 2007. Conceptos sobre hipertexto Modelo General

21 Prof. Adelaide Bianchini. Dpto. de Computación y Tecnología de la Información. Universidad Simón Bolívar. Mayo 2007. Conceptos sobre hipertexto Modelo General Submodelo de datos  G(V,E) dirigido Submodelo de procesos  Operaciones en grafos

22 Prof. Adelaide Bianchini. Dpto. de Computación y Tecnología de la Información. Universidad Simón Bolívar. Mayo 2007. Conceptos sobre hipertexto Caso más conocido

23 Prof. Adelaide Bianchini. Dpto. de Computación y Tecnología de la Información. Universidad Simón Bolívar. Mayo 2007. Conceptos sobre hipertexto 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?

24 Prof. Adelaide Bianchini. Dpto. de Computación y Tecnología de la Información. Universidad Simón Bolívar. Mayo 2007. Conceptos sobre hipertexto 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.

25 Prof. Adelaide Bianchini. Dpto. de Computación y Tecnología de la Información. Universidad Simón Bolívar. Mayo 2007. Conceptos sobre hipertexto 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?

26 Prof. Adelaide Bianchini. Dpto. de Computación y Tecnología de la Información. Universidad Simón Bolívar. Mayo 2007. Conceptos sobre hipertexto 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.

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

28 Prof. Adelaide Bianchini. Dpto. de Computación y Tecnología de la Información. Universidad Simón Bolívar. Mayo 2007. Conceptos sobre hipertexto 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?

29 Prof. Adelaide Bianchini. Dpto. de Computación y Tecnología de la Información. Universidad Simón Bolívar. Mayo 2007. Conceptos sobre hipertexto Operaciones  Navegación dirigida  Navegación no dirigida

30 Prof. Adelaide Bianchini. Dpto. de Computación y Tecnología de la Información. Universidad Simón Bolívar. Mayo 2007. Conceptos sobre hipertexto Operaciones  Navegación dirigida  Localización  Dirección  Búsqueda

31 Prof. Adelaide Bianchini. Dpto. de Computación y Tecnología de la Información. Universidad Simón Bolívar. Mayo 2007. Conceptos sobre hipertexto Operaciones  Navegación dirigida  Localización  identificador  Dirección  Búsqueda

32 Prof. Adelaide Bianchini. Dpto. de Computación y Tecnología de la Información. Universidad Simón Bolívar. Mayo 2007. Conceptos sobre hipertexto Operaciones  Navegación dirigida  Localización  identificador  Dirección  acceso directo  Búsqueda

33 Prof. Adelaide Bianchini. Dpto. de Computación y Tecnología de la Información. Universidad Simón Bolívar. Mayo 2007. Conceptos sobre hipertexto Operaciones  Navegación dirigida  Localización  identificador  Dirección  acceso directo por tablas  Búsqueda  palabras claves o índice

34 Prof. Adelaide Bianchini. Dpto. de Computación y Tecnología de la Información. Universidad Simón Bolívar. Mayo 2007. Conceptos sobre hipertexto Operaciones  Navegación no dirigida  General restringida  General amplia  Errática

35 Prof. Adelaide Bianchini. Dpto. de Computación y Tecnología de la Información. Universidad Simón Bolívar. Mayo 2007. Conceptos sobre hipertexto Operaciones  Navegación no dirigida  General restringida  “cerca”  General amplia  Errática

36 Prof. Adelaide Bianchini. Dpto. de Computación y Tecnología de la Información. Universidad Simón Bolívar. Mayo 2007. Conceptos sobre hipertexto Operaciones  Navegación no dirigida  General restringida  “cerca”  General amplia  “lejos”  Errática

37 Prof. Adelaide Bianchini. Dpto. de Computación y Tecnología de la Información. Universidad Simón Bolívar. Mayo 2007. Conceptos sobre hipertexto Operaciones  Navegación no dirigida  General restringida  “cerca”  General amplia  “lejos”  Errática  “azar” ¿Modelos para representar estos “recorridos”?

38 Prof. Adelaide Bianchini. Dpto. de Computación y Tecnología de la Información. Universidad Simón Bolívar. Mayo 2007. Conceptos sobre hipertexto Problemas en ambientes hipermediales

39 Prof. Adelaide Bianchini. Dpto. de Computación y Tecnología de la Información. Universidad Simón Bolívar. Mayo 2007. Conceptos sobre hipertexto Problemas en ambientes hipermediales  Desorientación del usuario

40 Prof. Adelaide Bianchini. Dpto. de Computación y Tecnología de la Información. Universidad Simón Bolívar. Mayo 2007. Conceptos sobre hipertexto Problemas en ambientes hipermediales  Desorientación del usuario  Carga cognitiva

41 Prof. Adelaide Bianchini. Dpto. de Computación y Tecnología de la Información. Universidad Simón Bolívar. Mayo 2007. Conceptos sobre hipertexto Problemas en ambientes hipermediales  Desorientación del usuario  Carga cognitiva  Síndrome de la incompletitud

42 Prof. Adelaide Bianchini. Dpto. de Computación y Tecnología de la Información. Universidad Simón Bolívar. Mayo 2007. Conceptos sobre hipertexto Problemas en ambientes hipermediales  Desorientación del usuario  Carga cognitiva  Síndrome de la incompletitud  Granularidad

43 Prof. Adelaide Bianchini. Dpto. de Computación y Tecnología de la Información. Universidad Simón Bolívar. Mayo 2007. Conceptos sobre hipertexto ¿Cómo “resolver” esos problemas?

44 Prof. Adelaide Bianchini. Dpto. de Computación y Tecnología de la Información. Universidad Simón Bolívar. Mayo 2007. Conceptos sobre hipertexto ¿Cómo “resolver” esos problemas? Herramientas y mecanismos de navegación

45 Prof. Adelaide Bianchini. Dpto. de Computación y Tecnología de la Información. Universidad Simón Bolívar. Mayo 2007. Conceptos sobre hipertexto ¿Cómo “resolver” esos problemas? Herramientas y mecanismos de navegación  Herramientas y ayudas de acceso directo  Herramientas generales

46 Prof. Adelaide Bianchini. Dpto. de Computación y Tecnología de la Información. Universidad Simón Bolívar. Mayo 2007. Conceptos sobre hipertexto ¿Cómo “resolver” esos problemas? Herramientas y mecanismos de navegación  Herramientas y ayudas de acceso directo Ayudas textuales Ayudas gráficas

47 Prof. Adelaide Bianchini. Dpto. de Computación y Tecnología de la Información. Universidad Simón Bolívar. Mayo 2007. Conceptos sobre hipertexto ¿Cómo “resolver” esos problemas? Herramientas y mecanismos de navegación  Herramientas y ayudas de acceso directo Ayudas textuales Tablas de contenidos Índices

48 Prof. Adelaide Bianchini. Dpto. de Computación y Tecnología de la Información. Universidad Simón Bolívar. Mayo 2007. Conceptos sobre hipertexto ¿Cómo “resolver” esos problemas? Herramientas y mecanismos de navegación  Herramientas y ayudas de acceso directo Ayudas textuales Tablas de contenidos Índices Ayudas gráficas Mapas locales Mapas globales

49 Prof. Adelaide Bianchini. Dpto. de Computación y Tecnología de la Información. Universidad Simón Bolívar. Mayo 2007. Conceptos sobre hipertexto ¿Cómo “resolver” esos problemas? Herramientas y mecanismos de navegación  Herramientas generales Visitas guiadas Historias Marcas

50 Prof. Adelaide Bianchini. Dpto. de Computación y Tecnología de la Información. Universidad Simón Bolívar. Mayo 2007. Conceptos sobre hipertexto ¿Cómo “resolver” esos problemas? Herramientas y mecanismos de navegación  Herramientas generales Visitas guiadas Historias Marcas Busquemos en el web esas herramientas !

51 Prof. Adelaide Bianchini. Dpto. de Computación y Tecnología de la Información. Universidad Simón Bolívar. Mayo 2007. Conceptos sobre hipertexto ¿Cómo desarrollar? Competencias Aspectos tácticos Aspectos estratégicos

52 Prof. Adelaide Bianchini. Dpto. de Computación y Tecnología de la Información. Universidad Simón Bolívar. Mayo 2007. Conceptos sobre hipertexto Investigación sobre usuarios Gerencia del proyecto COMPETENCIASCOMPETENCIAS

53 Prof. Adelaide Bianchini. Dpto. de Computación y Tecnología de la Información. Universidad Simón Bolívar. Mayo 2007. Conceptos sobre hipertexto Estrategia tecnológica Estrategia del sitio Estrategia del contenido Gerencia del proyecto Investigación sobre usuarios COMPETENCIASCOMPETENCIAS Aspectos estratégicos

54 Prof. Adelaide Bianchini. Dpto. de Computación y Tecnología de la Información. Universidad Simón Bolívar. Mayo 2007. Conceptos sobre hipertexto Implementación tecnológica Diseño concreto Producción de contenidos Diseño abstracto Estrategia tecnológica Estrategia del sitio Estrategia del contenido Gerencia del proyecto Investigación sobre usuarios Aspectos tácticos Aspectos estratégicos

55 Prof. Adelaide Bianchini. Dpto. de Computación y Tecnología de la Información. Universidad Simón Bolívar. Mayo 2007. Conceptos sobre hipertexto To be continue.....