Cómo realizar un Juego Interactivo de las Vocales en Jclic [ESP/ENG]

Saludos amigos de Hive, hoy voy a compartir con ustedes como realizar un juego interactivo de las vocales en Jclic, para este tipo de actividad utilizaremos el tipo de asociación simple, en anteriores publicaciones realizamos un rompecabezas y un juego de memoria, continuando con esta herramienta a continuación les presento los pasos.


PORTADA-FINAL.png


Cómo realizar un Juego Interactivo de las Vocales en Jclic

Paso 1:

Abrimos el programa Jclic Author y creamos un proyecto, desde la barra de menú Archivo – Nuevo Proyecto.

p01.png

En nombre del proyecto escribimos “Proyecto3” y le damos clic en aceptar.

p01-1.png

Paso 2:

Hacemos clic en la pestaña Actividades y luego en Añadir una nueva actividad del proyecto.

p02.png

En tipo de actividad seleccionamos Asociación Simple y en nombre le colocamos “vocales.as” y le damos clic en aceptar.

p02-1.png

Paso 3:

En la pestaña Opciones, Interfaz de usuario, se selecciona la piel “green.xml”

p03.png

Paso 4:

En la pestaña Ventana principal, le damos clic en color de fondo para configurar el color.

p04.png

Le damos clic en el color y luego en aceptar.

p04-1.png

Así queda el color de la ventana principal.

p04-2.png

Paso 5:

Se configura el color de la ventana de Juego.

p05.png

Se selecciona el color y le damos clic en aceptar.

p05-1.png

p05-2.png

Paso 6:

Hacemos clic en la pestaña de Mensajes, para configurar el mensaje inicial y el mensaje final de nuestro juego.

p06.png

En Mensaje Inicial- hacemos clic al recuadro y “Selecciona cuál es la vocal” y presionamos en aceptar.

p06-1.png

En Mensaje final escribimos “Felicitaciones” y pulsamos en aceptar.

p06-2.png

Paso 7:

Ahora podemos ver cómo va quedando la interfaz de nuestro juego en la opción Probar el funcionamiento de la actividad.

p07.png

p07-1.png

Paso 8:

Nos falta colocar el color de fondo en el mensaje inicial y final, para esto le damos clic al mensaje inicial, después en la opción de Estilo donde podemos configurar el color, tamaño y tipo de letra y el fondo.

p08.png

Le damos clic en color de fondo. Se selecciona el color y le damos clic en aceptar.

p08-1.png

Para cambiar el color de fondo del mensaje final, aplicamos los mismos pasos anteriores y quedaría así.

p08-2.png

Probamos nuevamente como va quedando:

p08-3.png

p08-4.png

Paso 9:

Le damos clic en la pestaña de panel, que es donde vamos a configurar la estructura que va tener el juego, que viene representado por dos paneles “Panel A y Panel B”, en este caso como es una actividad de Asociación simple, la configuración de cada panel son iguales. Aquí nos muestra los dos paneles A y B, de dos filas y tres columnas.

p09.png

En número de filas lo configuramos en 1 en número de columnas en 5, en el Panel.

p09-1.png

Paso 10:

Cambiamos el tamaño de los paneles, colocando en el ancho de las celdas de 70 pixeles y altura 139 pixeles.

p10.png

Paso 11:

Le damos clic a la pestaña de Mediateca, donde vamos insertar las imágenes que vamos a utilizar para el juego.
Para esto debemos tener descargada en una carpeta de nuestra computadora, las imágenes que se van a emplear en el juego. Estas imágenes fueron descargadas de la página de web pixabay.com y la letras de las vocales fueron realizada en el programa vectorial Inkscape.

p11.png

Clic en el icono Añadir imagen, buscamos la ubicación en donde se encuentra las imágenes y la seleccionamos y presionamos en abrir.

p11-3.png

Nos mostrara un mensaje que si desea copiar el archivo seleccionado a la carpeta del proyecto, y seleccionamos Si, presionamos varias veces, ya que insertamos todas las imágenes a la vez.

p11-4.png

De esta manera, ya tenemos las imágenes en la Mediateca.

p11-5.png

Paso 12:

Nos vamos a la pestaña de Actividades, donde ahora comenzamos a insertar cada una de las imágenes en cada celda.

p12.png

Le damos clic en la primera columna y luego en imagen para escogerla.

p12-01.png

Se inserta la imagen del avión en la primera columna.
Hacemos clic en aceptar.

p12-2.png

Paso 13:

Aplicamos los pasos anteriores y así va quedando.

p13.png

Para finalizar debemos tener cuidado a la hora de insertar las otras imágenes en el Panel B, en el orden correcto, es decir si en el panel A, en la primera columna colocamos la imagen del Avión entonces en el Panel B debemos colocar la vocal A como se muestra en la figura.

p13-1.png

Paso 14:

Guardamos nuestro juego, en la barra de menú Archivo –guardar.

p14.png

Podemos probar el funcionamiento del juego de las vocales, haciendo clic en probar el funcionamiento de la actividad.

p14-1.png

Paso 15:

Para aplicar la actividad con nuestros estudiantes, abrimos Jclic Player y buscamos el nombre de nuestro proyecto.

p15.png

Imágenes Utilizadas:

Imagen 1 Fuente
Imagen 2 Fuente
Imagen 3 Fuente
Imagen 4 Fuente
Imagen 5 Fuente



Espero que les haya gustado, nos vemos en una próxima publicación.


English

Greetings Hive friends, today I am going to share with you how to make an interactive game of vowels in Jclic, for this type of activity we will use the simple association type, in previous publications we made a puzzle and a memory game, continuing with this tool below I present the steps.


COVER-FINAL.png


How to make an Interactive Game of Vowels in Jclic

Step 1:

We open the Jclic Author program and create a project, from the menu bar File – New Project.

p01.png

In the name of the project we write “Project3” and we click on accept.

p01-1.png

Step 2:

We click on the Activities tab and then on Add a new project activity.

p02.png

In the type of activity we select Simple Association and in the name we put “vocals.as” and click on accept.

p02-1.png

Step 3:

In the Options tab, User Interface, the skin “green.xml” is selected

p03.png

Step 4:

In the Main Window tab, we click on background color to set the color.

p04.png

We click on the color and then on accept.

p04-1.png

This is the color of the main window.

p04-2.png

Step 5:

The color of the Game window is set.

p05.png

The color is selected and we click on accept.

p05-1.png

p05-2.png

Step 6:

We click on the Messages tab, to configure the initial message and the final message of our game.

p06.png

In Initial Message- we click on the box and “Select which is the vowel” and press accept.

p06-1.png

In Final message we write "Congratulations" and click on accept.

p06-2.png

Step 7:

Now we can see how the interface of our game is looking in the option Test the operation of the activity.

p07.png

p07-1.png

Step 8:

We need to place the background color in the initial and final message, for this we click on the initial message, then on the Style option where we can configure the color, size and font and the background.

p08.png

We click on background color. The color is selected and we click on accept.

p08-1.png

To change the background color of the final message, we apply the same steps as above and it would look like this.

p08-2.png

Let's try again how it goes:

p08-3.png

p08-4.png

Step 9:

We click on the panel tab, which is where we are going to configure the structure that the game will have, which is represented by two panels "Panel A and Panel B", in this case as it is a simple Association activity, the configuration of each panel are the same. Here it shows us the two panels A and B, with two rows and three columns.

p09.png

In number of rows we configure it in 1 in number of columns in 5, in the Panel.

p09-1.png

Step 10:

We change the size of the panels, placing in the width of the cells 70 pixels and height 139 pixels.

p10.png

Step 11:

We click on the Media Library tab, where we are going to insert the images that we are going to use for the game.
For this we must have downloaded in a folder of our computer, the images that are going to be used in the game. These images were downloaded from the pixabay.com website and the vowel letters were made in the vector program Inkscape.

p11.png

Click on the Add image icon, we look for the location where the images are located and we select it and press open.

p11-3.png

It will show us a message that if you want to copy the selected file to the project folder, and select Yes, press several times, since we insert all the images at once.

p11-4.png

In this way, we already have the images in the Media Library.

p11-5.png

Step 12:

We go to the Activities tab, where we now begin to insert each of the images in each cell.

p12.png

We click on the first column and then on the image to choose it.

p12-01.png

The image of the plane is inserted in the first column.
We click accept.

p12-2.png

Step 13:

We apply the previous steps and so it goes.

p13.png

To finish, we must be careful when inserting the other images in Panel B, in the correct order, that is, if in panel A, in the first column we place the image of the Airplane, then in Panel B we must place the vowel A as the picture shows.

p13-1.png

Step 14:

We save our game, in the File menu bar – save.

p14.png

We can test the operation of the vowel game by clicking on test the operation of the activity.

p14-1.png

Step 15:

To apply the activity with our students, we open Jclic Player and look for the name of our project.

p15.png

Images Used:

Image 1 Source
Image 2 Source
Image 3 Source
Image 4 Source
Image 5 Source



I hope you liked it, see you in a next publication.

banner-cetb2008.png



0
0
0.000
5 comments
avatar

Interesante y creativa la actividad haciendo uso de la herramienta computarizada.

Gracias por compartir ese paso a paso.

Saludos y bendiciones

0
0
0.000
avatar

Hola muchas gracias a ti por pasar por mi blog, y comentar. Amén

0
0
0.000
avatar

Hola amigo, muy interesante aplicación, gracias por traernos este tutorial. Saludos!

0
0
0.000
avatar

Saludos amigo muchas gracias por visitar mi blog.

0
0
0.000