es:manual:items:interactivos:evaluacion
Diferencias
Muestra las diferencias entre dos versiones de la página.
Próxima revisión | Revisión previa | ||
es:manual:items:interactivos:evaluacion [2021/06/12 17:07] – creado root | es:manual:items:interactivos:evaluacion [2023/02/19 10:02] (actual) – root | ||
---|---|---|---|
Línea 1: | Línea 1: | ||
- | sdfsadf | + | ===== Interacción con Javascript ===== |
+ | |||
+ | Actualmente la manera mas habitual de que una pagina web tenga cierta interacción con el usuario es mediante la incorporación de programas escritos en el lenguaje [[wp> | ||
+ | |||
+ | Para crear un item interactivo es necesario definir como base un [[es: | ||
+ | |||
+ | {{ es: | ||
+ | |||
+ | En este ejemplo el alumno debe seleccionar de una lista de nombre y apellidos de físicos famosos, el nombre y apellidos del autor de la teoría de la relatividad. El interfaz de previsualización muestra el ejemplo de respuesta correcta. El código correspondiente a esta pregunta es es siguiente: | ||
+ | |||
+ | <code html> | ||
+ | Seleccione los valores adecuados para obtener el nombre del | ||
+ | científico que propuso la teoría de la relatividad< | ||
+ | < | ||
+ | <select name=" | ||
+ | <option value=""></ | ||
+ | <option value=" | ||
+ | <option value=" | ||
+ | <option value=" | ||
+ | <option value=" | ||
+ | </ | ||
+ | <select name=" | ||
+ | <option value=""></ | ||
+ | <option value=" | ||
+ | <option value=" | ||
+ | <option value=" | ||
+ | <option value=" | ||
+ | </ | ||
+ | <span id=' | ||
+ | <div id=' | ||
+ | </ | ||
+ | </ | ||
+ | |||
+ | ==== Función evaluación ==== | ||
+ | |||
+ | Para que este ítem funcione, el profesor (diseñador del ítem) debe proporcionar una función que tras la interacción del usuario responda como si lo hiciera el alumno en un campo de texto, es decir, debe concatenar el nombre y el apellido y devolverlo como respuesta. Para ello debe incluir en el enunciado la función '' | ||
+ | |||
+ | <code javascript> | ||
+ | | ||
+ | var cnombre = document.getElementById(" | ||
+ | var capellido = document.getElementById(" | ||
+ | var respuesta = cnombre.value + " " + capellido.value; | ||
+ | | ||
+ | } | ||
+ | </ | ||
+ | |||
+ | En el editor, en la pestaña [[Avanzado]] debe indicarse a Siette que se trata de un [[ítem interactivo]] con javascript, lo que hace Siette no incluya el campo de texto para la respuesta y que cuando se pulse el botón de '' | ||
+ | |||
+ | Una vez hecho esto, Siette procede como si se tratase de cualquier otro ítem de respuesta libre, intentando encajar con el patrón de respuesta que se haya introducido para determinar si la respuesta es o no correcta. En el ejemplo anterior, y puesto que solo hay las posibles combinaciones de respuesta dadas por la interfaz de respuesta, puede usarse un simple [[patrón de correspondencia]]. Al igual que en cualquier otra pregunta, Siette vuelve a cargar la pregunta y muestra la respuesta del alumno y la corrección: | ||
+ | |||
+ | {{ es: | ||
+ | |||
+ | ==== Función resolver ==== | ||
+ | |||
+ | Dependiendo del tipo de ítem interactivo, | ||
+ | |||
+ | En estos casos, de cara a mejorar la interfaz, la respuesta del alumno se vuelve a pasar al ítem cuando se está mostrando la corrección, | ||
+ | |||
+ | <code javascript> | ||
+ | | ||
+ | var cnombre = document.getElementById(" | ||
+ | var capellido = document.getElementById(" | ||
+ | var elem = respuesta.split(" | ||
+ | cnombre.value = elem[0]; | ||
+ | capellido.value = elem[1]; | ||
+ | corregir = document.getElementById(" | ||
+ | if (correccion) { | ||
+ | corregir.innerHTML= '&# | ||
+ | } else { | ||
+ | corregir.innerHTML= '&# | ||
+ | } | ||
+ | return false; | ||
+ | } | ||
+ | </ | ||
+ | |||
+ | Esta funcion recibe dos parámetros '' | ||
+ | |||
+ | {{ es: | ||
+ | |||
+ | Siette llama a la función '' | ||
+ | |||
+ | Si el ítem considera que la acción realizada por la funcion '' | ||
+ | |||
+ | {{ es: | ||
+ | |||
+ | ==== Función solucion ==== | ||
+ | |||
+ | Otra función similar a la anterior es la función '' | ||
+ | |||
+ | Siette es capaz de mostrar la respuesta correcta de una pregunta de respuesta libre usando para ello el campo '' | ||
+ | |||
+ | La función '' | ||
+ | |||
+ | <code javascript> | ||
+ | | ||
+ | correccion = document.getElementById(" | ||
+ | if (correccion == 0x274C ) { | ||
+ | document.getElementById(" | ||
+ | '&# | ||
+ | } | ||
+ | return false; | ||
+ | } | ||
+ | </ | ||
+ | En este caso la función muestra la solución como una cadena de texto precedida de un caracter que indica que esta era la respuesta correcta. Nótese que la función puede recuperar indirectamente el valor de la corrección, | ||
+ | |||
+ | {{ es: | ||
+ | |||
+ | La funcion '' | ||
+ | |||
+ | {{ es: | ||
+ | |||
+ | Una práctica frecuente es dejar inicialmente '' | ||
+ | |||
+ | ==== Función uploadFile ==== | ||
+ | |||
+ | En ocasiones, el ítem extendido requiere guardar una representación de la interacción con el alumno para poder volver a mostrarla. Normalmente basta con almacenar la respuesta devuelta por la [[#funcion evaluacion()]], | ||
+ | |||
+ | La representación de las interaciones depende del tipo de pregunta, por lo que el formato del fichero a guardar no se especifica, simplemente basta con que sea legible y reproducible por el mismo programa que lo generó. | ||
+ | |||
+ | Por ejemplo, si una pregunta interactiva requiere que el alumno trace una línea siguiendo una determinada línea de puntos: | ||
+ | |||
+ | {{ es: | ||
+ | |||
+ | la [[#función evaluacion()]] puede devolver ciertos valores como el tiempo que ha tardado en completar el trazo, las veces que se ha salido de un cierto umbral, el número de veces que ha levantado el trazo, etc. pero se requiere un fichero detalla do en XML para poder reproducir las acciones exactas del alumno: | ||
+ | |||
+ | <code xml> | ||
+ | <?xml version=" | ||
+ | <session pupil="" | ||
+ | < | ||
+ | < | ||
+ | < | ||
+ | < | ||
+ | <vertex x=" | ||
+ | <vertex x=" | ||
+ | <vertex x=" | ||
+ | <vertex x=" | ||
+ | .... | ||
+ | </ | ||
+ | |||
+ | La función '' | ||
+ | |Preguntas]]. La [[#función evaluación()]] recopilará la información necesaria e incluirá una llamada a esta función. | ||
+ | |||
+ | ==== Función downloadFile ==== | ||
+ | |||
+ | Cuando el ítem ha enviado un fichero mediante la [[#función uploadFile()]] el fichero se almacena en el [[es: | ||
+ | |||
+ | ==== Función RespuestaActiva ==== | ||
+ | La función '' | ||
+ | |||
+ | |||
+ | ==== Función RespuestaPasiva ==== | ||
+ | Esta función es en realidad la función a la que Siete llama cuando el alumno pulsa el botón '' | ||
+ | |||
+ | Normalmente esta función no debe usarse directamente. Use la [[#funcion evaluacion()]]. | ||
+ | |||
+ |
es/manual/items/interactivos/evaluacion.1623517671.txt.gz · Última modificación: 2021/06/12 17:07 por root