¿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.
>
# En el menú Herramientas elegimos la opción Crear página web.
  1. Aparece la siguiente ventana:webjclic01.png
  2. 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.
  3. 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.
  4. Entramos en nuestra wiki con nuestro nombre de usuario y la correspondiente contraseña.
  5. Pulsamos sobre Manage Space > List and Upload Files.
  6. Buscamos el archivo que contiene la actividad JClic (recordar que acaba en .jclic.zip) y lo subimos a nuestra wiki.
  7. Cuando el proceso ha terminado ese archivo está guardado en la siguiente ruta: http://xxxxxx.wikispaces.com/space/showimage/nombre_archivo.jclic.zip>
  8. 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.
  9. 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.
  10. Lo abrimos con gedit, un editor de textos muy sencillo que lo podemos encontrar en Aplicaciones > Accesorios > Editor de Textos.
  11. 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 Media
<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.