Hasta ahora cuando pegamos notas machaca todo lo que hubiese previamente en las casillas de las notas, es el funcionamiento esperado. Pero había un caso especial que no tenía en cuenta, y es los alumnos que tienen "PC" es decir que no podemos evaluar hasta el momento en el que tengan aprobada la materia "llave" de primero de bachillerato y por tanto estan "Pendientes de Calificación", a partir de ahora, cuando peguemos notas las casillas que ya tengan un "PC" no se modificarán. Y seguirán manteniendo su "PC"

<script type="text/javascript">document.addEventListener('DOMContentLoaded', function() {
const navList = document.querySelector('#siteNav ul');
const newListItem = document.createElement('li');
const newLink = document.createElement('a');
newLink.href = 'https://lapaginaweb.que.quieras.com';
newLink.textContent = 'INICIO o el texto que tu quieras';
//newLink.style.setProperty('background-color', 'red', 'important');
newListItem.appendChild(newLink);
navList.insertBefore(newListItem, navList.firstChild);
});</script>

con ese código el elemento será el primero del menú, si queréis que sea el último, cambiar el "insertBefore" que hay casi al final por "appendChild"

Tambien podéis hacer que ese elemento del menú simplemente quitando las // que hay en la linea "//newLink.style.setProperty('background-color', 'red', 'important');" y cambiando "red" por el color que queráis podéis usar cualquier color hexadecimal como #496691 si buscais ese mismo color en google os aparecerá un selector para elegir el color deseado y reemplazarlo.

En esta nueva versión del Coloreador de Séneca, veréis dos nuevos botones dentro de la pantalla de Evaluación.

Pegar Notas: Esta funcionalidad, añadida a petición de mi compañero del IPEP Córdoba Joaquín Mesa tiene como objetivo traspasar las notas de una columna de LibreOffice Calc (o MS Excel) a la pantalla del Calificador de Séneca. Para ello simplemente tenemos que (1) seleccionar la columna con las notas en la hoja de cálculo, pulsar en el icono de copiar (O pulsar Ctr+C) y pulsar en el botón (2) Pegar Notas El número de notas seleccionadas debe coincidir exactamente con el número de "alumnos calificables" cuidado porque puede haber más alumnos en la pantalla que "alumnos calificables" como pasa en el ejemplo que tenéis justo debajo. A continuación explico algunas particularidades de este pegado

Si la nota es entre 0 y 10 se pegara directamente, si es un decimal se redondeará matemáticamente. Un 6.5 es un 7 y un 6.49 es un 6. Si el texto copiado es un NP o PC se pegará tal cual en la casilla correspondiente. Si el número es menor a 0, mayor de 10 o es cualquier texto diferente de NP y PC se dejará la casilla en blanco. Cuidado porque si tenéis una pantalla como en el ejemplo de abajo, el primer número se pegará en el primer "alumno calificable". Abajo podéis ver en este ejemplo como se pegarían los 4 primeros número copiados de la hoja de cálculo. Por supuesto esta función esta pensada para trabajan con una sola columna de materia, no con varias, y para pegar exactamente el mismo número de notas que alumnos hay calificables. Por otro lado una vez pegadas las calificaciones HACED SIEMPRE UNA REVISIÓN A MANO, la evaluación es un proceso muy delicado y un cambio de nota de un alumno a otro puede generar un enorme perjuicio a la persona que esta siendo evaluada.

Copiar Estadísticas: Este nuevo botón (1) pega la tabla de estadísticas (2) para que puedas pegarla en una hoja de cálculo y trabajar cómodamente con dichos datos.

Aquí tenéis el artículo

• Alumnado con costumbres de estudio en papel, subrayado, anotaciones, etc...
• Aunque se añada mucho contenido multimedia, gran parte sigue siendo texto, y en la lectura de texto el papel y la tinta electrónica siguen siendo los reyes.
• Nuestro alumnado aprovecha en muchos casos momentos en los que trabajar con un ordenador es imposible (desplazamientos en transporte público al trabajo, ratos muertos en colas de espera de médicos, etc...)
• Mucho de nuestro alumnado no dispone de ordenador portátil en casa, y el trabajo con dispositivos móviles de forma continuada no es adecuado y no tiene buen resultado.

Así surgió la idea de transformar nuestros materiales de eXeLearning con elementos interactivos y multimedia en un sistema "hibrido". Una serie de apuntes en papel al estilo de un libro de texto, pero cuyos elementos incrustados (videos, genially, H5P, etc...) sean transformados en un código QR. Así el alumno podrá trabajar con su "libro" impreso y con su dispositivo móvil ampliar información o realizar las actividades multimedia que se le plantean, para luego seguir con su "libro". Los QR irán acompañados de un número que permitirá al alumnado identificar el enlace al que se refiere cada QR en parrafos donde haya más de un enlace, los números son únicos en el documento, por lo que el alumnado podría indicarnos errores en determinado QR e identificarlo facilmente, o nosotros poder referirnos a él de una forma sencilla "Acceder al QR 43". Así queda la transformación:

En la transformación podéis encontrar saltos de número en los QR es decir, ver los QR 1,2,3 y el siguiente puede ser el 40 y luego de nuevo 4,5,6... es consecuencia de la forma que tiene el programa de rastrear los enlaces y cambiarlos por QR. Si queréis más información podéis leer al final del post.

El funcionamiento de la aplicación es muy simple. A continuación vamos a verlo en detalle, pero si lo prefieres también tenéis una explicación en video.

1. Hacemos una exportación como "Página html única"

2. Debemos acceder a la web de la aplicación: https://ipepcordoba.com/d/enlaces_a_qr/

3. Opcional Si nuestra web tiene elementos incrustados (un pdf, un h5p incrustado como un archivo html a partir de Lumi, un audio mp3 incrustado, etc...) para que el alumnado pueda visualizarlos al escanear el QR, dichos elementos deben estar publicados, debéis publicarlos en un servidor (procomun por ejemplo) y pasar dicha URL al programa, si no tenéis ese tipo de material (solo usáis enlaces, videos incrustados de Youtube, Genially, h5p alojados en h5p.org o blosaverroes, etc...), podéis saltaros este paso y no indicar nada en ese campo. Esta dirección URL tiene que terminar siempre en / y si no la tiene (como en procomún) añadirla. Mucho cuidado con copiar enlaces de este tipo (https://materiales.ipepcordoba.com/informatica/TIYC2/seguridad/sda3_seguridad_informatica/5_seguridad_en_las_redes.html) en este caso lo que sobra es todo lo que hay después de la última / ya que esta enlazando a una página concreta del material, y necesitamos la dirección base, que sería (https://materiales.ipepcordoba.com/informatica/TIYC2/seguridad/sda3_seguridad_informatica/):

4. Acceder a la carpeta donde hemos exportado el material como "Página html única", localizar el archivo "index.html" aparecerá un botón con el lema "Descargar archivo modificado" nos descargará en nuestro ordenador un archivo de nombre, index_impresion.html Llevamos dicho archivo a la carpeta con el material exportado, de donde hemos arrastrado el archivo "index.html".

5. Opcional, pero muy recomendable. Nos descargamos los archivos "content.css" y "udl-content.css" de la aplicación y arrastramos dichos archivos a la carpeta con nuestro material exportado, de donde hemos extraido el "index.html". Esto hará que posteriormente la impresión tenga las siguientes mejoras:

• Si tenemos iDevice DUA con varios bloques de contenido, nos aparecerá el nombre del botón que despliega dicho contenido y además no nos dejará un espacio en blanco de varias lineas de extensión entre bloques de contenido.
• Los enlaces no irán acompañados de su URL, eso ya no tiene sentido al tener los QR ya impresos.

6. Abrimos el archivo "index_impresion.html" y una vez lo visualicemos pulsamos en nuestro navegador Menú -> Imprimir (Ctrl + P). Y elegimos la impresora PDF de nuestro sistema. Antes de imprimir, podemos ajustar el Zoom de la página para ajustar el contenido y mejorar la visualización, saltos de página y aprovechar mejor el papel. Por las pruebas que yo he hecho un valor entre 70-80 da buenos resultados. Lo mejor probar varios valores de zoom, imprimir un par de página y ajustar.

7. Opcional Al imprimir y probar los QR si véis que son muy grandes, o muy pequeños y cuesta escanearlos, podéis ajustar su tamaño, simplemente pulsando en la opción "Más opciones"

Y ajustar los tamaños antes de arrastrar el archivo index.html

• El primer valor indica el tamaño del QR en pixeles.
• El segundo el tamaño del número que acompaña al QR
• El tercero el tamaño del subindice que el programa añade a los enlaces
• y el cuarto es una opción por la cual, si has usado la "Dirección del material publicado" el programa añade un QR a dicha dirección al principio del documento, al final o no lo añade.

Yo he dejado unos valores que en mis pruebas han funcionado bien, pero como hay mucha diversidad de materiales, alumnado y necesidades, he dejado esos controles para poder ajustarlos.

8. Opcional Yo os recomiendo que una vez generado el archivo PDF, lo paséis a Word, por ejemplo en ILovePDF y ajustéis en LibreOffice o Word el archivo generado, saltos de página, espacios en blanco, etc.

¿Qué enlaces cambia por QR la aplicación?
Puede que véais enlaces que no han sido cambiados por QR, como digo la aplicación ha sido creada pensando especificamente en los materiales generados con eXeLearning, y por tanto buscará enlaces dentro de parrafos (etiquetas <p>), dentro de listas (<ol> y <ul>) y dentro de etiquetas <span> (este último añadido específicamente para tratar bien las fichas de LiveWorkSheet integradas en nuestros elp. Así veréis como los pie de imagenes o vídeos no se generan QR (no son útiles en un material impreso y añadirían "basura" al pdf resultante) ni tampoco se generan enlaces en los enlaces de comprimir iDevice, exelearning.net, etc...

https://materiales.ipepcordoba.com/general/Elaboracion_materiales/exelearning_modificado.html

También puede ser interesante para aquellos que quieran crearse su propia versión de eXeLearning, adaptando el editor de texto a sus necesidades.

y ese mismo contenido al imprimirse, se puede ver que los títulos de los botones de contenidos no se muestran, no se ve ningún texto, por lo que como se haga un uso intensivo de esta interesante características del iDevice DUA, el alumnado va a tener un documento pdf (que para nuestro alumnado adulto es muy interesante y solicitado) donde falta información.

Gracias a una productiva conversación con ChatGPT me ha modificado el archivo udl-content.css que es el que tenía el problema y ya se visualiza así, una de las directivas CSS es una autentica chapuza con un "-80px" esa no me la ha dado ChatGPT, pero no encontraba otra forma para que no quedase un espacio en blanco desde el titulo del bloque hasta el contenido, quedaba así:

y con esa directiva y un par de ellas para decorar los títulos de los botones queda ya así:

Si tenéis el mismo problema, aquí tenéis el archivo udl-content.css. Tenéis que cambiarlo en vuestra instalación de eXeLearning.
- Windows: C:\Users\usuario\AppData\Roaming\exe\scripts\idevices\udl-content\export
- Linux: /usr/share/exe/scripts/idevices/udl-content/export
- MacOS: /Aplicaciones/exe.app/Contents/Resources/exe/vscripts/idevices/udl-content/export (No confirmado, no tengo MacOS)
De esa forma cuando exportéis cualquier material de eXeLearning, ya tendréis el archivo css con la modificación. Sino también podéis cambiar dicho archivo udl-content.css en cada exportación que hagáis. Si es un SCORM o webzip abrís el archivo comprimido y sustituís el udl-content.css que tenga dentro por el modificado.

He probado con un material con todos los iconos posibles y un botón de texto y ha funcionado bien, aunque seguramente haya algo que se me haya pasado y en algún caso se superpondrá el texto de un contenido con el anterior, o algo parecido, pero por ahora para mi uso, funciona bien.