Tutorial para elaborar un lectura comprensiva con diversas actividades que contiene J.Clic

1. TUTORIAL PARA CREAR UNA LECTURA COMPRENSIVA
CON ACTIVIDADES DE JCLIC AUTOR
TALLER DE CAPACITACIÓN "FORTALECIMIENTO DE
COMPETENCIAS EN EL USO DE LA NUEVA PLATAFORMA
PERUEDUCA, ENTORNOS VIRTUALES Y SOFTWARE
EDUCATIVOS LIBRES”

2. Jclic es una aplicación de software libre que está desarrollado en la plataforma
Java y funciona en distintos sistemas operativos (Linux, Windows, Mac OS X y
Solaris)
Software Educativo
Consta de cuatro aplicaciones:
Jclic: Es la primera de las aplicaciones y sirve para ver y ejecutar las actividades
contenidas en los proyectos.
JClic Autor: Es la principal de las aplicaciones ya que nos permite crear y
modificar las actividades de forma sencilla.
JClic Reports: Este módulo nos permitirá gestionar una base de datos donde se
recogerán los resultados obtenidos por los alumnos al realizarlas actividades de
los proyectos JClic.
Jclic Applet: Permite incrustar las actividades JClic en una página web

3. Aplicación que permite crear actividades educativas interactivas y editar las
actividades de Jclic. Como por ejemplo: sopa de letras rompecabezas,
crucigramas, asociaciones, ejercicios de texto entre otras. Las actividades se
agrupan en un solo proyecto.
Jclic Autor

4. PASOS PARA INSTALAR JCLIC
1
2

5. Deslizar la barra hasta Instaladores, clic en el instalador para sistema Windows y
esperamos a que se descargue totalmente para luego hacer clic.
3
4
5

6. Aparece un mensaje: Desea permitir que este programa realice cambios…hacer clic en si y
aparecen las siguiente ventanas para empezar la instalación:
6
7

7. 8
9 Activar check
10

8. Esperar a que termine la instalación
11

9. 12
Los iconos de Jclic, Jclic Autor y Jclic Reports se encontrarán como acceso directo en el
escritorio.

10. CREACIÓN DE PROYECTOS DE ACTIVIDADES
CON JCLIC AUTOR
En el escritorio hacemos doble clic en el ícono de Jclic Autor.
En la ventana que nos aparece hacemos clic en Archivo y Nuevo Proyecto
2
1

11. Escribe el nombre del proyecto, automáticamente el programa da el mismo nombre a la
casilla del archivo y por defecto nos indica la ruta donde se guardará la carpeta del
proyecto. Ejemplo:
4
3

12. 6
5
En esta pantalla observamos cuatro pestañas. En la pestaña proyecto completa el título y
si deseas rellenas las demás casillas, es opcional.

13. Clic en la pestaña
actividades, luego en
la naranja, clic en
pantalla de
información, escribe
el nombre de la
actividad ejemplo
portada y aceptar.
2
3
4
5
1
ACTIVIDAD: PANTALLA DE INFORMACIÓN

14. Nos aparece la siguiente pantalla, en la pestaña opciones selecciona el color de
piel dando clic, no es obligatorio llenar el cuadro de descripción y los demás
botones lo dejamos igual, en otras actividades se trabajarán.
6
7

15. VENTANA
PRINCIPAL
VENTANA DE JUEGO
Clic en la pestaña Ventana, ambas ventanas aparecen de color gris pero se pueden
modificar.
8

16. 9
13
12
11
10
Para la ventana principal, elige la opción Gradiente ,clic en color inicial y escoge el color
amarillo por ejemplo, luego aceptar.

17. El color final si deseas lo modificas como ejemplo queda en blanco, cambiamos el
número de ciclos y orientación al gusto del autor moviendo las barritas.
13
12

18. 14
La ventana de juego tiene más opciones, si deseas usa la opción transparente y el
color gris cambiará al color de la ventana principal.
VENTANA PRINCIPAL
VENTANA DE JUEGO

19. Clic en la pestaña mensajes y en mensaje inicial, escribe el texto del mensaje. Clic en estilo.
18
17
16
15
En la ventana
Estilo se modifica
tamaño de letra,
tipo y color del
fondo.(Ver
siguiente página)

20. 21
19
20
24
23
22
Ahora como ejemplo cambia el tamaño de letra a 18 clic en negrita y escoge el color de
fondo amarillo.

21. 25
Ojo: El mensaje final y de error no se modifican, porque la actividad es una
pantalla de información.

22. Clic en la pestaña panel,
luego en imagen, no hay
ningún objeto en
multimedia, clic en nuevo
objeto multimedia
28
27
26

23. 3130
29 Busca la ruta donde se
encuentra la imagen que
con anticipación has
descargado de internet. En
este caso la imagen esta en
escritorio.

24. Parece el siguiente mensaje, clic en SI
32

25. Observa que la imagen ya se encuentre y clic en aceptar.
33

26. Aparece en la pestaña panel la
imagen que servirá de portada, para
probar el funcionamiento clic en el
triángulo verde
34

27. Ya está lista nuestra portada clic en la x para cerrar la ventana de juego
35

28. Si deseas salir del
programa, guarda la
actividad haciendo
clic en archivo y en
guardar, enseguida
aparece una
ventana pequeña,
donde nos
demuestra que se
está guardando la
actividad, espera y
luego cierra el
programa.
37
36
38
39

29. OJO: PARA REALIZAR NUEVA ACTIVIDAD
Para empezar una nueva actividad, ingresa al icono de Jclic Autor que se encuentra en
escritorio, clic en archivo, abrir el archivo, hacemos clic en la carpeta lectura, abrir, luego
clic en el archivo comprimido y clic en abrir. Esperamos a que cargue.
5
32
1
4
76

30. ACTIVIDAD: SOPA DE LETRAS
4
3
2
1
5
Nuevamente clic en
Actividades, naranja y
en sopa de letras,
escribe como nombre
de la actividad
pupiletras y aceptar.

31. En las pestañas opciones, ventana y mensajes, sigue el mismo procedimiento que se hizo
para la actividad de información.
OJO: En el mensaje
inicial escribe lo
siguiente: Encuentra
siete palabras de la
lectura y en el
mensaje final ¡Genial!
6
7

32. En la pestaña Panel
cambia el número de
filas y columnas, ancho
y alto de las celdas
como el ejemplo y las
letras que aparecen por
defecto se borran
haciendo clic en cada
una y presionando
suprimir.
8
9
10

33. Escribe las palabras que irán en el pupiletras haciendo clic en el signo + y en la ventana que
aparece digita la palabra pastor y Aceptar.
11
12
13

34. 17
16
15
14
La palabra lo escribes en la
forma que deseas que
aparezca en el pupiletras,
observa el ejemplo y luego
clic en + para que añadas
otra palabra y lo escribes
en forma vertical,
horizontal o diagonal.

35. 18
Continua escribiendo las
palabras restantes.
Observa el ejemplo
Terminado.
Para probar el
funcionamiento clic en
la flecha verde

36. ¡Actividad terminada! Cerramos la ventana luego clic en archivo y guardar

37. ACTIVIDAD: PUZZLE DE INTERCAMBIO
Si no cerramos
el programa
hacemos
nuevamente clic
en la naranja y
luego en puzzle
de intercambio,
escribe como
nombre de la
actividad
rompecabeza y
aceptar.
1
2
4
3

38. Para las pestañas
opciones, ventana y
mensajes se siguen
los mismos pasos
que las actividades
anteriores, pero en
en opciones activar
el botón ayuda.
En mensaje inicial
escribe Arma el
Rompecabezas. En
mensaje final ¡Buen
trabajo!
En la pestaña panel cambia el número de filas
y columnas . Clic en imagen y nuevo objeto...8
7
65
9

39. Busca la ruta donde se
encuentra la imagen que con
anticipación has descargado
de internet. En este caso la
imagen esta en escritorio.
12
11
10

40. 13

41. Observa que la imagen ya se encuentre
y clic en aceptar.
14

42. Aparece la imagen que será para el
rompecabezas, y para probar el
funcionamiento clic en el triángulo verde.
15

43. ¡Actividad terminada! Si resulta difícil armarlo clic en el botón ayuda.
Cerramos la ventana luego clic en archivo y guardar
Botón
ayuda

44. ACTIVIDAD: PUZZLE DOBLE
Nuevamente clic
en la naranja y
luego en puzzle
de intercambio,
escribe como
nombre de la
actividad puzzle
y aceptar.
1
2
3
4

45. 10
987
6
5
Para las pestañas opciones,
ventana y mensajes se siguen
los mismos pasos que las
actividades anteriores, En
mensaje inicial escribe
Descubre la imagen. En
mensaje final ¡Muy Bien!
En Panel cambia el número de filas y columnas. Clic en el
nombre de la imagen que se desea y aceptar.

46. 11
Aparece la imagen que será para el
rompecabezas, y para probar el
funcionamiento clic en el triángulo verde.

47. ¡Actividad terminada! Arma el puzzle luego clic en archivo y guardar.

48. ACTIVIDAD TEXTO: COMPLETAR TEXTO
Nuevamente clic
en la naranja y
luego en Texto:
completar texto,
escribe como
nombre de la
actividad
Lectura y
aceptar.
1
2
3
4

49. Para las pestañas
opciones, ventana y
mensajes se siguen los
mismos pasos que las
actividades
anteriores, En mensaje
inicial escribe Amiguito
y amiguita después de
leer da clic en la flecha
para continuar. No se
escribe mensaje final.
5
6
7
En la pestaña texto cambia el alto y ancho como el ejemplo

50. 8
Ahora clic en Estilo
y pega el texto con
Control +V que
debes tenerlo en
una hoja de Word,
luego sombrea el
texto y cambia el
tamaño de letra
9
10

51. 1211
10
9
13
Selecciona el título, luego
sigue los pasos para cambiarle
tamaño de letra, ponerle
negrita, centrarlo y cambiar el
color del texto.
15
14

52. 18
17
16
19
Selecciona nuevamente el
título, luego sigue los pasos
para cambiar el color de
fondo

53. Selecciona el nombre del
autor y sigue el paso para
cambiarle de posición. Ahora
prueba el funcionamiento.
22
21
20

54. ¡Actividad terminada! clic en archivo y guardar.

55. CREACIÓN DE UN PUZZLE DE INTERCAMBIO CON CONTENIDO TEXTUAL
1
2
3
4
Para todas
las
actividades
se siguen
los mismos
pasos..

56. En la pestaña opciones
escoge en interfaz de
usuario bue.xml y en
contador de intentos
máximos 6.
En ventana principal
color gradiente amarillo
con blanco y a la de juego
transparente.
En mensajes, escribe el
mensaje inicial: Ordena la
secuencia del texto y final
¡Excelente! Y en mensaje
de error ¡Inténtalo otra
vez! El fondo de este
mensaje que aparezca de
color rojo.
5
7
6
En la pestaña panel marca los
valores como los de la
imagen (para que los cuadros
tomen esa medida pulsamos
la tecla enter.)

57. 10
9
8
11
Clic en la
primera casilla y
sigue los pasos
de la imagen
para escribir el
texto, cambiar
su posición y
aceptar.

58. Realiza los
mismos
pasos con las
siguientes
casillas.
12

59. Para cambiar el tamaño
de letra y color de
fondo clic en estilo y
sigue los pasos de esta
imagen.
14
13
15
16
12

60. Comprueba el funcionamiento de
la actividad.
17

61. El trabajo tiene que quedar así. Cierra la venta y guarda la actividad
archivo -- guardar.

62. ACTIVIDAD: ASOCIACIÓN COMPLEJA
1
2
3
4
Sigue los
pasos de
esta imagen.

63. 7
6
5
En opciones interfaz de usuario bue.xml y contador de intentos máximos 5.
En ventana principal color gradiente amarillo con blanco y a la de juego color de fondo
azul. En mensajes, escribe el mensaje inicial: ¡Es verdadero o Falso? y final ¡Perfecto! Y en
mensaje de error ¡Inténtalo otra vez! El fondo de este mensaje que aparezca de color rojo.
En la pestaña panel A marca los valores
como los de la imagen (para que los
cuadros tomen esa medida pulsamos
la tecla enter.)

64. En la pestaña Panel B
marca los valores
como los de la
imagen (para que los
cuadros tomen esa
medida pulsamos la
tecla enter.)
9
8

65. En el Panel A rellena
la primera casilla
escribiendo el texto
que deseas que
aparezca. Fíjate en el
ejemplo.
13
1211
10

66. 14
16
15
19
17
18
Luego en estilo cambia el tamaño de
letra, utiliza el color blanco para el fondo
y color de estado inactivo.

67. 20
Clic en panel B en una casilla escribe
verdadero y en la otra falso.
21
22

68. Luego en estilo cambia el tamaño de
letra, utiliza el color amarillo para el
fondo y color de estado inactivo.21
23
22
26
24
25

69. Clic en Relaciones y ubica cada flecha
según corresponda. Clic en la flecha
verde para ver su funcionamiento.
27

70. ¡Trabajo Terminado!, cierra la ventana y guarda la actividad. Archivo --guardar

71. ACTIVIDAD: ASOCIACIÓN SIMPLE
Observa la imagen y realiza los mismos
pasos.
1
2
3
4

72. 5 6
7
8
Opciones interfaz de usuario bue.xml y en contador de intentos máximos 5.
Ventana principal color gradiente amarillo con blanco y la de juego color gradiente azulino con blanco.
En mensajes, escribe el mensaje inicial: Une cada palabra con su definición y final ¡Maravilloso! Y en
mensaje de error ¡Inténtalo otra vez! El fondo de este mensaje que aparezca de color rojo.
En la pestaña panel A marca
los valores como los de la
imagen

73. 10
9
En la pestaña panel B marca los
valores como los de la imagen

74. Completa las casillas del Panel A
y panel B como el ejemplo.
12
11

75. 1211
Para ambos paneles cambia el tamaño de
letra. El color de fondo blanco y de estado
inactivo debe ser amarillo.

76. 13
Ahora comprueba la actividad
presionando el triángulo verde.

77. ¡Actividad terminada! . Cierra la ventana y guarda los cambios.

78. ACTIVIDAD: RESPUESTA ESCRITA
1
2
3
4
Sigue los pasos de la imagen.

79. En la pestaña Opciones interfaz de usuario green.xml.
Ventana principal color gradiente amarillo con blanco y la de juego color de fondo verde tenue.
En mensajes, el mensaje inicial es: Escribe la respuesta correcta y final ¡Fantástico! Y en mensaje de
error ¡Inténtalo otra vez! El fondo de este mensaje que aparezca de color rojo.
7
6
En la pestaña panel A marca
los valores como los de la
imagen
5

80. 9
8
En la pestaña panel B marca los
valores como los de la imagen

81. 109
En las casillas del panel A y B
completa los textos como la imagen.

82. 10
11
En el panel A cambia el tamaño de
letra. El color de fondo blanco y
estado inactivo debe ser amarillo.

83. En el panel B, clic en estilo, cambia el
tamaño de letra y color de fondo amarillo.
13
12

84. 14
En la pestaña relaciones une cada
significado con su palabra. Ahora
prueba el funcionamiento.

85. Actividad concluida. Cierra la ventana y guarda los cambios.

86. SECUENCIAS DE LAS ACTIVIDADES
Clic en el nombre de la actividad que quieres
ordenar y presiona la flecha varias veces hasta
ubicarla donde deseas. En el ejemplo la
actividad de lectura será ubicada después de
portada.
3
2
1

87. Ordena todas las actividades como el ejemplo,
guarda los cambios y cierra el programa.

88. Crear archivo de Instalación de proyecto
de actividades “Lectura”
Abrir Jclic Autor y clic en abrir el archivo, buscar nuevamente el archivo creado
“lectura.jclic” , luego sigue los pasos de la imagen.
1
2

89. Completa los datos que falten ejemplo .
3
4

90. Nos aparece una pantalla donde se guardará el archivo. Asegúrate que
sea en la carpeta del proyecto.

91. Ahora en disco C busca la ruta donde se encuentra tu proyecto y
veremos el nuevo archivo que se ha generado. lectura.jclic.inst
Para instalar mi proyecto de Jclic en la biblioteca de mi
ordenador u otros ordenadores, copio los dos archivos.

92. Ahora instalamos el proyecto en
Abrimos Jclic , clic en archivo, abrir el archivo en este caso la carpeta
lectura.

93. Selecciona la carpeta lectura.jclic.inst y en tipo de archivo el que
se muestra en la imagen.

94. Aparece el asistente de instalación, sigue los pasos que te marca.

97. Cuando ingreses nuevamente a Jclic aparecerá en la Biblioteca principal el
proyecto.