1 Metodología de Diseño Hipermedial de Material EducativoMeDHiME Metodología de Diseño Hipermedial de Material Educativo Del Proyecto Nuevas Metodologias para el Desarrollo de Software Educativo Américo Sirvente

2 Definiciones Multimedia: Uso de formatos multiples para la representacion de la Informacion (texto, graficos, animaciones, sonido, etc) incluye Hipermedia e Hipertexto Hipermedia: asociaciones interactivas de diversos formatos Hipertexto: organizacion no lineal de acceso a textos , diagramas, tablas

3 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 educativo 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

4 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)

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

6 PROPUESTA MEDIHME Análisis de dominio Diseño Conceptual:Diseño navegacional: Diseño comunicacional:

7 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

8 Análisis de Dominio ¿Para qué? ¿Para quienes? ¿Qué? ¿Cómo? OBJETIVOSUSUARIOS ¿Qué? CONTENIDOS ¿Cómo? ESTRUCTURA

9

10 Diseño Conceptual Modelo entidad-relación Tema (nombre del ModuloObjetos Relaciones Tema (nombre del Modulo Id-padre Id-hijo Lugar almacenamiento

11 Diseño Conceptual Tema ID- Padre ID- 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 3 \..\Paginas\Modulo1.2.doc Modelo de Von Neuman 4 \..\Paginas\Modulo1.3.doc Símbolo, dato, información y decisión 5 \..\Páginas\Modulo1.4.doc El Procesamiento de Dato 6 \..\Paginas\Modulo1.5.doc Información Analógica y Digital 7 \..\Paginas\Modulo1.6.doc Byte, Bit y Palabras 8 \..\Paginas\Modulo1.7.doc Transm. de Infor. en Serie y en paralelo 9 \..\Paginas\Modulo1.8.doc Algunas Ordenes de Magnitudes 10 \..\Paginas\Modulo1.9.doc Parámetros de un Computador Digital 11 \..\Paginas\Modulo1.10.doc Software Clasificación 12 \..\Paginas\Modulo1.11.doc

12 Navegación por el hipertextoDiseño Navegacional Navegación por el hipertexto Primitivas de Acceso Primitivas de Datos

13 DISEÑO NAVEGACIONAL

14 Índice Condicional Progamador Lic. In forma Lic. Geolog Lic. GeofisProgram Lic. Inf de Lic. Geol Nodo Índice

15 Visita guiada condicionalProgamador Lic. In format Lic. Geolog Lic. Geofis Circuito Guiado de Carreras Nodo de Circuito Guiado Asociadas Inicio

16 Visita guiada indexada condicionalProgramador Lic. In format Lic. Geolog Lic. Geofis Lic. Inf Lic. Geol Nodo de Visita Guiado Indexado Lic.Geof

17 Visita Opcional Permite el acceso aleatorio a través de los vínculosque aparecen en la pantalla

18 Primitiva de grupo, de dato y enlacesContenido

19 Primitivas de Acceso: GRUPOActividad 11.6 Introducción 11.1 Controles: concepto y tipos 11.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 Primitivas de Acceso: VISITA GUIADA INDEXADA CONDICIONAL Primitivas de Acceso: ENLACE Primitivas de Acceso: VISITA OPCIONAL Primitivas de Datos: CONTENIDO (1) Primitivas de Datos: VENTANA EMERGENTE

20 Hipermediación entre módulos332 331 32 31 321 322 323 324 325 326 327 Orga. 114 Mod Int PCom Teclad. LecT LecO LecC Digi. SinV Mouse RecV Impr Moni Micro Graf Clas Pres (8) (9) (10) (11) 113 112 111 110 19 17 16 14 13 12 11

21 Diseñoi ComunicacionalEspecifica el origen de los datos Hoja de Despliegue Objeto Básico

22 Diseño comunicacional:Objeto básico Nombre Nro Tipo VIS

23 Puntero sobre el objetoVisibilidad CLK Clic sobre el elemento TCL Pulsación de tecla RLO Puntero sobre el objeto

24 Tipo Tipo Repres. Descripción Gráfico BMP, GIF, TIFImágenes o gráficos estáticos Video MPG, AVI Videos y animaciones Audio WAV, MP3 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

25 Hoja de despliegue Nombre del objeto: nombre del archivoElementos participantes Despliegue con contenidos y navegación Nombre del objeto: nombre del archivo Si 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

26 Ejemplo

27 Hoja de Despliegue Objeto básicoDespliegue 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... GIF 1 VIS DOC 2 3 EMG 4 INVVIS CLK 5 6 Hoja de Despliegue Eventos emergentes (Temporización) Objeto Visib. Línea de tiempo 10 20 30 4 INVVIS CLK * 5 Objeto básico

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

29 Etapa de implementaciónVentana emergente Temas y subtemas Texto emergente

30

31

32

33

34 Ejemplo mediado pedagógicamente>>> cursos >>> Computacion 1 Mail :