Diseño de OIA con DescartesJS e IA - Parte 2

¿Qué es el editor de configuraciones?

Acceso: En el editor de DescartesJS, haces clic en para abrir el editor de configuraciones.

Definición: El editor de configuraciones es una ventana que acompaña a la escena cuando se está creando o editando y es donde se realiza la programación de un recurso. Contiene las herramientas necesarias para crear y modificar una escena. En el siguiente enlace se encuentra la documentación completa del editor de DescartesJS.

Todos los objetos interactivos que diseñaremos en este curso, con el editor DescartesJS, se harán a través de este editor de configuraciones.

¿Cómo es el editor de configuraciones?

El editor dispone de un menú superior con los principales apartados a través de los cuales se configura o programa cada escena.

Cada uno de los selectores tiene su propio espacio de configuración que permiten introducir los diferentes elementos de las escenas y realizar la programación de la misma.

El editor de configuraciones de una escena sólo se puede abrir desde el editor de escenas de Descartes, cuya descarga e instalación se explicó en la sesión 1.

¿Qué se configura en el apartado escena?

Permite configurar aspectos generales de toda la escena, tales como sus dimensiones, los bordes de la escena como zonas para introducir controles, la presencia o no de una serie de controles por defecto, la imagen que se presenta durante la carga de la escena, el uso del punto o la coma decimal, etc.

Un parámetro muy interesante de este selectorel el de expandir escena, ya que en su opción escalar permite hacer que la escena se ajuste al tamaño de su contenedor, haciendo por tanto que esta sea adaptable o "responsive".

Descripción: Para entender que son los espacios utilizaremos el siguiente símil. Imaginemos que cada espacio de una escena es una hoja de papel. Podemos tener hojas de papel de diferentes tamaños, colocadas unas encima de otras y cada hoja de papel puede tener escritos diferentes contenidos. Si tenemos apiladas un montón de hojas de papel (espacios), desde arriba veremos las hojas que quedan encima y que no están cubiertas por otras hojas. Si una hoja es transparente o semitransparente, dejará ver total o parcialmente la hoja que hay debajo.

A la izquierda se muestra una captura de pantalla en la que se han incluido tres espacios diferentes de Descartes.

Tipos de espacios: Son tres los espacios que podemos usar con DescartesJS: R² o bidimensional, R³ o tridimensional y los de tipo HTMLIframe que permiten incorporar cualquier tipo de página web.

Cuando se ejecuta el Editor de DescartesJS, por defecto, siempre se muestra un espacio cartesiano bidimensional. Este espacio se identifica (en el selector Espacios) normalmente como E1.

En el vídeo de la derecha se muestra la forma de insertar y configurar de forma rápida los diferentes espacios en DescartesJS.

Primer ejercicio

Uso de colores

Uno de los parámetros más utilizados es el de colores. Está presente en la mayoría de los elementos.

A continuación, hemos incluido un interactivo que permite practicar la forma de seleccionar los colores que afectan a los elementos. Además, desde este menú también se configura el grado de transparencia que se le quiera dar.

En las últimas versiones de Descartes se ha incluido la posibilidad de utilizar gradientes de colores, imágenes patrón y lo opción de elegir colores con un "Cuentagotas".

Son objetos adaptables aquellos que se ajustan al tamaño de la pantalla. Hay objetos que estas programados de serie con esta naturaleza, pero otros no.

Paso 1: Creamos una escena de las dimensiones que deseemos con la opción escalar en expandir escena.

Paso 2: Creamos un espacio tipo HTMLIframe que cargue el archivo del control deslizante, guardamos con el nombre que queramos y... eso es todo.

Ahora el objeto interactivo que hayamos introducido de la forma indicada en Descartes será "responsive" o adaptable.

Lo ideal, en el diseño de objetos interactivos, es usar todos lo contenidos en local, pues de esa forma se garantiza un 100% de portabilidad y uso por parte de usuarios con problemas de conectividad. La mayoría de los contenidos digitales interactivos de la Red Educativa Digital Descartes, han sido diseñados para ser descargados y usados en local.

Al lado derecho, presentamos un ejemplo que incluye una espacio HTMLIframe, en el cual se carga un cuestionario diseñado por una IA y almacenado en un directorio de esta presentación (en local). Para verlo en pantalla completa, hacer clic en est enlace

OIA en la red