José Ricardo Fernández Ruiz CRTE Valle Hermoso · 2009. 7. 17. · Realización de Actividades...

JClicJosé Ricardo Fernández Ruiz

CRTE Valle Hermoso

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

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

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

Creación de un nuevo Proyecto

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

> Aparecerá la siguiente ventana

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

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

> 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

Interacción con el Sistema

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

Proyecto

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

Mediateca

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

Mediateca

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

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.

Mediateca

> Apareciéndote de la siguiente manera

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.

Actividades

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

Actividades

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

19José Ricardo Fernández Ruiz

Actividades

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

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.

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.

Realización de Actividades

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

Opciones

> Opciones generales de la actividad

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

Ventana

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

Ventana

Mensajes

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

> 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.

PanelColumnas

Estilo de las figuras

Empezando hacer la Actividad

> Modificamos el numero de filas y su ancho

Agregando los Contenidos

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

Como Quedaría

Los Formatos de las letras

Sin Borde

Estilo

La Ventana

Los Mensajes

Fin de la Primera Actividad

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

Así quedaría

Puzzle Doble

> Es la creacion de un rompecabezas doble

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

Puzzle Doble - Mediateca

Puzzle Doble - Actividades

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

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

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.

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

Actividad Terminada

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

Puzzle Agujero

Puzzle Agujero - Mensaje

Puzzle Agujero - Mediateca

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

Puzzle Agujero - Actividades

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

Puzzle Agujero - Actividades

Actividad Terminada

Puzzle Intercambio

Puzzle Intercambio - Mensaje

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.

>La cuadricula

Lo ancho Lo alto

Los estilos de la fuente

> Así Terminaria

Fin de la Actividad

Proyecto 2

> Unidad2.jclic.zip

Nuevo Proyecto Unidad 2

> Unidad2.jclic.zip

Nueva Actividad

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.

Actividad de Memoria

Actividad – Opciones

> Primero poner la piel

> Después los colores de las ventanas

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

> 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

Actividades - Opciones

> Así introducimos los datos

> Dándole doble clic a la casilla

Actividad - Opciones

> Después introducimos los datos

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

Actividades – Opciones

> Estilo

> Casi Terminamos

Actividad Terminada

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

Actividad - Memoria

Mediateca - Memoria

> Nos vamos a la mediateca y agregamos los archivos

Carpeta Archivos

> Primero poner la piel

> Después los colores de las ventanas

Actividad - Mensaje

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

Actividad - Panel

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

Doble clic

Actividad - Panel

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

Actividad - Panel

> Seleccionamos la imagen

Actividad - Panel

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

Actividades - Panel

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

Actividades - Panel

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

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

Actividades - Panel

> Ya llenando las casillas

Actividad - Panel

> Así va a ir quedando

Actividad - Panel

> Agregamos el Estilo a las letras

Actividad - Panel

> Ya con el estilo

Se agrega el color al texto alternativo

Actividad - Panel

> Así terminaríamos la actividad

Visualizamos la Actividad

Nueva Actividad Sopa de Letras

Seleccionamos Sopa de Letras

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

Mediateca - Sopa

> Seleccionamos los archivos

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

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

Actividad - Mensaje

> Recuerda colocar un mensaje acorde a la actividad.

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.

Actividad - Panel

Palabras escondidas

Los Panels

Las palabrasescodidas

Actividad - Panel

Acomodamos las columnas

Alto y Ancho de los cuadros

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

Actividad - Panel

SeleccionamosLa opción de imagen

Actividad - Panel

> Selección de la imagen

Actividad - Panel

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

Actividad - Panel

> Hacer el mismo proceso con todas las imagenes

Así quedaría al final

Así Terminamos

Asociación Simple

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

> En este caso relacionaremos algunos sonidos con texto

El primer paso

> Hay que crear el proyecto

Nombre del Proyecto

> Le vamos a poner unit3

Mediateca

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

Mediateca

> Así quedaría

Creamos la Actividad

> Le ponemos el nombre de Asosimple a la actividad

> Le agregamos la piel

Actividades - Panel

> Le agregamos los colores de la ventana de juego

Actividades - Mensajes

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

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.

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

> 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.

No agregaremos texto

Buscamos La imagen

Y el sonido lo insertamos por medio del contenido alternativo

Actividad – Panel A

> Agregando la Imagen

> Como quedaría con la imagen insertada.

> Falta agregar el sonido

De aquí Sacamos el sonido

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

Buscamos El archivo

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

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

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

> De esta manera se llenaria

Actividad – Panel - Distribución

> Acomodamos de una manera mas inteligente la actividad.

Actividad - Paneles

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

Visualizamos la Actividad

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.

Creamos la nueva Actividad

Actividades - Ventana

> Agregamos los Colores de la Ventana

Actividad - Mensaje

> Ponemos el mensaje de acuerdo con la actividad.

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.

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

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

> Así quedaria

> Le agregamos el Estilo a las letras.

> 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)

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

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

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.

> 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.

> Al final así quedarían las relaciones

Fin de la Actividad

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.

Mediateca

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

Mediateca

Actividad Exploración

> Lo primero es crear la actividad

Le agregamosLa piel

Actividades – Ventana

> Los colores de las ventanas

Actividades - Mensajes

> Ponemos los mensajes pertinentes

> Primero configuramos la cuadricula

Actividades - Panel A

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

> Configuramos los Anchos de las casillas

> Le agregamos el estilo a las letras.

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.

Actividades Panel B

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

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

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

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

Actividades - Relaciones

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

Visualización de la Actividad

Pagina Web

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

Importando Actividades

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

> 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)

> Primero entramos a la carpeta de cada Proyecto

> Seleccionamos el archivo Zip

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

> Así nos irían apareciendo en el JClic

> Hacemos lo mismo hasta importar todas las actividades

> Nos aparecerían todas las actividades ya importadas.

Secuencias

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

Insertamos Lasactividades

Secuencia

> Insertamos las actividades a la Secuencia del Proyecto Final

Secuencias

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

Secuencias

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

Configurando las Flechas

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

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.

Configurando Flechas

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

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

Configuración de Flechas

> Y esto se puede hacer con todas las actividades.

Creación de Pagina Web

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

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

> Aceptamos todas las opciones

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

Pagina Creada

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

> Cualquier duda o comentario

> rfernand77@hotmail.com

José Ricardo Fernández Ruiz CRTE Valle Hermoso · 2009. 7. 17. · Realización de Actividades...

Documents

GUÍA PARA LA PRESENTACIÓN DE LA MANIFESTACIÓN DE …sinat.semarnat.gob.mx/dgiraDocs/documentos/nl/e... · que con esto ayudara mucho a que dichos predio se pueda estabilizar para

UNIVERSIDAD POLITÉCNICA SALESIANA SEDE … · encendido de bombas ya que los operadores determinan que datos y funciones principales les ayudara a mejorar el servicio de distribución

CRE, CRIE, CRNE, CRTE SPKE, MTRE, CME, BMS hp · 2019. 10. 30. · CRE, CRIE, CRNE, CRTE SPKE, MTRE, CME, BMS hp Руководство по монтажу и эксплуатации

UNIDAD DIDÁCTICA - Fundación MAPFRE · UNIDAD DIDÁCTICA 4. CREATIVIDAD ... me ayudara a estar con mi familia. ... Una familia compuesta por unos padres, la abuela y dos

Comprensión escrita DestrezasCECOEIOEIE Actividad CE01XXX Actividad CE02XXX Actividad CE03XXX Actividad CE04XXX Actividad CE05X Actividad CE06X Actividad

Programa de actividades - Lean Event · ayudara a entender qué implica una transformación lean en una organización sanitaria, dónde empezar, qué cuestiones claves hay que plantearse,

Presentación de PowerPoint - MC GarciaEste manual le ayudara al técnico autorizado a realizar una instalación adecuada, además de una mantención preventiva o reparar el equipo

CRTE SUPERIOR DE JUSncrA DE LIi-;~ /! ., SEGUNDA SALA COMERC · Con el escrito presentado con fecha 15 de junio de 2016 y sanado el 05 de julio de 2016, obrante de fojas 352 a 378

El Poder de la Sanidad - kingministries.comkingministries.com/ebooks/Healing_Spanish.pdf · Este libro le ayudara a edificar su fe en el Poder de Sanidad ... ORACION DE SANIDAD 154

Programa Coordinado Deluxevamosaindia.net/images/INDIA-MUJERES-2018.pdf · Traslado al hotel, donde nuestro representante le ayudara con el registro y le informará acerca de los

Recomendaciones suggestions...Usted nos ayudara a personalizar sus tratamientos. Usted puede solicitar un terapeuta hombre o mujer, por favor comparta esta información con nosotros

Diccionario CLIE 20151027 · Prefacio Este Gran diccionario enciclopédico de imágenes y símbolos de la Biblia se concibió como libro de referencia que ayudara a lectores, estudiantes

Actividad 4 Actividad 5 Actividad 6

Engineered for Safetymultimedia.3m.com/mws/media/795856O/3mtm-eyewear... · La guía de selección de lentes de policarbonato le ayudara a entender la necesidad de los diferentes

UNIVERSIDAD NACIONAL DE CHIMBORAZOdspace.unach.edu.ec/bitstream/51000/2923/1/UNACH... · observación, con su instrumento la ficha de observación que ayudara a ver los problemas

Presentación de PowerPoint - … · ayudara reducir los síntomas de la gripe y el resfriado, neuralgias, celulitis, gota y a aliviar dolores por golpes, contusiones y cólicos menstruales

UNIVERSIDAD DE GUAYAQUIL FACULTAD DE INGENIERIA …repositorio.ug.edu.ec/bitstream/redug/18621/1/PÉREZ VÁSQUEZ NEL… · de procedimiento para el empleo de códigos de barras ayudara

Senado de la Republica Quinta Reunión Comisión de ... · prácticas de desarrollo local integrado e innovador. Este enfoque ayudara ... No estamos hablando de nuevos recursos, se

Manual de Usuario Programa Informático EVALUACIÓN DE ... · desarrollado un programa informático de EVALUACIÓN DE PROYECTOS que en adelante denominaremos EPRO, que ayudara a los

20130723 Ensayos Crte y Equipos