Integración de GeoGebra en unidades de aprendizaje

Transcripción

1 Integración de GeoGebra en unidades de aprendizaje Marín Trechera, Luis Miguel 1 Gámez Mellado, Antonio 1 Resumen Las posibilidades didácticas de GeoGebra revelan todo su potencial al integrarse en unidades de aprendizaje para ser utilizados a través de una plataforma de gestión de contenidos a través de Internet. La comunicación entre GeoGebra y las páginas HTML en las que están incrustadas las construcciones, a través de JavaScript, abre un nuevo mundo de posibilidades didácticas por explorar. Aunque para sacar el máximo rendimiento es necesario disponer de conocimientos de HTML y de JavaScript, también es posible aumentar las posibilidades editando los ficheros HTML generados por GeoGebra y añadiendo sencillas secuencias de comandos. 1. Introducción Durante los últimos años hemos estado desarrollando nuevos materiales docentes interactivos usando distintas herramientas y tecnologías, integrando recursos creados en Java, JavaScript, Flash, HTML dinámico, etc. El uso de GeoGebra ha supuesto una simplificación en el proceso de generación de los materiales interactivos, como describimos en [1]. Uno de los aspectos fundamentales en los que nos hemos centrado ha sido en la integración de los applets de GeoGebra en unidades de aprendizaje, de modo que los recursos interactivos forman un todo con los resúmenes teóricos, los ejercicios propuestos y resueltos, y algunas actividades de autoevaluación. Aunque usamos distintos tipos de formatos, fundamentalmente usamos ficheros PDF y páginas HTML integradas en paquetes SCORM. Para la construcción de estos paquetes usamos distintos programas, como exe-learning, Courselab, Reload, etc. Aunque pueden presentarse distintos problemas técnicos, es posible conseguir la integración de los applets de GeoGebra dentro de estos paquetes. Por ejemplo, en [2] se describe como integrar los applets de GeoGebra en paquetes de contenidos generados con exe-learning. 1 Departamento de Estadística e I. O. de la Universidad de Cádiz

2 Si se tiene un amplio conocimiento de JavaScript, es posible sacar un profundo rendimiento a las posibilidades de intercomunicación entre GeoGebra y la página en la que está albergada la construcción. Muchos profesores encuentran un escollo grande en este hecho, renunciando a usar estas posibilidades. A lo largo de este trabajo, sin embargo, se describirán pequeños segmentos de código que pueden ser incluidos en nuestras páginas HTML de manera sencilla para incorporar algunas de estas capacidades. 2. Generación y modificación del fichero HTML Como es conocido, GeoGebra permite crear una página web en la que se incluya la construcción que hayamos realizado. Para ello basta con usar la opción Archivo -> Exporta -> Hoja dinámica como página web En la ventana que aparece es posible añadir los textos que aparecerán antes y después de la construcción, así como poner un título a la página web e indicar el autor. En la pestaña Avanzado es posible seleccionar algunas características que tendrá el applet al ser mostrado en la página web, como por ejemplos si aparecerán las barras de menú o de herramientas. Tras este proceso, el programa genera un fichero HTML que, una vez alojado en un servidor, permitirá el acceso a la construcción creada a través de Internet. El proceso anterior es sencillo, y no requieres tener conocimientos de HTML ni de JavaScript. Sin embargo, si editamos la página web generada podemos dotarla de mayor atractivo, pudiendo añadir efectos en el texto como colores, negritas, tablas, cabeceras, insertar gráficos, etc. Para realizar estas modificaciones basta con usar un editor de texto plano y tener algunos conocimientos de HTML. Otra posibilidad es generar la página web usando alguna herramienta específica de creación de páginas web y posteriormente insertar en el lugar apropiado la etiqueta applet del fichero HTML generado con GeoGebra. Una de las ventajas que tiene el insertar las construcciones en páginas web es que el usuario final solamente tiene acceso a las opciones que el diseñador considere oportunas, evitando posibles respuestas incorrectas ante acciones imprevistas. Usando las características avanzadas de GeoGebra es posible establecer comunicaciones entre la construcción y la página web, lo que permite dotar de mayor interactividad a la página. Si se disponen de conocimientos de JavaScript es posible conseguir resultados espectaculares, usando todo el potencial de un lenguaje de programación. Una descripción detallada de todos los métodos puede encontrarse en las referencias [3-7].

3 3. Algunos ejemplos de inserción de código Sin embargo, sin tener conocimientos de HTML ni de JavaScript también es posible aumentar el atractivo y las funcionalidades de la página web. Para ello bastará con insertar el código apropiado en el fichero HTML. A continuación se exponen algunos ejemplos del código que habrá que insertar para conseguir algunos efectos sencillos. El texto que aparece resaltado en los ejemplos indica que puede ser modificado en cada caso, ya que es el texto que aparecerá en los distintos botones. El nombre de los elementos, o las instrucciones de GeoGebra, aparecerán en color rojo, y deberán cambiarse en cada caso para escribir el nombre apropiado. Antes de empezar, la opción MAYSCRIPT Aunque muchos de los ejemplos siguientes funcionarán sin problemas, algunos pueden requerir tener activada la opción MAYSCRIPT. Para ello hay que localizar la etiqueta <applet> para incluir dentro de ella esta opción. El resultado final debe quedar algo parecido a lo siguiente: <applet name="ggbapplet" code="geogebra.geogebraapplet" codebase="." archive="geogebra.jar" width="500" height="250" MAYSCRIPT> Botón Restaurar Si queremos añadir en la página un botón para que al pulsarlo la construcción vuelva a su estado inicial, bastará con añadir lo siguiente: <input type="button" value="restaurar" onclick="document.applets[0].reset();"> Botón para Refrescar la construcción Si queremos añadir en la página un botón para refrescar la construcción, borrando el rastro dejado por todos los objetos, bastará con añadir lo siguiente: <input type="button" value="refresca pantalla" onclick="document.applets[0].refreshviews();">

4 Botón para Ocultar un elemento Si queremos añadir en la página un botón para ocultar el elemento A (recordemos que habrá que cambiar en el código el nombre A por el apropiado en cada caso: <input type="button" value="ocultar A" onclick="document.applets[0].setvisible('a', false);"> Botón para Mostrar un elemento oculto Si queremos añadir en la página un botón para mostrar el elemento A: <input type="button" value="mostrar A" onclick="document.applets[0].setvisible('a', true);"> Los dos botones anteriores, Ocultar / Mostrar, ahora juntos Lo usual en los casos anteriores es que incluyamos ambos botones. Esto podemos hacerlo de la siguiente manera: <input type="button" value="ocultar A" onclick="document.applets[0].setvisible('a', false);"> <input type="button" value="mostrar A" onclick="document.applets[0].setvisible('a', true);"> En general, si queremos añadir varios botones, podemos incluirlos todos en el mismo formulario, entre las etiquetas y. Botón para Borrar un elemento Si queremos añadir en la página un botón para eliminar el elemento A: <input type="button" value="eliminar A" onclick="document.applets[0].deleteobject('a');">

5 Botones para Activar/Desactivar el rastro de un elemento Si queremos añadir en la página botones para Activar/Desactivar el rastro del elemento A: <input type="button" value="activar Rastro de A" onclick="document.applets[0].settrace('a',true);"> <input type="button" value=" Desactivar Rastro de A " onclick="document.applets[0].settrace('a',false);"> Botones para Mostrar/Ocultar la etiqueta de un elemento Si queremos añadir en la página botones para Mostrar/Ocultar la etiqueta del elemento A: <input type="button" value="mostrar etiqueta de A" onclick="document.applets[0].setlabelvisible('a',true);"> <input type="button" value="ocultar etiqueta de A " onclick="document.applets[0].setlabelvisible('a',false);"> Botones para Mostrar/Ocultar los ejes <input type="button" value="mostrar los ejes" onclick="document.applets[0].setaxesvisible(true,true);"> <input type="button" value="mostrar solo el eje X" onclick="document.applets[0].setaxesvisible(true,false);"> <input type="button" value=" Mostrar solo el eje Y" onclick="document.applets[0].setaxesvisible(false,true);"> <input type="button" value="ocultar los ejes" onclick="document.applets[0].setaxesvisible(false,false);"> Realizar varias acciones con un mismo botón Para realizar varias acciones al pulsar un único botón, la manera más fácil es definiendo una función de JavaScript. En el siguiente ejemplo al pulsar el botón cambia el tamaño y el estilo del punto A.

6 <input type="button" value="cambiar estilo de A" onclick="mifuncion();"> <script type="text/javascript"> function mifuncion() { document.ggbapplet.setpointstyle('a',3); document.ggbapplet.setpointsize('a',5); } </script> Cambiar el valor de un elemento En el siguiente ejemplo aparece un cuadro en el que el usuario puede introducir un valor, a continuación, pulsando un botón se envía a GeoGebra la orden para que cambie el valor del deslizador a. Valor de a: <input type="text" name="t1" size="10" value="0"> <input type="button" value="cambia el valor de a" onclick="document.ggbapplet.evalcommand('a='+t1.value);"> La función evalcommand es muy potente. Si en el botón ponemos evalcommand(comando) es equivalente a introducir ese comando en la línea de comandos de GeoGebra. A partir de la versión 3.2 es posible usarla para ejecutar varios comandos, separando cada uno de ellos con \n. Hay que tener cuidado con el idioma de GeoGebra. Para evitar problemas lo mejor es poner el parámetro language con el idioma que usemos. Leer el valor de un elemento En todos los ejemplos presentados hasta ahora la comunicación se realizaba desde el documento HTML hacia GeoGebra. Sin embargo, también es posible la comunicación en el otro sentido, de modo que desde el documento HTML se puede obtener el valor de un elemento de GeoGebra, para ser posteriormente procesado. Esto se consigue con la función getvalue. En el siguiente ejemplo al pulsar sobre el botón se copia en el campo T1 del formulario el valor del deslizador a.

7 <form name="miform"> Valor de a: <input type="text" name="t2" size="10" value="0"> <input type="button" value="lee el valor de a" onclick="fun_leea();"> <script type="text/javascript"> function fun_leea() { document.miform.t2.value = document.ggbapplet.getvalue('a'); } </script> 4. Conclusiones Incluyendo las construcciones de GeoGebra en paquetes de contenidos se puede conseguir una integración entre los applets y los contenidos teóricos y prácticos descritos en las unidades de aprendizaje. La utilización de las posibilidades de comunicación entre GeoGebra y la página en la que está alojada la construcción, abre muchas posibilidades de dotar a las páginas webs de interactividad. Esta comunicación puede realizarse sin necesidad de tener profundos conocimientos de HTML ni de JavaScript. Agradecimientos Agradecemos a los organizadores de las II Jornadas de GeoGebra de Andalucía por habernos invitado a participar en las mismas. Referencias 1. Antonio Gámez Mellado y Luis M. Marín Trechera (2010). Distribuciones Estadísticas: un ejemplo de uso de GeoGebra en enseñanza universitaria. Epsilon, Revista de la S.A.E.M Thales, nº 74. Vol. 27(1) pp Luis M. Marín Trechera y Antonio Gámez Mellado (2010). Integración de GeoGebra en paquetes de contenidos creados con exe-learning. Epsilon, Revista de la S.A.E.M Thales, nº 74. Vol. 27(1) pp GeoGebra Applet Methods. Disponible en

8 4. Creating Interactive Exercises using JavaScript 5. Adding JavaScript to a GeoGebra Applet %20Incorporating%20JavaScript.html 6. Interactive GeoGebra Applets - Marc Renault