SlideShare une entreprise Scribd logo
1  sur  19
Télécharger pour lire hors ligne
Hipertextos e Hipermedia
          Susana Escobar
          Vanessa Arcila

     Grupo martes - jueves 2 pm
Hipertextos e Hipermedia
● El hipertexto como lo define Theodor Nelson, 1965." Texto
  electrónico, permite la 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 "

● La hipermedia es la combinación de hipertextos y multimedia. La
  estructura es la misma que la de un hipertexto,
  formado por nodos que se conecta en
  enlaces. La única diferencia es que los
  nodos contienen elementos de diferentes
  medios o morfología y las anclas ya no
  solo pueden ser palabras sino imágenes o
  secuencias de audio o video.
Historia
Estructura lineal y no lineal
● Orden lógico - causal       ● Varias lecturas para un
● Secuencia                     mismo conjunto de
● puede tener subelementos      fragmentos y retórica
● Se realiza operaciones de     secuencial
  agregar/ eliminar           ● Relación 1 a M, Ma 1 ó M a
  elementos                     M
● Tienen una relación         ● ejemplo: grafos, árboles
  1a1
● ejemplos: lista, pilas
  y colas
Usos Hipertextos

Según Jacob Nielsen propone 3 reglas para el
uso de los hipertextos.
1. Cuándo existe un gran cuerpo de información
   organizado en muchos fragmentos.
2. Cuándo estos fragmentos se relacionan unos con otros.
3. Cuándo en cualquier momento, los lectores necesitan
   solamente una pequeña fracción de esta información.
Uso de Hipermedia
● Comparte usos y
  características del
  hipertexto
● En la formación
  educativa, pues ha
  permitido que se de a
  distancia.
● En las organizaciones se
  puede hacer publicidad
  y se ha creado el nuevo
  management.
Modelos de hipertextos
HIPERMEDIAL: Están constituidos por
información textual, alfanumérica, gráfica,
hipergráfica de dos y tres dimensiones,
secuencias animadas, videos, peliculas, etc. Es
una extensión del hipertexto ampliando la
información que lo integra.
La estructura y principios organizativos son
iguales al hipertexto.
Modelos de hipertextos
MULTIMEDIAL: Remite primero la creación
de una base de datos de Múltiples formatos,
segundo a la estructura y organización en red
de la información mediante sistemas
asociativos, terceros a la recuperación a través
de los vínculos relacionales y cuartos a la
interconectividad a través de redes
Componentes de un
hipertexto
- Nodos: elementos que contienen la
información.
- Enlaces entre nodos:Interconectan los nodos
-Anclaje de los nodos: inicio y destino de cada
enlace.Punto de activación o punto de destino
del enlace. Un anclaje puede servir para varios
enlaces.
-Mapas de navegación:meta-nodo, es decir, con
información sobre otros nodos, pueden ser:
Sumarios.Índices.
Estructura Hipertextos:
Linealuna secuencia única y por tanto necesaria de
Representa
nodos, entre los cuales la navegación posible consiste en
acceder al nodo posterior o al anterior.

Este modelo no permite al máximo la interactividad, su
utilidad como parte de una estructura más compleja radica en
el diseño de nodos de paso obligado que garantizan el acceso
del usuario a la información que se considera imprescindible.
Estructura Hipertextos:
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.

En los cuentos infantiles interactivos (living books), la
estructura ramificada organiza la historia en el trayecto
lineal, obligando al usuario a realizar una lectura
secuencial, y a la vez amplía
la interactividad
incorporando las
dimensiones lúdicas en los
 nodos subordinados.
Estructura Hipertextos:
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).
En ficciones interactivas este tipo de estructura resulta de
utilidad para organizar varias acciones o puntos de vista de
una misma historia que se desarrollan simultáneamente,
permitiendo al usuario
seleccionar en cada
secuencia el punto de vista de cualquiera de los personajes
intervinientes.
Estructura Hipertextos:
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).
                       En juegos o ficciones interactivas
                       este modelo sirve para
                       estructurar de un modo coherente
                       las escenas de cada uno de los
                       mundos o zonas del interactivo,
                       articuladas en torno a tareas u
                       objetivos que se plantean al usuario
                       como condición necesaria para
                       acceder al siguiente nivel.
Estructura Hipertextos:
Jerárquica
También denominada estructura
"en árbol", 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.
Es típico de las aplicaciones
educativas, y de los buscadores,
denominados "índices", si bien la mayor parte de los
motores de búsqueda por palabras clave han incorporado
también de modo complementario el modelo jerárquico
para organizar el acceso a sus contenidos.
Estructura Hipertexto:
Reticular
           Lo propio de las estructuras en red,
           malla o telaraña es la articulación de
           cada uno de los nodos, con todos los
           restantes, permitiendo así el
           máximo grado de flexibilidad en la
           navegación.
           Esta es precisamente la estructura
           de la Web, 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.
Estructura Hipertextos: Mixta
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.
crossmedia
Consiste en extender una historia a otros
soportes los cuales no tienen sentido si no se
experimenta el conjunto. El hecho de cruzar
plataformas sin extender el universo narrativo
es un fenómeno Crossmedia.
transmedia
Las iniciativas, productos o narraciones Transmedia
forman parte del relato. Extienden la trama del eje
principal a distintas plataformas y permiten desde el
germen que los usuarios colaboren para ampliar su
universo. La importancia de las narrativas
Transmedia es que cada una de esas plataformas,
aportan al conjunto del relato y no están
desvinculadas entre ellas. Así, cada parte de la
narración es única por la propia esencia de la
plataforma en la que se desarrolla internet, cómics,
redes sociales, videojuegos, juegos de mesa.
Cibergrafía
●   http://www.hipertexto.info/documentos/hipermedia.htm


●   http://www.javeriana.edu.co/Facultades/C_Sociales/Facultad/sociales_virtual/publicaciones/arena/htext-c.htm


●   http://www.slideshare.net/escenaenelmar/texto-hipertexto-e-hipermedia


●   http://www.ing.ula.ve/~ibc/ayda/c9estLin.pdf


●   http://www.slideshare.net/los4estatidinamicos/estructura-de-datos-lineales-y-no-lineales


●   http://www.medellindigital.gov.co/Mediateca/repositorio%20de%20recursos/EDUTEKA/hipertexto.pdf


●   http://hipermediaequipo3.blogspot.com/


●   http://www.javeriana.edu.co/relato_digital/r_digital/taller/introdis/cap01-estructuras.htm


●   http://www.malgorricardo.blogspot.com/

Contenu connexe

Tendances

Características de los contenidos digitales
Características de los contenidos digitalesCaracterísticas de los contenidos digitales
Características de los contenidos digitaleshaideeperez
 
Absolut imagen: análisis de una imagen publicitaria primera parte
Absolut imagen: análisis de una imagen publicitaria primera parteAbsolut imagen: análisis de una imagen publicitaria primera parte
Absolut imagen: análisis de una imagen publicitaria primera parteEva Avila
 
Semiotica012 lainversiondelobjeto-mensajereferencial-110204110242-phpapp02
Semiotica012 lainversiondelobjeto-mensajereferencial-110204110242-phpapp02Semiotica012 lainversiondelobjeto-mensajereferencial-110204110242-phpapp02
Semiotica012 lainversiondelobjeto-mensajereferencial-110204110242-phpapp02eme2525
 
3.1 plataformas multimedia
3.1 plataformas multimedia3.1 plataformas multimedia
3.1 plataformas multimediajosse_09
 
Relación entre texto e imagen
Relación entre texto e imagenRelación entre texto e imagen
Relación entre texto e imagenalfredoU2
 
La comunicacion audiovisual
La comunicacion audiovisualLa comunicacion audiovisual
La comunicacion audiovisualLucía Alvarez
 
el texto en multimedia
el texto en multimediael texto en multimedia
el texto en multimedia65519584
 
La tipografía en los medios impresos
La tipografía en los medios impresosLa tipografía en los medios impresos
La tipografía en los medios impresosSilvia Toledo Valerio
 
Infografía periodística
Infografía periodísticaInfografía periodística
Infografía periodísticaClaudia Ospina
 
Historietas y novela gráfica
Historietas y novela gráficaHistorietas y novela gráfica
Historietas y novela gráficacamaya74
 
Imagen-Multimedia
Imagen-MultimediaImagen-Multimedia
Imagen-MultimediaNelson Romo
 
Semiotica 020 ejercicios practicos
Semiotica 020  ejercicios practicosSemiotica 020  ejercicios practicos
Semiotica 020 ejercicios practicosUTP
 
Publicidad
PublicidadPublicidad
Publicidadpsbrossa
 

Tendances (20)

Características de los contenidos digitales
Características de los contenidos digitalesCaracterísticas de los contenidos digitales
Características de los contenidos digitales
 
Absolut imagen: análisis de una imagen publicitaria primera parte
Absolut imagen: análisis de una imagen publicitaria primera parteAbsolut imagen: análisis de una imagen publicitaria primera parte
Absolut imagen: análisis de una imagen publicitaria primera parte
 
Definicion de imagen
Definicion de imagenDefinicion de imagen
Definicion de imagen
 
Semiotica012 lainversiondelobjeto-mensajereferencial-110204110242-phpapp02
Semiotica012 lainversiondelobjeto-mensajereferencial-110204110242-phpapp02Semiotica012 lainversiondelobjeto-mensajereferencial-110204110242-phpapp02
Semiotica012 lainversiondelobjeto-mensajereferencial-110204110242-phpapp02
 
3.1 plataformas multimedia
3.1 plataformas multimedia3.1 plataformas multimedia
3.1 plataformas multimedia
 
Relación entre texto e imagen
Relación entre texto e imagenRelación entre texto e imagen
Relación entre texto e imagen
 
Lenguaje visual
Lenguaje visualLenguaje visual
Lenguaje visual
 
La comunicacion audiovisual
La comunicacion audiovisualLa comunicacion audiovisual
La comunicacion audiovisual
 
el texto en multimedia
el texto en multimediael texto en multimedia
el texto en multimedia
 
titulos
titulostitulos
titulos
 
La composición en la diagramación
La composición en la diagramaciónLa composición en la diagramación
La composición en la diagramación
 
La tipografía en los medios impresos
La tipografía en los medios impresosLa tipografía en los medios impresos
La tipografía en los medios impresos
 
Multimedia Educativa
Multimedia EducativaMultimedia Educativa
Multimedia Educativa
 
Infografía periodística
Infografía periodísticaInfografía periodística
Infografía periodística
 
Historietas y novela gráfica
Historietas y novela gráficaHistorietas y novela gráfica
Historietas y novela gráfica
 
Documento Web
Documento WebDocumento Web
Documento Web
 
Imagen-Multimedia
Imagen-MultimediaImagen-Multimedia
Imagen-Multimedia
 
Multimedia = Video
Multimedia = VideoMultimedia = Video
Multimedia = Video
 
Semiotica 020 ejercicios practicos
Semiotica 020  ejercicios practicosSemiotica 020  ejercicios practicos
Semiotica 020 ejercicios practicos
 
Publicidad
PublicidadPublicidad
Publicidad
 

En vedette

Hipertextos e hipermedia
Hipertextos e hipermediaHipertextos e hipermedia
Hipertextos e hipermediafelipemarin_
 
El lenguaje periodístico en la web. Canavilhas
El lenguaje periodístico en la web. CanavilhasEl lenguaje periodístico en la web. Canavilhas
El lenguaje periodístico en la web. CanavilhasSeminario Cibercultura
 
Texto, Hipertexto e Hipermedia
Texto, Hipertexto e HipermediaTexto, Hipertexto e Hipermedia
Texto, Hipertexto e Hipermediaescenaenelmar
 
hipertexto e hipermedia
 hipertexto e hipermedia hipertexto e hipermedia
hipertexto e hipermediaSamuel Ramirez
 
Uso de Hipertexto y Multimedia
Uso de Hipertexto y MultimediaUso de Hipertexto y Multimedia
Uso de Hipertexto y MultimediaMiguel Diliegros
 
Hipertexto + Multimedia = Hipermedia
Hipertexto + Multimedia = HipermediaHipertexto + Multimedia = Hipermedia
Hipertexto + Multimedia = Hipermediamaravilla
 
I COLOQUIO EN PERIODISMO DE INVESTIGACIÓN ARGENTINO
I COLOQUIO EN PERIODISMO DE INVESTIGACIÓN ARGENTINOI COLOQUIO EN PERIODISMO DE INVESTIGACIÓN ARGENTINO
I COLOQUIO EN PERIODISMO DE INVESTIGACIÓN ARGENTINOGrandalAyala
 

En vedette (9)

Hipertextos e hipermedia
Hipertextos e hipermediaHipertextos e hipermedia
Hipertextos e hipermedia
 
Marcas online
Marcas onlineMarcas online
Marcas online
 
El lenguaje periodístico en la web. Canavilhas
El lenguaje periodístico en la web. CanavilhasEl lenguaje periodístico en la web. Canavilhas
El lenguaje periodístico en la web. Canavilhas
 
Texto, Hipertexto e Hipermedia
Texto, Hipertexto e HipermediaTexto, Hipertexto e Hipermedia
Texto, Hipertexto e Hipermedia
 
hipertexto e hipermedia
 hipertexto e hipermedia hipertexto e hipermedia
hipertexto e hipermedia
 
Uso de Hipertexto y Multimedia
Uso de Hipertexto y MultimediaUso de Hipertexto y Multimedia
Uso de Hipertexto y Multimedia
 
Del texto al hipertexto
Del texto al hipertextoDel texto al hipertexto
Del texto al hipertexto
 
Hipertexto + Multimedia = Hipermedia
Hipertexto + Multimedia = HipermediaHipertexto + Multimedia = Hipermedia
Hipertexto + Multimedia = Hipermedia
 
I COLOQUIO EN PERIODISMO DE INVESTIGACIÓN ARGENTINO
I COLOQUIO EN PERIODISMO DE INVESTIGACIÓN ARGENTINOI COLOQUIO EN PERIODISMO DE INVESTIGACIÓN ARGENTINO
I COLOQUIO EN PERIODISMO DE INVESTIGACIÓN ARGENTINO
 

Similaire à Hipertextos e hipermedia (20)

Hipertextos e hipermedia
Hipertextos e hipermediaHipertextos e hipermedia
Hipertextos e hipermedia
 
Sebastian estrada laura sanchez
Sebastian estrada laura sanchezSebastian estrada laura sanchez
Sebastian estrada laura sanchez
 
Hipertexto
HipertextoHipertexto
Hipertexto
 
Multi,
Multi,Multi,
Multi,
 
Hipermedia
HipermediaHipermedia
Hipermedia
 
Taller 1-introducción
Taller 1-introducciónTaller 1-introducción
Taller 1-introducción
 
Preguntas generadoras nucleo 2
Preguntas generadoras nucleo 2Preguntas generadoras nucleo 2
Preguntas generadoras nucleo 2
 
Hipertexto En La Educacion Me
Hipertexto En La Educacion MeHipertexto En La Educacion Me
Hipertexto En La Educacion Me
 
#1
#1#1
#1
 
87 estructura
87 estructura87 estructura
87 estructura
 
Taller 1
Taller 1Taller 1
Taller 1
 
hipertexto
hipertextohipertexto
hipertexto
 
Taller 1
Taller 1Taller 1
Taller 1
 
55237156 hi-per-media-web
55237156 hi-per-media-web55237156 hi-per-media-web
55237156 hi-per-media-web
 
Presentación con hipervínculos
Presentación con hipervínculosPresentación con hipervínculos
Presentación con hipervínculos
 
Hipertextos e hipermedia
Hipertextos e hipermedia Hipertextos e hipermedia
Hipertextos e hipermedia
 
Hipertextos e Hipermedia
Hipertextos e Hipermedia Hipertextos e Hipermedia
Hipertextos e Hipermedia
 
Taller n°1 Introducción
Taller n°1 Introducción Taller n°1 Introducción
Taller n°1 Introducción
 
Curso De Doctorado
Curso De DoctoradoCurso De Doctorado
Curso De Doctorado
 
Multimedia
MultimediaMultimedia
Multimedia
 

Dernier

Trabajando con Formasy Smart art en power Point
Trabajando con Formasy Smart art en power PointTrabajando con Formasy Smart art en power Point
Trabajando con Formasy Smart art en power PointValerioIvanDePazLoja
 
Actividades de computación para alumnos de preescolar
Actividades de computación para alumnos de preescolarActividades de computación para alumnos de preescolar
Actividades de computación para alumnos de preescolar24roberto21
 
LUXOMETRO EN SALUD OCUPACIONAL(FINAL).ppt
LUXOMETRO EN SALUD OCUPACIONAL(FINAL).pptLUXOMETRO EN SALUD OCUPACIONAL(FINAL).ppt
LUXOMETRO EN SALUD OCUPACIONAL(FINAL).pptchaverriemily794
 
LAS_TIC_COMO_HERRAMIENTAS_EN_LA_INVESTIGACIÓN.pptx
LAS_TIC_COMO_HERRAMIENTAS_EN_LA_INVESTIGACIÓN.pptxLAS_TIC_COMO_HERRAMIENTAS_EN_LA_INVESTIGACIÓN.pptx
LAS_TIC_COMO_HERRAMIENTAS_EN_LA_INVESTIGACIÓN.pptxAlexander López
 
CommitConf 2024 - Spring Boot <3 Testcontainers
CommitConf 2024 - Spring Boot <3 TestcontainersCommitConf 2024 - Spring Boot <3 Testcontainers
CommitConf 2024 - Spring Boot <3 TestcontainersIván López Martín
 
TALLER DE ANALISIS SOLUCION PART 2 (1)-1.docx
TALLER DE ANALISIS SOLUCION  PART 2 (1)-1.docxTALLER DE ANALISIS SOLUCION  PART 2 (1)-1.docx
TALLER DE ANALISIS SOLUCION PART 2 (1)-1.docxobandopaula444
 
LINEA DE TIEMPO LITERATURA DIFERENCIADO LITERATURA.pptx
LINEA DE TIEMPO LITERATURA DIFERENCIADO LITERATURA.pptxLINEA DE TIEMPO LITERATURA DIFERENCIADO LITERATURA.pptx
LINEA DE TIEMPO LITERATURA DIFERENCIADO LITERATURA.pptxkimontey
 
Inteligencia Artificial. Matheo Hernandez Serrano USCO 2024
Inteligencia Artificial. Matheo Hernandez Serrano USCO 2024Inteligencia Artificial. Matheo Hernandez Serrano USCO 2024
Inteligencia Artificial. Matheo Hernandez Serrano USCO 2024u20211198540
 
PLANEACION DE CLASES TEMA TIPOS DE FAMILIA.docx
PLANEACION DE CLASES TEMA TIPOS DE FAMILIA.docxPLANEACION DE CLASES TEMA TIPOS DE FAMILIA.docx
PLANEACION DE CLASES TEMA TIPOS DE FAMILIA.docxhasbleidit
 
certificado de oracle academy cetrificado.pdf
certificado de oracle academy cetrificado.pdfcertificado de oracle academy cetrificado.pdf
certificado de oracle academy cetrificado.pdfFernandoOblitasVivan
 
Red Dorsal Nacional de Fibra Óptica y Redes Regionales del Perú
Red Dorsal Nacional de Fibra Óptica y Redes Regionales del PerúRed Dorsal Nacional de Fibra Óptica y Redes Regionales del Perú
Red Dorsal Nacional de Fibra Óptica y Redes Regionales del PerúCEFERINO DELGADO FLORES
 
La electricidad y la electronica.10-7.pdf
La electricidad y la electronica.10-7.pdfLa electricidad y la electronica.10-7.pdf
La electricidad y la electronica.10-7.pdfcristianrb0324
 
Documentacion Electrónica en Actos Juridicos
Documentacion Electrónica en Actos JuridicosDocumentacion Electrónica en Actos Juridicos
Documentacion Electrónica en Actos JuridicosAlbanyMartinez7
 
Análisis de los artefactos (nintendo NES)
Análisis de los artefactos (nintendo NES)Análisis de los artefactos (nintendo NES)
Análisis de los artefactos (nintendo NES)JuanStevenTrujilloCh
 
Herramientas que posibilitan la información y la investigación.pdf
Herramientas que posibilitan la información y la investigación.pdfHerramientas que posibilitan la información y la investigación.pdf
Herramientas que posibilitan la información y la investigación.pdfKarinaCambero3
 
David_Gallegos - tarea de la sesión 11.pptx
David_Gallegos - tarea de la sesión 11.pptxDavid_Gallegos - tarea de la sesión 11.pptx
David_Gallegos - tarea de la sesión 11.pptxDAVIDROBERTOGALLEGOS
 
Agencia Marketing Branding Google Workspace Deployment Services Credential Fe...
Agencia Marketing Branding Google Workspace Deployment Services Credential Fe...Agencia Marketing Branding Google Workspace Deployment Services Credential Fe...
Agencia Marketing Branding Google Workspace Deployment Services Credential Fe...Marketing BRANDING
 
#Tare10ProgramacionWeb2024aaaaaaaaaaaa.pptx
#Tare10ProgramacionWeb2024aaaaaaaaaaaa.pptx#Tare10ProgramacionWeb2024aaaaaaaaaaaa.pptx
#Tare10ProgramacionWeb2024aaaaaaaaaaaa.pptxHugoGutierrez99
 
Modelo de Presentacion Feria Robotica Educativa 2024 - Versión3.pptx
Modelo de Presentacion Feria Robotica Educativa 2024 - Versión3.pptxModelo de Presentacion Feria Robotica Educativa 2024 - Versión3.pptx
Modelo de Presentacion Feria Robotica Educativa 2024 - Versión3.pptxtjcesar1
 
La Electricidad Y La Electrónica Trabajo Tecnología.pdf
La Electricidad Y La Electrónica Trabajo Tecnología.pdfLa Electricidad Y La Electrónica Trabajo Tecnología.pdf
La Electricidad Y La Electrónica Trabajo Tecnología.pdfjeondanny1997
 

Dernier (20)

Trabajando con Formasy Smart art en power Point
Trabajando con Formasy Smart art en power PointTrabajando con Formasy Smart art en power Point
Trabajando con Formasy Smart art en power Point
 
Actividades de computación para alumnos de preescolar
Actividades de computación para alumnos de preescolarActividades de computación para alumnos de preescolar
Actividades de computación para alumnos de preescolar
 
LUXOMETRO EN SALUD OCUPACIONAL(FINAL).ppt
LUXOMETRO EN SALUD OCUPACIONAL(FINAL).pptLUXOMETRO EN SALUD OCUPACIONAL(FINAL).ppt
LUXOMETRO EN SALUD OCUPACIONAL(FINAL).ppt
 
LAS_TIC_COMO_HERRAMIENTAS_EN_LA_INVESTIGACIÓN.pptx
LAS_TIC_COMO_HERRAMIENTAS_EN_LA_INVESTIGACIÓN.pptxLAS_TIC_COMO_HERRAMIENTAS_EN_LA_INVESTIGACIÓN.pptx
LAS_TIC_COMO_HERRAMIENTAS_EN_LA_INVESTIGACIÓN.pptx
 
CommitConf 2024 - Spring Boot <3 Testcontainers
CommitConf 2024 - Spring Boot <3 TestcontainersCommitConf 2024 - Spring Boot <3 Testcontainers
CommitConf 2024 - Spring Boot <3 Testcontainers
 
TALLER DE ANALISIS SOLUCION PART 2 (1)-1.docx
TALLER DE ANALISIS SOLUCION  PART 2 (1)-1.docxTALLER DE ANALISIS SOLUCION  PART 2 (1)-1.docx
TALLER DE ANALISIS SOLUCION PART 2 (1)-1.docx
 
LINEA DE TIEMPO LITERATURA DIFERENCIADO LITERATURA.pptx
LINEA DE TIEMPO LITERATURA DIFERENCIADO LITERATURA.pptxLINEA DE TIEMPO LITERATURA DIFERENCIADO LITERATURA.pptx
LINEA DE TIEMPO LITERATURA DIFERENCIADO LITERATURA.pptx
 
Inteligencia Artificial. Matheo Hernandez Serrano USCO 2024
Inteligencia Artificial. Matheo Hernandez Serrano USCO 2024Inteligencia Artificial. Matheo Hernandez Serrano USCO 2024
Inteligencia Artificial. Matheo Hernandez Serrano USCO 2024
 
PLANEACION DE CLASES TEMA TIPOS DE FAMILIA.docx
PLANEACION DE CLASES TEMA TIPOS DE FAMILIA.docxPLANEACION DE CLASES TEMA TIPOS DE FAMILIA.docx
PLANEACION DE CLASES TEMA TIPOS DE FAMILIA.docx
 
certificado de oracle academy cetrificado.pdf
certificado de oracle academy cetrificado.pdfcertificado de oracle academy cetrificado.pdf
certificado de oracle academy cetrificado.pdf
 
Red Dorsal Nacional de Fibra Óptica y Redes Regionales del Perú
Red Dorsal Nacional de Fibra Óptica y Redes Regionales del PerúRed Dorsal Nacional de Fibra Óptica y Redes Regionales del Perú
Red Dorsal Nacional de Fibra Óptica y Redes Regionales del Perú
 
La electricidad y la electronica.10-7.pdf
La electricidad y la electronica.10-7.pdfLa electricidad y la electronica.10-7.pdf
La electricidad y la electronica.10-7.pdf
 
Documentacion Electrónica en Actos Juridicos
Documentacion Electrónica en Actos JuridicosDocumentacion Electrónica en Actos Juridicos
Documentacion Electrónica en Actos Juridicos
 
Análisis de los artefactos (nintendo NES)
Análisis de los artefactos (nintendo NES)Análisis de los artefactos (nintendo NES)
Análisis de los artefactos (nintendo NES)
 
Herramientas que posibilitan la información y la investigación.pdf
Herramientas que posibilitan la información y la investigación.pdfHerramientas que posibilitan la información y la investigación.pdf
Herramientas que posibilitan la información y la investigación.pdf
 
David_Gallegos - tarea de la sesión 11.pptx
David_Gallegos - tarea de la sesión 11.pptxDavid_Gallegos - tarea de la sesión 11.pptx
David_Gallegos - tarea de la sesión 11.pptx
 
Agencia Marketing Branding Google Workspace Deployment Services Credential Fe...
Agencia Marketing Branding Google Workspace Deployment Services Credential Fe...Agencia Marketing Branding Google Workspace Deployment Services Credential Fe...
Agencia Marketing Branding Google Workspace Deployment Services Credential Fe...
 
#Tare10ProgramacionWeb2024aaaaaaaaaaaa.pptx
#Tare10ProgramacionWeb2024aaaaaaaaaaaa.pptx#Tare10ProgramacionWeb2024aaaaaaaaaaaa.pptx
#Tare10ProgramacionWeb2024aaaaaaaaaaaa.pptx
 
Modelo de Presentacion Feria Robotica Educativa 2024 - Versión3.pptx
Modelo de Presentacion Feria Robotica Educativa 2024 - Versión3.pptxModelo de Presentacion Feria Robotica Educativa 2024 - Versión3.pptx
Modelo de Presentacion Feria Robotica Educativa 2024 - Versión3.pptx
 
La Electricidad Y La Electrónica Trabajo Tecnología.pdf
La Electricidad Y La Electrónica Trabajo Tecnología.pdfLa Electricidad Y La Electrónica Trabajo Tecnología.pdf
La Electricidad Y La Electrónica Trabajo Tecnología.pdf
 

Hipertextos e hipermedia

  • 1. Hipertextos e Hipermedia Susana Escobar Vanessa Arcila Grupo martes - jueves 2 pm
  • 2. Hipertextos e Hipermedia ● El hipertexto como lo define Theodor Nelson, 1965." Texto electrónico, permite la 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 " ● La hipermedia es la combinación de hipertextos y multimedia. La estructura es la misma que la de un hipertexto, formado por nodos que se conecta en enlaces. La única diferencia es que los nodos contienen elementos de diferentes medios o morfología y las anclas ya no solo pueden ser palabras sino imágenes o secuencias de audio o video.
  • 4. Estructura lineal y no lineal ● Orden lógico - causal ● Varias lecturas para un ● Secuencia mismo conjunto de ● puede tener subelementos fragmentos y retórica ● Se realiza operaciones de secuencial agregar/ eliminar ● Relación 1 a M, Ma 1 ó M a elementos M ● Tienen una relación ● ejemplo: grafos, árboles 1a1 ● ejemplos: lista, pilas y colas
  • 5. Usos Hipertextos Según Jacob Nielsen propone 3 reglas para el uso de los hipertextos. 1. Cuándo existe un gran cuerpo de información organizado en muchos fragmentos. 2. Cuándo estos fragmentos se relacionan unos con otros. 3. Cuándo en cualquier momento, los lectores necesitan solamente una pequeña fracción de esta información.
  • 6. Uso de Hipermedia ● Comparte usos y características del hipertexto ● En la formación educativa, pues ha permitido que se de a distancia. ● En las organizaciones se puede hacer publicidad y se ha creado el nuevo management.
  • 7. Modelos de hipertextos HIPERMEDIAL: Están constituidos por información textual, alfanumérica, gráfica, hipergráfica de dos y tres dimensiones, secuencias animadas, videos, peliculas, etc. Es una extensión del hipertexto ampliando la información que lo integra. La estructura y principios organizativos son iguales al hipertexto.
  • 8. Modelos de hipertextos MULTIMEDIAL: Remite primero la creación de una base de datos de Múltiples formatos, segundo a la estructura y organización en red de la información mediante sistemas asociativos, terceros a la recuperación a través de los vínculos relacionales y cuartos a la interconectividad a través de redes
  • 9. Componentes de un hipertexto - Nodos: elementos que contienen la información. - Enlaces entre nodos:Interconectan los nodos -Anclaje de los nodos: inicio y destino de cada enlace.Punto de activación o punto de destino del enlace. Un anclaje puede servir para varios enlaces. -Mapas de navegación:meta-nodo, es decir, con información sobre otros nodos, pueden ser: Sumarios.Índices.
  • 10. Estructura Hipertextos: Linealuna secuencia única y por tanto necesaria de Representa nodos, entre los cuales la navegación posible consiste en acceder al nodo posterior o al anterior. Este modelo no permite al máximo la interactividad, su utilidad como parte de una estructura más compleja radica en el diseño de nodos de paso obligado que garantizan el acceso del usuario a la información que se considera imprescindible.
  • 11. Estructura Hipertextos: 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. En los cuentos infantiles interactivos (living books), la estructura ramificada organiza la historia en el trayecto lineal, obligando al usuario a realizar una lectura secuencial, y a la vez amplía la interactividad incorporando las dimensiones lúdicas en los nodos subordinados.
  • 12. Estructura Hipertextos: 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). En ficciones interactivas este tipo de estructura resulta de utilidad para organizar varias acciones o puntos de vista de una misma historia que se desarrollan simultáneamente, permitiendo al usuario seleccionar en cada secuencia el punto de vista de cualquiera de los personajes intervinientes.
  • 13. Estructura Hipertextos: 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). En juegos o ficciones interactivas este modelo sirve para estructurar de un modo coherente las escenas de cada uno de los mundos o zonas del interactivo, articuladas en torno a tareas u objetivos que se plantean al usuario como condición necesaria para acceder al siguiente nivel.
  • 14. Estructura Hipertextos: Jerárquica También denominada estructura "en árbol", 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. Es típico de las aplicaciones educativas, y de los buscadores, denominados "índices", si bien la mayor parte de los motores de búsqueda por palabras clave han incorporado también de modo complementario el modelo jerárquico para organizar el acceso a sus contenidos.
  • 15. Estructura Hipertexto: Reticular Lo propio de las estructuras en red, malla o telaraña es la articulación de cada uno de los nodos, con todos los restantes, permitiendo así el máximo grado de flexibilidad en la navegación. Esta es precisamente la estructura de la Web, 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.
  • 16. Estructura Hipertextos: Mixta 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.
  • 17. crossmedia Consiste en extender una historia a otros soportes los cuales no tienen sentido si no se experimenta el conjunto. El hecho de cruzar plataformas sin extender el universo narrativo es un fenómeno Crossmedia.
  • 18. transmedia Las iniciativas, productos o narraciones Transmedia forman parte del relato. Extienden la trama del eje principal a distintas plataformas y permiten desde el germen que los usuarios colaboren para ampliar su universo. La importancia de las narrativas Transmedia es que cada una de esas plataformas, aportan al conjunto del relato y no están desvinculadas entre ellas. Así, cada parte de la narración es única por la propia esencia de la plataforma en la que se desarrolla internet, cómics, redes sociales, videojuegos, juegos de mesa.
  • 19. Cibergrafía ● http://www.hipertexto.info/documentos/hipermedia.htm ● http://www.javeriana.edu.co/Facultades/C_Sociales/Facultad/sociales_virtual/publicaciones/arena/htext-c.htm ● http://www.slideshare.net/escenaenelmar/texto-hipertexto-e-hipermedia ● http://www.ing.ula.ve/~ibc/ayda/c9estLin.pdf ● http://www.slideshare.net/los4estatidinamicos/estructura-de-datos-lineales-y-no-lineales ● http://www.medellindigital.gov.co/Mediateca/repositorio%20de%20recursos/EDUTEKA/hipertexto.pdf ● http://hipermediaequipo3.blogspot.com/ ● http://www.javeriana.edu.co/relato_digital/r_digital/taller/introdis/cap01-estructuras.htm ● http://www.malgorricardo.blogspot.com/