Presentaci

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

• Agenda
• Algo de historia
• Definiciones
• Características
• Modelo general
• Caso más conocido

3

• 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
Definiciones
5
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
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
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
Definiciones El estilo secuencial, el estilo
jerárquico
9
Definiciones El estilo reticulado, el estilo
hipertexto
10
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
Definiciones Sistema hipertexto Es una
herramienta de software que permite leer y
escribir hiperdocumentos. Este sistema no
contiene un hiperdocumento.
12
Definiciones Hipertexto Es un sistema
hipertexto que contiene hiperdocumentos.
13
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
Características
15

• 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

• 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

• 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

• 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

• 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
Caso más conocido
21
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?
22
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.
23
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?
24
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.
25
Operaciones
26

• 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?

27

• Operaciones
• Navegación dirigida
• Navegación no dirigida

28
Problemas en ambientes hipermediales
29

• Problemas en ambientes hipermediales
• Desorientación del usuario

30

• Problemas en ambientes hipermediales
• Desorientación del usuario
• Carga cognitiva

31

• Problemas en ambientes hipermediales
• Desorientación del usuario
• Carga cognitiva
• Síndrome de la incompletitud

32

• Problemas en ambientes hipermediales
• Desorientación del usuario
• Carga cognitiva
• Síndrome de la incompletitud
• Granularidad

33
Cómo resolver esos problemas?
34
Diseño de contenidos
Diseño metodológico de los contenidos. Aspectos a
considerar

• Cognitivos
• Instruccionales
• Ergonómico-semiótico

35
Aspectos cognitivos
Topología de los contenidos Lineal, Jerárquico o
Redes
36
Aspectos cognitivos
Topología de los contenidos Lineal, Jerárquico o
Redes Catalogación/Rotulado de la
información Tablas de contenidos, índices, mapas
de contenidos
37
Aspectos cognitivos
Topología de los contenidos Lineal, Jerárquico o
Redes Catalogación/Rotulado de la
información Tablas de contenidos, índices, mapas
de contenidos Secuenciación Descendente (Top-down
de lo complejo a lo simple), Ascendente
(Bottom-up, de lo simple a lo complejo)
38
Aspectos cognitivos
Topología de los contenidos Lineal, Jerárquico o
Redes Catalogación/Rotulado de la
información Tablas de contenidos, índices, mapas
de contenidos Secuenciación Descendente (Top-down
de lo complejo a lo simple), Ascendente
(Bottom-up, de lo simple a lo complejo) Granularid
ad Contenidos conceptuales, contenidos
procedimentales, contenidos contextuales
39
Aspectos instruccionales
Teorías de aprendizaje Conductismo, cognitivismo,
constructivismo
40
Aspectos instruccionales
Teorías de aprendizaje Conductismo, cognitivismo,
constructivismo Objetivos del aprendizaje Según
Gagné, según Bloom, según Ausubel, otros
41
Aspectos instruccionales
Teorías de aprendizaje Conductismo, cognitivismo,
constructivismo Objetivos del aprendizaje Según
Gagné, según Bloom, según Ausubel,
otros Estrategias educativas Tipos de
aprendizajes, control del aprendizaje, dirección
del aprendizaje, interacciones, otros
42
Aspectos instruccionales
Diseño Instruccional Presentación, Demostración,
Discusión, Práctica, Tutorial, Simulación/Juegos,
Trabajo Colaborativo, Descubrimiento, Resolución
de Problemas.
43
Aspectos ergonómico-semiótico
Navegación Dirigida, No dirigida
44
Aspectos ergonómico-semiótico
Navegación Dirigida, No dirigida Diseño de la
Interfaz Física Dispositivos, ambientes y entornos
45
Aspectos ergonómico-semiótico
Navegación Dirigida, No dirigida Diseño de la
Interfaz Física Dispositivos, ambientes y
entornos Comunicativa Canales de comunicación,
Intercambio de información, Visualización de la
información, Estética (objetos, iconos,
metáforas, estilos), Accesabilidad
46
Aspectos ergonómico-semiótico
Navegación Dirigida, No dirigida Diseño de la
Interfaz Física Dispositivos, ambientes y
entornos Comunicativa, ......... Funcional Tareas,
eventos, transiciones, adaptabilidad
47
Tecnología
Herramientas de diseño Procesadores de
documentos (ejm. MSOffice, OpenOffice) Procesadore
s y editores de gráficos e imágenes (Adobe
Photoshop)
48
Tecnología
Herramientas de diseño Procesadores de
documentos (ejm. MSOffice, OpenOffice) Procesadore
s y editores de gráficos e imágenes (Adobe
Photoshop) Procesadores y editores de sonido,
audio, animaciones y video (Macromedia Flash,
Cubase, ProTools, Adobe Premiere)
49
Tecnología
Herramientas de diseño Procesadores de
documentos (ejm. MSOffice, OpenOffice) Procesadore
s y editores de gráficos e imágenes (Adobe
Photoshop) Procesadores y editores de sonido,
audio, animaciones y video (Macromedia Flash,
Cubase, ProTools, Adobe Premiere) Editores de
paginas web y sitios web (ejm. FrontPage de MS,
Macromedia Dreamweaver)
50
Ejemplo de estrategia de contenido
51
WebQuest

• Es una estrategia y una Arquitectura

52
WebQuest

• Es una estrategia y una Arquitectura
• Es un estilo de planificación de actividades
  instruccionales haciendo uso de las tecnologías.

53
WebQuest

• Es una estrategia.
• Es un estilo de planificación de actividades
  instruccionales haciendo uso de las tecnologías.
• Según su autor, Bernie Dodge, es una actividad de
  investigación en la cual los alumnos interactuan
  con información que proviene total o parcialmente
  de recursos disponibles en el www.

54
WebQuest
Una WebQuest es una actividad didáctica que
propone una tarea factible y atractiva para los
estudiantes y un proceso para realizarla durante
el cual, los alumnos harán cosas con
información analizar, sintetizar, comprender,
transformar, crear, juzgar y valorar, crear nueva
información, publicar, compartir, etc. ()
() Jordi Adell Internet en el aula las
WebQuest. Disponible en http//edutec.rediris.es/
Revelec2/revelec17/word_original/adell_16.doc
55
WebQuest - Elementos
Una WebQuest está formada por los siguientes
elementos Una página de inicio o
portada contenidos que identifican dicha
webquest Introducción dirigida a los estudiantes
para introducir la tarea que deberán llevar a
cabo
56
WebQuest - Elementos
Una WebQuest está formada por los siguientes
elementos Tarea Descripción precisa y concisa
del resultado final de las actividades del
aprendizaje.
() Jordi Adell Internet en el aula las
WebQuest. Disponible en http//edutec.rediris.es/
Revelec2/revelec17/word_original/adell_16.doc
57
WebQuest - Elementos

• Ejms. de Tareas ()
• resolver un problema o misterio
• formular y defender una postura
• diseñar un producto
• analizar una realidad compleja
• articular una intuición personal
• crear un resumen

() Jordi Adell Internet en el aula las
WebQuest. Disponible en http//edutec.rediris.es/
Revelec2/revelec17/word_original/adell_16.doc
58
WebQuest - Elementos

• Ejms. de Tareas ()
• producir un mensaje persuasivo o un tratamiento
  periodístico
• crear una obra de arte
• cualquier cosa que requiera que los estudiantes
  procesen y transformen la información que han
  reunido

() Jordi Adell Internet en el aula las
WebQuest. Disponible en http//edutec.rediris.es/
Revelec2/revelec17/word_original/adell_16.doc
59
WebQuest - Elementos
Una WebQuest está formada por los siguientes
elementos Proceso Los pasos que debe dar el
alumno para realizar la tarea propuesta ? Qué
y en qué orden En el proceso deben incluirse los
recursos online y offline que se utilizarán en
cada paso.
() Jordi Adell Internet en el aula las
WebQuest. Disponible en http//edutec.rediris.es/
Revelec2/revelec17/word_original/adell_16.doc
60
WebQuest - Elementos
Una WebQuest está formada por los siguientes
elementos Evaluación Se describe en forma clara
y concreta concreta cómo será evaluado el
rendimiento de los estudiantes.
() Jordi Adell Internet en el aula las
WebQuest. Disponible en http//edutec.rediris.es/
Revelec2/revelec17/word_original/adell_16.doc
61
WebQuest - Elementos
Una WebQuest está formada por los siguientes
elementos Conclusión Resumen de los objetivos
alcanzados. Referencias a documentos e
información adicional.
() Jordi Adell Internet en el aula las
WebQuest. Disponible en http//edutec.rediris.es/
Revelec2/revelec17/word_original/adell_16.doc
62
WebQuest - Elementos
Una WebQuest está formada por los siguientes
elementos Créditos y referencias Fuentes
originales de los contenidos utilizados en la
webquest, revistas, libros, etc. Webquest para
otros Guía didáctica para profesores
() Jordi Adell Internet en el aula las
WebQuest. Disponible en http//edutec.rediris.es/
Revelec2/revelec17/word_original/adell_16.doc
63
WebQuest Referencias de interés
WebQuest Una taxonomía de tareas para
WebQuest Cinco Reglas para Escribir una
Fabulosa Algunos ejemplos
() Jordi Adell Internet en el aula las
WebQuest. Disponible en http//edutec.rediris.es/
Revelec2/revelec17/word_original/adell_16.doc
64
Ejercicio de diseño y desarrollo de un sitio web
() Jordi Adell Internet en el aula las
WebQuest. Disponible en http//edutec.rediris.es/
Revelec2/revelec17/word_original/adell_16.doc
65

• Ejercicio Hacer un sitio web personal.
• Pasos a seguir
• Organización de contenidos
• Listar los contenidos que contendrá su sitio
• Definir y asociar las etiquetas de esos
  contenidos
• Definir las relaciones que puedan tener esos
  contenidos (grafo de navegación)
• Sugerencia ?

66

• Listar los contenidos que contendrá su sitio
• Datos personales (Curriculum corto, Curriculum
  largo)
• Fotos e imágenes
• Lista de publicaciones
• Publicaciones, reportes, etc.
• Lista de proyectos de investigación
• Lista de cargos y/o actividades administrativas
• Asignaturas que dicta o dictadas, etc.
• Hobbies, etc.

67

• Definir las etiquetas de esos contenidos
• Está claro lo que es una etiqueta?

68

• Definir las etiquetas de esos contenidos
• Está claro lo que es una etiqueta?
• Definir las relaciones que puedan tener esos
  contenidos (grafo de navegación, jerarquía,
  enlaces externos, etc.)

69

• Definir las relaciones que puedan tener esos
  contenidos (grafo de navegación, jerarquía,
  enlaces externos, etc.)

Principal x y z w
Otro 2
x
y
z
w
Otro 1
70

• Ejercicio Hacer un sitio web personal.
• Pasos a seguir
• Presentación de la información
• Definir el estilo de su sitio
• Definir la plantilla de las páginas de su sitio
• Sugerencia ?

71

• Definir el estilo de su sitio (diseño gráfico
  que no sabemos hacer)

Iconos, colores, formal o informal,
institucional, etc.
72

• Definir la plantilla de las páginas de su sitio
• Sugerencia ?

73
Encabezado
Logo
Foto o composición de imágenes
Otros contenidos o enlaces a contenidos etc.
Nombre, Apellido, Categoría, Departamento, etc.
Fecha de última actualización
Etiquetas de botones o enlaces
74

• Ejercicio Hacer un sitio web personal.
• Pasos a seguir
• Implementación
• Preparar cada contenido
• Revisar textos, buscar y almacenar imágenes si lo
  requiere, etc.
• Crear cada página (documentos html) usando la
  plantilla
• Enlazar los contenidos según las relaciones
  establecidas