Applets de Java

Java es un lenguaje de programación ofrecido actualmente por la empresa Oracle. Es gratuito y se ha destinado fundamentalmente al diseño de aplicaciones para Internet. En este artículo se repasan los recursos multimedia más utilizados en el mundo educativo creados en Java y se expone el procedimiento para integrarlos en una página web como base para la elaboración de una propuesta de trabajo.

Algunas características de Java

A nivel de usuario las características más destacadas de la tecnología Java son:

  • Los programas creados con Java funcionan en cualquier equipo con independencia de su arquitectura o sistema operativo. Esto se ha conseguido mediante la utilización de un software adicional que es necesario tener instalado en el equipo para que la aplicación funcione. Este software es un intérprete de los programas conocido normalmente Java Runtime Environment (JRE).
  • Uno de los éxitos de Java son los applets. Son pequeños programas que pueden ser integrados dentro de una página web para dotarla de la interactividad que el simple código HTML no puede proporcionar. Los applets creados por otros se pueden reutilizar en otras páginas. Para ello es necesario integrarlo en un archivo HTML y configurar adecuadamente sus atributos y parámetros.
  • El principal inconveniente de los applets es una cierta demora en su arranque. El navegador al detectarlo en una página, debe cargar primero el entorno de ejecución de Java (JRE) y luego ésta debe leer su código e interpretarlo. Esto provoca cierta lentitud aunque con el tiempo se han conseguido versiones más potentes y rápidas de las nuevas máquinas virtuales de Java.
  • Se pueden conseguir multitud de applets reutilizables en la web Java Boutique

Java en el mundo educativo

En España se han desarrollado en estos últimos años proyectos de producción de materiales muy interesantes utilizando la tecnología Java:

  • Descartes. Ofrece un plugin propio que permite crear múltiples tareas manipulativas al alumnado para el aprendizaje de las matemáticas.
  • JClic. Es un programa de autor que permite crear distintos tipos de actividades educativas interactivas (rompecabezas, asociaciones, completar huecos, etc). En su sitio web se pueden encontrar multitud de paquetes de actividades elaborados por la comunidad docente.
  • Gauss. Utilizando el programa GeoGebra se crean y publican diversas construcciones, cada una con sus correspondiente instrucciones, para que el alumno/a responda en cada caso a unas cuestiones experimentando con ellas.
  •  PI 2.0. En este proyecto se proponen distintas actividades interactivas de lengua castellana y matemáticas para desplegar en la Pizarra Digital.

Integración de un applet

Para insertar un applet java en una página web es necesario:

  1. Conseguir los archivos del applet. Por ejemplo se pueden buscar en el repositorio de Java Boutique.
  2. Subirlos a un servidor web. Estos ficheros se pueden subir a un espacio web personal, a tu cuenta en Google Sites o bien en la carpeta pública de DropBox.
  3. Generar el código HTML <applet …> configurando adecuadamente los parámetros que personalizan su aspecto y su funcionamiento.
  4. Copiar y pegar el código HTML creado en el código de la página web.

A continuación se ejemplifica el procedimiento para personalizar e insertar algunos applets de interés educativo en una página web. Los ejemplos que se proporcionan funcionan correctamente a partir de la versión JRE 6 update 30. La versión instalada de Java en un equipo Windows se comprueba desde el escritorio en Inicio > Panel de Control > Java > Pestaña Java > Botón Ver… Los tres primeros applets se han descargado de la web de Java Boutique y han sido traducidos y modificados por canaltic.com.

Applet Sopa de letras

Esta aplicación facilita la integración de una sopa de letras en una página web: Ejemplo de sopa de letras.

  1. Descarga y descomprime el archivo: wordsearch.zip.
  2. Como resultado obtendrás una carpeta en cuyo interior se encuentran los siguientes archivos: index.html, WordSearch.jar y terminos.txt.
  3. Si editas el archivo index.html con el Bloc de Notas verás que la etiqueta HTML que integra el applet en la página es similar a ésta:

<applet codebase="http://canaltic.com/.../wordsearch/" archive="WordSearch.jar" code="WordSearch.class" width="425" height="380">
<param name="gridcolors" value="black,white,#ccffcc,#008000">
<param name="listcolors" value="#008000,#ffcc00,#000000">
<param name="files" value="http://canaltic.com/.../wordsearch/terminos.txt">
</applet>

  1. La etiqueta applet inserta la aplicación dentro de la página. El atributo codebase debe apuntar a la URL de la carpeta donde se encuentra situado el applet. El atributo archive señala el nombre del archivo *.jar que contiene la aplicación. El atributo code indica la clase principal de inicio de la aplicación. Con los atributos width y height se indican las dimensiones en píxeles del marco dentro del cual se visualiza el programa insertado en la página.
  2. Se puede subir el archivo WordSearch.jar a un servidor propio, a Google Sites o a DropBox para luego obtener su URL y definir en el parámetro codebase la URL de la carpeta que lo contiene.
  3. En el applet WordSearch que nos ocupa se contemplan 3 parámetros:
  • gridcolors permite especificar el color de la cuadrícula de letras para el texto, fondo, palabra encontrada y palabra marcada (separados por comas). Como valores se puede definir el código hexadecimal del color: #FFCC00 o bien el nombre del color standard: white, black, yellow, red, etc. Para obtener el valor hexadecimal de un color puedes consultar: Tabla de colores HTML
  • listcolors indica el color en la lista de palabras que se muestra a la derecha: texto, fondo y palabra encontrada (separados por comas).
  • files especifica el nombre del archivo de texto que contiene los términos de la sopa de letras.
  1. Este archivo de texto se puede crear o editar con el Bloc de Notas. Puedes ver el ejemplo que se proporciona en el ZIP. El título de la sopa de letras debe ir en la primera línea y precedido del símbolo “#”. Luego cada palabra a buscar en la sopa de letras deberá ir en una línea distinta y escrita en mayúsculas. Se puede subir este archivo de texto a un servidor, obtener su URL y definir esta dirección en el parámetro files. En el parámetro files se pueden especificar las URLs de diferentes archivos de texto (para diferentes sopas de letras) separadas por comas. En este caso tras completar una sopa se saltará automáticamente a la siguiente.
  2. Para integrar este applet en una página web es necesario subir los archivos WordSearch.jar y terminos.txt a un servidor propio, Google Sites o DropBox;  en el código <applet … asegurarse de que el atributo codebase apunta a la URL de la carpeta donde se almacena el applet y que el parámetro files apunta a la URL del archivo de texto *.txt que contiene las palabras; para finalizar copia y pega el código <applet … en la página web.

Applet Puzzle

Esta aplicación facilita la integración de un puzzle en una página web: Ejemplo de puzzle

  1. Descarga y descomprime el archivo: puzzle.zip.
  2. Como resultado obtendrás una carpeta en cuyo interior se encuentran los siguientes archivos: index.html, bufon.gif y Jigsaw.jar
  3. Si editas el archivo index.html con el Bloc de Notas verás que la etiqueta HTML que integra el applet en la página es similar a ésta:

<applet codebase="http://canaltic.com/.../puzzle/" archive="Jigsaw.jar" code="Jigsaw.class" width="480" height="380">
<param name="Image" value="http://canaltic.com/.../puzzle/bufon.gif">
<param name="ImgWidth" value="216">
<param name="ImgHeight" value="298">
<param name="Rows" value="2">
<param name="Cols" value="2">
<param name="AutoSnap" value="3">
<param name="KeepBoardClear" value="true">
<param name="Connector" value="-1">
<param name="CanRotate" value="false">
<param name="DimHelpImage" value="60">
<param name="BreakupText" value="Comenzar">
<param name="TidyText" value="Mezclar">
<param name="SolveText" value="Resolver">
<param name="MessageText" value="&iexcl; MUY BIEN !">
<param name="AllowSolve" value="true">
<param name="HelpImageGrayed" value="true">
<param name="OuterFrameColor" value="#FFCC00">
<param name="BgColor" value="#FFCC00">
<param name="LosePieces" value="false">
<param name="AutoShowPieces " value="true">
</applet>

4. A continuación se especifican los nombres de los principales parámetros y sus valores para este applet:

Atributos del applet

  • codebase. Este atributo debe recoger la URL de la carpeta que contiene el archivo Jigsaw.jar.
  • archive. Indica el nombre del archivo *.jar que contiene la aplicación.
  • code. Señala la clase principal de inicio de la aplicación.
  • width y height. Indica las dimensiones en píxeles del marco donde se visualiza el programa dentro de la página.

Párametros obligatorios

  • Image. Es la URL del archivo que contiene la imagen del puzzle.
  • ImgWidth . La anchura en píxeles de la imagen en el puzzle. La imagen original se ajustará al tamaño especificado.
  • ImgHeight .La altura en píxeles de la imagen en el puzzle. La imagen original se ajustará al tamaño especificado.
  • Rows. El número de filas del puzzle.
  • Cols. El número de columnas del puzzle.

Párametros opcionales

  • AutoSnap. Se usa para facilitar la ubicación correcta de las piezas. Cuando la pieza se acerca a su posición correcta se enganchará a modo de imán. Este valor puede oscilar entre 0 y 15. El valor 15 permite que la pieza se sitúe automáticamente desde lejos sobre la posición correcta.
  • KeepBoardClear. Si está activado (true) las piezas desordenadas se situarán siempre fuera del área de construcción del puzzle tanto al comenzar como al pulsar el botón Mezclar.
  • Connector. Define el tamaño de los enganches en las piezas del puzzle. Es un valor entre -1 y 4 aunque se recomienda el valor -1.
  • CanRotate. Permite que las piezas puedan girarse pulsando el botón derecho del ratón sobre ellas. Su valor puede ser true o false.
  • DimHelpImage. Si está definido muestra una copia de la imagen en el área de construcción del puzzle para ayudar a su diseño. Es un valor numérico de 0 a 100 que indica la transparencia de la imagen sólo si el parámetro HelpImageGrayed está activado.
  • HelpImageGrayed. Si está activado (true) y se usa la imagen de guía, ésta se convertirá a una escala de grises.
  • Bicolor. Color de fondo del applet. Ejemplo: #FFCC00
  • OuterFrameColor. Color del borde del marco del applet.
  • InnerFrameColor. Color del marco alrededor del área de construcción del puzzle.
  • BoardColor. Color del área de construcción del puzzle si no se usa la imagen guía
  • SelectColor. Color que rodea a una pieza cuando se sitúa el puntero del ratón sobre ella.
  • TextColor. Color del texto que aparece cuando se resuelve el juego.
  • AllowSolve. Si está desactivado (false) no aparecerá el botón de Resolver. Este botón se muestra por defecto si no se especifica este parámetro.
  • BreakupText. Define el texto que aparecerá en el botón Comenzar
  • TidyText. Define el texto del botón Mezclar. Observa que el botón Mezclar sólo revuelve las piezas no colocadas.
  • SolveText. Texto del botón Resolver.
  • MessageText. Texto del feedback al alumno cuando concluye con éxito el puzzle.
  • RunTarget. Nombre del marco donde se mostrará la página indicada por el parámetro RunURL cuando se resuelva el puzzle.
  • RunURL. URL de la página que se mostrará cuando el puzzle se resuelva adecuadamente.

5. Para integrar este applet en una página web es necesario subir los archivos Jigsaw.jar y bufon.gif a un servidor propio, Google Sites o DropBox;  en el código <applet … asegurarse de que el atributo codebase apunta a la URL de la carpeta donde se almacena el applet y que el parámetro image apunta a la URL del archivo GIF/JPG que contiene la imagen; para finalizar copia y pega el código <applet … en la página web.

Applet Cuestionario

Esta aplicación facilita la integración de un cuestionario de preguntas/respuestas en una página web: Ejemplo de cuestionario.

  1. Descarga y descomprime el archivo: quizmaster.zip
  2. Como resultado obtendrás una carpeta en cuyo interior se encuentran los siguientes archivos: index.html, QuizMaster.jar, buttonskin.jpg y quiz.txt.
  3. Si editas el archivo index.html con el Bloc de Notas verás que la etiqueta HTML que integra el applet en la página es similar a ésta:

<applet codebase="http://canaltic.com/.../quiz/" archive="QuizMaster.jar" code="QuizMaster.class" width="400" height="350" >
<param name=QuizFile value="http://canaltic.com/.../quiz/quiz.txt">
<param name=ButtonSkinFile value="http://canaltic.com/.../quiz/buttonskin.jpg">
<param name=FileEncoding value="standard">
<param name=ShowAnswersStatus value="AtEnd">
<param name=ShowRestartQuizButton value="Yes">
<param name=NumberOfColumns value="1">
<param name=TagLoadingApplet value="Cargando aplicacion ... Espera por favor">
<param name=TagLoadingQuestion value="Cargando preguntas ... Espera por favor">
<param name=TagLoadingSolution value="Calculando puntuación ... Espera por favor">
<param name=TagCorrect value="Tu respuesta es correcta:">
<param name=TagWrong value="Tu respuesta NO es correcta:">
<param name=TagShowSolution value="Ver soluciones">
<param name=TagNextSolution value="Siguiente solucion">
<param name=TagNextQuestion value="Siguiente pregunta">
<param name=TagRestartQuiz value="Reiniciar cuestionario">
<param name=BackgroundSkinFile value="None">
<param name=BackgroundColor value="003366">
<param name=QuestionColor value="FFFFFF">
<param name=QuestionFontStyle value="Arial">
<param name=QuestionFontSize value="18">
<param name=AnswerColorOut value="FFFFFF">
<param name=AnswerColorOver value="CC9933">
<param name=AnswerColorSolution value="FFCC66">
<param name=AnswerFontStyle value="Arial">
<param name=AnswerFontSize value="14">
<param name=ExplanationColorCorrect value="FFCC66">
<param name=ExplanationColorWrong value="FFCC66">
<param name=ExplanationFontStyle value="Arial">
<param name=ExplanationFontSize value="16">
<param name=ScoreColor value="FFFFFF">
<param name=ScoreFontStyle value="Arial">
<param name=ScoreFontSize value="30">
<param name=ButtonColorOut value="FFFFFF">
<param name=ButtonColorOver value="FFCC66">
<param name=TextXPosition value="10">
<param name=TextYPosition value="10">
<param name=TextMaxWidth value="380">
<param name=ImageXPosition value="10">
<param name=ImageYPosition value="10">
<param name=ButtonsXPosition value="10">
<param name=ButtonsYPosition value="320">
</applet>

4. A continuación se especifican los nombres de los principales parámetros y sus valores para el applet.

 Atributos del applet

  • codebase. Este atributo debe recoger la URL de la carpeta que contiene el archivo QuizMaster.jar
  • archive. Indica el nombre del archivo *.jar que contiene la aplicación.
  • code. Señala la clase principal de inicio de la aplicación.
  • width y height. Indica las dimensiones en píxeles del marco donde se visualiza el programa dentro de la página.

Parámetros del archivo de preguntas

  • QuizFile. Es la URL del archivo de texto que contiene las preguntas, respuestas, nombre de imágenes, explicaciones, etc.
  • FileEncoding. Indica la codificación del archivo de texto. Puede ser standard o unicode.

Parámetros de comportamiento

  • ShowAnswersStatus. Indica si se mostrarán las respuestas: AtEnd (por defecto), AfterEachQuestion (después de cada pregunta) o Not (No)
  • ShowRestartQuizButton. Se mostrará (Yes/True) o se ocultará (No) el botón de reinicio del cuestionario.
  • NumberOfColumns. Número de columnas que ocuparán las posibles respuestas. Por defecto: 1.

 Parámetros del interfaz

  • TagLoadingApplet. Mensaje que se muestra cuando se carga la aplicación.
  • TagLoadingQuestion. Mensaje que se muestra cuando se carga la pregunta.
  • TagLoadingSolution. Mensaje que se muestra cuando se evalua la respuesta.
  • TagCorrect. Mensaje que se añade durante la explicación cuando la respuesta es correcta.
  • TagWrong. Mensaje que se añade durante la explicación cuando la respuesta NO es correcta.
  • TagShowSolution. Etiqueta del botón que muestra las soluciones.
  • TagNextSolution. Etiqueta del botón Siguiente Solución durante la consulta de las soluciones.
  • TagNextQuestion. Etiqueta del botón Siguiente Pregunta durante las preguntas cuando se elige el modo AfterEachQuestion.
  • TagRestartQuiz. Etiqueta del botón para reiniciar el cuestionario.

Parámetros de skin:

  • BackgroundSkinFile. URL de la imagen que se muestra de fondo en el cuestionario. Su valor puede ser None.
  • ButtonSkinFile. URL de la imagen que se muestra como skin en los botones de la aplicación. Es un parámetro obligatorio.
  • BackgroundColor. Valor hexadecimal del color de fondo de la aplicación cuando se carga.

Parámetros de color:

  • QuestionColor. Color del texto de la pregunta.
  • QuestionFontStyle. Fuente del texto de la pregunta.
  • QuestionFontSize. Tamaño de la fuente del texto de la pregunta.
  • AnswerColorOut. Color del texto de la respuesta cuando el mouse NO está sobre ella.
  • AnswerColorOver. Color del texto de la respuesta cuando el mouse está sobre ella.
  • AnswerColorSolution. Color del texto de la respuesta correcta cuando se muestra la solución.
  • AnswerFontStyle. Fuente del texto de la respuesta.
  • AnswerFontSize. Tamaño de la fuente del texto de la respuesta.
  • ExplanationColorCorrect. Color del texto de la explicación de la solución cuando la respuesta es correcta.
  • ExplanationColorWrong. Color del texto de la explicación de la solución cuando la respuesta NO es correcta.
  • ExplanationFontStyle. Fuente del texto de la explicación.
  • ExplanationFontSize. Tamaño de la fuente del texto de la explicación.
  • ScoreColor. Color del texto de los resultados.
  • ScoreFontStyle. Fuente del texto de los resultados.
  • ScoreFontSize. Tamaño de la fuente del texto de los resultados.
  • ButtonColorOut. Color del texto del botón cuando el mouse NO está sobre él.
  • ButtonColorOver. Color del texto del botón cuando el mouse está sobre él.

Parámetros de Plantilla:

  • TextXPosition. Coordenada X en pixeles donde comienzan a situarse las preguntas.
  • TextYPosition. Coordenada Y en pixeles donde comienzan a situarse las preguntas.
  • TextMaxWidth. Anchura del texto para las preguntas.
  • ImageXPosition. Coordenada X donde se sitúa la imagen si la pregunta va acompañada de una imagen.
  • ImageYPosition. Coordenada Y donde se sitúa la imagen si la pregunta va acompañada de una imagen.
  • ButtonsXPosition. Coordenada X de la posición del botón.
  • ButtonsYPosition. Coordenada Y de la posición del botón.

5. El archivo de texto que contiene las preguntas (en este caso: quiz.txt) se puede editar con el Bloc de Notas y muestra una sintaxis especial de etiquetas:

  • <Q></Q>: Texto de la pregunta
  • <IMG=”url_imagen”>: URL de la imagen asociada a la pregunta. Es opcional.
  • <A></A>: Respuestas
  • <WA>: Respuesta errónea. Una en cada línea encabezada por esta marca.
  • <CA>: Respuesta correcta. Una en cada línea encabezada por esta marca. Solo una respuesta correcta por pregunta.
  • <S></S>: Mensaje de resultado final utilizando los valores <SCORE> (puntuación obtenida), <TOTAL> (preguntas) y <PERCENTAGE> (porcentaje de aciertos).

6. Para integrar este applet en una página web es necesario subir los archivos QuizMaster.jar, quiz.txt y buttonskin.jpg a un servidor propio, Google Sites o DropBox;  en el código <applet … asegurarse de que el atributo codebase apunta a la URL de la carpeta donde se almacena el applet, que el parámetro QuizFile apunta a la URL del archivo de texto con las preguntas quiz.txt y que el parámetro ButtonSkinFile apunta a la URL del archivo de imagen buttonskin.jpg; para finalizar copia y pega el código <applet … en la página web.

Applet JClic

En este apartado se explica el procedimiento para integrar un paquete de actividades de JClic en una página web: Ejemplo de JClic

  1. Descarga y descomprime el archivo: jclic.zip
  2. Como resultado obtendrás una carpeta en cuyo interior se encuentran los siguientes archivos: index.html y jclic.jar.
  3. Si editas el archivo index.html con el Bloc de Notas verás que la etiqueta HTML que integra el applet en la página es similar a ésta:

<applet codebase="http://canaltic.com/.../jclic/" archive="jclic.jar" code="JClicApplet" width="550" height="400">
<param name="type" value="application/x-java-applet;version=1.4">
<param name="scriptable" value="false">
<param name="activityPack" value="http://clic.xtec.cat/projects/capaon/jclic/capaon.jclic.zip">
<param name="language" value="es">
</applet>

4. A continuación se especifican los nombres de los principales parámetros y sus valores para el applet.

Atributos del applet

  • codebase. Este atributo debe recoger la URL de la carpeta que contiene el archivo jclic.jar
  • archive. Indica el nombre del archivo *.jar que contiene la aplicación.
  • code. Señala la clase principal de inicio de la aplicación.
  • width y height. Indica las dimensiones en píxeles del marco donde se visualiza el programa dentro de la página. Se puede utilizar unas dimensiones de 550×400 o proporcionales: 605×440, 660×480, etc. También los valores 100% en ambos atributos permiten mostrar la aplicación ocupando toda la página del navegador.

Parámetros del applet

  • activityPack. Es la URL del archivo que contiene el paquete de actividad jclic. Este paquete es un archivo ZIP que puede situarse en el disco duro local en la misma carpeta que la página HTML y el applet jclic.jar. En este caso se referenciaría sólo con el nombre del archivo. Esta solución es útil para poder trabajar sin acceso a Internet. También se puede localizar su URL en el banco de actividades del rincón de JClic.
  • language. Define el idioma que se utilizará en el interfaz.

5. Para integrar este applet en una página web es necesario subir el archivo jclic.jar a un servidor propio, Google Sites o DropBox;  en el código <applet … asegurarse de que el atributo codebase apunta a la URL de la carpeta donde se almacena el applet y  que el parámetro activityPack apunta a la URL de un paquete JClic, bien en nuestra cuenta o bien alojado en la biblioteca del Rincón de JClic; para finalizar copia y pega el código <applet … en la página web.

Para localizar la URL de un paquete de actividades JClic:

  1. Visita la Biblioteca de actividades de JClic
  2. Clic en el enlace Buscar actividades.
  3. Utiliza el buscador para localizar el paquete JClic de actividades que deseas integrar. Por ejemplo, en la casilla “Título” del buscador, introduce un término de búsqueda y pulsa en el botón Buscar.
  4. En la página de resultados de búsqueda haz clic en el paquete deseado. Una vez dentro de su página, para el idioma requerido, en el cuadro de texto URL del proyecto, haz clic derecho para elegir Seleccionar todo y luego vuelve a hacer clic derecho para elegir Copiar. Esta acción copiará la URL del paquete de actividades alojado en el Rincón de JClic. Si deseas descargarlo copia y pega esta dirección sobre la barra de direcciones del navegador y se iniciará la descarga del mismo al disco duro del ordenador.
  5. En el código HTML del applet, en elvalor del parámetro activityPack, copia y pega la URL obtenida del paquete alojado en el Rincón JClic.

Applet Geogebra

En este apartado se explica el procedimiento para integrar una propuesta de actividad de Geogebra en una página web: Ejemplo de Geogebra.

  1. Descarga y descomprime el archivo: geogebra.zip
  2. Como resultado obtendrás una carpeta en cuyo interior se encuentran los siguientes archivos: index.html y los archivos JAR con las aplicaciones para que funcione: geogebra.jar, geogebra_cas.jar, geogebra_main.jar, etc.
  3. Si editas el archivo index.html con el Bloc de Notas verás que la etiqueta HTML que integra el applet en la página es similar a ésta:

<applet codebase="http://canaltic.com/.../geogebra/" archive="geogebra.jar" code="geogebra.GeoGebraApplet" width="990" height="600">
<param name="filename" value="http://recursostic.educacion.es/gauss/web/materiales_didacticos/primaria/actividades/aritmetica/calculo_mental/calculo_mental_suma_resta/construccion.ggb">
<param name="java_arguments" value="-Xmx512m"/>
<param name="framePossible" value="false"/>
<param name="showResetIcon" value="true"/>
<param name="enableRightClick" value="false"/>
<param name="enableChooserPopups" value="false"/>
<param name="enableShiftDragZoom" value="false"/>
</applet>

4. A continuación se especifican los nombres de los principales parámetros y sus valores para el applet.

 Atributos del applet

  • codebase. Este atributo debe recoger la URL de la carpeta que contiene el archivo geogebra.jar
  • archive. Indica el nombre del archivo *.jar que contiene la aplicación.
  • code. Señala la clase principal de inicio de la aplicación.
  • width y height. Indica las dimensiones en píxeles del marco donde se visualiza el programa dentro de la página. Estos valores dependerán del diseño del propio paquete GGB de Geogebra. Los valores 100% en ambos atributos permiten mostrar la aplicación ocupando toda la página del navegador.

 Parámetros del applet

  • filename. Es la URL del archivo que contiene el paquete de actividad geogebra. Este paquete es un archivo GGB que puede situarse en el disco duro local en la misma carpeta que la página HTML y los applets JAR de la aplicación geogebra. En este caso se referenciaría sólo con el nombre del archivo. Esta solución es útil para poder trabajar sin acceso a Internet. También se puede localizar su URL en el repositorio de materiales del Proyecto Gauss

5. Para integrar este applet en una página web es necesario subir todos los archivos JAR de Geogebra contenidos en el ZIP adjunto a la misma carpeta en un servidor propio, Google Sites o DropBox;  en el código <applet … asegurarse de que el atributo codebase apunta a la URL de la carpeta donde se almacena el applet y  que el parámetro filename apunta a la URL de un paquete Geogebra, bien en nuestra cuenta o bien alojado en la biblioteca del Proyecto Gauss; para finalizar copia y pega el código <applet … en la página web.

Para localizar la URL de un paquete Geogebra desde el proyecto Gauss:

  1. Visita la web del Proyecto Gauss
  2. Selecciona Acceso a los Materiales > Materiales didácticos > Primaria/Secundaria.
  3. Sitúate en el recurso que deseas integrar. Por ejemplo: Cálculo Mental para Primaria
  4. Copia y pega la URL que se muestra en la barra de direcciones del navegador web para ese recursos pero sustituye el nombre del archivo actividad.html por el nombre del archivo GGB que contiene la interactividad que siempre es: construccion.ggb.
  5. En el código <applet … copia y pega esta URL como valor del parámetro filename.

Otra posibilidad es crear un recurso con el propio programa Geogebra, guardarlo en un archivo *.GGB y luego subirlo a tu sitio web personal, Google Sites o DropBox para disponer de su URL. En la sección de Materiales de la web oficial de Geogebra es posible acceder a una construcción concreta. Desde la página de una de ellas haz clic en el enlace Embed para copiar y pegar el código HTML que se proporciona e insertarla directamente en una página web.

 

También te podría gustar...

4 Respuestas

  1. Elena dice:

    Muy interesante. Gracias otra vez.

    Elena.

  2. Nidia Pérez dice:

    Transmitirte mi sincera enhorabuena por las aportaciones de tu blog. Son claras, precisas y oportunas. Gracias.

  3. Agencia Digital dice:

    Excelente publicación, muy completa clara, todo un gusto visitar tu blog. Un saludo.

  4. Eloisa dice:

    Muy interesante y muy bien explicado. Muchas gracias!

Deja un comentario

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *