Audios y Vídeos Interactivos con Descartes

Continuación de la práctica (2)

Los contenidos de la Documentación técnica de la herramienta de autoría DescartesJS son dinámicos debido a la permanente labor de mantenimiento y actualización del código fuente de la librería descartes-min.js por parte de los responsables de la Red Digital Descartes de México, España y Colombia. Hay épocas en las que este dinamismo es vertiginoso tal y como ocurre actualmente. Por eso comenzamos esta nueva entrada del Blog recomendando la visita a dicha documentación mediante el enlace del título y también de este otro que llevan, respectivamente, a la información sobre el uso de vídeos interactivos, tanto en local como en línea y a la información sobre cómo comunicar las escenas con el HTML y viceversa.

Continuando con la práctica, recordamos que ya hemos definido en los espacios: E1, E2 y E3, los gráficos (textos) necesarios para dirigir y complementar el flujo de la actividad. Ahora, siguiendo el paso 7 crearemos los dos controles, tipo botón, para manipular el vídeo ya que los propios del mismo están enmascarados.

Abrimos la opción de menú Controles y procedemos como muestra el vídeo siguiente.

Recordamos que la expresión '\n' que aparece en el vídeo puede interpretarse como un salto de línea y permite introducir una nueva instrucción.

El paso 8 consite en definir, en la opción de menú Programa, dos eventos para controlar la reproducción del vídeo mediante el manejo de la animación tal y como se explica detalladamente en la documentación.
Después de seguir las instrucciones, la opción de menú Programa debe tener el aspecto que muestra el gráfico siguiente.

A continuación, siguiendo las indicaciones del paso 9, volvemos a seleccionar la opción de menú Controles para definir en los espacios E1 y E3 los botones, cuadros de texto y controles de tipo menú que son el soporte de la interactividad de la escena tal y como se muestra en el documento videos_interactivos.pdf enlazado al principio del artículo.

El gráfico siguiente muestra cómo debe quedar la opción de menú Controles después de completar el paso anterior.

En próximas entradas se completará la práctica y continuaremos analizando el subproyecto Misceláneas, y las nuevas posibilidades que el código ofrece.

El siguiente gráfico es un enlace a un ejemplo de la implementación de vídeos interactivos dentro de una escena DescartesJS. Este ejemplo, realizado por Juan Guillermo Rivera Berrío y que es una propuesta para evaluación de la viabilidad del proyecto y su potencial formativo y que aún está en fase de prueba, ha sido posible gracias a la colaboración de la Red Descartes de Colombia (Juan Gmo. Rivera y Ramiro Lopera) y de España (José R. Galo).

Animamos a los lectores a colaborar en el proyecto elaborando contenidos o aportando ideas y sugerencias.

Ildefonso Fernández Trujillo

En el siguiente vídeo mostramos el procedimiento a seguir para embeber en un blog una escena de la unidad Funciones y gráficas para 4º de la ESO del proyecto ED@D.

Para insertar escenas de la Red Educativa Digital Descartes en un blog o cualquier otro espacio web, deberemos activar la edición en html y pegar el código correspondiente.

En la página de materiales del blog encontramos para cada unidad dos códigos, el código para embeber como iframe y el código para abrir en una ventana emergente. El código iframe permite que el estudiante pueda empezar a realizar las actividades desde la misma página del blog mientras que si utilizamos el código para abrir en ventana emergente, deberemos pulsar sobre la imagen para que se cargue la actividad en una nueva ventana.

En este ejemplo nos interesa que el estudiante pueda realizar las actividades directamente desde el mismo blog, así que utilizaremos el código iframe.

De la unidad Funciones y gráficas queremos embeber la primera actividad:

1.- Desde el apartado materiales del blog, seleccionamos ED@D y buscamos Funciones y gráficas.

2.- En la página de esta unidad, encontramos los dos códigos. Copiamos el código iframe:

  <iframe style="width: 1120px; height: 690px;" src="https://proyectodescartes.org/EDAD/materiales_didacticos/EDAD_4eso_B_funciones1-JS/index.htm"></iframe>

3.- La dirección que aparece en el código es la de la página inicial de la unidad, en nuestro caso deberemos modificar la dirección web para que se abra en la primera actividad: https://proyectodescartes.org/EDAD/materiales_didacticos/EDAD_4eso_B_funciones1-JS/q8_contenidos_1a.htm

Pero veamos con detenimiento cuáles son los pasos que deberemos seguir:

¿Quieres ver cómo organizar materiales interactivos en tu Aula Moodle?

Hoy presentamos la segunda parte del tema "Descartes en nuestra Aula Moolde. Geometría del plano".

En el primer vídeo se analizaron y seleccionaron algunos objetos digitales pertenecientes a los distintos proyectos de la Red Educativa Digital Descartes, para trabajar la geometría del plano en 1º de la ESO.

Una vez seleccionados los materiales, en este segundo vídeo podemos ver cómo organizar los contenidos en un curso en nuestra Aula Moodle.

Utilizamos distintos recursos: enlaces URL para las unidades EDAD y tablas, en cuyas celdas pegamos el código para abrir en ventana emergente, con enlaces a los objetos pertenecientes a los proyectos ASIPISA, Canals, Competencias, Miscelánea y PI:

Esta semana vamos a ver cómo insertar en nuestro blog un objeto digital de la Red Educativa Digital Descartes.

Hemos seleccionado una actividad de cálculo con fracciones para 1º de la ESO, que pertenece a la unidad Fracciones del Proyecto ED@D. Esta actividad es autocorrectiva y permite al estudiante practicar y consolidar el cálculo con operaciones combinadas de fracciones. Se proponen diferentes tipos de ejercicios que el estudiante deberá realizar correctamente ya que en caso contrario no podrá pasar a la siguiente operación. 

Para insertar dicho objeto digital en una página de nuestro blog, activaremos la edición en HTML y pegaremos el código para abrir en una ventana emergente.

En el apartado materiales del blog de la Red podemos encontrar el código para insertar de la mayoría de actividades. En caso de no disponer del código deberemos actualizarlo escribiendo la dirección web de nuestro recurso y comprobar las dimensiones de la escena. También necesitaremos una imagen desde la cual abrir el recurso. Podemos seleccionar una imagen de la misma unidad (copiando la ruta del enlace) o cualquier otra imagen ya sea desde nuestro ordenador, subiéndola directamente al blog, o desde algún álbum virtual (por ejemplo Picasa).

En el acercamiento superficial que estamos haciendo al editor de ecenas aún no hemos mencionado nada acerca de la inserción de sonido, vídeo y animaciones en las utilidades que podemos crear. En este artículo vamos a mostrar una escena con animaciones y veremos como se configuran y la manera de ejecutarlas.

La opción Animación está en la barra del menú principal del Editor de Escenas Descartes, en la parte derecha, según podemos observar en el siguiente gráfico donde se muestra la opción ya desplegada con las animaciones de la escena definidas. En nuestro caso al desplegar la opción, esta presenta el siguiente aspecto:

Es conveniente analizar el gráfico anterior detenidamente. Corresponde a la definición de las animaciones (tres) de la utilidad. Se observan dos regiones: la parte superior, zona donde se configura el comportamiento genérico de la animación y la parte inferior donde se define el algorítmo que la controla. El significado y uso de pausa, controles, auto y repetir se explica en la documentación técnica y de usuario de Descartes v5.

Como observamos en el siguiente vídeo la escena cuenta con tres animaciones, la de los simbolos de acierto y fallo, la del muñeco que lamenta el fallo y la del gráfico de la ciudad que ocurre cuando la respuesta es correcta.

En el primer gráfico vemos que las animaciones están controladas por la variable z que es de la que depende la anchura de la imagen que se desplaza y crece; o simplemente crece según se muestra a continuación.

En el vídeo hemos visto el ejemplo para Europa de la creación de Juan Guillermo Rivera Berrío, a la que ha denominado GEOcultura, y que se integra dentro del proyecto GEOgráfica. Ya están desarrollados, aunque en fase beta, los contenidos para América, Suramérica, Europa, Asia y África y en proceso está Oceanía. El siguiente enlace nos lleva a parte del desarrollo de la utilidad para Europa, donde podemos observar las variantes respecto a la forma y la dinámica del enfoque primitivo.

Animamos a los lectores a colaborar en el proyecto elaborando contenidos o aportando ideas y sugerencias.
En siguientes entradas continuaremos analizando el subproyecto Misceláneas, y las nuevas posibilidades que el código ofrece.

Ildefonso Fernández Trujillo

Hoy proponemos una serie de objetos de aprendizaje con actividades de evaluación por competencias para 3º y 4º de Educación Primaria. Se trata de materiales que forman parte del proyecto Formación competencial de la Red Educativa Digital Descartes.

Estas actividades se han creado a partir de modelos de las pruebas de evaluación diagnóstico para el primer ciclo de primaria de diferentes Comunidades Autónomas. Al transformar estos modelos en objetos Descartes, las actividades se convierten en dinámicas, interactivas y autocorrectivas.

En el siguiente vídeo analizamos con detalle dos objetos interactivos de este proyecto, se trata de los materiales Cartas numeradas y Lugares de España, actividades que partiendo de contextos cotidianos permiten al estudiante consolidar y evaluar la comprensión del cálculo con números y también su representación gráfica y ordenación.

También se muestra en este vídeo cómo incluir estas actividades en nuestra aula virtual moodle utilizando el recurso etiqueta.

Esta semana presentamos la actividad Un día en el parque de atracciones, unidad para 3º de primaria perteneciente al Proyecto Formación Competencial de la Red Educativa Digital Descartes. Este proyecto está formado por materiales dinámicos interactivos basados en unidades liberadas PISA y pruebas de evaluación diagnóstica de diferentes Comunidades Autónomas.

La actividad: En el contexto de un parque de atracciones se plantean una serie de situaciones y problemas geométricos y aritméticos que el estudiante deberá resolver. Se trata de actividades formativas y de autoevaluación, con una barra de seguimiento con los aciertos y errores y una nota numérica al finalizar todas las actividades.

Cada vez que el estudiante actualiza o reinicia la actividad, aparecen distintas preguntas y se modifican los datos numéricos.

Nuestra aula virtual moodle: Todos los objetos digitales interactivos de la Red Educativa Digital Descartes se pueden embeber o insertar en un espacio web. En el caso de moodle, se pueden seleccionar diferentes recursos o actividades en los cuales embeber o insertar nuestro objeto: página, etiqueta, cuestionario, lección, libro...

Unidad liberada original: Modelo de pruebas para la evaluación de tercer curso de Educación Primaria. INEE del Ministerio de Educación, Ciencia y Deporte de España.

En el siguiente vídeo se analizan con detalle las situaciones que se plantean en dicha actividad y se muestran los pasos a seguir para embeber utilizando el recurso página de moodle.

Hoy veremos cómo crear una serie de actividades con contenidos interactivos enlazados de forma flexible, que permitirán al estudiante acceder a la información y a las actividades siguiendo diferentes ramificaciones o caminos según sea su proceso de aprendizaje.

Con el módulo lección de Moodle y los materiales interactivos de la Red Educativa Digital Descartes podemos crear una serie de páginas para trabajar un determinado tema. En cada página del libro podemos embeber o insertar materiales de la Red y también añadir tablas de ramificación para que el alumnado decida qué actividades realizar y en qué orden, atendiendo a las necesidades de su aprendizaje.

En el siguiente vídeo podemos ver un ejemplo de lección con actividades de geometría. Seleccionaremos actividades para el cálculo de áreas de cuadriláteros y triángulos de la unidad Polígonos, perímetros y áreas para 1º de la ESO del Proyecto ED@D.

Crearemos tres tipos diferentes de actividades. En primer lugar, actividades para introducir las fórmulas con escenas interactivas del Proyecto ED@D para que el estudiante pueda manipular las escenas y deducir las fórmulas de la áreas.

En la siguiente página embeberemos actividades autocorrectivas para practicar problemas sencillos de cálculo de áreas. Crearemos, también, varias páginas con ejercicios para consolidar los conceptos estudiados.

A continuación diseñaremos una tabla de ramifiicación con distintas opciones para que el estudiante seleccione, según necesite, volver a repasar las fórmulas, realizar más ejercicios de cálculo o pasar a la página siguiente para realizar ejercicios de aplicación.

Finalmente crearemos una página en la cual embeberemos una escena de la unidad del Proyecto ED@D con ejercicios de aplicación.

Creamos un Libro Digital de Moodle con Objetos interactivos Descartes.

Hoy presentamos una serie de objetos interactivos de la Red Educativa Digital Descartes para el estudio de las Funciones en 4º de la ESO.

En concreto trabajaremos con una selección de ejercicios que forman parte de la unidad Funciones y gráficas perteneciente al Proyecto ED@D.

Para su aplicación en el aula vamos a utilizar el recurso Libro Digital de Moodle en cuyos capítulos se insertarán de forma embebida los diferentes objetos.

También incluiremos en el Libro Digital dos unidades de Formación Competencial: Tarifas postales y Velocidad de un coche de carreras.

En el siguiente vídeo se muestran las actividades seleccionadas y los pasos a seguir para embeberlas en el Libro Digital.

La mayoría de objetos interactivos pertenecientes a los diversos proyectos de la Red Educativa Digital Descartes se pueden embeber en sitios web en los cuales se pueda editar en código html (blog, wiki, google sites, moodle...)

Si disponemos de un aula virtual moodle, también podemos embeber dichas escenas en la mayoría de los recursos que nos ofrece la plataforma: libros, páginas, etiquetas, cuestionarios...

En los cuestionarios, se pueden añadir objetos interactivos en la descripción o en alguna pregunta, independientemente del tipo de pregunta elegido, seleccionando el modo de edición en html.

En la mayoría de los objetos interactivos de la Red, encontramos el código para embeber seleccionando dichos objetos en el apartado materiales del Blog de la Red.

También podemos encontrar el código en la misma escena, situando el ratón sobre ella y pulsando el botón derecho; se abrirá una ventana auxiliar y desde el botón config obtendremos el código que deberemos pegar en la plantilla de edición del cuestionario.

En el siguiente vídeo, se muestran los pasos a seguir para la edición de un pequeño cuestionario. En este caso se han embebido dos escenas de aumentos y disminuciones porcentuales de la Unidad de Proporcionalidad (2º ESO) pertenecientes al Proyecto ED@D.