José Ricardo Fernández Ruiz CRTE Valle Hermoso · 2009. 7. 17. · Realización de Actividades > Realizando una Actividad de Información. > La Actividad de Información me ayudara

JClicJosé Ricardo Fernández Ruiz

CRTE Valle Hermoso

2

Cronograma de Actividades

> Bajar Aplicaciones

> Llenado de la hoja de Descripción

> Interacción con el Sistema

> Mediateca

> Actividades

> Realización de Actividades

> Pantalla de Información

> Puzzle Doble

> Puzzle Agujero

> Puzzle de Intercambio

José Ricardo Fernández Ruiz

3

Cronograma de Actividades

> Actividad de memoria con texto

> Actividad de memoria imagen y texto

> Sopa de Letras

> Asociación Simple

> Asociación Compleja

> Actividad de Exploración

> Realización de la Pagina Web

4

Descarga de Aplicaciones

> Descargar Motor de Java

http://www.java.com/es/download/manual.jsp

> Descargar Software Jclic

http://clic.xtec.cat/dist/jclic/jclic-0.2.0.6.exe









5

Creación de un nuevo Proyecto

> Cuando se empieza a trabajar con Jclic, se tiene que ejecutar el programa de Jclic author


6


> Aparecerá la siguiente ventana


7


> El primer paso es crear el nuevo proyecto para lo que tendrás que irnos al menú Archivo + Nuevo Proyecto


8


> Se le asigna el nombre del proyecto, de preferencia utilizaremos el nombre de unidad1, unidad2, unidad3, unidad4


9


> Todavía no hacemos actividades, únicamente hemos creado el nombre del proyecto.

> Estos proyectos posteriormente integraran nuestro trabajo final.

> Es importante destacar que el archivo que estamos generando se compone de 3 nombres.

> Nosotros únicamente agregamos el nombre y el programa agrega lo demás automáticamente.

Unidad1. Jclic. zip


10

Interacción con el Sistema

> La interacción con el sistema se realizara con las pestañas que aparecen en la parte superior.


11

Proyecto

> El área de proyecto, es la sección donde introduciremos los datos del proyecto en general, Titulo, Descripción, Autores.


12

Mediateca

> La Mediateca va a ser el repositorio donde vamos a poder guardar los archivos que utilizaremos en las actividades.


13

Mediateca

> Lo primero que se tiene que hacer es oprimir el botón de añadir un objeto u imagen multimedia


14

Agregar Archivos a la Mediateca

> Los seleccionas de la forma habitual como se realiza en Windows, se puede hacer de uno en uno, o seleccionado varios archivos.


15

Mediateca

> Apareciéndote de la siguiente manera


16

Actividades

> En el área de Actividades es la sección donde iremos añadiendo actividades a nuestro proyecto, en este caso un proyecto puede tener todas las actividades que nosotros queramos.


17

Actividades

> Para agregar una nueva actividad se debe de oprimir el botón de agregar actividad.


18

Actividades

> Donde te aparecerá la lista de actividades que podrás realizar


19José Ricardo Fernández Ruiz

20

Actividades

> Después seleccionas la actividad a realizar y le agregas el nombre en la parte inferior


21

Actividades y Mediateca

> Las actividades que vayamos a realizar deben de utilizar los archivos que cargamos en la mediateca, en caso de que no se vayan a utilizar no tiene caso ir agregando estos archivos a la mediateca.


22

Realización de Actividades

> Realizando una Actividad de Información.

> La Actividad de Información me ayudara a crear una portada o una pantalla donde pueda informar sobre las actividades, se puede hacer la inicio como portada, o como separador entre unidades.



24

Realización de Actividades

> Al empezar a realizar las actividades vamos a ver que nos aparecerán 4 ventanas mas (Opciones, Ventana, Mensajes, Panel)



26

Opciones

> Opciones generales de la actividad

Le agrega un color al cuadro que se genera con la actividad


27

Ventana

> Aquí configuraremos los colores que aparecerán en la Actividad.


28

Ventana


29

Mensajes

> En la opción de mensajes colocaremos los mensajes que aparecerán dependiendo de las actividades que estemos realizando.


30

Panel

> La opción del Panel es donde configuraremos las actividades y donde las realizaremos, la explicación anterior de (Opciones, Ventana y Mensajes), se maneja de la misma forma para todas las Actividades, la única que si se modificara es la opción del Panel.


31

PanelColumnas

Filas

Ancho

Alto

Estilo de las figuras


32

Empezando hacer la Actividad

> Modificamos el numero de filas y su ancho


33

Agregando los Contenidos

> Le damos un clic a la casilla para poder agregar el contenido a la misma


34

Como Quedaría


35

Los Formatos de las letras

Sin Borde


36

Estilo


37

La Ventana


38

Los Mensajes


39

Fin de la Primera Actividad

> Para visualizarla oprimimos el botón de Play, del panel principal.


40

Así quedaría


41

Puzzle Doble

> Es la creacion de un rompecabezas doble


42

Puzzle Doble


43

Puzzle Doble

> Recuerda poner el mismo tipo de piel para que vaya quedando igual.

> Para esta actividad utilizaremos una imagen que la tomaremos de la carpeta Archivos.

> La imagen sera Casa.jpg


44

Puzzle Doble - Mediateca


45

Puzzle Doble - Mediateca


46

Puzzle Doble - Actividades

> En la ventana de Actividades seleccionamos la opción de Ventana y le damos los colores acorde a nuestras actividades.


47


> En la ventana de mensajes coloca el mensaje mas adecuado para realizar la actividad.


48

Puzzle Doble - Actividades> En la opción del Panel es donde

se tendrá que colocar en este caso la imagen que aparecerá en el Rompecabezas.


49


> En este caso la imagen se encontrara en la Mediateca por eso la podrás seleccionar.


50

Actividad Terminada

> En este momento ya tendrás la primer actividad terminada


51

Puzzle Agujero


52

Puzzle Agujero


53

Puzzle Agujero - Mensaje


54

Puzzle Agujero - Mediateca

> Recuerda Introducir la imagen en la mediateca para poder hacer la actividad utiliza la imagen “pez.jpg”


55

Puzzle Agujero - Actividades

> En la opción de Panel volvemos a seleccionar la imagen que participara en la actividad.


56

Puzzle Agujero - Actividades


57

Actividad Terminada


58

Puzzle Intercambio


59

Puzzle Intercambio


60

Puzzle Intercambio - Mensaje


61

Puzzle Intercambio - Actividad

> En esta actividad, vamos a poder utilizar texto.

> Antes que nada debemos de saber cuantas palabras interactuaran en ella.

> Para poder hacer la cuadricula.


62


>La cuadricula

Lo ancho Lo alto

Los estilos de la fuente


63


> Así Terminaria


64

Fin de la Actividad


65

Proyecto 2

> Unidad2.jclic.zip


66

Nuevo Proyecto Unidad 2

> Unidad2.jclic.zip


67

Nueva Actividad


68

Nueva Actividad - Memoria

> En esta actividad, cada pieza que participe, se esconderá dos veces para realizarla adecuadamente.

> Se puede realizar ya sea en estilo de imagen o ya sea utilizando texto.


69

Actividad de Memoria


70

Actividad – Opciones

> Primero poner la piel


71


> Después los colores de las ventanas


72


> Hay que poner el mensaje, de acorde a la actividad.


73


> Primero realizaremos una actividad con palabras, tenemos que tenerlas a la mano, y sabes cuantas vamos a utilizar.

> En este caso se utilizaran 8 palabras.

La cuadricula

La alturaLa anchura

AquíEscribiremosLas palabras

Los estilos


74

Actividades - Opciones

> Así introducimos los datos

> Dándole doble clic a la casilla


75

Actividad - Opciones

> Después introducimos los datos


76


> Después le agregas el estilo a las letras.


77

Actividades – Opciones

> Estilo


78


> Casi Terminamos


79

Actividad Terminada


80

Actividad - Memoria

> Pero con imágenes

> Creamos una nueva actividad de tipo memoria.

> Después lo que realizaremos es agregar las imágenes

> Hay que ir a la Mediateca y buscar en la carpeta Archivos los archivos (uno, dos, tres, cuatro, cinco, seis, siente, ocho, nueve, diez), todos tipo gif


81

Actividad - Memoria


82

Mediateca - Memoria

> Nos vamos a la mediateca y agregamos los archivos

Carpeta Archivos


83


> Primero poner la piel


84


> Después los colores de las ventanas


85

Actividad - Mensaje


86

Actividad - Panel

> El primer paso para realizar esta actividad es cargar las imágenes en ella para que vaya quedando de esta manera.Checamos

Los tamaños


87

Actividad - Panel

> Para agregar la imagen, lo primero que realizaremos es darle doble clic al recuadro donde la queremos colocarlo. Damos el

Doble clic


88

Actividad - Panel

> En este caso vamos a mandar llamar la imagen que vamos a colocar


89

Actividad - Panel

> Seleccionamos la imagen


90

Actividad - Panel

> Y así sucesivamente con todas las demás imágenes que pensemos colocar en la actividad


91

Actividades - Panel

> Ya con todas las imágenes cargadas, seleccionaremos el cuadro de contenido alternativo para poder agregar ahora el texto


92

Actividades - Panel

> Ya seleccionado el cuadro de contendido Alternativo oprimiremos el botón de ALT


93

Actividades - Panel

> Y ahora si agregaremos los textos de acuerdo con el mismo orden que pusimos las imágenes.

Le damos doble clic a la casilla que Vallamos a llenar


94

Actividades - Panel

> Ya llenando las casillas


95

Actividad - Panel

> Así va a ir quedando


96

Actividad - Panel

> Agregamos el Estilo a las letras


97

Actividad - Panel

> Ya con el estilo

Se agrega el color al texto alternativo


98

Actividad - Panel

> Así terminaríamos la actividad


99

Visualizamos la Actividad


100

Nueva Actividad Sopa de Letras


101

Seleccionamos Sopa de Letras


102

Mediateca - Sopa

> Para esta sopa agregaremos unas imágenes y así la diseñaremos mas dinámica

> Las imágenes que agregaremos seran (verano, invierno, otoño, primavera) del tipo gif


103

Mediateca - Sopa

> Seleccionamos los archivos


104


> En esta sección no olvides agregar lo de la piel


105


> Recuerda, también llenar las la opción de venta serán los colores que visualizaras en las ventanas.


106

Actividad - Mensaje

> Recuerda colocar un mensaje acorde a la actividad.


107

Actividad - Panel

> Esta actividad cuenta con dos Paneles, el Panel A y el Panel B.

> En el Panle A, colocaremos todas la palabras que aparecerán en esta actividad.

> En el Panel B, podremos las imágenes que se mostraran cuando encuentres una palabra.

> Y en la sección de palabras escondidas, colocaremos las palabras de esta actividad.


108

Actividad - Panel

Palabras escondidas

Los Panels

Las palabrasescodidas


109

Actividad - Panel

Acomodamos las columnas

Alto y Ancho de los cuadros


110

Actividad - Panel

> Para subir las imágenes

> Se va a seleccionar la casilla y se colocaran en el mismo orden como se escondieron en la sopa de letras

Se le dará doble clic


111

Actividad - Panel

SeleccionamosLa opción de imagen


112

Actividad - Panel

> Selección de la imagen


113

Actividad - Panel

> La visualizas en el contenido de casilla y después la aceptas


114

Actividad - Panel

> Hacer el mismo proceso con todas las imagenes


115

Así quedaría al final


116

Así Terminamos


117

Asociación Simple

> En este tipo de actividad también utilizaremos los dos paneles.

> En este caso relacionaremos algunos sonidos con texto


118

El primer paso

> Hay que crear el proyecto


119

Nombre del Proyecto

> Le vamos a poner unit3


120

Mediateca

> Hay que subir a la mediateca los siguientes archivos (caballo, cerdo, gallo, perro), del tipo mp3. y el archivo pregunta.gif


121

Mediateca

> Así quedaría


122

Creamos la Actividad

> Le ponemos el nombre de Asosimple a la actividad


123


> Le agregamos la piel


124

Actividades - Panel

> Le agregamos los colores de la ventana de juego


125

Actividades - Mensajes

> Le colocamos los mensajes pertinentes, que vayan de acuerdo con la actividad.


126

Actividades - Panel

> Lo primero es identificar los tres Paneles.

> Panel A es donde vamos a colocar los sonidos.

> Panel B vamos a escribir los nombres de los animales

> Y en el menú de Distribución ahí vamos a configurar como se va a visualizar la actividad.


127

Actividades – Panel A

> Lo primero es configurar la cuadricula, cuantos objetos van a participar en esta actividad.

> Para este caso solo son 4 objetos

> La multiplicación de Columnas por filas quedaría así 4 x 1


128


> Ahora vamos a agregar los audios y además pondremos una imagen de signo de interrogación.

> Para hacer esto le vamos a dar un clic sobre la primer casilla.


129


No agregaremos texto

Buscamos La imagen

Y el sonido lo insertamos por medio del contenido alternativo


130

Actividad – Panel A

> Agregando la Imagen


131


> Como quedaría con la imagen insertada.

> Falta agregar el sonido

De aquí Sacamos el sonido


132


> De las opciones de Contenido Alternativo y Multimedia, escogemos la opción de Interpretar Sonido.


133



134


Buscamos El archivo


135



136


> Al final así veríamos cuando ya esta todo listo.


137


> A final cuando insertemos todos los sonidos, nos aparecería la siguiente pantalla.


138

Actividad – Panel B

> Ya estando en el Panel B, lo que tenemos que realizar es mas fácil, solamente agregamos el nombre de los animales en cada uno de los cuadros.

AgregamosLos nombres


139


> De esta manera se llenaria


140

Actividad – Panel - Distribución

> Acomodamos de una manera mas inteligente la actividad.


141

Actividad - Paneles

> Ya por ultimo solo haz lo suficientemente grande las casillas para que se aprecie bien el texto y las imágenes.


142

Visualizamos la Actividad


143

Asociación Compleja

> Desarrollaremos una asociación compleja, para entender mejor esta, se realiza de la siguiente manera.

> Aquí se pueden relacionar varias cosas con la misma casilla, e incluso puede quedar al final una casilla vacía.


144

Creamos la nueva Actividad


145



146

Actividades - Ventana

> Agregamos los Colores de la Ventana


147

Actividad - Mensaje

> Ponemos el mensaje de acuerdo con la actividad.


148

Actividad Asociación Compleja

> Esta actividad la realizaremos con texto, pero de antemano sabes que se puede realizar también con imágenes.

> De una columna se relacionaran con la otra A se relaciona con B.

> Pero sabemos de antemano que A puede tener mas o menos objetos que B.


149


> Lo primero que realizaremos es configurarla para que tenga 8 casillas ( 8 x 1 o 4 x 2 o 2 x 4)


150


> En esa casilla escribiremos los siguietes nombres (Perú, Brasil, Sudán, Egipto, Minnesota, Arkansas, China y Andorra)


151



152


> Así quedaria


153


> Le agregamos el Estilo a las letras.


154


> En el Panel B vamos a colocar los nombres de los ríos (Amazonas, Nilo, Mississippi y Yang-Tsé-Kiang).

> Además configuraremos las columnas (4 x 1 o 2 x 2)


155


> Primero configuramos las columnas y lo ancho de las casillas.


156


> Después introducimos los nombres de los ríos.


157

Actividad - Relaciones

> Por ultimo nos vamos a la pestaña de relaciones y de ahí vamos marcando con la flecha que aparece como seria la relación.


158


> Para hacer la relación le das un clic a la casilla del Panel A y que vas arrastrando a la casilla del Panel B que represente la respuesta correcta.


159


> Al final así quedarían las relaciones


160

Fin de la Actividad


161

Actividad de Exploración

> Realizaremos una actividad de exploración donde vamos a reconocer el arte de algunos compositores.

> En este caso utilizaremos algunos audios.

> Esta actividad es muy parecida a las Asociaciones.

> Este tipo de actividad ayuda al alumno a identificar los objetos, dichos objetos pueden participar en otras actividades posteriormente.


162

Mediateca

> Vamos a cargar los Archivos de Audio (beethoven, mozart, prokofiev, saint-saens, vivaldi) todos de tipo wav y ademas(clau.gif)


163

Mediateca


164

Actividad Exploración

> Lo primero es crear la actividad


165


Le agregamosLa piel


166

Actividades – Ventana

> Los colores de las ventanas


167

Actividades - Mensajes

> Ponemos los mensajes pertinentes


168


> Primero configuramos la cuadricula


169

Actividades - Panel A

> Después introducimos solo los nombres de los autores.


170


> Configuramos los Anchos de las casillas


171


> Le agregamos el estilo a las letras.


172

Actividades – Panel B

> En el Panel B, vamos a poner los audios de los autores y además una imagen que aparecerá cuando mandes llamar el audio.

> Además debemos de verificar que tenga el mismo numero de casillas.


173

Actividades Panel B

> Primero insertamos la imagen en cada una de las casillas.


174


> Ahora insertamos el archivo multimedia del sonido, en el mismo orden de cómo insertamos los nombre.


175



176


> La casilla de contenido al final la observaríamos así.


177


> Cuando cargamos todos los objetos veríamos así la pantalla.


178

Actividades - Relaciones

> Se tienen que verificar que existan las relaciones con los objetos para que se escuchen los sonidos.


179

Visualización de la Actividad


180

Pagina Web

> Se creara primero un nuevo proyecto al que podemos llamar web


181

Importando Actividades

> Utilizaremos la Opciones de Insertar + Importar Actividades, para poder insertar todas las actividades previamente realizadas.


182


> Tendremos que entrar a cada carpeta donde se van generando los proyecto que estamos realizando y seleccionar el archivo.zip

> Los archivos que seleccionaríamos serian (unit1.zip, unit2.zip, unit3.zip)


183


> Primero entramos a la carpeta de cada Proyecto


184


> Seleccionamos el archivo Zip


185


> Tenemos que seleccionar las actividades que deseamos importar en este caso son todas, utilizaremos el botón de “Ctrl” para realizar esta actividad.


186


> Así nos irían apareciendo en el JClic


187


> Hacemos lo mismo hasta importar todas las actividades


188


> Nos aparecerían todas las actividades ya importadas.


189

Secuencias

> Después nos vamos a la opción de secuencias para insertar los elementos en la secuencia de la pagina.

Insertamos Lasactividades


190

Secuencia

> Insertamos las actividades a la Secuencia del Proyecto Final


191

Secuencias

> De esta manera aparecerían las actividades ya insertadas.


192

Secuencias

> De esta misma forma insertamos todas las actividades a la secuencia.


193

Configurando las Flechas

> Ya solamente falta configurar las acciones que realizaran las flechas de la ventana de la actividad.


194

Configurando Flechas

> Cuando el alumno oprima la flecha se realizaran las acciones que se indiquen.

> Recuerda que para estas acciones se tiene que tener seleccionada la actividad.


195

Configurando Flechas

Configuro para que no muestre El botón hacia atrás en la portada


196

Configuración de Flechas

Configuramos que hacia delate, Se salga del programa y si oprime El botón de atrás se regrese a la Actividad pasada, de la ultima actividad


197

Configuración de Flechas

> Y esto se puede hacer con todas las actividades.


198

Creación de Pagina Web

> Para crear la pagina web nos vamos a la opción de Herramientas + Crear Pagina Web


199


> Primero nos pregunta si deseamos guardar los cambios, Aceptamos. “si”


200


> Aceptamos todas las opciones


201


> Genera un Archivo index, que mandara llamar las actividades.


202

Pagina Creada


203

Fin

> Gracias por su participación en este curso taller.

> Cualquier duda o comentario

> [email protected]


Documents

José Ricardo Fernández Ruiz CRTE Valle Hermoso · 2009. 7. 17. · Realización de Actividades > Realizando una Actividad de Información. > La Actividad de Información me ayudara