MeDHiME “Auxiliar de Docentes No Informáticos” Américo Sirvente PROYECTO: “Educación...
Transcript of MeDHiME “Auxiliar de Docentes No Informáticos” Américo Sirvente PROYECTO: “Educación...
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