ENTORNOS DE

APRENDIZAJE EN
HIPERMEDIA
DESARROLLO DE
MATERIAL HIPERMEDIA
PARA EDUCACION
2013

Mg. Alejandro Hctor Gonzlez - UNLP

Temas

Caractersticas de los materiales hipermedia

Tipos de materiales hipermedia
Guin didctico multimedia/hipermedia
Interfaz
Herramientas

Mg. Alejandro Hctor Gonzlez - UNLP

Qu es un material hipermedia?

1. Informacin/Contenido en varios formatos

+
2. Un programa que presenta dicha informacin
y permite la interaccin con el usuario a
travs de una interfaz
+
3. Un soporte para la distribucin

Mg. Alejandro Hctor Gonzlez - UNLP

Qu representaciones de la
informacin tenemos?

Mg. Alejandro Hctor Gonzlez - UNLP

Algunas caractersticas de la
interactividad en materiales hipermedia
1. Posibilidad de eleccin del camino de recorrido del
contenido.
2. Tipo de actividades que se le presentan y estrategias
cognitivas y metacognitivas que se ponen en juego.

3. Feedback

Mg. Alejandro Hctor Gonzlez - UNLP

Tipos de materiales hipermedia

Tutoriales

El programa acta como un usuario experto que va guiando al

estudiante en el recorrido de los contenidos.

De
ejercitacin

El programa se basa en la resolucin de ejercicios y problemas,

ms que en la presentacin de conceptos nuevos.
Ante cada accin del estudiante, el programa le presenta
Feedback inmediato, que lo ayuda a mejorar sus prcticas.

De simulacin

El programa presenta al estudiante situaciones similares a las de

la realidad. En cada una de ellas, el estudiante puede actuar
como si estuviera actuando en la realidad.

Hipertextuales

El programa se basa en la relacin de conceptos a travs del

hipertexto como herramienta.

Referenciales

Programas donde es posible buscar informacin.

Generalmente contienen estructuras de bsqueda para que el
usuario utilice la que ms le sirva, por: nombre, fotos, fechas,
autores, orden alfabtico,etc.
Mg. Alejandro Hctor Gonzlez - UNLP

Criterios de calidad para los espacios

Web de inters educativo
Aspectos Funcionales( eficacia, facilidad
bidireccionalidad, mltiples enlaces)

de

uso,

Aspectos Tcnicos-estticos (calidad del entorno audiovisual, calidad y cantidad de elementos multimedia,
calidad de los contenidos-bases de datos, navegacin,
interaccin, originalidad y tecnologa avanzada)
Aspectos Psicolgicos (atractivo, adecuacin a los
destinatarios)
Fuente consultada http://dewey.uab.es/pmarques/calidad.htm

Mg. Alejandro Hctor Gonzlez - UNLP

Taxonoma multimedia
http://tmum.megwillia
ms.com/tutorial.html
http://tmum.megwilliams.com/

Mg. Alejandro Hctor Gonzlez - UNLP

Guin multimedia
Descripcin detallada de todas y cada una de
las escenas del proyecto.
Narracin ordena de la historia que se
desarrollar en el proyecto.

Mg. Alejandro Hctor Gonzlez - UNLP

Guin multimedia
Estructurar y organizar el trabajo

Documentar o plasmar una idea

Estudiar las dificultades que se

pueden presentar

Objetivos
Mg. Alejandro Hctor Gonzlez - UNLP

Documento conceptual

Mg. Alejandro Hctor Gonzlez - UNLP

Guin multimedia
Visitar link desde, se encuentra la explicacin de los elementos del
guin multimedia
http://guionmultimediacursosonline.blogspot.com/2009/05/algo-massobre-la-definicion-de-guion.html

Mg. Alejandro Hctor Gonzlez - UNLP

Guin multimedia

Mapa de navegacin

Elementos

Guin tcnico
Storyboard
Lista maestra

Mg. Alejandro Hctor Gonzlez - UNLP

Guin tcnico: consejos

Anotaciones sobre el texto del guion

Qu elementos van a constituir mi

multimedia?
Por cada cambio de escenario:
Se cambia de hoja
Por cada cambio de plano: se traza lnea Horizontal
Cmo van a interacturar los usuarios con
Por cambios de bloque o secuencia: se usa lnea doble de
estos elementos?
distinto color
Para msica
y efectos:
Se indica
parte del guin
Dnde
van a estar
estosque
elementos?
ocupan
El nombre del personaje: Subrayado
Debe contener los siguientes apartados: Nombre del
escenario, Interior/Exterior, da/noche, y numeracin
sucesiva de planos
Mg. Alejandro Hctor Gonzlez - UNLP

Guin tcnico: consejos

Cuando existen problemas de interpretacin de las tomas, por ejemplo de
un video o del movimiento de personajes se puede recurrir a dibujarlas en
un guion grfico story-board.
Indicar Dilogo
Sincronizacin de animaciones
Interactividad deseada

Se deben brindar las indicaciones claras para los programadores y

diseadores visuales y comunicacionales

Mg. Alejandro Hctor Gonzlez - UNLP

Storyboard

http://www.youtube.com/watch?v=PrwMz9RUHNQ

Mg. Alejandro Hctor Gonzlez - UNLP

Cmo vamos a desarrollar el guin

tcnico y el storyboard?

Ver archivo: Modelo de guin didctico en ppt

Mg. Alejandro Hctor Gonzlez - UNLP

Un modelo de produccin posible

Mg. Alejandro Hctor Gonzlez - UNLP

Un modelo de produccin posible

Mg. Alejandro Hctor Gonzlez - UNLP

Pasos Bou Bouz

Idea original, el proyecto a grosso modo.

Creacin del guin de la aplicacin.
Diseo del interfaz del usuario.
Creacin del sistema de navegacin.
Creacin e incorporacin de los medios digitales.
Programacin de las acciones descritas por el guin.
Creacin del formato final de la aplicacin.

Mg. Alejandro Hctor Gonzlez - UNLP

Conformacin del Equipo

Gerente de proyecto.
Escritores o guionistas.
Diseadores multimedia.
Diseadores grficos
Especialistas en animacin
Especialistas en procesamiento de imgenes / vdeo
Especialistas en procesamiento de sonido
Diseadores de interfaces
Programadores multimedia.
Asesores especialistas en el mbito de aplicacin /
Documentalistas.
Mg. Alejandro Hctor Gonzlez - UNLP

Roles

Mg. Alejandro Hctor Gonzlez - UNLP

Roles

Perfiles complementarios

Mg. Alejandro Hctor Gonzlez - UNLP

Principios bsicos multimedia Bou Bouz

Principio de la mltiple entrada.

(http://cv.uoc.es/UOC/a/moduls/90/90_148_a/web/main/m2/vius/v10/v10.html)

Principio de interactividad.
http://cv.uoc.es/UOC/a/moduls/90/90_148_a/web/main/m2/vius/v8/v8.html

Principio de vitalidad.
http://cv.uoc.es/UOC/a/moduls/90/90_148_a/web/main/m2/vius/v13/v13.html

Principio de la necesidad.
http://cv.uoc.es/UOC/a/moduls/90/90_148_a/web/main/m2/vius/v11/v11.html

Principio de atencin.
Principio de la libertad.
Principio de realimentacin.

Mg. Alejandro Hctor Gonzlez - UNLP

Principio de mltiple entrada Bou Bouz

Las aplicaciones multimedia se conciben para ser utilizadas por un tipo

determinado de usuario.
Tres niveles en el almacenamiento de informacin : a) la estructura de la
informacin, b) el impacto afectivo que esta informacin tiene en nosotros y c)
nuestra experiencia previa.
El principio multicanal implica que la aplicacin multimedia manda mensajes
que viajan en distintos canales perceptivos (mediante imagen, sonido y texto),
pero en forma sincronizada.
El principio multimedia establece las siguientes reglas a respetar en el diseo
de aplicaciones:

a) Se usarn diferentes canales para trasmitir. (en cada pantalla debera

preguntarse si el mismo mensaje puede ser recibido por el usuario por otra va)
b) La sincronizacin de todos los canales utilizados est al servicio de la
transmisin de un mensaje. (Debera preguntarse en cada pantalla si todos los
estmulos que se han puesto en juego forman un todo unitario)

Mg. Alejandro Hctor Gonzlez - UNLP

Principio de interactividad - Bou Bouz

Su fin es reforzar el mensaje.

Se debe de emplear siempre que se pueda. Evitando periodos largos en el
tiempo en que no se emplee.

Implica participacin activa que conlleve una eleccin entre alternativas.

No es aconsejable recordar que no puede interactuar.

No es un exclusivo esquema uno a uno.

Permite el estudio de las reacciones del usuario

Mg. Alejandro Hctor Gonzlez - UNLP

Principio de Libertad- Bou Bouz

El usuario debe pensar que navega libremente.

El guionista debe ocultar el esquema lineal.

Lo que no debe suceder es que finalmente el usuario perciba un pasaje

secuencial de diapositivas .

Mg. Alejandro Hctor Gonzlez - UNLP

Principio de Retroalimentacin Bou Bouz

Un sistema genera informacin y esta se debe de usar para mejorar/corregir su

funcionamiento.

Se plantea:

Qu informacin se recoge?

Cmo se presenta?

A quin se dirige?

Cmo se procesa?

Si bien es un proceso tpico de las aplicaciones de formacin, no se descarta en

otro tipo de proyectos

Mg. Alejandro Hctor Gonzlez - UNLP

Principio de Vitalidad - Bou Bouz

La pantalla est viva.

El usuario tiene que percibir la aplicacin como algo que funciona
autnomamente.
Cuando el usuario no hace nada intercalar, frases, canciones, observaciones,
etc

Mg. Alejandro Hctor Gonzlez - UNLP

Principio de necesidad - Bou Bouz

Las aplicaciones multimedia deben ser necesarias. Es decir que para su diseo,
se debe partir de dos a prioris:

La aplicacin sirve para algo (necesidad de la existencia de esta

aplicacin)
La aplicacin debe ser multimedia (necesidad de ser diseada bajo
este enfoque)

Dos fuentes importantes de la necesidad de multi-mediatizacin son la

comodidad y la accesibilidad.

Comodidad: Actualizacin de software a versiones ms ergonmicas,

o cambio de sistemas operativos mono-tarea a multitarea.
Accesibilidad: La seguridad en la gestin de la informacin se basa
en la accesibilidad. Si una informacin es de difcil acceso es como si
se hubiera perdido.

Mg. Alejandro Hctor Gonzlez - UNLP

Principio de atencin - Bou Bouz

Podemos entender por atencin la apertura selectiva del individuo al entorno,

es decir, la postura de seleccin de informacin que presentamos y sobre la que
el individuo actuar.
El objetivo de las aplicaciones es mantener una atencin sostenida, es decir,
conseguir que el receptor mantenga una actitud continua de expectacin ante
la aplicacin. Se presentan dos factores que pueden ayudar a conseguir este
objetivo:

Atencin cognitiva: Se basa en el valor de informacin suministrada.

Para conseguirla hace falta que la informacin sea relevante y que la
informacin est bien organizada.

Atencin afectiva: Se basa en el lazo afectivo que se establece entre

el usuario y la aplicacin. Ayudar a establecer esta atencin
afectiva el hecho de enfocar la aplicacin como una narracin.

Mg. Alejandro Hctor Gonzlez - UNLP

Interfaz

La interfaz es la metfora utilizada para

resolver la comunicacin entre el usuario y
el programa.
Cuando diseamos una interfaz creamos el
conjunto de signos que expresan
informacin (contenido temtico) o accin
(navegacin).

Mg. Alejandro Hctor Gonzlez - UNLP

Interfaz de botones

Mg. Alejandro Hctor Gonzlez - UNLP

Interfaz con personajes

Mg. Alejandro Hctor Gonzlez - UNLP

Interfaz mvil- gestual

https://flutterapp.com/
Mg. Alejandro Hctor Gonzlez - UNLP

Interfaz de Ambiente

Mg. Alejandro Hctor Gonzlez - UNLP

Interfaz: evolucin

Mg. Alejandro Hctor Gonzlez - UNLP

Evolucin
Cmo van a evolucionar las interfaces?
http://www.youtube.com/watch?v=jZkHpNnXLB0&f
eature=fvwrel

Mg. Alejandro Hctor Gonzlez - UNLP

Personajes

Conceptos inciales

http://ares.cnice.mec.es/informes/19/contenidos/7.htm#up

Ejemplo de uso de personajes:

EPA: http://www.lidi.info.unlp.edu.ar/epa/index.html

Tesis Alejandro Gonzalez:

http://postgrado.info.unlp.edu.ar/Carreras/Magisters/Tecnologia_Informatica_Aplicada_e
n_Educacion/Tesis/A_Gonzalez.pdf
Otros recursos:

http://recursostic.educacion.es/fprofesional/simuladores/web/index.php?xml=fartes&xsl=familia

Mg. Alejandro Hctor Gonzlez - UNLP

Interfaz algunas cuestiones

Para aprendizaje se deben utilizar las interfaces

multimedia o las tangibles?
La interfaz por voz es tan efectiva como la de comandos
escritos?
Una interfaz con muchos canales de entrada es preferible
que una monocanal?
Los entornos virtuales 3D son mejores para los juegos?
Trabajar con interfaces colaborativas es mejor que
trabajar con PC conectadas en red?
Es mejor interfaces con personajes en vez de agentes?

Mg. Alejandro Hctor Gonzlez - UNLP

Herramientas

Creacin de personajes on-line:

http://perso.limsi.fr/jps/online/weblea/leaexamples/leawebsite/index.html
http://www.voki.com/

Documenta

http://www.mydocumenta.com/web/?q=content/documenta

CourseLab

http://www.courselab.com/

Exelearning

http://www.exe-spain.es/doku.php/exe_en_castellano

Malted:

http://recursostic.educacion.es/malted/web/descargas/index_php.php

Textoys

http://www.cict.co.uk/textoys/index.php
Mg. Alejandro Hctor Gonzlez - UNLP