Este documento resume la historia del hipertexto desde sus orígenes en 1945 hasta su desarrollo en Internet. Explica las características clave del hipertexto como la organización no lineal de la información a través de nodos y enlaces, y describe las principales estructuras hipertextuales como la lineal, ramificada y jerárquica. También aborda conceptos como la navegación, las metáforas y los mapas usados para facilitar la exploración de la información en entornos digitales e hipermedia.

1. HIPERTEXTO
PERIODISMO DIGITAL
KARINA SEPÚLVEDA MONTAGUT
MARIA C MORALES
PAOLA ALEXANDRA VERGEL

2. El hipertexto sólo es posible en soportes
digitales.

3. ANTECEDENTES
• VANNEVAR BUSH Y EL MEMEX (1945).
• La característica fundamental del Memex,
por tanto es la asociación entre documentos.
Su índice por asociación es lo que
actualmente se denomina enlace, y permite
unir dos informaciones distintas de forma
que una lleva a la otra y viceversa.

5. TED NELSON Y XANADÚ (1965)
Citar en este sistema consiste en incluir un enlace
al documento original que se quiere citar.
Nelson acuñó el termino hipertexto para designar
este modo de enlazar documentos. El ordenador
permite nuevas formas de escritura que no son
secuenciales y que revolucionan la estructura del
texto impreso tradicional, a las que se denominan
estructuras hipertextuales.

6. DOUGLAS ENGELBART Y EL ON
LINE SYSTEM (1968)
Engelbart parte de la convicción de que
el manejo adecuado de las nuevas
tecnologías potenciaría las
capacidades de los trabajadores del
conocimiento, como por ejemplo la
automatización de trabajos de oficina o
el procesamiento de textos.

8. El Augment de Engelbart plantea nuevos
procesos de conocimiento y nuevas
herramientas evolucionando
conjuntamente en entornos reales de
trabajo y representó la primera
implementación hipertextual de las
ideas de Bush.

9. ANDRIES VAN DAM Y
TED NELSON

10. 1967 desarrollan el primer hipertexto
operativo, llamado Hypertext Editing
System (HES).
1968 el File Retrieval Editing System.
Ambos tenían en común la característica
de poder saltar mediante enlaces de un
documento a otro.

12. ANDREW LIPPMAN Y EL ASPEN MOVIE MAP
(1978)
Una reconstrucción fotográfica de la ciudad e
Aspen ( Colorado) en soporte video disco.
El montaje se hizo tomando las imágenes
desde un camión que recorrió la ciudad con
cuatro cámaras instaladas formando ángulos
de 90°.

14. JANET WALKER Y EL SIMBOLICS
DOCUMENT EXAMINER (1985)
Fue la primera aplicación comercial de
hipertexto, destinado como un manual
hipertextual a los usuarios de las
estaciones de trabajo Simbolics.

15. NORMAN MEYROWITZ Y EL
INTERMEDIA (1985)
Intermedia consiste en un conjunto de
aplicaciones que permiten la escritura
organizada mediante una Interfax de
ventanas: un editor de textos, de
gráficos, visor de ilustraciones, edito de
animaciones y un editor de video.

17. BILL ATKINSON Y EL HYPERCARD
(1987)
Se basa en la metáfora de las fichas. El
lenguaje de programación que utiliza
hipertalk, permite enlazar distintos tipos
de documentos que son considerados
fichas por el programa, y crear botones o
iconos para representar esos enlaces.

18. CERN Y LA WORLD WIDE WEB
(1989-1991)
Se trata de un sistema de información
distribuida en hipertexto cuyo objetivo
principal es hacer accesible en red a escala
universal, los resultados de la investigación
científica, con independencia de hardware del
usuario.

20. DESARROLLO DE INTERNET
Se denomina Internet a la red mundial de
redes de ordenadores conectados entre sí
basada en el protocolo común TCP/IP, sin
embargo el término también se refiere a la
comunidad de personas que usan y
desarrollan esas redes así como el conjunto
de recursos a los que puede accederse
mediante ellas

22. DISEÑAR COMUNICACIÓN
DIGITAL
• En diseño Comunicación Digital se
exploran las posibilidades expresivas,
estéticas y comunicativas del lenguaje
audiovisuales en soportes digitales
buscando nuevos modos narrativos para
organizar la información audiovisual de
forma no lineal.

23. DISEÑO DIGITAL
• Concebir proyectos de comunicación que
utilicen eficazmente todo el potencial de
los medios interactivos.
• Diseño es precisamente la concepción
original de una obra para su posterior
producción. Diseño es por eso sinónimo
de proyecto.

24. MEDIOS DIGITALES
• Los medios digitales, aquellos que por
oposición a los analógicos representan la
información en distintos formatos, como
conjunto de valores discretos (bits) que
utilizan para su almacenamiento y
distribución soportes on-line.

25. MEDIOS DIGITALES
• Las dos características fundamentales de
la comunicación en soportes digitales son
por una parte que apuntan a la integración
de formatos de información en un mismo
soporte, lo que se conoce como
multimedia.
• La segunda es posibilidad de articular de
modo no lineal la información.

26. • Exigiendo así la actividad del usuario para
acceder a ella lo que se denomina
interactividad.
MEDIOS DIGITALES
MULTIMEDI
A
INTERACTIVIDAD
COMUNICACIÓN DIGITAL

27. HIPERTEXTO
• Organizar información de un modo no
lineal, narrar con medios digitales,
significa enfrentarse a un nuevo
paradigma denominado Hipertexto, que
se entiende como un sistema de escritura
ramificada sólo posiblemente en entornos
digitales.

28. HIPERTEXTO
• Se construye como un documento
electrónico en el que la información se
estructura por una red de nodos y
enlaces.
• Se denomina NODO a cada unidad de
información en un hipertexto y ENLACE o
link a la conexión de esos nodos.

29. HIPERTEXTO
• ENLACE: técnicamente es una orden de
programación y gráficamente se indica su
presencia en pantalla mediante un Ancla,
que puede ser una palabra subrayada
(hot-word) un icono, un botón o una área
sensible(hot-spot).

32. ESTRUCTURAS DE
HIPERTEXTO
• Existen al menos siete estructuras básicas
para representar los diversos modelos de
hipertexto.
Lineal, Ramificada, Paralela, Concéntrica,
Jerárquica, Reticular, Mixta.

33. LINEAL
• Representa una secuencia única y por
tanto necesaria de nodos entre los cuales
la navegación posible consiste en acceder
al nodo posterior o siguiente.

34. RAMIFICADA
• Este modelo representa una trayectoria
de navegación privilegiada (Entrada -A-B-
C-Salida) en la que se han incluido nodos
subordinados (A1, B2,C2, etc.) para
permitir un mayor grado de interactividad
al usuario.

35. RAMIFICADA

36. PARALELA
• En este modelo se representan una serie
de secuencias lineales (A,B,C) en las que
es posible, además de la navegación
lineal (a-A1-A2), también el
desplazamiento entre los nodos de un
mismo nivel (A1-B1-C1, A2-B2-C2, etc).

37. PARALELA

38. CONCÉNTRICA
• Este modelo, también denominado "collar
de perlas", organiza una serie de
secuencias lineales (A,B,C) en torno a un
nodo de Entrada, pero sin permitir la
navegación entre los nodos de un mismo
nivel (A1,B1,C1).

39. CONCÉNTRICA

40. JERÁRQUICA
• También denominada estructura "en
árbol" o "arborescente", constituye el
clásico modelo de organización temática
de la información que refleja la
subordinación o dependencia de unos
conocimientos respecto de otros, así
como el orden que va de lo general a lo
particular.

41. JERÁRQUICA

42. RETICULAR
• Esta es precisamente la estructura de la
Web (literalmente telaraña), que como
ocurre en todas las aplicaciones que no
privilegian trayectorias de navegación
dejando gran libertad al usuario, tiende a
generar experiencias de navegación
frustrantes.

43. RETICULAR

44. MIXTA
• Finalmente cabe mencionar la estructura
mixta, que combina dos o más modelos
de los arriba explicados, como es el caso
de la inmensa mayoría de las aplicaciones
interactivas. Las estructuras Mixtas
permiten aprovechar las ventajas
funcionales de cada modelo y corregir sus
deficiencias o limitaciones.

45. MIXTA

46. NAVEGACIÓN
• El hipertexto, en tanto representa la
información de un modo no secuencial
exige al usuario una cierta actividad, a
diferencia de la relativa pasividad del
público. A esta interactividad del usuario
se la denomina metafóricamente
Navegación, y consiste en la acción y
efecto de explorar un hipertexto.

47. NAVEGACIÓN

48. METÁFORAS
• La complejidad asociada a la tecnología
digital y la necesidad de generalizar su
utilización entre usuarios no expertos, ha
popularizado el recurso a las metáforas.
Se emplean numerosos términos en
sentido metafórico tales como: navegar,
explorar, visitar, inmersión, web, red,
mapa, página, home, ancla, bookmark,
ventana, escritorio, papelera, etc.

49. METÁFORAS
• Suelen utilizarse al menos tres tipos de
metáforas:
• 1. De objetos: el libro, el álbum, la
agenda, el escritorio, la biblioteca.
• 2. De actividades: la visita, la exploración,
e viaje.
• 3. De lugares: la casa, la plaza, el museo,
la ciudad, la isla.

50. METÁFORAS

51. METÁFORAS

52. MAPAS
• Se denomina en comunicación interactiva
Mapa a la representación gráfica de la
estructura hipertextual del proyecto. Los
Mapas constituyen un tipo específico de
metáforas y se clasifican, de acuerdo a su
funcionalidad, en dos modalidades:
• 1. Mapas de Orientación
2. Mapas de Navegación

53. MAPAS

54. AYUDAS
• Al igual que las Metáforas y los Mapas,
los Sistemas de Ayuda son un recurso de
diseño que contribuye a facilitar la
navegación del usuario por el interactivo.
Se entiende por Ayuda el conjunto de
información, orientaciones y pistas que el
sistema aporta al usuario, referidos tanto
al contenido de la aplicación como a su
funcionamiento.

55. AYUDAS
• Las diversas modalidades de Sistemas de
Ayuda pueden agruparse en torno a dos
tipos:
1. Genéricos
2. Sensibles al contexto

56. AYUDAS
• Los sistemas Genéricos ofrecen una
referencia global sobre la aplicación por
independencia del sitio o del problema
con el que se encuentre el usuario, quien
deberá buscar entre la información
ofrecida el modo de resolverlo.

57. AYUDAS

58. AYUDAS
• Existen diversos recursos para organizar
las Ayudas: manuales interactivos, que
permiten búsquedas por índices y por
palabras; menús desplegables, cuadros
de diálogo y pop-ups, que asisten al
usuario sin interferir en su navegación ni
recargar el diseño gráfico de las pantallas;

59. AYUDAS
• personajes o mascotas, que personalizan
la Ayuda haciendo más amigable el
proceso de resolución de problemas;
visitas guiadas y pantallas preliminares de
exposición, que ofrecen un acceso lineal,
es decir, no navegable, a aquellos
contenidos de la aplicación que se
consideran fundamentales para el
usuario.

60. HIPERMEDIA
• Si bien suele utilizarse el término
Hipermedia para hace referencia a la
convergencia entre hipertexto y
multimedia, es decir, para denominar a
una estructura de información electrónica
cuyos nodos contienen información en
diversos formatos, parece más adecuado
mantener para ello la denominación de
hipertexto.

61. HIPERMEDIA
• Por una parte, la distinción entre
hipertexto e hipermedia es una herencia
de la era analógica de los medios y de los
comienzos de la era digital.

62. HIPERMEDIA

63. HIPERMEDIA
• En consecuencia, el término hipermedia
resulta, en parte anacrónico y en parte
redundante. Por esta razón se ha
preferido mantener la noción de
hipertexto, entendiendo que comprende
plenamente los distintos formatos de
información.

64. GRACIAS