Blog sobre educación

Categoría: eXeLearning

HACKeXe: cómo aumentar el poder de eXeLearning

Guías de eXeLearning hay muchas, comenzando por su completísimo manual oficial. Pero es más complicado buscar soluciones avanzadas, basadas casi siempre en código JavaScript, CSS o HTML, para conseguir cosas que de momento eXe no permite de serie, como puede ser hacer un índice automático de todo el proyecto, o la creación dinámica de un código QR que automáticamente lleve a la página donde se encuentra publicado para que los oyentes lo puedan abrir en su móvil, por ejemplo.

En estos casos lo habitual suele ser consultar con los expertos y eso pasa por lanzar la pregunta en el grupo Telegram de eXeLearning para que lo respondan usuarios con conocimientos avanzados e incluso los programadores encargados de las actualizaciones y puestas al día del programa.

De las consultas y sus soluciones en este grupo surgió la idea de irlas recopilando en una web, soluciones que hemos ido incrementando con aportaciones propias. A estos fragmentos de código que realizan tareas muy concretas les hemos llamado recursos, de los que actualmente cuenta con 40, aunque este número se va incrementando poco a poco.

Aunque sea muy brevemente, quiero justificar la elección de TiddlyWiki en lugar de eXeLearning para alojar estos recursos. TiddlyWiki, que también es software libre como eXeLearning, tiene una especial habilidad y sencillez para trabajar como una base de datos. El uso de etiquetas, permite crear estructuras lógicas de recursos que se pueden agrupar en menús de navegación, lo que hace muy sencillo catalogar un mismo recurso en varias categorías y hacer que podamos llegar a una misma solución desde puntos de partida distintos. Por ejemplo, hay un recurso de código que permite resaltar la ruta de la página actual en el menú de navegación y podremos llegar tanto desde el apartado Accesibilidad, como desde Menú de navegación.

Modo de uso de HACKeXe

Para ir a la aplicación deberemos ir a la dirección: https://hackexe.tiddlyhost.com. En el menú lateral derecho (o en la parte superior si accedemos desde un móvil) veremos su menú principal:

Menú principal de HACKeXe con la categoría Accesibilidad desplegada.

Veremos las categorías principales que podemos desplegar para ver las páginas que contienen pulsando sobre el símbolo >. También podremos abrirlas y encontraremos las mismas páginas.

Encima de este menú hay un potente buscador que podremos utilizar para ir directamente a algún tema particular. Este buscador no es sensible a las mayúsculas y minúsculas, pero sí lo es a los acentos. Por lo tanto, si la palabra está acentuada, deberemos incluir su tilde.

Descripción de algunos botones útiles

Con este botón situado sobre el buscador, copiaremos la dirección de todas las páginas abiertas en ese momento. Si deseamos compartir solo una de las páginas, utilizaremos el que hay a continuación.

Este botón aparece en cada una de las páginas abiertas y sirve para copiar su dirección. Si deseamos compartir un recurso determinado, este es el botón apropiado.

El doble círculo aparece en cada una de las páginas abiertas, cerrará todas las páginas excepto la actual.

La gran X que hay en cada página abierta hace el efecto contrario del botón anterior, cierra la página actual y deja las demás abiertas.

El botón con cuatro cruces, situado sobre el buscador, cierra todas las ventanas abiertas. Es útil cuando hemos abierto muchas para no tener que cerrarlas una a una.

Dónde introducir el código de los recursos

En cada uno de los recursos que encontraremos en HACKeXe se indica dónde puede colocarse, a veces en diferentes lugares según el alcance que deseemos. Hay una descripción de cómo introducir el código nada más abrir HACKeXe o pulsando en el enlace bajo el menú principal: ¿Dónde introducir el código?

Básicamente, irán en el HEAD o pie de la pestaña «propiedades» o en el mismo iDevice en el que estemos trabajando.

Códigos de elaboración propia

Todos los códigos que llevan la calificación de «elaboración propia» han sido creados con la ayuda de ChatGPT-4 y 4o.

Conclusión

HACKeXe se presenta como una herramienta innovadora y útil para todos los usuarios de eXeLearning que buscan llevar sus proyectos al siguiente nivel mediante la integración de soluciones avanzadas. La recopilación de recursos y fragmentos de código, cuidadosamente organizada y accesible a través de TiddlyWiki, facilita la implementación de funcionalidades que van más allá de las capacidades estándar de eXeLearning.

Esta plataforma no solo proporciona una solución práctica para problemas específicos, sino que también fomenta la colaboración y el intercambio de conocimientos entre la comunidad de usuarios y expertos, aprovechando la sinergia del grupo de Telegram de eXeLearning.

Invitamos a todos los interesados a explorar HACKeXe, a utilizar los recursos disponibles y a contribuir con sus propias soluciones y sugerencias. Juntos, podemos seguir ampliando las posibilidades de eXeLearning y mejorando la experiencia educativa para todos.

Para comenzar a aprovechar estas herramientas, visita HACKeXe y únete a nuestro grupo de Telegram para estar al tanto de las últimas actualizaciones y compartir tus propias ideas.

Aviso: El artículo ha sido íntegramente ideado y redactado por su autor, excepto el apartado «Conclusión» que ha sido elaborado por ChatGPT 4o.

Barra de accesibilidad de eXeLearning

eXeLearning es una herramienta destinada a la edición y generación de materiales didácticos. Permite incorporar diversos elementos como texto, imágenes, vídeos, sonidos, juegos, y una amplia gama de actividades interactivas, todo ello en formato de página web. Una vez finalizado, el contenido puede ser exportado y distribuido de múltiples maneras: se puede integrar en plataformas de aprendizaje como Moodle, mediante formatos web o SCORM; publicarse en un sitio web; almacenarse en un dispositivo USB para su transporte físico; o compartirse a través de correo electrónico o dispositivos móviles.

Aumentando la accesibilidad del material didáctico

Desde la versión 2.9 se ha incorporado una barra de accesibilidad que está basada en una barra anterior llamada BatexeGo, y que ha servido como base para integrarla dentro del programa.

Esta barra de accesibilidad ofrece una importante ayuda para las personas con discapacidad visual, ya que dispone de fuentes especialmente accesibles, por ejemplo, OpenDyslexic para personas con dislexia. También incluye la posibilidad de aumentar o disminuir su tamaño sin afectar al resto de la página, un lector en voz alta de texto y un traductor que, si bien no está activado por defecto, puede incorporarse muy fácilmente.

Añadir la barra de accesibilidad a nuestro proyecto

Desde el editor de eXe, con la opción Modo avanzado activado (en la parte superior derecha) debemos pulsar en la pestaña Propiedades > Exportar y allí encontraremos la opción para activarla.

Activación de la barra de accesibilidad desde la pestaña Exportar

Al guardar el proyecto aparecerá un botón en la parte inferior que da acceso a la barra:

Al pulsar sobre este botón obtendremos:

Un cuadro desplegable permite seleccionar entre las tipografías accesibles y especialmente indicadas para personas con problemas visuales:

  • OpenDyslexic
  • Atkinson Hyperlegible
  • Montserrat

Los botones A+ y A- sirven par aumentar y disminuir el tamaño de la tipografía.

El botón con un altavoz y documento lee en voz alta el texto seleccionado.

Traductor de texto

BatexeGo lleva integrado por defecto el traductor de Google, pero debido a la política de privacidad de eXeLearning aquí se ha decidido no incluirlo de forma predeterminada, aunque afortunadamente es muy sencillo añadirlo.

Para activar el traductor debemos seguir los siguientes pasos:

  1. Primero nos aseguraremos que está activada la opción: Modo avanzado, que está en la parte superior derecha del editor.
  2. Pulsar en la pestaña Propiedades (subpestaña Paquete).
  3. En la sección Opciones avanzadas > Personaliza la opción HEAD pegamos el código: <script>$exe.options.atools.translator=true</script>
  4. Guardamos el proyecto y nos aparecerá la barra completa:

Al pulsar el botón para traducir el texto, aparecerá la barra de Google completa en la parte superior:

o bien, un pequeño menú desplegable en la esquina superior derecha para seleccionar el idioma de la traducción:

Pulsando de nuevo el botón de traducción desaparecerá cualquiera de estas barras.

Traducir proyectos completos

Un aspecto muy interesante de la traducción es que puede traducirse un proyecto completo de eXeLearning en tiempo récord, simplemente eligiendo el idioma, abriendo el iDevice que deseamos traducir y, cuando veamos que se ha traducido, lo cerramos, de este modo queda traducido de forma permanente.

Simplemente abriendo y cerrando iDevices con la barra de Google activada, podremos traducir proyectos completos, aunque hay que tener en cuenta que los títulos de los iDevices y los nombres de las páginas (nodos) no se traducen, en estos dos casos deberemos hacerlo manualmente.

Probar la barra de accesibilidad

Puedes examinar esta página donde la verás abajo a la izquierda, cambia la fuente, tamaño, traduce y lee sin reparos.

© 2024 Bilateria

Tema por Anders NorenArriba ↑