Metodología de Diseño Hipermedial de Material Educativo Del Proyecto Nuevas Metodologias para el...

34
Metodología de Diseño Hipermedial de Material Educativo Del Proyecto Nuevas Metodologias para el Desarrollo de Software Educativo

Transcript of Metodología de Diseño Hipermedial de Material Educativo Del Proyecto Nuevas Metodologias para el...

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

Metodología de Diseño Hipermedial de Material Educativo

Del Proyecto Nuevas Metodologias para el Desarrollo de Software Educativo

Américo Sirvente

Page 2: Metodología de Diseño Hipermedial de Material Educativo Del Proyecto Nuevas Metodologias para el Desarrollo de Software Educativo Américo Sirvente.

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

Page 3: Metodología de Diseño Hipermedial de Material Educativo Del Proyecto Nuevas Metodologias para el Desarrollo de Software Educativo Américo Sirvente.

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

Page 4: Metodología de Diseño Hipermedial de Material Educativo Del Proyecto Nuevas Metodologias para el Desarrollo de Software Educativo Américo Sirvente.

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 Del Proyecto Nuevas Metodologias para el Desarrollo de Software Educativo Américo Sirvente.

COMPARACIONHDM RMM Mix RMM y ADV chart OHDM EORM Modelo TRELLIS

Page 6: Metodología de Diseño Hipermedial de Material Educativo Del Proyecto Nuevas Metodologias para el Desarrollo de Software Educativo Américo Sirvente.

PROPUESTA MEDIHMEAnálisis de dominio

Diseño Conceptual:

Diseño navegacional:

Diseño comunicacional:

Page 7: Metodología de Diseño Hipermedial de Material Educativo Del Proyecto Nuevas Metodologias para el Desarrollo de Software Educativo Américo Sirvente.

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 Del Proyecto Nuevas Metodologias para el Desarrollo de Software Educativo Américo Sirvente.

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 Del Proyecto Nuevas Metodologias para el Desarrollo de Software Educativo Américo Sirvente.
Page 10: Metodología de Diseño Hipermedial de Material Educativo Del Proyecto Nuevas Metodologias para el Desarrollo de Software Educativo Américo Sirvente.

Diseño Conceptual Modelo entidad-relación

Objetos Relaciones

Tema (nombre del Modulo

Id-padre

Id-hijo Lugar almacenamiento

Page 11: Metodología de Diseño Hipermedial de Material Educativo Del Proyecto Nuevas Metodologias para el Desarrollo de Software Educativo Américo Sirvente.

Diseño ConceptualTema ID- Padre ID-

TemaDirecció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 12: Metodología de Diseño Hipermedial de Material Educativo Del Proyecto Nuevas Metodologias para el Desarrollo de Software Educativo Américo Sirvente.

Diseño Navegacional

Navegación por el Navegación por el hipertextohipertexto

Primitivas de Acceso

Primitivas de Datos

Page 13: Metodología de Diseño Hipermedial de Material Educativo Del Proyecto Nuevas Metodologias para el Desarrollo de Software Educativo Américo Sirvente.

DISEÑO NAVEGACIONAL

Page 14: Metodología de Diseño Hipermedial de Material Educativo Del Proyecto Nuevas Metodologias para el Desarrollo de Software Educativo Américo Sirvente.

Índice Condicional

Progamador

Lic. In forma

Lic. Geolog

Lic. Geofis

Lic. Geof

Program

Lic. Inf de

Lic. Geol

Nodo Índice

Page 15: Metodología de Diseño Hipermedial de Material Educativo Del Proyecto Nuevas Metodologias para el Desarrollo de Software Educativo Américo Sirvente.

Visita guiada condicionalProgamador

Lic. In format

Lic. Geolog

Lic. Geofis

Circuito

Guiado

de Carreras

Nodo de Circuito Guiado

Asociadas

Inicio

Page 16: Metodología de Diseño Hipermedial de Material Educativo Del Proyecto Nuevas Metodologias para el Desarrollo de Software Educativo Américo Sirvente.

Visita guiada indexada condicional

Programador

Lic. In format

Lic. Geolog

Lic. Geofis

Programador

Lic. Inf

Lic. Geol

Nodo de Visita Guiado Indexado

Lic.Geof

Page 17: Metodología de Diseño Hipermedial de Material Educativo Del Proyecto Nuevas Metodologias para el Desarrollo de Software Educativo Américo Sirvente.

Visita Opcional

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

Page 18: Metodología de Diseño Hipermedial de Material Educativo Del Proyecto Nuevas Metodologias para el Desarrollo de Software Educativo Américo Sirvente.

Primitiva de grupo, de dato y enlaces

Contenido

Page 19: Metodología de Diseño Hipermedial de Material Educativo Del Proyecto Nuevas Metodologias para el Desarrollo de Software Educativo Américo Sirvente.

Actividad

11.6

Introducción11.1

Controles: concepto y

tipos11.2

Elección del control

adecuado11.3

Simplificación del uso

de controles11.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 20: Metodología de Diseño Hipermedial de Material Educativo Del Proyecto Nuevas Metodologias para el Desarrollo de Software Educativo Américo Sirvente.

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 21: Metodología de Diseño Hipermedial de Material Educativo Del Proyecto Nuevas Metodologias para el Desarrollo de Software Educativo Américo Sirvente.

Diseñoi Comunicacional

Especifica el origen de los Especifica el origen de los datosdatos

Hoja de Despliegue

Objeto Básico

Page 22: Metodología de Diseño Hipermedial de Material Educativo Del Proyecto Nuevas Metodologias para el Desarrollo de Software Educativo Américo Sirvente.

Diseño comunicacional:

Objeto básico

Nombre Nro

Tipo

VIS

Page 23: Metodología de Diseño Hipermedial de Material Educativo Del Proyecto Nuevas Metodologias para el Desarrollo de Software Educativo Américo Sirvente.

Visibilidad

CLK Clic sobre el elemento

TCL Pulsación de tecla

RLO Puntero sobre el objeto

Page 24: Metodología de Diseño Hipermedial de Material Educativo Del Proyecto Nuevas Metodologias para el Desarrollo de Software Educativo Américo Sirvente.

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 25: Metodología de Diseño Hipermedial de Material Educativo Del Proyecto Nuevas Metodologias para el Desarrollo de Software Educativo Américo Sirvente.

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 26: Metodología de Diseño Hipermedial de Material Educativo Del Proyecto Nuevas Metodologias para el Desarrollo de Software Educativo Américo Sirvente.

Ejemplo

Page 27: Metodología de Diseño Hipermedial de Material Educativo Del Proyecto Nuevas Metodologias para el Desarrollo de Software Educativo Américo Sirvente.

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 28: Metodología de Diseño Hipermedial de Material Educativo Del Proyecto Nuevas Metodologias para el Desarrollo de Software Educativo Américo Sirvente.

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

Page 29: Metodología de Diseño Hipermedial de Material Educativo Del Proyecto Nuevas Metodologias para el Desarrollo de Software Educativo Américo Sirvente.

Etapa de implementación

Temas ysubtemas

Texto emergente

Ventana emergente

Page 30: Metodología de Diseño Hipermedial de Material Educativo Del Proyecto Nuevas Metodologias para el Desarrollo de Software Educativo Américo Sirvente.
Page 31: Metodología de Diseño Hipermedial de Material Educativo Del Proyecto Nuevas Metodologias para el Desarrollo de Software Educativo Américo Sirvente.
Page 32: Metodología de Diseño Hipermedial de Material Educativo Del Proyecto Nuevas Metodologias para el Desarrollo de Software Educativo Américo Sirvente.
Page 33: Metodología de Diseño Hipermedial de Material Educativo Del Proyecto Nuevas Metodologias para el Desarrollo de Software Educativo Américo Sirvente.
Page 34: Metodología de Diseño Hipermedial de Material Educativo Del Proyecto Nuevas Metodologias para el Desarrollo de Software Educativo Américo Sirvente.

Ejemplo mediado pedagógicamente

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

Mail : [email protected]