Metodología de Diseño Hipermedial de Material Educativo Un lenguaje sencillo para docentes para...

38
Metodología de Diseño Hipermedial de Material Educativo Un lenguaje sencillo para docentes para preparar materiales educativos hipermediales con informáticos Del Proyecto Nuevas Metodologias para el Desarrollo de Software Educativo

Transcript of Metodología de Diseño Hipermedial de Material Educativo Un lenguaje sencillo para docentes para...

Page 1: Metodología de Diseño Hipermedial de Material Educativo Un lenguaje sencillo para docentes para preparar materiales educativos hipermediales con informáticos.

Metodología de Diseño Hipermedial de Material

EducativoUn lenguaje sencillo para docentes para preparar materiales educativos

hipermediales con informáticos

Del Proyecto Nuevas Metodologias para el Desarrollo de Software Educativo

Américo Sirvente

Page 2: Metodología de Diseño Hipermedial de Material Educativo Un lenguaje sencillo para docentes para preparar materiales educativos hipermediales con informáticos.

Definiciones Multimedia: Uso de formatos múltiples para

la representación de la Información (texto, gráficos, animaciones, sonido, etc) incluye Hipermedia e Hipertexto Hipermedia: asociaciones interactivas de diversos

formatos Hipertexto: organización no lineal de acceso a

textos , diagramas, tablas

Page 3: Metodología de Diseño Hipermedial de Material Educativo Un lenguaje sencillo para docentes para preparar materiales educativos hipermediales con informáticos.

Metas del proyecto Se propone un lenguaje que permite describir

los objetos del dominio, sus interrelaciones y los mecanismos de navegación hipermedia del material

MeDHiME mezcla de elementos de distintas metodologías de desarrollo, permite la utilización de herramientas para el desarrollo de software educativo con características hipermediales

Page 4: Metodología de Diseño Hipermedial de Material Educativo Un lenguaje sencillo para docentes para preparar materiales educativos hipermediales con informáticos.

Justificación “Hoy, el reto de la educación es aprovechar

los nuevos medios - video, audio, computadores, inteligencia artificial, realidad virtual, etc. - para atraer al estudiante y permitirle la construcción de su conocimiento.”*

PARA MÁS INFORMACIÓN...

* (Pedro Salcedo Lagos)

Page 5: Metodología de Diseño Hipermedial de Material Educativo Un lenguaje sencillo para docentes para preparar materiales educativos hipermediales con informáticos.

COMPARACION HDM RMM Mix RMM y ADV chart OHDM EORM Modelo TRELLIS

Page 6: Metodología de Diseño Hipermedial de Material Educativo Un lenguaje sencillo para docentes para preparar materiales educativos hipermediales con informáticos.

PROPUESTA MeDHiME

Análisis de dominio

Diseño Conceptual:

Diseño navegacional:

Diseño comunicacional:

Page 7: Metodología de Diseño Hipermedial de Material Educativo Un lenguaje sencillo para docentes para preparar materiales educativos hipermediales con informáticos.

Análisis del Dominio Objetivos. Para que? Público: A quienes? edad, gusto, interés Contenidos: Que? Estructura: Como?

Jerárquica Lineal Combinada Tipo web

Page 8: Metodología de Diseño Hipermedial de Material Educativo Un lenguaje sencillo para docentes para preparar materiales educativos hipermediales con informáticos.

Análisis de Dominio

¿Para qué?OBJETIVOSOBJETIVOS

¿Qué?

CONTENIDOSCONTENIDOS

¿Para quienes?USUARIOSUSUARIOS

¿Cómo?

ESTRUCTURAESTRUCTURA

Page 9: Metodología de Diseño Hipermedial de Material Educativo Un lenguaje sencillo para docentes para preparar materiales educativos hipermediales con informáticos.
Page 10: Metodología de Diseño Hipermedial de Material Educativo Un lenguaje sencillo para docentes para preparar materiales educativos hipermediales con informáticos.

Esquema Básico Mód.Introd. * Portada Indice Introducción Organización de la asignatura Cierre (conclusión)

*Según María Amelia Lamená

Page 11: Metodología de Diseño Hipermedial de Material Educativo Un lenguaje sencillo para docentes para preparar materiales educativos hipermediales con informáticos.

Esquema básico de módulos Portada Índice Introducción Test de entrada Mapa conceptual Objetivos específicos (o competencias) Actividad Inicial Temas y Actividades Prácticas Actividades de cierre o integradoras

Page 12: Metodología de Diseño Hipermedial de Material Educativo Un lenguaje sencillo para docentes para preparar materiales educativos hipermediales con informáticos.

Diseño conceptualTabla de secuencia de temas

Tema (nombre del Modulo)

Id-padre

Id-hijo Lugar almacenamiento

Page 13: Metodología de Diseño Hipermedial de Material Educativo Un lenguaje sencillo para docentes para preparar materiales educativos hipermediales con informáticos.

Diseño ConceptualTema ID-

PadreID-Tema

Dirección

Introducción (1) ---- 1 (2) \..\Paginas\Modulo1.Int.doc(3)

Concepto y Definición 1 2 \..\Paginas\Modulo1.1.doc

Esquema General del Computador 1 3 \..\Paginas\Modulo1.2.doc

Modelo de Von Neuman 1 4 \..\Paginas\Modulo1.3.doc

Símbolo, dato, información y decisión 1 5 \..\Páginas\Modulo1.4.doc

El Procesamiento de Dato 1 6 \..\Paginas\Modulo1.5.doc

Información Analógica y Digital 1 7 \..\Paginas\Modulo1.6.doc

Byte, Bit y Palabras 1 8 \..\Paginas\Modulo1.7.doc

Transm. de Infor. en Serie y en paralelo 1 9 \..\Paginas\Modulo1.8.doc

Algunas Ordenes de Magnitudes 1 10 \..\Paginas\Modulo1.9.doc

Parámetros de un Computador Digital 1 11 \..\Paginas\Modulo1.10.doc

Software Clasificación 1 12 \..\Paginas\Modulo1.11.doc

Page 14: Metodología de Diseño Hipermedial de Material Educativo Un lenguaje sencillo para docentes para preparar materiales educativos hipermediales con informáticos.

Diseño Navegacional

Navegación por el Navegación por el hipertextohipertexto

Primitivas de Acceso

Primitivas de Datos

Page 15: Metodología de Diseño Hipermedial de Material Educativo Un lenguaje sencillo para docentes para preparar materiales educativos hipermediales con informáticos.

DISEÑO NAVEGACIONAL

Page 16: Metodología de Diseño Hipermedial de Material Educativo Un lenguaje sencillo para docentes para preparar materiales educativos hipermediales con informáticos.

Índice Condicional

____________

Lic. Cs

Programador

Lic. Geologia

Lic. Geofíosica

Lic. Cs

Programador

Lic. Geologia

Lic. Geofíosica

Page 17: Metodología de Diseño Hipermedial de Material Educativo Un lenguaje sencillo para docentes para preparar materiales educativos hipermediales con informáticos.

Visita Guiada Condicional

Lic. Cs

Programador

Lic. Geologia

Lic. Geofíosica

Inicio

Circuito Guiado

deCarreras

Page 18: Metodología de Diseño Hipermedial de Material Educativo Un lenguaje sencillo para docentes para preparar materiales educativos hipermediales con informáticos.

Visita Guiada Indexada Condicional

________

Lic. Cs

Programador

Lic. Geologia

Lic. Geofíosica

Lic. Cs

Programador

Lic. Geologia

Lic. Geofíosica

Page 19: Metodología de Diseño Hipermedial de Material Educativo Un lenguaje sencillo para docentes para preparar materiales educativos hipermediales con informáticos.

Visita Opcional

VínculosPermite el acceso aleatorio a través de los vínculos que aparecen en la pantalla

Page 20: Metodología de Diseño Hipermedial de Material Educativo Un lenguaje sencillo para docentes para preparar materiales educativos hipermediales con informáticos.

Primitiva de grupo, de dato y enlaces

Contenido

Page 21: Metodología de Diseño Hipermedial de Material Educativo Un lenguaje sencillo para docentes para preparar materiales educativos hipermediales con informáticos.

Actividad

11.6

Introducción

11.1

Controles: concepto y

tipos11.2

Elección del control adecuado

11.3

Simplificación del uso

de controles

11.4

Resumen

11.5

11.2.1

11.2.2

11.3.1

11.3.2

11.3.

11..2

M11

(1)

Primitivas de Acceso:

GRUPO

Primitivas de Acceso:

VISITA OPCIONAL

Primitivas de Acceso: VISITA

GUIADA INDEXADA CONDICIONALPrimitivas

de Acceso: ENLACE

Primitivas de Datos:

CONTENIDO

Primitivas de Datos:

VENTANA EMERGENTE

Page 22: Metodología de Diseño Hipermedial de Material Educativo Un lenguaje sencillo para docentes para preparar materiales educativos hipermediales con informáticos.

Hipermediación entre módulos

332

331

32

31

321

322

323

324

325

326

327

Orga.

114

Mod

IntPCom

Teclad.

LecT

LecO

LecC

Digi.

SinV

Mouse

RecV

Impr

Moni

Micro

Graf

ClasPres

(8)

(9)

(10)

(11)

113

112

111

110

19

17

16

14

13

12

11

Page 23: Metodología de Diseño Hipermedial de Material Educativo Un lenguaje sencillo para docentes para preparar materiales educativos hipermediales con informáticos.

Diseño Comunicacional

Especifica el origen de los Especifica el origen de los datosdatos

Hoja de Despliegue

Objeto Básico

Page 24: Metodología de Diseño Hipermedial de Material Educativo Un lenguaje sencillo para docentes para preparar materiales educativos hipermediales con informáticos.

Diseño comunicacional:

Objeto básico

Nombre o Nro

TipoVIS

Page 25: Metodología de Diseño Hipermedial de Material Educativo Un lenguaje sencillo para docentes para preparar materiales educativos hipermediales con informáticos.

Visibilidad

CLK Clic sobre el elemento

TCL Pulsación de tecla

RLO Puntero sobre el objeto

Page 26: Metodología de Diseño Hipermedial de Material Educativo Un lenguaje sencillo para docentes para preparar materiales educativos hipermediales con informáticos.

TipoTipo Repres. Descripción

Gráfico BMP, GIF, TIF

Imágenes o gráficos estáticos

Video MPG, AVI Videos y animaciones

Audio WAV, MP3 Audio

Textos TXT, DOC Textos o documentos

Campos CPO Campos de contenido variable (ej index)

Vínculo Vínculación a otra página o elemento emergente

Page 27: Metodología de Diseño Hipermedial de Material Educativo Un lenguaje sencillo para docentes para preparar materiales educativos hipermediales con informáticos.

Hoja de despliegueElementos participantes Despliegue con contenidos y

navegación

Nombre del objeto: nombre del archivoSi es un campo de un index, se indicará la forma de obtenerlo.

Dibujo a mano alzada de la distribución de objetos.

Eventos emergentes (temporización)

Objeto Visib. Línea de tiempo

Page 28: Metodología de Diseño Hipermedial de Material Educativo Un lenguaje sencillo para docentes para preparar materiales educativos hipermediales con informáticos.

Ejemplo

Page 29: Metodología de Diseño Hipermedial de Material Educativo Un lenguaje sencillo para docentes para preparar materiales educativos hipermediales con informáticos.

GIF 1

VIS

DOC2 VIS

GIF3

VIS

EMG4

INVVISCLK

EMG5

INVVISCLK

DOC6

VIS Eventos emergentes (Temporización)

Objeto Visib. Línea de tiempo10 20 30

4 INVVISCLK

*    

5 INVVISCLK

*    

         

Despliegue con contenidos y navegación

Elementos participantes: “Tema 1: Controles:

concepto y tipos”

                              

 

1. Encabezado del módulo: modulo 2. Los controles son el medio fundamental de interacción... : texto_mod11 3. Viñeta: viñeta 4. Dependiente: texto_mod11.doc 5. Independiente: texto_mod11.doc 6. Cuando los usuarios interactúan con controles... : texto_mod11 Controles dependientes: están asociados a un campo de una tabla o consulta. Se utilizan para.... Controles independientes: un control de este tipo no tiene un origen...

Objeto básico

Hoja de Desplieg

ue

Page 30: Metodología de Diseño Hipermedial de Material Educativo Un lenguaje sencillo para docentes para preparar materiales educativos hipermediales con informáticos.

Estos botones se vincularon a las paginas referenciadas por sus títulos.

Page 31: Metodología de Diseño Hipermedial de Material Educativo Un lenguaje sencillo para docentes para preparar materiales educativos hipermediales con informáticos.

Etapa de implementación

Temas ysubtemas

Texto emergente

Ventana emergente

Page 32: Metodología de Diseño Hipermedial de Material Educativo Un lenguaje sencillo para docentes para preparar materiales educativos hipermediales con informáticos.
Page 33: Metodología de Diseño Hipermedial de Material Educativo Un lenguaje sencillo para docentes para preparar materiales educativos hipermediales con informáticos.
Page 34: Metodología de Diseño Hipermedial de Material Educativo Un lenguaje sencillo para docentes para preparar materiales educativos hipermediales con informáticos.
Page 35: Metodología de Diseño Hipermedial de Material Educativo Un lenguaje sencillo para docentes para preparar materiales educativos hipermediales con informáticos.
Page 36: Metodología de Diseño Hipermedial de Material Educativo Un lenguaje sencillo para docentes para preparar materiales educativos hipermediales con informáticos.

Ejemplo mediado pedagógicamente

www.portalzonda.com.ar >>> cursos >>> Computacion 1

Mail : [email protected]

Page 37: Metodología de Diseño Hipermedial de Material Educativo Un lenguaje sencillo para docentes para preparar materiales educativos hipermediales con informáticos.
Page 38: Metodología de Diseño Hipermedial de Material Educativo Un lenguaje sencillo para docentes para preparar materiales educativos hipermediales con informáticos.