Tema 1 El Hipertexto Definición Ventajas Historia Elementos básicos

1. Tema 1El Hipertexto • Definición • Ventajas • Historia • Elementos básicos • Modos de navegación hipertextual • Cómo crear hipertexto

2. El HipertextoDefiniciónEs un tipo de texto electrónico, que permite una escritura y una comprensión no secuencial, que se cruza y multiplica, y permite que el lector elija lo que quiere leer en una pantalla. Teodor Nelson (1965) • Bloques de texto electrónico (nodos) conectados entre sí (enlaces) • Galaxia de significantes y no estructura de significados (texto impreso) • TIC, que emula la organización asociativa de la memoria humana

3. El HipertextoHistoriaVannevar Bush: planteo en 1945 el MEMEX como una alternativa al papel para almacenar información a través de unas microfichas, almacenadas de forma asociativa. Ted Nelson: creo en 1967 el XANADU, almacenando y relacionando en una especie de hipertexto literario universal, la mayor cantidad de texto posible. Creo el término hipertexto

4. El HipertextoHistoriaPrimera generación: (1963-1982)Limitaciones técnicas obligaban a construir nodos netamente hipertextuales, con poca capacidad gráfica Segunda generación: (1983-1987)Sistemas basados en estaciones de trabajo: orientado a entornos investigativos, con máquinas e interfases de última generación. Su aporte, la inclusión de los navegadores gráficos. Tercera generación: (1988 – hoy)Diversificación, socialización de Internet e interfases de navegación y construcción gráficas. Comienza la teoría hipertextual. Web 2.0.

5. El HipertextoVentajasLa organización hipertextual permite enlazar información que se relaciones a través de un entramado de nodos conectados con enlaces o hipervínculos que nos permitirán: • Modelar el funcionamiento asociativo del cerebro • Automatizar la estructura cognitiva humana, construyendo una lectura más comprensible y fácil de usar. • Su principal innovación, es la asociación de ideas con la información de la cual se dispone, cambiando fácilmente esta asociación al cambiar cualquiera de los elementos del hipertexto

6. El HipertextoElementos básicosEL NODO: El nodo es una cantidad de información. Se puede interpretar como una extensión no lineal del texto. Los nodos suelen clasificarse de acuerdo a la forma de visualización en: Marcos: cada nodo tiene una cantidad de espacio fija en la pantalla, al que la información que contiene debe adaptarse Ventana: ocupan todo el espacio que necesiten para la información

7. El HipertextoElementos básicosEL NODO: a mayor cantidad de información que ubiquemos en un nodo, mayor será el tiempo de descarga de este contenido. En lo opuesto, nodos muy pequeños, llevan a una excesiva fragmentación de la información, perdiendo en muchas ocasiones la unidad de sentido y aburriendo al lector.

8. El HipertextoElementos básicosEL ENLACE:TIPOS DE ENLACES SEGÚN LA NAVEGACIÓN • Embebidos: dentro del nodo (anclas) • Nodo a nodo: entre nodos, ampliando información, definiendo, relacionando, etc • Enlaces n-arios: enlace origen a varios destinos (menús desplegables, o listado de enlaces en un nodo)

9. El HipertextoElementos básicosEL ENLACE:TIPOS DE ENLACES SEGÚN EL CONTENIDO • Estructurales: responden a relaciones de organización del contenido (función meramente de navegación) • Referenciales: conexión arbitraria entre dos elementos, contextualizados(ampliación, ejemplo, significado, simplificación, refutación, etc)

10. El HipertextoElementos básicosENLACE / HIPERVÍNCULO: constituye uno de los elementos más importantes del hipertexto, ya que es la conexión entre dos nodos de forma que se puedan seguir referencias de origen y destino. Activar un enlace, define el resultado de la recuperación de información y la forma como nos movemos en el hipertexto.

11. El HipertextoModos de navegación hipertextualSECUENCIAL (anterior – siguiente) RIZOMÁTICA(aleatoria, sentido principal del hipertexto) BÚSQUEDA (mapas de sitio, ayudas, buscadores)

12. El HipertextoCómo crear hipertextoEl hipertexto tiene dos usuarios: el autor y el lector. Las herramientas del autor tienen como finalidad ofrecer a este elementos de escritura y edición. Los servicios que prestan son variados y dependen en gran medida del entorno de trabajo o del hiperdocumento en el que se quiera trabajar.

13. El HipertextoCómo crear hipertextoPara la creación de hipertexto es importante tener en cuenta que se pierde en gran parte la autoridad del determinar como debe leerse la obra, y que la secuencia la dará el lector. Por ello, el principal problema de crear un hipertexto, está en la definición de estructuras de escritura nuevas. Eso sin tener en cuenta, los elementos multimediales y su relación con el hipertexto que veremos más adelante.

14. El HipertextoCómo crear hipertextoLa principales acciones que un autor debe llevar a cabo para crear un documento son las siguientes: • Preparar el material documental que hará parte del hipertexto • Organizar, jerarquizar la información a través de un mapa web • Crear en el sistema correspondiente una estructura clara y adecuada, con la integración a la multimedia • Definición de estructuras auxiliares, que apoyen y mejoren la experiencia del usuario con el hipertexto.

15. El HipertextoHerramientas de usuario • Office (word, power point, excel) • Front page (administrador web) • Macromedia (administrador, diseñador web, multimedia) • Adobe (Distriller, creación de documentos pdf)

16. Tema 2Navegación y proyectos de comunicación digital • Medios digitales • Diseñar hipertexto (estructuras) • Navegación

17. Medios digitales • El medio digital, en “oposición” al análogo nos permite representar la información en diferentes formatos, como conjuntos discretos de valores númericos, que permiten su transmisión y almacenamiento en diferentes soportes. • TEXTO --------------------------------------- HIPERTEXTO • FOTOGRAFÍA, AUDIO, VIDEO ----------- MULTIMEDIA • El medio digital, también permite conectar la posibilidad de interconectar (hipertexto) los diferentes medios (multimedia), posibilitando la hipermedia, componentes todos de la comunicación digital.

18. Hipertexto • Estructura de texto ramificada, dada en entornos digitales, posibilitando la organización de información no lineal, a través de las conexiones entre nodos y enlaces.

19. Estructuras del Hipertexto • Lineal: secuencia única y necesaria de nodos, entre los cuales la navegación es posible desde el nodo anterior y hacia el nodo siguiente. Su principal ventaja es el diseño en el cual el paso por los nodos es de carácter obligatorio. • Ramificada: donde aparecen nodos subordinados, para crear mayor interactividad con el usuario.

20. Estructuras del Hipertexto • Paralela: se representa a través de varias secuencias lineales en las cuales se puede determinar varios puntos de vista de una misma narrativa, y además posibilitando la interacción y comunicación entre las secuencias. • Concéntrica: organiza secuencias lineales en torno a un nodo de entrada pero sin permitir la navegación entre los nodos de un mismo nivel.

21. Estructuras del Hipertexto • Jerárquica: o “en árbol” es el clásico modelo de organización temática de información, con predominio de la subordinación. Va de lo general a lo particular. • Reticular: es la estructura en red, malla o telaraña, permitiendo que cada uno de los nodos se comunique con los demás, dando la mayor flexibilidad de navegación. Debe ofrecer opciones de navegación, y al mismo tiempo, limitar los trayectos posibles para una navegación eficaz. • Mixta:dos o más de las anteriores

22. Navegación • Es determinada por la forma como se diseña el hipertexto • Metáforas: • Representan analógicamente el contenido editorial y la estructura hipertextual del proyecto. Se define en función del tema y de los usuarios de la aplicación. Ej: multimedias infantiles. • Se utilizan así: • De objetos: un libro, un álbum • De actividades: un recorrido, un viaje • De lugares: una casa, un museo

23. Navegación • Mapas • Es la representación gráfica de la estructura hipertextual del proyecto. Son una forma de “metáfora” y se clasifican en: • Mapas de orientación: ofrecen una perspectiva global de la estructura de la aplicación. • Mapas de navegación: ofrecen la perspectiva y permiten acceder directamente a los nodos representados

24. Navegación • Ayudas • Facilita la experiencia del usuario, tanto en el contenido como en el funcionamiento.

25. Desarrollo del Proyecto Hipermedia • Anteproyecto Hipermedia

26. Desarrollo del Proyecto Hipermedia • Anteproyecto Hipermedia • 1. Título del proyecto: sugiriendo el contenido de la aplicación. • 2. Objetivo principal del proyecto: define el estilo general del proyecto y sus líneas editoriales generales. • 3. Soporte on line / off line: Es decir para publicación en internet o distribución en medio físico. Recordemos que el tipo de soporte define en gran medida los tiempos de descarga de los archivos (kb/seg), y por ende se delimita el peso de los archivos de imagen, audio o video.

27. Desarrollo del Proyecto Hipermedia Anteproyecto Hipermedia 4. Sinopsis: Resumen del contenido del proyecto o sus objetivos. Es la presentación del proyecto hipermedial, su público objetivo y la definición de sus contenidos. 5. Estructura de la navegación: el tipo de navegación(es) a utilizar y sus posibles combinaciones. (Lineal, paralela, etc) 6. Diagrama del hipertexto: es un esquema gráfico que refleja la articulación de los contenidos en nodos y enlaces. El diseño de la estructura hipertextual debe contener y diferenciar los enlaces estructurales y referenciales.

28. Desarrollo del Proyecto Hipermedia Anteproyecto Hipermedia 7. Guión de contenidos: tabla en la que se organiza de modo textual la información o el contenido hipertextual dispuesto en el Diagrama del Hipertexto, según la codificación que corresponda a cada unidad narrativa de la aplicación. Se describen los contenidos que contiene cada una de las páginas (tema, sección) 8. Story board: en lo referente al diseño de la interfaz gráfica, el story board muestra a través de una representación gráfica la funcionalidad de la interfaz y la disposición de cada uno de los elementos que contiene. Aquí intervienen los contenidos hipertextuales, previamente editados, la disposición de estos dada a través del hipertexto y la idea gráfica que se plantea para la integración con la hipermedia.

29. Desarrollo del Proyecto Hipermedia Anteproyecto Hipermedia 9. Diseño Gráfico de la Interfaz o Maqueta: Presentación gráfica de los diseños de interfaz y metáforas (bocetos de lo que se verá en la pantalla). En una primera instancia estos se pueden hacer como dibujos simples, los cuales se convertirán en el primer paso antes de hacer la maquetación digital. 10. Cronograma de Trabajo: el cronograma de trabajo se diseña a partir de las etapas completas para el desarrollo del proyecto hipermedial (definición, diseño, desarrollo, despliegue)