MeDHiME“Auxiliar de Docentes

No Informáticos”Américo Sirvente

PROYECTO: “Educación Colaborativa Autogestionada”

¿Qué es MEDHIME?

METODOLOGÍA PARA DESARROLLOS HIPERMEDIALES DE

MATERIALES EDUCATIVOS

algunos elementos de otras metodologias análisis y mediación pedagógica del material

metodología  sencilla, intuitiva

docentes diseñar propios materiales hipermediados

programadores implementan atractivos desarrollos

MEDHIME

MEDIA

¿Qué es MEDHIME?

HIPERMEDIA

texto

Multi

HIPER

Sistemas texto, imágenes, sonido, video,

sin enlaces

Documento elementos de información sólo texto

tecnología construcción de documentos encontrar información a través de enlaces entre diferentes

elementos de información multimedia

ETAPAS DE LA METODOLOGÍA

1. Análisis del Dominio

2. Diseño Conceptual

3. Diseño Navegacional

4. Diseño Comunicacional

Análisis del Dominio Objetivos

Público

Contenidos

Estructura

¿Para qué?

¿Para quiénes?

¿Qué?

¿Cómo?

Jerárquica Lineal Lineal con Opciones Lineal/Jerárquica Tipo Web

Análisis del Dominio

Objetivos ¿Para qué?

Público ¿Para quiénes?

Contenidos ¿Qué?

Estructura ¿Cómo?

Análisis del Dominio

Objetivos ¿Para qué?

Representar gráficamente vectores

Identificar las componentes de vectores.

Realizar operaciones con vectores.

Representar vectores paralelos y perpendiculares.

Calcular el módulo de un vector.

Calcular el ángulo entre dos vectores.

Definir producto vectorial y producto mixto de vectores en el espacio.

Determinar las componentes del producto vectorial de dos vectores.

Calcular el producto mixto.

Aplicar las propiedades del producto mixto.

Análisis del Dominio

Público ¿Para quiénes?

Alumnos que cursan Álgebra Lineal de 1º año del Departamento de Informática de la Facultad de Ciencias Exactas, Físicas y Naturales.

Análisis del Dominio

Contenidos ¿Qué?

Conceptos básicos sobre vectores (características, clasificación).

Operaciones entre vectores en el plano y en el espacio, con ejemplos gráficos.

Definición de módulo de un vector y ángulo entre dos vectores.

Definición de producto vectorial y producto mixto de vectores en el espacio, regla práctica para su cálculo en función de las componentes.

Ejercicios de aplicación y de autoevaluación.

Análisis del Dominio

Estructura ¿Cómo?

Lineal con Opciones

Diseño ConceptualSe organizan los temas definiendo el orden y relación que cada uno tendrá

Se representa con una tabla de doble entrada cuyos atributos son:

Tema ID-Padre ID-Tema Ubicación

       

       

Diseño Conceptual TEMA ID-PADRE ID-TEMA UBICACION

Vectores. ---- 1 \...\ Vectores.doc

Sist. de coordenadas en la recta 1 2 \...\ Vectores.doc

Sist. de coordenadas en el Plano 1 3 \...\ Vectores.doc

Sist. de coordenadas en el Espacio 1 4 \...\ Vectores.doc

Segmentos Orientados 1 5 \...\ Vectores.doc

Vectores Geométricos 1 6 \...\ Vectores.doc

Vectores Paralelos 6 1 \...\ Vectores.doc

Vectores Colineales 6 2 \...\ Vectores.doc

Igualdad de Vectores 6 3 \...\ Vectores.doc

Vectores Opuestos 6 4 \...\ Vectores.doc

Vector Nulo 6 5 \...\ Vectores.doc

Vector Unitario 6 6 \...\ Vectores.doc

Combinaciones Lineales 1 7 \...\ Vectores.doc

Vectores Paralelos 1 8 \...\ Vectores.doc

Componentes de un Vector 1 9 \...\ Vectores.doc

En la recta 9 1 \...\ Vectores.doc

En el plano 9 2 \...\ Vectores.doc

En el espacio 9 3 \...\ Vectores.doc

Operaciones 1 10 \...\ Vectores.doc

Suma 10 1 \...\ Vectores.doc

Resta 10 2 \...\ Vectores.doc

Multip. de un escalar por un Vector…

10…

3 \...\ Vectores.doc……

Se diseñan las rutas que permitirán la navegación por el hipertexto. Las primitivas que se utilizan son:

Diseño Navegacional

Menú que Permanece

Menú que Desaparece

Visita Opcional

Grupo

Enlace

Contenido

Ventana Emergente

Primitivas de Acceso Primitivas de Datos

index

contenido

Sis. de Coordenadas

VectoresGeométricos

CombinacionesLineales

VectoresParalelos

introducción objetivos

Componentesde un vector

Operaciones Comp. De Ext.Arbitrarios

V. nuloV. nulo

sub2sub5sub3

multiplicacionrestasuma

ejemplo

ejemplo

ejemplo

ejemploejemplo

ejemplo

sub1

Mapa Navegacional del Sitio

Menú permanente

Menú que desaparece

Ventanaemergente

Vinculo a ventana emerg.ejemplo

202010VisibObjeto

Eventos emergentes (temporización)

Nombre del objeto: nombre del archivo

Elementos participantesDespliegue con contenidos y

navegación

Diseño ComunicacionalSe especifica cada elemento definido en la etapa de Diseño Navegacional.

Diseño ComunicacionalObjeto Básico

VISVINCULOBMPGIFJPGMP3MIDIAVI INVVISINVINVVISVISCMBVINCULO

VIS

NROTIPO

10 Botón ejemplo

9 Botón ejemplo

8 Título: Propiedades de la suma

Ejemsuma1: Hallar ..

Ejemsuma1: Hallar...

7 Imagen: ejemplo.gif

6 Imagen: Sumaespacio.gif

5 Imagen: ejemplo.gif

4 Imagen: Sumaplano.gif

3 Imagen: Sumarecta.gif

2 “Las componentes de la suma .....”

1 Título: Sumadevectores.gif

Descripción de los elementosparticipantes: “Suma de

Vectores”

Despliegue con contenidos y navegación

VIS

2Doc

VIS

6Gif

VIS

8Swf

VIS

1Gif

VIS

3Gif

VIS

4Gif

GifEjemsuma1.htm

VIS

5

GifEjemsuma2.htm

VIS

7

Ejemplo:

EmgEjemsuma1.htm

INVVIS

9

clk

EmgEjemsuma2.htm

INVVIS

10

clk

EmgEjemsuma1.htm

INVVIS

9

EmgEjemsuma2.htm

INVVIS

10

Diseño ComunicacionalTemporización

INVVIS CLK10

INVVIS CLK9

5020S/Usuario

Línea de tiempoVisib.Objeto

Eventos emergentes(Temporización)

Nuevas PlantillasA partir del taller de MEDHIME 2004

Objetivo diseño más completo para cada objeto básico utilizado

Guíe con precisión al programador en la implementación, y . no tenga que realizar repetidamente, hasta encontrar la …. solución imaginada por el docente.

Gráfico representa la pantalla donde se logra visualizar la ubicación . de cada uno de los elementos contenidos en la página.

Dirección a la que se dirige

jpg, gif, png

px cm

px cm

EnlaceColor ubicación

DetalleFormatoAnchoAltoNombre

Ejemplo: Objeto simple – Imagen estática

Nuevas Plantillas: Página Ejercicios

• color de fondo: blanco• Espiral (a la izq. de la imagen a lo largo de toda la imagen)

gifAncho de la página

Alto de la página

Notebook

Enlace

ColorubicaciónDetalleFormatoAnchoAltoNombre

• color de fondo: blanco• letras: azul y verde

swf500 px100 pxTítulo

EnlaceColor

ubicación

DetalleFormatoAnchoAltoNombre

Objeto: Imagen Estática - Fondo

Objeto: Animación Flash: Título

Objeto: Animación (Ejercicio1, Ejercicio2, etc)

Objeto: Texto

• color de fondo: blanco• Hay 2 objetos: letras verdenúmero: azulque gira de der. a izq.

GifGif

Gif

110 px110 px

110 px

25 px25 px

25 px

Ejercicio1Ejercicio2

....Ejercicio17

EnlaceColor

ubicaciónDetalleFormatoAnchoAltoNombre

Distancia.htmVersor.htmCombinalineal.htmPerpendicular.htmMódulo.htmAngulo.htm

IzquierdaNegro12Arial…sean coplanares ...***

*** Repre sentar los …

Guia de Ejercita cion.doc

Palabras que son Enlace

Color ubicación

AlineaciónColor

de fuente

TamañoFuenteMarca final

Marca inicio

Nombre archivo plano

Nuevas Plantillas: Página Ejercicios

Objeto: Imágenes Animadas

• color: blanco y grisgif55 px55 pximpresora

1Sistema coord. en la recta.htm

• color de fondo: blanco• letras: verde y azul

gif120 px40 pxVolver

• color de fondo: blanco y verde• letras: negro

gif130 px46 pxver2

Ejercicio1a.htmEjercicio1b.htmEjercicio2.htmEjercicio3a.htmEjercicio3b.htmEjercicio4a.htmEjercicio4b.htmEjercicio5.htmEjercicio6.htm

• color de fondo: verde con blanco• letras: negra

gif130 px46 pxver1

EnlaceColor

ubicaciónDetalle

Formato

AnchoAltoNombre

Nuevas Plantillas: Página Ejercicios

En la misma página

• color de fondo: blanco• forma redonda

gifSubir

EnlaceColor

ubicaciónDetalleFormatoNombre

Objeto: Botón Animado

Nuevas Plantillas: Página Ejercicios

Nuevas Plantillas de despliegue!!! (para gráficos)

Nro

NombreObjeto

Vis

Tipo

Alto

Ancho

Formato

DetalleColor ubicación

Enlace

Evento que activa el enlace

1 Titulo Módulo 1 vis

gráfico

79 px

450 px

swf Letras rojas con bordes amarillos

2 Titulo Que es una base de datos?

vis

gráfico

38 px

289 px

swf Letras rojas con bordes amarillos

4 Agenda vis

gráfico

278 px

440 px

gif Agenda abierta

6 Tabla registros vis

gráfico

231 px

441 px

gif Tabla de doble entrada rojo y amarilla

Nuevas Plantillas de despliegue!!! (para textos)

Nro

Nombre ar-

chivo

pla-no

Vis

Marca ini-cio

Marca

final

Fuente

Tamaño

Color de fuente

Alinea-cion

Color ubica-ción

Palabras que son Enlace

Evento que activa el

enlace

3 Apunte de clases hoja

2

vis *** Las bases de datos …

…dentro de una base de datos...***

arial 12 Negro Izquierda

registros campos

Clik Clik

5 Apunte de clases hoja

2

vis *** Una forma de

…

…una estructura distinta.***

Arial 12 Negro Izquierda

7 Apunte de clases hoja

2

vis ***Hasta el mo-

mento …

…de manera formal:***

Arial 12 Negro Izquierda

Pantalla: Página EjerciciosObjetoTítulo

ObjetoAnimaciones

Objeto Texto

Objeto Botón Subir

ObjetoImágenes Animadas

ObjetoFondo

IMPLEMENTACIÓNHerramientas que pueden ser usadas para el desarrollo del trabajo – De interés para los programadores

Macromedia Dreamweaver MX

Macromedia Firework MX

Macromedia Flash

SWISHmax

Microsoft Editor Ecuación 3.0

Sothink DHTMLMenu

JavaScript

CONCLUSIÓN

Simple, sencilla, intuitiva.

Permite obtener un material hipermediado atractivo,

vistoso, ameno, que responda a las necesidades

planteadas por el docente, apuntando a lograr captar la

atención y estimular a los estudiantes para que sean

capaces de gestionar su propio aprendizaje utilizando el

sitio web preparado.

MEDHIME

Ofrece etapas que contribuyen a proceso de análisis y diseño completo.

Permite implementación del material hipermediado rápida y sencilla

Contribuye trabajo multidisciplinar entre docentes y programadores.

www.portalzonda.com.ar/medhime

Desarrollos pueden ser visitado en:

Grupo de interesados y usuarios:

http://groups.yahoo.con/group/medhime