ÁREA DE TECNOLOGÍA E INFORMÁTICA http://tecnologiaeinformatica-lissyvancelis.blogspot.com

Guía 1 de JClic – Inicio de proyecto, primera actividad (Puzzle doble) 1. Abrimos JClic Author y damos clic en Archivo > Nuevo proyecto… 2. Primer, con el botón Navegar ubíquese en D: y allí cree la carpeta Curso – apellidos,

donde guardará su proyecto, luego escribimos en Nombre del proyecto: Animales – apellidos. Recuerde esta ruta para ubicar su trabajo y ponerlo en su correo cada clase para que no se le pierda.

3. En la ventana del proyecto, en la casilla Autores/as, damos clic en el + y escribimos el nombre del primer estudiante y su rol (estudiante), luego damos clic en Aceptar y volvemos a hacer lo mismo para el segundo estudiante. En el caso de un proyecto de más integrantes de grupo debe hacerse este mismo proceso por cada estudiante.

4. En la casilla Interfaz de usuario: elegimos como piel para el proyecto: @Blue.xml. 5. Ahora guardamos el proyecto dando clic en Archivo > Guardar. Como ya habíamos

asignado nombre para el archivo, no hay que escribir nada. Estos son los pasos que siempre se deben hacer al iniciar un proyecto nuevo en JClic, no por actividad, sino por proyecto, ya que el proyecto tiene todas sus actividades en un mismo archivo. Vamos a buscar nuestro archivo para que aprendamos cómo se abre después de haberlo cerrado. Para esto cerremos JClic como si hubiéramos terminado:

1. Abrimos el programa JClic y damos clic en Archivo > Abrir el archivo…. 2. El programa de una vez se ubica en la carpeta donde se guardan los proyectos por

defecto, allí abrimos nuestra carpeta para buscar otra carpeta con el nombre del proyecto Animales – apellidos. (con sus apellidos, porque si no el trabajo es de otro grupo).

3. Damos doble clic en el archivo que está dentro de nuestra carpeta para que se abra (en este momento no tiene aún ninguna actividad).

Ahora vamos a crear nuestra primera actividad: 1. Teniendo abierto el proyecto, damos clic en la pestaña Actividades y luego clic en el

ícono Añadir una nueva actividad al proyecto. 2. De la lista de actividades que aparece elegimos Puzzle doble. 3. Escribimos el nombre de la actividad: Puzzle1 – apellidos y damos clic en Aceptar. 4. En la pestaña Opciones (de la actividad) hay una casilla que dice Interfaz de usuario,

allí en Piel elegimos @green.xlm (recordemos que van dos pieles elegidas: @blue.xlm para el proyecto y @green.xlm para la actividad del puzlee, esta última prevalece por encima de la del proyecto, lo verán más adelante).

5. Observe que todos los contadores están activos, déjelos así, así la actividad tendrá contador de tiempo, mostrará el número de intentos y los aciertos que se llevan.

6. En las opciones de Botones, marcamos Ayuda y de las dos opciones que tiene Ayuda dejamos Mostrar la solución.

7. No modificamos más de esta pestaña y nos vamos a la pestaña Ventana para dar el aspecto a nuestra actividad.

8. La zona gris grande es la ventana principal y la zona gris pequeña metida dentro de la grande es la ventana de juego. Vamos a cambiar el color de la ventana principal dando clic en el ícono de Color de fondo.

9. Después puedes ensayar con la opción gradiente para que el color quede degradado. 10. De la ventana de juegos también cambiamos su color, no cambiamos nada más. 11. Para ver cómo está quedando nuestra actividad, damos clic en el ícono Probar el

funcionamiento de la actividad que tiene la forma . Nos aparece la pantalla de JClic Player con lo que llevamos de la actividad, para volver al JClic Author cerramos la pantalla de JClic Player.

12. Ahora vamos a escribir los mensajes de la actividad trabajando en la pestaña Mensajes. 13. Marcamos la casilla Mensaje inicial, damos clic en la zona gris debajo de la casilla y

aparece la ventana donde podemos escribir el mensaje: Coloca bien las piezas del puzlee.

14. En la casilla Estilo, podemos dar formato y color al mensaje si deseamos. Luego Aceptar.

15. Ahora marcamos la casilla Mensaje final y seguimos los mismos pasos anteriores para escribir el mensaje: Muy bien, ¡Felicitaciones!.

16. En esta actividad no utilizaremos el Mensaje de error. Damos clic en para probar como va quedando la actividad.

17. Damos clic en la pestaña Panel para trabajar el contenido del puzzle. 18. En este punto vamos a observar nada más. Damos clic en el botón Imagen y nos

aparece la ventana Selección de objeto multimedia, la cual está vacía ya que no hemos guardado ningún objeto en la mediateca y allí deben estar las imágenes que se van a utilizar en el proyecto, por ejemplo, para el puzzle necesitamos la imagen de unos animalitos. Cerramos la ventana y vamos a aprender cómo se cargan imágenes en la mediateca.

19. Primero, debemos conseguir la imagen, la podemos bajar de Internet: buscamos la imagen, cuando la elijamos, damos clic sobre ella para que se abra y luego clic derecho sobre ella para descargarla. La vamos a guardar en la carpeta del proyecto con el nombre Animalitos.

20. Al volver a nuestro trabajo, damos clic en la pestaña Mediateca y luego en el ícono Añadir una imagen o un objeto multimedia a la mediateca.

21. Buscamos la imagen guardada en la carpeta del curso y la añadimos a la mediateca. 22. Teniendo ya nuestra imagen en la

mediateca volvemos a la pestaña Actvidades y dentro de ella la pestaña Panel.

23. Damos clic en el botón Imagen para seleccionar la imagen que queremos en el puzzle y luego Aceptar. Vemos que el puzzle se agranda al tamaño de la imagen y la muestra.

24. Probamos la actividad con y luego cerramos el JClic Player para volver a la actividad.

25. Ahora vamos a cambiar el recorte rectangular por otro más atractivo. En el Generado de formas elegimos Encajes con unión ovalada y probamos la actividad con .

26. Cambiamos el número de piezas del rompecabezas por 3 filas y 4 columnas para hacerlo

más difícil. 27. Probemos la actividad con . 28. Por último, observe la pestaña Distribución. Ofrece cuatro posibilidades de distribución

de los dos paneles que conforman el puzzle. Pruébelas y observe el cambio con .

29. Deje finalmente la distribución inicial (AB). 30. Guarde la actividad y entréguela para su evaluación.

Actividad complementaria para la siguiente clase En este mismo proyecto, añada una segunda actividad donde trabaje otra de las opciones de

puzzle, para ver qué diferencias puede encontrar. Trabaje con otra imagen, otra personalización de colores, número de filas y columnas, forma del encaje y distribución.

Generador de formas Número de filas y columnas

Tamaño de las piezas