¡Esta es una revisión vieja del documento!
Preguntas interactivas compuestas
Las preguntas compuestas tambien pueden ser interactivas (o viceversa). El motivo para que una pregunta interactiva tenga como base una pregunta compuesta es poder llevar a cabo dos evaluaciones completamente diferentes de la respuesta del alumno.1).
Ejemplo
Por ejemplo, la siguiente pregunta compuesta requiere que el alumno usando el ratón selecione y mueva las imagenes de unos cuadros a un área situandolas en orden.
Para ello se ha definido una pregunta interactiva compuesta en cuyo enunciado se ha implementado la interactividad mediante una pregunta generativa en JSP para seleccionar aleatoriamente las imagenes (no se muestra el código para simplificar) y código en jQuery:
<script src="https://code.jquery.com/jquery-1.12.4.js"></script> <script src="https://code.jquery.com/ui/1.12.1/jquery-ui.js"></script> Selecciona de entre estos cuadros y ordena cronologicamente aquellos correspondientes a PINTORES ESPAÑOLES de izquierda (mas antiguo) a derecha (mas reciente)<br/><br/> <% --- %> Selecciona de entre estos cuadros y ordena cronologicamente aquellos correspondientes a PINTORES ESPAÑOLES de izquierda (mas antiguo) a derecha (mas reciente)<br/><br/> <center> <ul id="sortable1" class="connectedSortable"> </ul> <ul id="sortable2" class="connectedSortable"> <% for(int i = 1; i <= n ; i++) { %> <li class="ui-state-default" id="li-<%= i %>"> <img class="img-responsive" country="<%= country[i-1].intValue() %>" src="<%= image[i-1] %>" height="150" style="cursor:move;" name="<%= name[i-1] %>" id ="<%= name[i-1] %>" > </li> <% } %> </ul> </center> <script language="javascript"> var limiteItems = 4; $( function() { $( "#sortable1, #sortable2" ).sortable({ connectWith: ".connectedSortable", receive: function(event, ui) { if ($(this).attr('id') == "sortable1" && $(this).children().length > limiteItems ) { $(ui.sender).sortable('cancel'); } } }).disableSelection(); }); </script> <style> #sortable1{ height: 156px; } #sortable2{ height: 312px; } #sortable1, #sortable2 { list-style-type: none; margin: 0; padding: 0; width: 100%; border: 1px solid #c6c6c6; margin-bottom: 10px; } #sortable1 li, #sortable2 li { margin: 3px; float: left; font-size: 4em; text-align: center; max-height: 150px; } #sortable1 li img, #sortable2 li img { max-height: 150px; } </style>
Se comprobarán dos cosas, cada una en la correspondiente subpregunta: (1) Que haya seleccionado las 3 imagenes de pinturas de autores españoles; y (2) Que las imagenes estén ordenadas siguiendo un orden cronológico.
Cuando la pregunta se presenta al alumno, solo se mostrará la parte correspondiente al enunciado de la pregunta cabecera