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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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