Código HTML para Archivos de Jclic

Código Html para archivos de Jclic
Filed in: GeneralAdd comments

Cuando uno tiene una necsidad busca en la red, después de un par de horas encontré la información que
necesitaba, el código html de archivos jclic.zip para insertar en nuestra blog en el una página web.
Espero que les pueda servir.
PRIMERO PASO:
Para ejecutar el applet utilizaremos una llamada a una página especial del servidor que
genera el código a partir de los parámetros que se le pasen:
http://clic.xtec.cat/db/jclicApplet.jsp?project=xxx&lang=yy
En esta expresión hay que sustituir xxx por el URL del fichero jclic.zip, e yypor el código de
dos letras del idioma en qué ha de utilizar JClic. El código del idioma español es “es”.
La llamada completa para generar una página Web en español con la demo de JClic sería:
http://clic.xtec.cat/db/jclicApplet.jsp?project=http://clic.xtec.cat/projects/demo_esp/jclic/de
mo.jclic.zip&lang=es
SEGUNDO PASO
<br />
<iframe width=’600′ height=’400′ frameborder=’0′ src=’PONER_AQUÍ_EL
ENLACE_COMPLETO’ ></iframe><br />
Objeto JClic
Para visualizar un paquete de JClic a través del navegador es necesario tener
instalada el entorno JRE de java. En este apartado se explica cómo crear una
página que muestra un paquete de JClic con todos los applets necesarios para su
correcto funcionamiento.
1. Descarga y descomprime a la carpeta miweb el contenido del

archivo jclic_ejemplo.zip
2. Como resultado de la extracción encontrarás dentro de la

carpeta miweb/jclic_ejemplo los siguientes archivos y carpeta:
 jclic. Es la carpeta que contiene los applets necesarios para que el paquete
de actividades funcione correctamente.
 capaon.jclic.zip. Es el paquete jclic que contiene todos los activos y
configuración del paquete.
 index.htm. Es la página HTML a través de la cual se carga el paquete para
visualizarlo e interactuar con él a través del navegador.
3. Abre Kompozer.
4. Selecciona Archivo > Abrir para localizar y abrir el archivo index.htm situado
en la carpetamiweb\jclic_ejemplo
5. En la parte inferior de la página pulsa sobre la pestaña Código fuente
6. El código HTML que inserta en la página el objeto de JClic es el siguiente:
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>¿Hacia dónde?</title>
<script language="JavaScript" src="jclic/jclicplugin.js"
type="text/javascript"></script>
</head>
<body leftmargin="0" topmargin="0" marginwidth="0" marginheight="0"
onLoad="window.focus();">
<script language="JavaScript">
setJarBase('jclic');
writePlugin('capaon.jclic.zip', '100%', '100%');
</script>
</body>
</html>
7. Observa que la referencia para cargar los applets de java está en el archivo de
javascript: jclicplugin.jsque se encuentra en la carpeta jclic.
<script language="JavaScript" src="jclic/jclicplugin.js"

8. Con la siguiente orden de Javascript indicamos la carpeta jclic que se toma

como base para buscar todos los applets necesarios:
setJarBase('jclic');
…
9. La referencia al paquete específico que se carga se encuentra en la línea de

código:
Si deseas cargar otro paquete del rincón de Clic:
1. Abre el navegador web y visita la dirección: http://clic.xtec.net/db/listact_es.jsp
2. En el catálogo de paquetes localiza uno y sitúate en la página que muestra su

información.
3. En la parte inferior encontrarás el enlace de descarga de ese paquete:
4. Selecciona y copia este enlace para pegarlo a continuación en la casilla de

dirección del navegador. Esta acción producirá la descarga en local de este
paquete.
5. Utiliza el explorador de archivos para copiar y pegar este archivo al interior de la

carpetamiweb\jclic_ejemplo
6. A continuación abre el archivo index.htm con Kompozer y modifica el nombre del

paquete en la línea de código correspondiente:
7. Elige Archivo > Guardar para guarder los cambios. Si visualizas la página HTML
verás que muestra el nuevo paquete que has referenciado.
Actividades JClic en el blog

Uno de los mejores programas con los que he trabajado desde el nivel primaria hasta
universidad es JClic, que permite relaizar actividades de: rompecabezas, asociaciones, sopa
de letras, crucigramas y actiivdades cn textos; entre otras.
.
Entre las bondades del programa están: en que es gratuito, se puede utilizar con o sin Internet,
es relativamente sencillo la elaboración de las actividades; utilizo mucho JClic elaborado por
los propios estudiantes para que sus compañeros lo resuelvan; se pueden bajar y/o modificar
desde Internet numerosas actividades realizadas por otros profesores en todos los niveles, etc.
Pero existía el problema de que no se podían insertar las actividades en un blog. Después
de investigar y probar, aquí está la secuencia de actividades que hay que hacer y un ejemplo
de una actividad.
Espero les sirva.
1. Elabora las actividades en JClic; al guardarlo nos genera un archivo con las extensiones;
(parte final del nombre del archivo); jclic.zip
2. Este archivo hay que subirlo a Internet; se puede utilizar el servidor de la escuela si lo hay o
algún servicio gratuito; yo usé Tripod, donde hay hay que darse de alta y crear una cuenta.
3. Si se van a usar actividades que se encuentran en la biblioteca de actividades de la Zona

Clic, estas ya están en el servidor de JClic.
4. Al subir nuestra actividad a un servidor o si está en la biblioteca de la Zona Clic, se va

generar un archivo con las siguientes características: inicia con http:// y finaliza con jclic.zip
5. En nuestro blog, nos vamos a crear una nueva entrada y a edición de HTML
6. Copiamos el siguiente código:
donde PEGARAQUÍLA DIRECCIÓN es el siguiente código:
http://clic.xtec.cat/db/jclicApplet.jsp?project=xxx&lang=es
donde XXX es la dirección de Internet generada por el servidor o la de la actividad de la

biblioteca de actividades Zona Clic.
Notas: No dejar espacios al pegar los códigos. Se puede modificar el ancho y el alto de la
presentación cambiando los valores del primer código.
Aquí está el código de una actividad elaborada en JClic sobre el aparato digestivo, subida al
servidor de Tripod y presentada en este blog:
inicio | documentos | JClic en red
Instalación de JClic en red

Hay dos funcionalidades del JClic que nos permitirán optimizar su uso en la red de
la escuela:
 Configurar el sistema de informes en red

JClic reports se pone en marcha en el servidor y realiza dos funciones:
recopilar información sobre las actividades JClic realizadas por alumnos y
presentar informes estadísticos de los resultados obtenidos.
 Utilizar la misma biblioteca de proyectos desde todos los
ordenadores
Esto facilita la gestión de los paquetes de actividades: se instalan una única
vez en el servidor y se pueden utilizar desde cualquier ordenador.
La primera parte se explica detalladamente en las instrucciones de

configuración de JClic reports. Se aconseja leerlas antes de continuar.
Tal y como habréis visto, hay dos modalidades de funcionamiento de JClic reports:
la estándar (aplicación Java independiente) y la avanzada (servidor de
aplicaciones Tomcat). Algunos de los pasos a seguir a partir de ahora dependerán
de la modalidad elegida.
Configuración del servidor
Hay que realizar dos operaciones en el servidor: ofrecer a los clientes el acceso a
una carpeta compartida en red y crear en ella una biblioteca de proyectos JClic.
Creación de la carpeta compartida
Estos son algunos ejemplos de carpetas compartidas en red, en modalidad estándar

y avanzada:
Modalidad estándar:
 En Windows, si el servidor ya tiene una carpeta o una unidad compartida

(por ejemplo S: o C:\S), podemos crear una
subcarpeta S:\JClic o C:\S\JClic.
 También en Windows, si no existe ningún recurso compartido genérico, se
puede crear una carpetaC:\JClic y compartirla con el nombre "JClic".
 En Linux hay por lo menos dos sistemas de compartir
carpetas: NFS (Network File System) y SMB(Samba). En cualquiera de los
dos, podemos aprovechar un recurso existente creando en él una subcarpeta
llamada "JClic", o crear una nueva carpeta y declararla recurso compartido.
 Desde Mac OS X también podemos compartir carpetas en una red AppleTalk
mediante AFP (Apple Filing Protocol). En este artículo se explica como
compartir cualquier carpeta en modo de sólo-lectura.
Modalidad avanzada:
 Si en la primera parte hemos optado por utilizar JClic reports en

la modalidad avanzada (Linux +Tomcat + MySQL), habrá que crear un
directorio "JClic" en la raíz de Tomcat, que acostumbra a estar
en /usr/share/tomcatx/webapps. (donde la "x" es la versión de Tomcat
que se está utilizando).
 Si también tenemos instalado el servidor web Apache podemos crear la
carpeta "JClic" en su raiz, ya que Apache es mas eficiente y seguro
que Tomcat para servir archivos estáticos.
Creación de la biblioteca compartida de proyectos
Para crear la biblioteca de proyectos podemos seguir los pasos que se indican a
continuación:
 Poner en marcha JClic player en el servidor.

Nota: Si el servidor no tiene entorno gráfico de ventanas, poner en marcha
JClic en otro ordenador que disponga de ellas y que pueda acceder a la
carpeta compartida con derechos de lectura y escritura.
 Ir al menú Herramientas - Bibliotecas y hacer clic en Nueva.
 En el diálogo que aparecerá, dejar marcada la opción Crear una nueva
biblioteca de proyectos y hacer clic en Aceptar.
 Hay que seleccionar la carpeta compartida "JClic" que se ha creado en el
paso anterior. El programa sugiere crear en ella un archivo library.jclic.
Aceptamos haciendo clic en Guardar.
 Al regresar al diálogo anterior veremos que hay un nuevo elemento en la
lista, con el nombre "Nueva biblioteca de proyectos". Hay que seleccionarlo,
hacer clic en Editar y cambiar su nombre a "Biblioteca compartida".
Descargar proyectos JClic al servidor
Desde el servidor, poner en marcha un navegador web y dirigirse a la biblioteca de

actividades de lazonaClic. Instalar algunos proyectos en la biblioteca compartida
que acabamos de crear.
También en el servidor, poner en marcha JClic para ir a Herramientas -

Bibliotecas - Editar. En esta ventana se pueden crear carpetas y subcarpetas (por
áreas temáticas, por proyectos de trabajo, por grupos...). Los iconos de los
proyectos se pueden cortar, copiar y pegar hasta situarlos en la carpeta que nos
interese.
Últimos detalles en el servidor
Para evitar confusiones puede ser conveniente eliminar todas las bibliotecas
excepto la "Biblioteca compartida". Podéis hacerlo desde el diálogo Herramientas
- Bibliotecas de JClic.
También es recomendable asignar una contraseña a JClic, para evitar que personas
no autorizadas puedan cambiar la configuración y tener acceso a la gestión de la
biblioteca. Esto se hace desde el menúHerramientas - Configuración,
pestaña Seguridad.
Configuración de los clientes
Los pasos que se explican a continuación se deben hacer en cada uno de los
ordenadores clientes. La buena noticia es que sólo será necesario hacerlo una vez.
Averiguar la ruta a la biblioteca compartida
Hay que empezar por averiguar como se accede al fichero library.jclic que se
encuentra en la carpeta compartida del servidor. Algunos ejemplos:
Modalidad estándar:
 Desde clientes Windows probablemente la ruta de acceso

será\\nombredelservidor\S\JClic\library.jclic , o
quizás\\nombredelservidor\JClic\library.jclic.
 En clientes Windows se acostumbra a mapear una letra de unidad MS-DOS a
los recursos compartidos. Si los clientes de la red tienen la unidad "S:"
apuntando al recurso compartido del servidor, la ruta será más
sencilla: S:\JClic\library.jclic.
 En clientes Linux se aconseja montar la unidad compartida, ya sea
mediante mount o smbmount. Una vez montado, encontraremos el recurso
en un directorio del tipo /mnt/S/JClic/library.jclic (si estamos
reaprovechando un recurso "S" que ya teníamos montado),
o /mnt/JClic/library.jclic, si hemos creado un punto de montaje
específico para la carpeta compartida.
 En clientes Mac OS X también se aconseja montar el volumen desde
el Finder (menú Ir - Conectar al servidor). Una vez montado, la biblioteca
estará accesible en /Volumes/S/JClic/library.jclic, o directamente
en /Volumes/JClic/library.jclic.
Modalidad avanzada:
 Si se ha configurado el servidor en la modalidad avanzada, Tomcat os

permitirá acceder a la biblioteca mediante el protocolo HTTP. La ruta será un
URL del tipo:
http://nombredelservidor:XXXX/JClic/library.jclic
donde nombredelservidor puede ser el nombre del servidor o su dirección IP,

y XXXX es el número de puerto por el cual actúa Tomcat. Por defecto
es 8180 para Tomcat 4 y 8080 para Tomcat 5.
 Si el servidor ya tenía Apache instalado y habéis decidido crear allí la
carpeta JClic, será un URL similar pero con otra indicación de puerto (o sin
ninguna indicación si Apache actúa por el puerto 80).
Configurar JClic
 En cada una de las estaciones, poner en marcha JClic. Puede hacerse desde
la página de descarga e instalación.
 Ir al menú Herramientas - Configuración, y activar la
pestaña Bibliotecas.
 Dejar marcada la casilla Mostrar automáticamente la biblioteca al
inicio.
 Hacer clic en Nueva y seleccionar la opción Añade un enlace a una
biblioteca ya existente.
 Escribir en el campo Archivo o URL la ruta al archivo library.jclic que
hemos averiguado en el paso anterior.
 Confirmar haciendo clic en Aceptar.
 Cerrar JClic y comprobar que al volver a arrancar se puede acceder a la
biblioteca compartida. Observad que aparecen todos los proyectos JClic
instalados en el servidor.
Últimos detalles en los clientes
 Puede ser conveniente eliminar la "Biblioteca principal" (que se crea siempre

por defecto), y dejar sólo la "Biblioteca compartida". Así nos ahorraremos la
ventana de diálogo que aparece siempre al iniciar JClic, en la que se
pregunta qué biblioteca queremos cargar. Puede suprimirse desde el
menúHerramientas - Bibliotecas.
 También puede ser conveniente proteger los cambios de configuración con
contraseña. Puede hacerse desde el menú Herramientas - Configuración,
pestaña Seguridad.
Mantenimiento del sistema
Si hay que instalar nuevos proyectos o modificar la estructura de la biblioteca

compartida, hacerlo siempre desde el servidor, ya que los clientes no tienen
derechos de escritura.
Hay que tener en cuenta que por el hecho de borrar un icono de la biblioteca
(desde el menúHerramientas - Bibliotecas - Editar) no se borran los ficheros de
su proyecto. Éstos continuarán en la carpeta de la biblioteca. Para eliminar
totalmente un proyecto hay que suprimir manualmente su carpeta.
Funcionalidades avanzadas
En este documento se ha explicado como crear una única biblioteca compartida,

pero pueden haber otras soluciones, como crear una biblioteca específica para cada
ciclo o curso. También hemos supuesto que hay un único servidor que actúa como
servidor de informes y aloja la biblioteca de proyectos. Evidentemente, estas tareas
pueden estar también repartidas entre diversos ordenadores.
Si se ha optado por la modalidad avanzada y se ha colocado la biblioteca en el

servidor Apache, y si este servidor tiene salida a Internet, vuestros alumnos se
podrán conectar también desde casa: sólo será necesario que pongan en marcha
JClic, vayan a Herramientas - Bibliotecas y creen una nueva biblioteca
apuntando al URL correspondiente (http://servidor.dominio/JClic/library.jclic). Así
podrán trabajar con los mismos proyectos que en la escuela.
Y un último truco: la biblioteca compartida está en el servidor Apache con salida a

Internet también podéis hacer que los alumnos accedan a ella directamente (sin
arrancar ni configurar JClic) descargando este archivo zip y extrayendo a la carpeta
de la biblioteca el documento index.html que contiene. La biblioteca estará
entonces accesible en http://servidor.dominio/JClic/index.html.
Crear un Cd-Rom con activitdades JClic
Para poder utilizar las actividades Jclic en modo local o en un CD Rom es necesario
utilizar las actividades incrustadas en applets. En este documento explicamos los
pasos a seguir para hacerlo:
1. Crear un proyecto, por ejemplo activity1.jclic.zip y la página web para

abrirlo en modo applet. Para esto se debe ir a HERRAMIENTAS | CREAR
PÁGINA WEB, allí se pueden configurar diferentes opciones: medida del
applet, color de fondo, etc. Esto se explica en el curso de Creación de
actividades educativas con JClic, en el módulo 5. Con este
procedimiento se crea un archvioindex.htm que cargará la actividad. A este
archivo index es recomendable cambiarle el nombre y darle el mismo que
tiene la actividad, en este caso lo nombraríamos activity1.htm.
2. Descargar el último archivo de JClic disponible en la página de instalación
y extraer los ficheros que contiene el archivo zip en una carpeta
llamada JClic junto con el resto de carpetas de las actividades. La estructura
deberá quedar del siguiente modo:
Y el contenido de cada una de las carpetas de las actividades deberá ser:
3. Una vez están los archivos del programa en la carpeta jclic y la actividad y
la página que la ejecuta en la carpeta activity1 se debe modificar el
documento activity1.htm y cambiar la siguiente línea de texto:
Esta línea :
<script language="JavaScript"
src="http://clic.xtec.cat/dist/jclic/jclicplugin.js"
por esta otra:

<script language="JavaScript" src="../jclic/jclicplugin.js "
y esta :
setJarBase('http://clic.xtec.cat/dist/jclic');
por esta otra:

setJarBase('../jclic');
de este modo cuando se abra el archivo activity1.htm se ejecutará la actividad en

forma deapplet tomando los archivos que necesita de la carpeta que hemos creado
en local y no de internet.
El documento html tendrá por tanto la siguiente forma:

<!doctype html public "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<title>*****título actividad******</title>
<script language="JavaScript" src="../jclic/jclicplugin.js"
</head>
<body leftmargin="0" topmargin="0" marginwidth="0" marginheight="0"
onLoad="window.focus();">
setJarBase('../jclic');
writePlugin('*****.jclic.zip', '100%', '100%');
</script>
</body>
</html>
HTML para
insertar
actividades
JCLIC en el
Site usando
HTML
JCLIC
es un proyecto
catalán que
permite el uso y
la creación de
actividades
interactivas para
ser usadas on-line
como también
off-line.La
página es la
siguiente:http://cl
ic.xtec.cat/db/list
act_es.jspSi
encontrás una
actividad que se
ajuste a tu sitio,
simplemente
copiás el código
embebidoque lo
podés encontrar
en dicha página.
Si por el
contrario, bajaste
el desarrollador
deactividades a tu
PC y necesitás
publicarlo en tu
sitio, los pasos
son los
siguientes:1)
Empaquetar las
actividades en un
archivo ZIP
(formato
comprimido).2)
Subirlo a un
servidor
(tipo http://www.
dropbox.com).3)
Usar el código
que te coloco
aquí abajo
reemplazando
con la URL
correspondiente
alarchivo ZIP que
empaquetaste y
subiste a tu
servidor:<div
style="width:540
;text-
align:center;font-
size:x-
small;"><iframes
rc="http://clic.xte
c.cat/db/jclicAppl
et.jsp?project=
http://clic.xtec.c
at/projects/arge
ntin/jclic/argenti
n.jclic.zip
" frameborder=0
width=540
height=440
scrolling="no"><
/iframe><br><a
href="http://clic.x
tec.cat/db/act_ca.
jsp?id=3321">zo
naClic -
actividades</a><
/div>
Buscar una
actividad en
la web zona
Clic
El objetivo de esta práctica es utilizar el buscador de actividades de la web zonaClic
para encontrar una actividad que responda a los intereses de cada uno, y una vez
encontrada ver las opciones que se ofrecen: poner en marcha la actividad desde
Internet o instalarla en tu ordenador.
Abre el navegador de Internet.
Ve a la web http://clic.xtec.net, selecciona el idioma español y busca el botón que lleva a

la sección Actividades.
Se abrirá el buscador de actividades.
Despliega el campo Área y escoge una opción.
Despliega ahora el campo Idioma y escoge la opción que te interese.
Haz lo mismo en el campo Nivel.
Si estás interesado en un proyecto con contenido textual mínimo marca la opción

correspondiente. Si no es el caso, déjala desmarcada.
Si estás buscando una actividad que ya conoces puedes rellenar los

campos Título, Autory/o Descripción si dispones de estos datos. Piensa que cuántos
más campos rellenes más esmerada será la busqueda y obtendrás un listado más corto
de actividades, de manera que será más fácil encontrar lo que buscas.
Una vez rellenados los campos que te interesen, haz clic sobre el botón buscar ...
Acabada la búsqueda obtendrás información del número de actividades encontradas y

un listado de estas actividades en grupos de 25. Si se han encontrado más de esta
cantidad verás que hay más de una página y, sobre el listado, el lugar para acceder.
Escoge una actividad del listado y haz clic encima del título.
Observa la página que se ha abierto y qué tipo de información te da.
Bajo la información tienes la primera barra, la de la Versión JClic - idioma original.
Haz clic sobre la opción . Se abrirá JClic y se ejecutará la actividad

desde Internet.
La actividad no quedará instalada en tu ordenador. Si la cierras y la quieres volver a ver

lo tienes que volver a hacer desde la web.
Prueba varias actividades hasta encontrar una que te guste.

Sitúate en la web de la actividad escogida. Tienes que continuar conectado a Internet.
En la barra de Versión JClic del idioma que prefieras, si la actividad está en más de un
idioma, haz clic sobre .
Se pondrá en marcha el mismo proceso de instalación que ha tenido lugar para instalar
la demo en la práctica 1 del módulo 1. Ve confirmando los pasos.
La actividad ha quedado instalada en tu ordenador. Ahora ya no hay que estar

conectado a Internet para utilizarla.
Cierra el navegador (puedes desconectar) y abre JClic. Localiza en la biblioteca el botón

de la actividad que acabas de instalar y haz un clic para ponerla en marcha.
Práctica opcional (sólo para expertos en HTML)
En la práctica anterior hemos visto como hacer una página HTML con un applet, que
permitirá a cualquier visitante de tu web ver los proyectos JClic que has preparado. Si
conoces el funcionamiento del lenguaje HTML puedes ir más allá y ofrecerles también la
posibilidad de instalarse estos proyectos en su ordenador, mediante unos enlaces
parecidos a los que se utilizan en la zonaClic.
Por ejemplo, si quieres ofrecer la posibilidad de descargar el proyecto del módulo 4

puedes hacer lo siguiente:
 Sube a tu web el archivo modulo4.jclic.inst que has creado en la práctica

anterior. El otro archivo necesario es el modulo4.jclic.zip, que ya has subido
cuando has hecho el applet.
 Crea una página web nueva, que puedes nombrar instal.htm e introduce un
enlace como éste:
<Html>
<Head>
<Title>Instalación del proyecto...</title>
</Head>
<Body>
<p> ... título ... explicación ... etc. </p>
<P><a href="xxx">Haz un clic aquí si quieres instalar este proyecto JClic
en tu ordenador.</a></p>
</Body>
</Html>
El texto "xxx" se tiene que cambiar por una expresión bastante larga, que
explicamos en dos pasos:
http://clic.xtec.net/jnlp/jclic/install.jnlp?argument=yyy
Donde "yyy" es la URL completa del archivo de instalación que acabas de subir
a tu web:
http://www.xtec.net/~identificador/projecte2/modulo4.jclic.inst
Decir que hay que sustituir también identificador por el código de usuario
correspondiente. Fíjate también que en la expresión de ejemplo hemos indicado
la carpeta projecte2, que es la sugerida en la práctica anterior.
Todo eso (las dos expresiones unidas) hace falta escribirlo seguido y sin ningún
espacio, dentro de las comillas del href.
 Sube la página instal.htm a tu web
Abre con el navegador la página que acabas de subir, que tendrá una URL parecida a:
http://www.xtec.net/~identificador/projecte2/instal.htm
Comprueba que cuando se hace clic en el enlace se realiza el proceso de instalación.

Ten en cuenta que si haces las pruebas desde el mismo ordenador donde has realizado
las prácticas habrá que indicar un nombre de carpeta diferente, para evitar sobreescribir
el original.
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.
Pinchamos en Biblioteca de actividades.

Pinchamos en Buscar actividades:
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”.
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.
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:
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>
<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">
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
otrawritePlugin('http://recursosticjerez.wikispaces.com/space/showimage/payasos.jclic.zi
p', '700', '450');
17. Posteriormente copiamos el código HTML que tenemos que pegar en nuestra wiki
utilizando
<html>
<head>
<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">
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.

Código HTML para Archivos de Jclic

Încărcat de

Informații document

Titlu original

Drepturi de autor

Formate disponibile

Partajați acest document

Partajați sau inserați document

Opțiuni de partajare

Vi se pare util acest document?

Este necorespunzător acest conținut?

Drepturi de autor:

Formate disponibile

Código HTML para Archivos de Jclic

Încărcat de

Drepturi de autor:

Formate disponibile

Código Html para archivos de Jclic

Filed in: GeneralAdd comments

Espero que les pueda servir.

1. Descarga y descomprime a la carpeta miweb el contenido del

2. Como resultado de la extracción encontrarás dentro de la

5. En la parte inferior de la página pulsa sobre la pestaña Código fuente

6. El código HTML que inserta en la página el objeto de JClic es el siguiente:

<script language="JavaScript" src="jclic/jclicplugin.js"

8. Con la siguiente orden de Javascript indicamos la carpeta jclic que se toma

9. La referencia al paquete específico que se carga se encuentra en la línea de

Si deseas cargar otro paquete del rincón de Clic:

1. Abre el navegador web y visita la dirección: http://clic.xtec.net/db/listact_es.jsp

2. En el catálogo de paquetes localiza uno y sitúate en la página que muestra su

3. En la parte inferior encontrarás el enlace de descarga de ese paquete:

4. Selecciona y copia este enlace para pegarlo a continuación en la casilla de

5. Utiliza el explorador de archivos para copiar y pegar este archivo al interior de la

6. A continuación abre el archivo index.htm con Kompozer y modifica el nombre del

writePlugin('capaon.jclic.zip', '100%', '100%');

Actividades JClic en el blog

Espero les sirva.

3. Si se van a usar actividades que se encuentran en la biblioteca de actividades de la Zona

4. Al subir nuestra actividad a un servidor o si está en la biblioteca de la Zona Clic, se va

6. Copiamos el siguiente código:

donde PEGARAQUÍLA DIRECCIÓN es el siguiente código:

donde XXX es la dirección de Internet generada por el servidor o la de la actividad de la

Instalación de JClic en red

 Configurar el sistema de informes en red

La primera parte se explica detalladamente en las instrucciones de

Configuración del servidor

Creación de la carpeta compartida

Estos son algunos ejemplos de carpetas compartidas en red, en modalidad estándar

 En Windows, si el servidor ya tiene una carpeta o una unidad compartida

 Si en la primera parte hemos optado por utilizar JClic reports en

Creación de la biblioteca compartida de proyectos

 Poner en marcha JClic player en el servidor.

Descargar proyectos JClic al servidor

Desde el servidor, poner en marcha un navegador web y dirigirse a la biblioteca de

También en el servidor, poner en marcha JClic para ir a Herramientas -

Últimos detalles en el servidor

Configuración de los clientes

Averiguar la ruta a la biblioteca compartida

 Desde clientes Windows probablemente la ruta de acceso

 Si se ha configurado el servidor en la modalidad avanzada, Tomcat os

donde nombredelservidor puede ser el nombre del servidor o su dirección IP,

Últimos detalles en los clientes

 Puede ser conveniente eliminar la "Biblioteca principal" (que se crea siempre

Mantenimiento del sistema

Si hay que instalar nuevos proyectos o modificar la estructura de la biblioteca

En este documento se ha explicado como crear una única biblioteca compartida,

Si se ha optado por la modalidad avanzada y se ha colocado la biblioteca en el

Y un último truco: la biblioteca compartida está en el servidor Apache con salida a

1. Crear un proyecto, por ejemplo activity1.jclic.zip y la página web para

Y el contenido de cada una de las carpetas de las actividades deberá ser:

por esta otra:

por esta otra:

de este modo cuando se abra el archivo activity1.htm se ejecutará la actividad en

El documento html tendrá por tanto la siguiente forma:

Abre el navegador de Internet.

Ve a la web http://clic.xtec.net, selecciona el idioma español y busca el botón que lleva a

Despliega el campo Área y escoge una opción.

Despliega ahora el campo Idioma y escoge la opción que te interese.

Haz lo mismo en el campo Nivel.

Si estás interesado en un proyecto con contenido textual mínimo marca la opción