Diferencias

Muestra las diferencias entre dos versiones de la página.

--- es:help_items_content_area_select [2023/02/07 18:26] – creado root
+++ es:help_items_content_area_select [2023/02/09 11:47] (actual) – [Imagen de fondo] root
@@ Línea 1: / Línea 1: @@
 ===== Contenido =====
-Esta pestaña aparece solamente cuando el se trata de un [[es:manual:items:interactivos:xitems:emparejamiento
+Esta pestaña aparece solamente cuando el se trata de un ítem de[[es:manual:items:interactivos:xitems:seleccion_area| Selección de área]] y en ella se pueden configurar los elementos que contiene la imagen y que el alumno debe identificar.
-#item de emparejamiento]] y en ella se pueden configurar los elementos que se muestran a izquierda y derecha, asi como las relaciones entre una y otra columna.
-{{ es:manual:items:item-interactivo-emparejamiento-src.png | }}
+{{ es:manual:items:interactivos:xitems:item-interactivo-seleccionArea-multiple-src.png | }}
 ==== Enunciado ====
@@ Línea 12: / Línea 11: @@
 ==== Imagen de fondo ====
-Es la imagen sobre la que se mostrarán los elementos a emparejar. Si no se selecciona ninguna imagen se muestrra en blanco.
+Es la imagen sobre la que se mostrarán los elementos a identificar. El selector muestra todas las imágenes del [[es:manual:temas#directorio_auxiliar|directorio auxiliar]] de la asignatura. Si no se selecciona ninguna imagen se muestrra en blanco.
-==== Tamaño del lienzo ====
+==== Posición relativa de la imagen ====
-Son las dimensiones del área donde se realiza en emparejamiento de las imágenes. Debe ser lo suficientemente grande como ara que puedan distribuirse los elementos a izquierda y derecha con comodidad. No se efectúa ninguna comprobación, así que el usuario debe probar hasta encajar la mejor dimensión.
-==== Columna izquierda ====
+Indica la posición de la imagen con respecto al lienzo, puede situarse centrada, alineada arriba o abajo a izquierda o derecha, o coincidiendo con alguna de las cuatro esquinas del lienzo.
-En esta sección se definen los elementos que se mostrarán en la columa de la izquierda. Es la mas importante, puesto que en función de esta columna se hará la [[evaluación del ítem]].
+==== Tamaño del lienzo ====
+Son las dimensiones del área donde se realiza en área de la imagen. Debe ser lo suficientemente grande como para que puedan distribuirse los elementos a izquierda y derecha con comodidad. No se efectúa ninguna comprobación, así que el usuario debe probar hasta encajar la mejor dimensión. Si se deja en blanco, el tamaño del lienzo coincidirá con el tamaño real de la imagen.
-== Tipo de columna ==
-Aquí se decide si la columna mostrará textos o imágenes. Segun se elija el siguiente control mostrará una o otra cosa.
-== Testos/Imagenes ==
-Dependiendo de la selección anterior este control mostrará unas casillas en donde puede escribir el testo, o un selector que ofrecerá como opciones las imágenes del [[directorio auxiliar]] de la asignatura.
-Usando los botones ''+'' y ''-'' situados a la derecha se puede ampliar o reducir el número de opciones hasta un máximo de 8.
-== Color de fondo ==
-En el caso de los textos, el color del fondo sobre el que se escribe el texto. El color de la letra es siempre blanco o negro, y se elige en función del color de fondo ara que exista un mayor contraste.
-== Tamaño de la letra ==
-En el caso de los textos, el tamaño de la letra de los textos que muestran.
-== Tamaño de las imágenes ==
-En el caso de las imagenes, el ancho y el alto de la imagen que se va a mostrar. Si no se añade nada la imegen se muestrasin redimensionar, lo que puede ociasionar problemas si es demasiado grande.
-==== Columna derecha ====
+==== Tamaño de la imagen ====
-Es similar a la [[#columna izquierda]].
-==== Relaciones ====
+Son las dimensiones de la imagen en píxeles. Si se deja en blanco, el tamaño de la imagen coincide con el tamaño del lienzo. Si el tamaño de la imagen es menor que el tamaño del lienzo, el resto aparecerá en blanco, y la imagen se situará segun el criterio establecido en el selector [[es:help_items_content_area_select#Posición relativa de la imagen]]
-En este apartado se definen las relaciones entre la columna izquierda y derecha que se tendrán en cuenta en la pregunta.
-=== Tipo de relación ===
+Cualquier modificación del tamaño del lienzo o de la imagen requiere una nueva edición de las [[es:help_items_content_area_select#Posición de las respuestas|posiciones de las áreas]] de los elementos.
-Es el campo mas importante, declara si las relaciones son de uno a uno o de uno a muchos, siempre considerando como base la columna izquierda, es decir una relación de "uno a uno" debe terner para cada elemento de la izquierda un solo arco que lo una con un elemento de la derecha. Debe haber los mismos elementos a izquierda y derecha.
-La relación "Multiple" indica que para cada element de la columna izquierda puede haber uno o mas arcos que una con elementos de la columna derecha. Igaulmente algunos elementos de la columna derecha podria quedar sin enlazar.
+==== Tamaño de la letra ====
-=== Relaciones correctas ===
+Controla el tamaño de los [[es:help_items_content_area_select
-Al pulsar el botón ''Editar'' se abre una ventana emergente que permite seleccionar las relaciones correctas de forma interactiva.
+#textos]] de las etiquetas
-{{ es:manual:items:item-interactivo-emparejamiento-editor.png | }}
+==== Color de la línea ====
-Para establecer una relación hay que pulsar con el botón izquierdo del ratón sobre un elemento de la izquierda y manteniendo pulsado hasta llegar a un elemnto de la derecha. Para eliminar una relación hay que pulsar dos veces seguidas (//doble click//) sobre la línea que muestra la relación, y se borra.
+Establece el color que se usará para las líneas de emparejamiento. Este mismo color se usa para sombrear los elementos de las etiquetas que identifican los elementos.
-Al finalizar la edición de las relaciones se cierra el cuadro emergente pulsando sobre el aspa que aparece en la esquina superior derecha. La informacón sobre las relaciones se almacena temporalmente, pero no se guarda hasta que se pulsa el botón ''Guardar cambios''.
+==== Posición de las respuestas ====
-Si se modifican las columnas izquierda o derecha hay que volver a declarar las relaciones.
+Para definir la posición de las áreas de los elementos debe usarse un editor auxiliar, al que se accede pulsando el botón **Editar**.
-=== Color de la línea ===
+{{ es:manual:items:interactivos:xitems:item-interactivo-seleccionArea-multiple-editor.png | }}
-Establece el color que se usará para las líneas de emparejamiento. Este mismo color se usa para sombrear los elemetos de las columnas izquierda y derecha.
-=== Mantener el orden de las opciones ===
+Una ventana emergente muestra los [[es:help_items_content_area_select
-ESte campo indica si para el profesor es importante que los elementos de la izquierda y la derecha aparezcan exactamente en el mismo orden en el que se han escrito. En general, salvo que los elementos muestren una determinada sucesión, por ejemplo números o fechas, no será necesario mantener el orden y Siette presentará el ítem con un orden al azar que se establece fijo al crear el ítem.
+#textos]] correspondientes a las etiquetas, que el profesor debe definir usando el ratón. Para ello debe pulsar el ratón sobre la imagen y manteniéndolo pulsado dibujar un área, soltando al final para que se cierre. Una vez cerrada el área, debe establecer un enlace, mediante una recta o una poligonal, entre un punto interior del área y la etiqueta correspondiente. Las etiquetas pueden moverse sobre la imagen para distribuirlas adecuadamente.
-En realidad la ordenación de un item de emeparejamiento queda fijada al guardar y no es copletamente aleatoria, ya que siempre que se use este ítem la ordenación será la misma. La única manera de hacer que el ítem se muestre de forma diferente cada vez que se use es marcar el ítem como un ítem generativo señalando la opción ''javascript'' en el control [[es:help_items_advanced
+Las posiciones de las áreas se usarán como referencia para determinar si el alumno ha identificado bien la posición de cada elemento en la imagen. La posición de la etiqueta y la línea que une la etiqueta con el área se usará solamente para mostrar al alumno la solución correcta tras la [[es:manual:items:interactivos:xitems:seleccion_area#Evaluación de las preguntas de selección de área|evaluación]] en caso de que ese elemento no haya sido correctamente identificado, siempre y cuando el test este configurado para mostrar la solcuión.
-#Esquema de generación de preguntas]] de la pestaña [[es:help_items_advanced
-|Avanzado]]
-==== Intercambiar columnas izquierda y derecha  ====
-Este control permite indicar a Siette que al guardar la pregunta debe intercambiar las columnas izquierda y derecha. Es decir, que coloque en la columna izquierda sobre la que se hace la evaluación los elementos que en este formulario se han definido como columna derecha y viceversa.
-Este control es util por ejemplo si se quiere duplicar una pregunta pero proponerla de forma inversa. Por ejemplo, al trasponer la pregunta del ejemplo anterior se obtendría
+==== Textos  ====
+Este control sirve para definir los textos de las etiquetas que se usarán para identificar los elementos de la imagen. Pulsando los botones **+** y **-** situados a la derecha se puede aumentar o disminuir el número de elementos del ejercicio, hasta un máximo de 8 elementos. Si se deja solo un elemento, la pregunta se comporta de modo simple, es decir, mostrando solo un cursor. Cualquier modificación de los textos requiere una nueva edición de las [[es:help_items_content_area_select#Posición de las respuestas|posiciones de las áreas]].
-{{ es:manual:items:item-interactivo-emparejamiento-editor-tras.png | }}
 ==== Ayudas ====