buscar Buscar en RED Descartes    

El nuevo juego 10x10 (II)

Siguiendo con la serie dedicada a la reforma del juego didáctico 10x10 en particular y de los juegos del Proyecto AJDA en general, nos centraremos en esta ocasión en la estructura del nuevo menú superior desplegable del juego.

Este menú puede plegarse o desplegarse a voluntad utilizado el botón inferior para realizar esta función.

 
Inicialmente el emú aparece desplegado y se pliega automáticamente tras unos segundos, salvo que se use dicho menú. 
 
De izquierda a derecha encontramos los siguientes controles:
 
Chincheta. Permite que el menú se pliegue de forma automática cuando la "chincheta" no esté pichada que haya que plegarlo pulsando el botón de plegar si lo está. 
Menú de reinicio. Contiene un submenú desplegable con tres opciones, cuyas funciones son de arriba a abajo: reiniciar el juego desde cero, reiniciar al juego manteniendo la configuración inicial actual y pudiendo modificarla y por último reiniciar el juego partiendo de la configuración inicial de un juego previamente guardada.
 
 
Menú de guardar. Despliega un submenú con dos opciones: guardar el estado completo de la partida (para que pueda ser continuada en otra ocasión) y guardar en un fichero de texto el  marcador y los datos más relevantes de la partida. 
 
Permite continuar otra partida previamente guardada seleccionando el fichero en el que se guardó.
Reinicia la partida conservando los datos de configuración inicial de la misma.
 
Permite modificar los datos de configuración inicial de una partida durante la misma.
 
Abre una ventana con las reglas del juego.
 
Abre el submenú de selección de idioma de la interfaz del juego.
 
 
Activa y desactiva los efectos sonoros del juego.
 

Activa y desactiva la función de pantana completa del navegador.

Hace que el juego se ajuste a la ventana completa del navegador.
  
Permite parar/activar el tiempo o animación del juego, en caso de que el juego disponga de ella.
 
Despliega el submenú que regula la velocidad de animación del juego, en caso de que el juego disponga de ésta.

Enlace a la web principal del Proyecto AJDA. En dicho portal se puede seleccionar cualquier otro juego del Proyecto.
 
Cierra la pantalla del navegador del juego.
 
 
Ante cualquier acción que implique abandonar la partida, se pedirá confirmación de la misma.
 

Como se hizo. Carga de idioma por defecto

Por cuestiones de seguridad informática, los navegadores no permiten la lectura directa, es decir, a través de código de programación, de ficheros alojados en el equipo local del usuario.

Los juegos didácticos del Proyecto AJDA cargan el idioma de la interfaz de ficheros de texto (hay un fichero .txt para cada idioma). Cuando el juego se ejecuta desde la web de AJDA (a través de Internet) no hay problema ya que los ficheros de idioma se cargan desde el servidor web y el navegador lo permite sin problema. Sin embargo, cuando los juegos se ejecutan directamente desde el equipo local del usuario, los navegadores no permiten la carga de los ficheros de idiomas por las mencionadas cuestiones de seguridad.

Si no se carga la interfaz, el juego no puede utilizarse directamente desde el ordenador del cliente. Para solucionar este problema, los juegos se han diseñado para que el fichero de idioma por defecto (esp.txt), se cargue de forma automática al principio del juego desde la web del Proyecto ADJA, utilizando las tecnologías AJAX, tal y como comentamos a continuación.

En la cabecera de cada juego, entre las etiquetas <head> y </head>, se introduce el siguiente código javascript que comentamos a continuación:

<script>

var nombreJuego = "Nombre del fichero que contiene el juego";
var idm;

function leerIdioma(urlIDM)
{
var xmlhttp = new XMLHttpRequest();
xmlhttp.onreadystatechange = function()
     {
    if ( xmlhttp.readyState == 4 && xmlhttp.status==200 )
           {  
idm = xmlhttp.responseText;
 
      window.addEventListener("load", function(evt) 
                     {
        window.postMessage({
          type: "set",
            name: "IDMDEFECTO",
              value: idm
     }, '*');
        window.postMessage({
            type: "update"
        }, '*');
      });
        }
}
xmlhttp.open("POST", urlIDM, false);
xmlhttp.send(); 
}
var urlIDM = servidor  + rutaJuegosPrefijo + nombreJuego + rutaIdioma;
leerIdioma(urlIDM);

</script>
  • Las variables: urlIDM, servidor, rutaJuegosPrefijo, nombreJuego, rutaIdioma, sirven para indicar la ruta completa en la que se encuentra el fichero de idioma por defecto dentro de la web del Proyecto AJDA.
  • La llamada a la función leerIdioma(urlIDM) se realiza después de ser definida, por lo que se ejecuta automáticamente, pasándole como parámetro la variable que contiene la ruta del fichero de idioma que se encuentra en la web de AJDA (urlIDM).
  • La leerIdioma(urlIDM) es la que se encarga de traer los datos del fichero de idioma por defecto a través de las tecnología AJAX y su funcionamiento es el siguiente:
    • Primero se crea el objeto javascript XMLHttpRequest(), que permite traer información de una URL en segundo plano (puede traer datos de otra web).
    • Después se indica que cada vez que cambie el estado de la propiedad readyState (estado de la llamada a la información pedida) por el objeto XMLHttpRequest(), a través del evento onreadystatechange, se ejecute la siguiente función (ver siguiente punto).
    • La función en primer lugar comprueba que la respuesta es completa (xmlhttp.readyState ==4) y correcta (xmlhttp.status==200). En caso de serlo se introduce en la variable idm los datos recibidos en el objeto xmlhttp en formato texto (.responseText).
    • A continuación se desencadena un evento window.addEventListener, que pasa el valor de la variable idm a la variable IDMDEFECTO y envía el valor de IDMDEFECTO a la escena del juego que está en la misma página, en su parte <body>, a través de la instrucción  window.postMessage (que tiene el formato indicado en el código).
    • Por último se indica la forma de comunicación: método (GET/POST), dirección URL y sincronicidad (true/false, false indica que se haga de forma síncrona) (xmlhttp.open("POST", urlIDM, false))a través de la cual se van a enviar los datos solicitados y se ordena su envío (xmlhttp.send()).
En la parte del juego, al comenzar este se ordena ejecutar automáticamente la función: FICHEROIDIOMA(), que es un algoritmo que realiza lo siguiente:
  • Introduce el valor de IDMDEFECTO en la variable cadena3b (cadena3b=IDMDEFECTO).
  • Crea la variable cadena3 que lo que hace es preparar la variable cadena3b para que pueda ser transformada en un vector (cadena3='<IDM>\n'+cadena3b+'</IDM>').
  • Convierte la variable cadena3 en el vector IDM (_StrToVector_(cadena3,'IDM')).
A partir de este momento, los valores del vector IDM (IDM[0], IDM[1], IDM[2]... ), pueden ser usados en los nombres de los controles y textos de la interfaz del juego.

Planifica el curso académico 2022-2023 con el Proyecto AJDA. Portal "Alquimistas"

Para este curso 2022-2023, presentamos el portal "Alquimistas", dado que sus juegos que se pueden desarrollar de forma dilatada a lo largo de todo el curso y que se puede utilizar para trabajar temas curriculares o de otra naturaleza, como los temas transversales, convivencia, tutoría... A continuación presentamos este nuevo portal y los recursos que contiene.

"Alquimistas" es de un juego de estrategia, motivación y seguimiento ambientado en una Escuela de Alquimia medieval con tintes mágicos, dirigida por el “Amo del Calabozo”. Consta de dos partes, siendo la segunda una ampliación de la primera, por ello, hemos confeccionado un portal dentro del Proyecto AJDA dedicado a estos juegos, en el que se incluye: 

  • Introducción.
  • Presentaciones de ambos juegos en pdf y mp4.
  • Reglas de juego.
  • Tutoriales explicativos de su uso en formato mp4.

Además de presentarlos conjuntamente para ayudar y facilitar las experiencias de gamificación con los mismos, se han introducido una serie de mejoras que comentamos a continuación:

  • Compatibilización de partidas entre ambos juegos, de forma que las partidas iniciadas en cualquiera de los dos puedan ser continuadas en el otro.
  • Inclusión de la barra de navegación superior plegable.
  • Perfeccionamiento del sistema de selección de ficheros de preguntas.
  • Inclusión de nuevas funcionalidades para la selección de las preguntas de los ficheros.
  • Realización de retoques estéticos y de presentación.

La versatilidad y adaptabilidad de estos recursos permite desarrollar metodologías activas a corto, medio o largo plazo a través del Aprendizaje Basado en Juegos y de la Gamificación. Para ello es muy importante planificar adecuadamente las actuaciones que se quieran realizar, llevar una dinámica adaptada al grupo de participantes y evaluar el desarrollo de las mismas para poder introducir las mejoras que se estimen necesarias. 

Finalmente comentar que las actividades llevadas a cabo con "Alquimistas" han sido ampliamente satisfactorias, por lo que ponemos estos recursos a disposición de todos los interesados, confiando en que les sirvan para mejorar su práctica educativa.

 

El nuevo juego 10x10 (I)

El primer juego didáctico que se realizó dentro del Proyecto AJDA fue una versión del programa de TV ¿Quién quiere ser millonario?, allá por el año 2007, llamada 10x10, ya que había que conseguir 10 puntos contestado a 10 preguntas, siguiendo la dinámica del popular concurso.

Este juego ha sido elegido como punta de lanza para realizar una ambiciosa potenciación de los juegos del Proyecto AJDA, mejorando su programación, funcionalidades y estilos. Por ello, el presente artículo va a ser el primero de una serie en la que se van a ir tratando y detallando los elementos y cambios introducidos. En esta primera publicación de la secuencia vamos a presentar de forma general las mejoras introducidas y en los siguientes las iremos desgranando. La relación de novedades es la siguiente:

  • Nuevo menú superior desplegable.
 
  • Nueva interfaz de introducción de parámetros de configuración de la partida.
  • Rediseño de la pantalla para la introducción de ficheros de contenidos para juegos.
  • Unificación en un sólo juego de todas las modalidades del mismo (modalidad con preguntas en ficheros, preguntas orales, sin preguntas...).
  • Mejora integral de la presentación y estilos.
  • Utilización de un diseño "Responsive".
  • Perfeccionamiento del sistema de carga de los ficheros de preguntas.
  • Potenciación de la interfaz traductora.
  • Mejora en el código de programación y adaptación a la última versión de DescartesJS.
  • Implementación de nuevas funcionalidades: guardado de configuración y partida, continuación de partidas, control de velocidad de animación, nuevos elementos de navegación y visualización, etc.
  • Introducción de otros elementos y detalles.

Finalmente dejamos el enlace del nuevo juego 10x10 y emplazamos a seguir la serie de artículos que comenzamos.

Proyecto de investigación en AJDA (IV)

En este artículo cometamos las principales actuaciones que se están desarrollando dentro del Proyecto de Investigación que llevan conjuntamente el departamento de Ingeniería Telemática de la ETSI de la Universidad de Sevilla y el Proyecto AJDA durante el curso 2021-2022.

Los Trabajos Fin de Grado en que están actualmente en desarrollo son los siguientes:

  • Módulo de administración general.
  • Módulo de comunicación síncrona con juegos.
  • Módulo de generación y administración de ficheros de preguntas.
  • Módulo de LTI.
  • Módulo de realización de estadísticas.
  • Investigación sobre el estado del arte sobre gamificación on-line y propuesta de validación.
Las mejoras en las herramientas para desarrolladores son:
  • Realización de documentación para el desarrollo de Proyectos.
  • Generación de un cuerpo común de bibliografía.
  • Actualización de la guía para desarrolladores.
  • Mejora de la plataforma de gestión común para desarrolladores.
  • Puesta a punto del entorno común para desarrolladores con todas las partes del Proyecto.
  • Puesta a punto de un servidor en la nube con todas las partes del Proyecto.
  • Unificación funcional de todos los módulos del Proyecto.
  • Unificación de estilos/tecnologías del proyecto integrado y desarrollo de mejora de funcionalidades.
  • Mejora en la interfaz del comunicación de los juegos seleccionados.
  • Mejora en la interfaz del comunicación de los juegos seleccionados.
El objetivo de este Proyecto de Investigación es integrar en los juegos del Proyecto AJDA las tecnologías de las telecomunicaciones para permitir mejoras sensibles con la puesta en práctica de las actividades de gamificación en distintos ámbitos y entornos.
 
Página 5 de 16

SiteLock

Módulo de Búsqueda

Palabras Clave

Título

Categoría

Etiqueta

Autor

Acceso

Canal Youtube

 Youtube CanalDescartes

Calculadora Descartes

Versión 3.1 con estadística bidimensional

ComparteCódigo para embeber

Utilizamos cookies para mejorar nuestro sitio web y su experiencia al usarlo. Las cookies utilizadas para el funcionamiento esencial de este sitio ya se han establecido. Para saber más sobre las cookies que utilizamos y cómo eliminarlas , consulte nuestra Política de Privacidad.

  Acepto las Cookies de este sitio.
EU Cookie Directive Module Information