Mejoramos nuestra wiki (IX): Incluir actividades de JClic.


JClic.


JClic está formado por un conjunto de aplicaciones informáticas que sirven para realizar diversos tipos de actividades educativas: rompecabezas, asociaciones, ejercicios de texto, palabras cruzadas ...

Las actividades no se acostumbran a presentar solas, sino empaquetadas en proyectos. Un proyecto está formado por un conjunto de actividades y una o más secuencias, que indican el orden en qué se han de mostrar.

El antecesor de JClic es Clic, una aplicación que desde 1992 ha sido utilizada por educadores y educadoras de diversos países como herramienta de creación de actividades didácticas para sus alumnos.

JClic está desarrollado en la plataforma Java , es un proyecto de código abierto y funciona en diversos entornos y sistemas operativos.

Hay muchas actividades elaboradas que se pueden buscar atendiendo a distintos criterios (área, etapa, etc.).



Características de JClic.


El proyecto JClic es una evolución del programa Clic 3.0, una herramienta para la creación de aplicaciones didácticas multimedia con más de 10 años de historia. A lo largo de este tiempo han sido muchos los educadores y educadoras que lo han utilizado para crear actividades interactivas donde se trabajan aspectos procedimentales como diversas áreas del currículum, desde educación infantil hasta secundaria.

Los objetivos perseguidos al iniciar el proyecto serían:
  • Hacer posible el uso de aplicaciones educativas multimedia "en línea", directamente desde Internet.
  • Mantener la compatibilidad con las aplicaciones Clic 3.0 existentes.
  • Hacer posible su uso en diversas plataformas y sistemas operativos, como Windows, Linux, Solaris o Mac OS X.
  • Utilizar un formato estándar y abierto para el almacenaje de los datos, con el fin de hacerlas transparentes a otras aplicaciones y facilitar su integración en bases de datos de recursos.
  • Ampliar el ámbito de cooperación e intercambio de materiales entre escuelas y educadores de diferentes países y culturas, facilitando la traducción y adaptación tanto del programa como de las actividades creadas.
  • Recoger las sugerencias de mejoras y ampliaciones que los usuarios habéis ido enviando.
  • Hacer posible que el programa pueda ir ampliándose a partir del trabajo cooperativo entre diversos equipos de programación.
  • Crear uno entorno de creación de actividades más potente, sencillo e intuitivo, adaptándolo a las características de los actuales entornos gráficos de usuario.

La herramienta de programación escogida ha sido Java, y el formato para almacenar los datos de las actividades es **XML**.

Para obtener más información sobre JClic pincha sobre este enlace.



Instalar JClic en nuestro ordenador.


Para poder embeber actividades JClic en nuestra wiki debemos tener instalados, al menos, los programas JClic Player y JClic Author. Estos programas los podemos descargar e instalar libremente acudiendo a la página de ZonaClic http://clic.xtec.es/es/jclic/download.htm . Abajo la tenemos incluida en nuestra wiki.



Pulsamos sobre el botón JClic y comienza la descarga, avisándonos antes de que si queremos descargar elarchivo o ejecutarlo. Si nuestra respuesta en bajarlo nos preguntará una ubicación para guardarlo, y después tendremos que ejecutarlo desde nuestro ordenador. Si elegimos abrir la instalación es automática, ya que el sistema debe tener instalados loscomplementos de Java necesarios. En caso contrario hay que actualizar el sistema Java de nuestro ordenador.

A continuación hacemos lo mismo con el programa JClic Author.

Esto es válido tanto para Windows como para Guadalinex.


Buscar actividades hechas en JClic.


Para cargar actividades, vamos a la página web del Clic con un navegador. Escribimos lo siguiente en la barra de direcciones: http://clic.xtec.net/es/index.htm

Aparece la página principal de zonaClic.

jclic01.png

Pinchamos en Biblioteca de actividades.

jclic02.png

Pinchamos en Buscar actividades:

jclic03.png

Ahora seleccionamos el tipo de actividades, por ej: Matemáticas, en español, Primaria.

Pulsamos sobre el botón Buscar y Seleccionamos por ej. “Fracciones y operaciones con fracciones”.

jclic04.png

Nos encontramos con una ficha en la que se detallan algunas características del paquete de actividades (autor/a, centro, área, etapa, breve descripción, ...). Más abajo hay un rectángulo en el que se muestra la URL desde la que podemos descargar la actividad y también podemos verla(applet) para decidir si nos interesa o no.



Abrir actividades.


Podemos abrir una actividad con JCLIC Player sin necesidad de descargarla ni de guardarla en nuestro equipo.

Copiamos la dirección web que aparece en la ficha de la actividad. Arrancamos JCLIC Player y, a continuación, pulsamos sobre Archivo, Abrir una ubicación web. En la ventana que aparece pegamos la dirección copiada y pulsamos Aceptar.


Guardar actividades en nuestro equipo.


Si lo que quiero es guardar en mi ordenador esta actividad, copio la dirección web (http://clic.xtec ...) y la pego en la barra de direcciones del navegador web que utilizo. Cuando me pregunte qué quiero hacer con esa aplicación le digo que quiero guardarla en disco.

jclic5.png

Una vez que le doy a aceptar, tengo que decirle dónde. Lo hacemos en la carpeta que tengamos prevista para ello. Le doy a Aceptar y luego a Guardar.

Ahora cuando ejecute el programa JCLIC ya podré llamar a esa aplicación desde Archivo, Abrir archivo.



¿Cómo “embeber” actividades de JClic en una página de nuestra Wiki?


1. Descargamos la actividad de JClic que queramos utilizar y la guardamos en una carpeta de nuestro ordenador.

2. Arrancamos JClic Author y abrimos la actividad que acabamos de guardar.

3. En el menú Herramientas elegimos la opción Crear página web.

4. Aparece la siguiente ventana:

webjclic01.png
5. Lo más importante de esta ventana es decidir el tamaño del applet. Si le damos las dimensiones ahora, luego no tendremos que preocuparnos de ellas. La anchura y la altura están en pixeles, por lo que deberemos valorar cual puede ser el tamaño más adecuado para que la posterior visualización sea correcta. En caso de que elijamos la opción El applet ocupa toda la página, al incluirlo en la wiki habrá que modificar este apartado para que la visualización sea correcta.

6. Pulsamos en Aceptar. En la ventana que aparece le damos un nombre al archivo HTM que hemos creado. Importante que lo guardemos en la misma carpeta que la actividad JClic descargada.

7. Entramos en nuestra wiki con nuestro nombre de usuario y la correspondiente contraseña.

8. Pulsamos sobre Manage Space > List and Upload Files.

9. Buscamos el archivo que contiene la actividad JClic (recordar que acaba en .jclic.zip) y lo subimos a nuestra wiki.

10. Cuando el proceso ha terminado ese archivo está guardado en la siguiente ruta: http://xxxxxx.wikispaces.com/space/showimage/nombre_archivo.jclic.zip

11. Las xxxxxx corresponde al nombre que tenga la wiki (en nuestro caso recursosticjerez) y nombre_archivo será el de la actividad JClic. Esto es importante recordarlo porque luego habrá que modificar el código HTML de la página web creada anteriormente.

12. Supongamos que hemos descargado una actividad JClic llamada payasos.jclic.zip. Al abrirla con JClic Author y crear una página web con las especificaciones que hemos señalado en los puntos 3 y 4, obtenemos una archivo paya.htm.

13. En Guadalinex, lo abrimos con gedit, un editor de textos muy sencillo que lo podemos encontrar en Aplicaciones > Accesorios > Editor de Textos. En Windows, lo abrimos con Bloc de notas, que lo podemos encontrar en Inicio > Programas > Accesorios > Bloc de notas.

14. El código HTML que nos aparece es:

<!doctype html public "-W3CDTD HTML 4.0 Transitional//EN">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Payasos</title>
<script language="JavaScript" src="http://clic.xtec.net/dist/jclic/jclicplugin.js"type="text/javascript"> </script>
</head>
<body bgcolor=#ffffff>
<div align="center">
<script language="JavaScript">
setJarBase('http://clic.xtec.net/dist/jclic');
writePlugin('payasos.jclic.zip', '700', '450');
</script>
</body>
</html>
15. En la línea que está destacada vemos las dimensiones que le dimos al applet cuando creamos la página web con JClic Author ('700', '450' ).

16. Ahora tenemos que indicarle la ruta exacta en la que se encuentra la actividad JClic que hemos subido a nuestra wiki. Hay que sustituir la línea destacada por esta otra writePlugin('http://recursosticjerez.wikispaces.com/space/showimage/payasos.jclic.zip', '700', '450');

17. Posteriormente copiamos el código HTML que tenemos que pegar en nuestra wiki utilizando embed.jpg

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Payasos</title>
<script language="JavaScript" src="http://clic.xtec.net/dist/jclic/jclicplugin.js" type="text/javascript"> </script>
</head>
<body bgcolor=#ffffff>
<div align="center">
<script language="JavaScript">
setJarBase('http://clic.xtec.net/dist/jclic');
writePlugin('http://recursosticjerez.wikispaces.com/space/showimage/payasos.jclic.zip', '700', '450');
</script>
</body>
</html>

A continuación vemos como aparecería una actividad de JClic embebida en nuestra wiki, según lo indicado anteriormente.