Aplicacions didàctiques amb el CLIC (3)weib.caib.es/Formacio/distancia/Material/clic/clic3.pdf ·...

48
Materials de formaci Aplicacions didctiques amb el CLIC Aplicacions didctiques amb el CLIC (3) Joan Gelabert Vich Octubre 2001

Transcript of Aplicacions didàctiques amb el CLIC (3)weib.caib.es/Formacio/distancia/Material/clic/clic3.pdf ·...

Page 1: Aplicacions didàctiques amb el CLIC (3)weib.caib.es/Formacio/distancia/Material/clic/clic3.pdf · Informàtica educativa: Elaboració d’activitats amb Clic 3.0 Autor: Joan Gelabert

Materials de formació

Aplicacions didàctiques amb el CLIC

Aplicacions didàctiques amb el CLIC (3)

Joan Gelabert Vich Octubre 2001

Page 2: Aplicacions didàctiques amb el CLIC (3)weib.caib.es/Formacio/distancia/Material/clic/clic3.pdf · Informàtica educativa: Elaboració d’activitats amb Clic 3.0 Autor: Joan Gelabert

Informàtica educativa: Elaboració d'activitats amb Clic 3.0

Autor: Joan Gelabert Vich � Assessor de Noves Tecnologies 2

Mòdul d'Aplicacions didàctiques amb el CLIC Joan Gelabert Vich Servei de Formació Permanent del Professorat Direcció General d�Ordenació i Innovació Conselleria d�Educació i Cultura Govern de les Illes Balears Octubre 2001 Agraesc la col·laboració de Maria Josep Carrasco, Gabriel Fiol, Carme Frau, Jesús Arbués, als assessors dels Cep i als participants en edicions anteriors d�aquest curs a distància, perquè han contribuït a la millora d�aquest tutorial. Les imatges aixella.gif, barba.gif, bigoti.gif, boca.gif, braç.gif, cabell.gif, cama.gif, cella.gif, orella.gif, panxa.gif, peu.gif, tronc.gif i ull.gif han estat extretes del paquet �Activitats de lectura per al cicle inicial de primària� dels autors Santi Junqué, Juan Palomino, Silvia Arrufat i Josep Melero.

Page 3: Aplicacions didàctiques amb el CLIC (3)weib.caib.es/Formacio/distancia/Material/clic/clic3.pdf · Informàtica educativa: Elaboració d’activitats amb Clic 3.0 Autor: Joan Gelabert

Informàtica educativa: Elaboració d'activitats amb Clic 3.0

Autor: Joan Gelabert Vich � Assessor de Noves Tecnologies 3

CONTINGUTS Elaboració d'activitats amb CLic 3.0 .........................................................................................................4

3. Les activitats de text.....................................................................................................................4 3.1. Les finestres d'edició d�activitats de text del clic 3.0 ...............................................................4

3.1.1. Tipus....................................................................................................................................4 3.1.2. Eina d�incògnites .................................................................................................................5 3.1.3. L�eina de caselles ................................................................................................................6 3.1.4. Retallar, copiar i enganxar ..................................................................................................6 3.1.5. Creació automàtica d�incògnites .........................................................................................6 3.1.6. Opcions d�avaluació ............................................................................................................7 3.1.7. Missatges ............................................................................................................................7 3.1.8. Amplada del tabulador ........................................................................................................7 3.1.9. Fonts....................................................................................................................................8 3.1.10. Opcions ...........................................................................................................................8

3.2. Elaboració d�activitats d�omplir forats com a resposta a gràfics..............................................9 3.3. Elaboració d�una activitat de text tipus Omplir forats.............................................................14 3.4. Elaboració d�una activitat d�ordenar paraules........................................................................23 3.5. Elaboració de paquets d�activitats .........................................................................................27 3.6. Elaboració d'activitats tipus pantalla d'informació per enllaçar paquets d'activitats..............29 3.7. El ClicPac...............................................................................................................................31 3.8. Convertir activitats de format clic a javaclic ...........................................................................42

Page 4: Aplicacions didàctiques amb el CLIC (3)weib.caib.es/Formacio/distancia/Material/clic/clic3.pdf · Informàtica educativa: Elaboració d’activitats amb Clic 3.0 Autor: Joan Gelabert

Informàtica educativa: Elaboració d'activitats amb Clic 3.0

Autor: Joan Gelabert Vich � Assessor de Noves Tecnologies 4

ELABORACIÓ D'ACTIVITATS AMB CLIC 3.0

3. LES ACTIVITATS DE TEXT

3.1. LES FINESTRES D'EDICIÓ D�ACTIVITATS DE TEXT DEL CLIC 3.0 Aquesta informació s�ha extret de documents aconseguits a la web de l�Xtec http://www.xtec.es

3.1.1. TIPUS

En aquesta zona heu de seleccionar quin és el tipus d�activitat que voleu realitzar. Els diferents tipus d�activitats de text que suporta el Clic 3.0 són:

• Omplir forats, és el tipus d�activitat de text que permet més varietat d�opcions.

• Completar text

• Identificar lletres

• Identificar paraules

• Ordenar paraules, presenta dues varietats: barrejar-les a nivell de paràgraf o entre paràgrafs diferents.

• Ordenar paràgrafs

Page 5: Aplicacions didàctiques amb el CLIC (3)weib.caib.es/Formacio/distancia/Material/clic/clic3.pdf · Informàtica educativa: Elaboració d’activitats amb Clic 3.0 Autor: Joan Gelabert

Informàtica educativa: Elaboració d'activitats amb Clic 3.0

Autor: Joan Gelabert Vich � Assessor de Noves Tecnologies 5

3.1.2. EINA D�INCÒGNITES

En totes les activitats hi acostuma a haver una part de text estàtic i uns objectes (paraules, lletres, paràgrafs...) susceptibles de ser omplerts, modificats o seleccionats per l�usuari quan realitzi l�activitat. L�eina d�incògnites permet marcar aquestes parts del text que actuaran com a objectes manipulades per l�usuari. En les activitats del tipus Omplir forats i Completar text cal seleccionar un bloc de text abans de clicar damunt l�eina d�incògnites. En les altres modalitats, si no hi ha cap bloc seleccionat l�eina actua damunt la lletra, paraula o paràgraf on es trobi el cursor. En la modalitat Omplir forats l�eina dóna pas a la finestra de definició d�incògnites

on es defineixen les diferents variables que determinaran el seu funcionament. Per a la resta de modalitats, els blocs marcats com a incògnites actuen de la manera següent:

• Completar text: Les incògnites són les paraules, lletres, espais o signes de puntuació que desapareixen en iniciar-se l�activitat i que l�usuari haurà de reposar per a resoldre-la.

• Identificar lletres: Les incògnites són les lletres damunt les quals haurà de clicar l�usuari per a resoldre l�activitat.

• Identificar paraules: El mateix que en el cas anterior, però actuant amb paraules senceres.

• Ordenar paraules: Les incògnites són les paraules que es barrejaran entre si i que l�usuari haurà de tornar a posar en ordre. El programa permet decidir si les paraules s�hauran de barrejar només entre les del seu paràgraf o entre paràgrafs diferents.

• Ordenar paràgrafs: Els paràgrafs marcats com a incògnites són els que es barrejaran entre si en iniciar-se l�activitat.

En totes aquestes modalitats l�eina actua com un commutador: marca com a incògnita els blocs nets, i desmarca aquells blocs que s�haguessin definit prèviament com a incògnites.

Page 6: Aplicacions didàctiques amb el CLIC (3)weib.caib.es/Formacio/distancia/Material/clic/clic3.pdf · Informàtica educativa: Elaboració d’activitats amb Clic 3.0 Autor: Joan Gelabert

Informàtica educativa: Elaboració d'activitats amb Clic 3.0

Autor: Joan Gelabert Vich � Assessor de Noves Tecnologies 6

3.1.3. L�EINA DE CASELLES

Dins del cos del text de les activitats es poden crear caselles que continguin text, gràfics, so i altres recursos multimèdia.

L�eina de caselles permet crear contenidors nous i dóna pas a la finestra de definició de caselles on es poden ajustar les seves propietats i contingut.

Els nous contenidors sempre apareixen en la posició on es trobi el cursor. Per a esborrar un contenidor podeu utilitzar la tecla SUPR, igual que ho faríeu amb un caràcter de text.

3.1.4. RETALLAR, COPIAR I ENGANXAR

Aquests botons actuen de manera similar a la de tots els editors de text. Aquestes eines permeten passar textos d�altres aplicacions i programes al Clic. Els atributs d�incògnita dels blocs marcats no es transporten amb aquestes operacions, així com els estils (negreta, cursiva, subratllat...) que s�utilitzin en altres editors de text.

3.1.5. CREACIÓ AUTOMÀTICA D�INCÒGNITES

Aquest botó dóna pas a la finestra de Creació automàtica d�incògnites

des d�on podreu simplificar la declaració d�aquells exercicis on resulti tediós haver d�anar-les marcant una per una.

Page 7: Aplicacions didàctiques amb el CLIC (3)weib.caib.es/Formacio/distancia/Material/clic/clic3.pdf · Informàtica educativa: Elaboració d’activitats amb Clic 3.0 Autor: Joan Gelabert

Informàtica educativa: Elaboració d'activitats amb Clic 3.0

Autor: Joan Gelabert Vich � Assessor de Noves Tecnologies 7

3.1.6. OPCIONS D�AVALUACIÓ

Aquest botó dóna pas a la finestra d�Opcions d�avaluació

des d�on s�especifica la mecànica i els criteris que el programa seguirà per a avaluar l�activitat i mostra els possibles errors a l�usuari.

3.1.7. MISSATGES

Escriviu aquí els missatges que han d�aparèixer en iniciar-se l�activitat i un cop acabada. Podeu situar-hi també fitxers de so, imatges, etc.

3.1.8. AMPLADA DEL TABULADOR

El tabulador resulta especialment útil per a donar format a exercicis.

Page 8: Aplicacions didàctiques amb el CLIC (3)weib.caib.es/Formacio/distancia/Material/clic/clic3.pdf · Informàtica educativa: Elaboració d’activitats amb Clic 3.0 Autor: Joan Gelabert

Informàtica educativa: Elaboració d'activitats amb Clic 3.0

Autor: Joan Gelabert Vich � Assessor de Noves Tecnologies 8

3.1.9. FONTS

Aquest botó dóna pas a la finestra Tipus de lletra i colors

que permet seleccionar el tipus i color de lletra que s�utilitzarà per representar els textos.

3.1.10. OPCIONS

Fent Clic damunt aquest botó s�accedeix al diàleg d�Opcions de l�Activitat

Page 9: Aplicacions didàctiques amb el CLIC (3)weib.caib.es/Formacio/distancia/Material/clic/clic3.pdf · Informàtica educativa: Elaboració d’activitats amb Clic 3.0 Autor: Joan Gelabert

Informàtica educativa: Elaboració d'activitats amb Clic 3.0

Autor: Joan Gelabert Vich � Assessor de Noves Tecnologies 9

3.2. ELABORACIÓ D�ACTIVITATS D�OMPLIR FORATS COM A RESPOSTA A GRÀFICS

Activitat d'introducció 13 Es tracta de reproduir l�activitat TXA01.TXA que surt a la demo del Clic 3.0

Per fer aquesta activitat et faran falta set imatges que s�han d�haver preparat prèviament. Aquestes imatges són: taronja.gif, cireres.gif, pera.gif, llimona.gif, sindria.gif, raim.gif i lletres.gif (fons), i es troben al directori de treball.

Per començar a elaborar l�activitat: Engega el Clic 3.0 Fitxer !!!! Nova activitat !!!! Activitat de text A tipus selecciona OMPLIR FORATS

Page 10: Aplicacions didàctiques amb el CLIC (3)weib.caib.es/Formacio/distancia/Material/clic/clic3.pdf · Informàtica educativa: Elaboració d’activitats amb Clic 3.0 Autor: Joan Gelabert

Informàtica educativa: Elaboració d'activitats amb Clic 3.0

Autor: Joan Gelabert Vich � Assessor de Noves Tecnologies 10

A l�espai d�edició d�activitats has de col·locar sis imatges i sis espais on escriure la incògnita/resposta.

1.-Per generar la casella on inserir les imatges, hem de fer un clic sobre la icona Apareixerà la finestra DEFINICIÓ DE CASELLES

En aquesta finestra has d�indicar:

• quina imatge o text s�hi ha de col·locar (en aquest cas la imatge de la taronja)

• quin espai de pantalla ha d�ocupar (140 x 140)

• si el contingut de la casella ha d�aparèixer centrat.

• si ha de dur marc o no.

2.-Per indicar la imatge que s�hi ha de col·locar has d�escriure {taronja.gif} en el requadre en blanc. 3.-Fixa l�amplada a 140 i l�alçada a 140

Pitja sobre La finestra de definició de casella corresponent a la imatge de la taronja ha quedar així.

És convenient fixar la mida de totes les caselles que generis en aquesta activitat, pitjant

Page 11: Aplicacions didàctiques amb el CLIC (3)weib.caib.es/Formacio/distancia/Material/clic/clic3.pdf · Informàtica educativa: Elaboració d’activitats amb Clic 3.0 Autor: Joan Gelabert

Informàtica educativa: Elaboració d'activitats amb Clic 3.0

Autor: Joan Gelabert Vich � Assessor de Noves Tecnologies 11

sobre i canviant les mides de la graella B a 140 x 140. Al mateix temps pots comprovar que les mides de la graella A són 540 x 330, en cas contrari, fixa aquestes mides.

Pitja sobre i veuràs el resultat. Si no apareix la imatge, revisa tot el procés. Per col·locar la segona imatge: Pitja la tecla FIN i el cursor se situarà a la dreta de la imatge, on podràs afegir-n�hi una altra. És convenient, i en aquest cas ho farem, posar una marca de tabulador entre les imatges, això ens ajudarà a l�hora de retocar la presentació final, canviant el nombre que hi ha al costat de la paraula tabulador a la finestra edició d�activitats. Una vegada que has pitjat FIN i TABULADOR, per inserir les imatges cireres i pera has d�actuar de la mateixa manera que ho has fet amb la imatge taronja, seguint les instruccions 1, 2 i 3 de l�apartat anterior. Ara que tens tres imatges prova de canviar el nombre fixat a tabulador i comprova�n l�efecte. Per fer-ho has d�estar situat a la finestra edició d�activitats. Quan ho hagis provat deixa fixat el paràmetre tabulador a 36. Per generar l�espai a omplir en la primera incògnita/resposta has d�estar situat a la finestra edició d�activitats (si no hi estàs has de pitjar sobre el menú edició i seleccionar editar l�activitat.): Fes un clic a la línia on són les tres imatges Pitja la tecla FIN i et situaràs a la dreta de la imatge de la pera Pitja la tecla INTRO i generaràs un nou paràgraf. Pitja la tecla espai dues vegades Escriu taronja.

Selecciona la paraula taronja i pitja sobre la icona eina d�incògnites Apareixerà la finestra de definició d�incògnites:

Page 12: Aplicacions didàctiques amb el CLIC (3)weib.caib.es/Formacio/distancia/Material/clic/clic3.pdf · Informàtica educativa: Elaboració d’activitats amb Clic 3.0 Autor: Joan Gelabert

Informàtica educativa: Elaboració d'activitats amb Clic 3.0

Autor: Joan Gelabert Vich � Assessor de Noves Tecnologies 12

on ha d�aparèixer la resposta correcta. Pitja sobre Per generar els espais corresponents a cireres i pera, has d�estar situat a la finestra d�edició d�activitats, si no hi estàs has de pitjar sobre el menú edició i seleccionar editar l�activitat. Fes un clic sobre la paraula taronja i pitja la tecla FIN, et situaràs a la dreta de la paraula, Pitja dues vegades la tecla d�espais. (Aquests espais t�aniran molt bé a l�hora d�ajustar les posicions relatives d�imatges i respostes a la presentació final) Escriu cireres

Marca la paraula i pitja sobre la icona Apareixerà la finestra de definició d�incògnites

Pitja sobre , i tornaràs a la finestra edició d�activitats, on has de repetir el procés amb la paraula pera. Després d�haver generat l�espai per a la paraula pera has de generar un paràgraf on col·locar les altres tres imatges. Situa el cursor al paràgraf on has escrit les incògnites i pitja FIN i desprès INTRO. Quan hagis acabat d�introduir les imatges, has de generar un nou paràgraf per a les altres tres incògnites. Per acabar d�ajustar posicions relatives d�imatges i respostes ho has de fer intercalant espais i/o modificant el paràmetre del tabulador a la finestra d�edició d�activitats. Per col·locar el fitxer lletres.gif com a fons,

Fes un clic sobre de la finestra edició d�activitats A Finestra principal activa imatge i en mosaic i selecciona lletres.gif com a imatge

Page 13: Aplicacions didàctiques amb el CLIC (3)weib.caib.es/Formacio/distancia/Material/clic/clic3.pdf · Informàtica educativa: Elaboració d’activitats amb Clic 3.0 Autor: Joan Gelabert

Informàtica educativa: Elaboració d'activitats amb Clic 3.0

Autor: Joan Gelabert Vich � Assessor de Noves Tecnologies 13

(fitxer que és al disquet de pràctiques).

Pitja sobre Prova d�aconseguir un resultat semblant al de la demo del clic, en cas que no s�assembli massa a l�activitat de la demo, has de tornar a la finestra edició d�activitats i intercalar espais per desplaçar els buits i/o les imatges, també ho pots provar modificant el paràmetre de paràgrafs. Sort!.

Page 14: Aplicacions didàctiques amb el CLIC (3)weib.caib.es/Formacio/distancia/Material/clic/clic3.pdf · Informàtica educativa: Elaboració d’activitats amb Clic 3.0 Autor: Joan Gelabert

Informàtica educativa: Elaboració d'activitats amb Clic 3.0

Autor: Joan Gelabert Vich � Assessor de Noves Tecnologies 14

3.3. ELABORACIÓ D�UNA ACTIVITAT DE TEXT TIPUS OMPLIR FORATS

Activitat d'introducció 14

L�objectiu és elaborar una activitat de text on l�usuari ha d�omplir els buits amb el gentilici d�una sèrie de poblacions.

1.-Per començar has de fixar l�amplada de la finestra principal de l�activitat a 540x330 i posar el fons de lletres a l�activitat.

1.1.-Fes un clic sobre i fixa 540 a amplada i 330 a alçada de la graella A

Page 15: Aplicacions didàctiques amb el CLIC (3)weib.caib.es/Formacio/distancia/Material/clic/clic3.pdf · Informàtica educativa: Elaboració d’activitats amb Clic 3.0 Autor: Joan Gelabert

Informàtica educativa: Elaboració d'activitats amb Clic 3.0

Autor: Joan Gelabert Vich � Assessor de Noves Tecnologies 15

1.2.-A Finestra principal activa imatge i en mosaic i selecciona lletres.gif com a imatge (fitxer que és al disquet de pràctiques).

1.3.-Pitja sobre 2.-Per situar l�encapçalament definirem una casella de 538x80 pixels on escriurem en color blau el següent: Indicau els gentilicis d�aquestes poblacions.

Per fer-ho: 2.1.-A la finestra edició d�activitats has de tenir seleccionat Omplir forats a l�apartat Tipus

2.2.-Fes un clic sobre la icona En el requadre en blanc de text escriu l�encapçalament: Indicau els gentilicis d�aquestes poblacions. Fixa l�amplada de la casella a 538 i l�alçada a 80. Activa text centrat i deixa desactivat amb marc.

Fes un clic sobre la icona

2.3.- Per triar el tipus de lletra i colors, fes un clic sobre la icona Apareixerà la finestra Tipus de lletra i colors

Page 16: Aplicacions didàctiques amb el CLIC (3)weib.caib.es/Formacio/distancia/Material/clic/clic3.pdf · Informàtica educativa: Elaboració d’activitats amb Clic 3.0 Autor: Joan Gelabert

Informàtica educativa: Elaboració d'activitats amb Clic 3.0

Autor: Joan Gelabert Vich � Assessor de Noves Tecnologies 16

A la part superior has de seleccionar text a les caselles. A font selecciona Comic Sans MS, amplada 15 i alçada 44 Per seleccionar el color, has de fer clic sobre la icona text i triar el blau, fent un clic sobre el color adequat. Si vols pots seleccionar de la mateixa manera un color per al fons de la casella i un altre per a l�ombra de les lletres. (És important que l�usuari ho pugui llegir!!)

Fes un clic sobre i veuràs el resultat. Si no t�agrada, torna a fer un clic sobre

la icona i fes els canvis que vulguis fins que quedi al teu gust.

2.4.-Quan t�agradi el resultat fes un clic sobre , el resultat serà semblant a això:

Page 17: Aplicacions didàctiques amb el CLIC (3)weib.caib.es/Formacio/distancia/Material/clic/clic3.pdf · Informàtica educativa: Elaboració d’activitats amb Clic 3.0 Autor: Joan Gelabert

Informàtica educativa: Elaboració d'activitats amb Clic 3.0

Autor: Joan Gelabert Vich � Assessor de Noves Tecnologies 17

3.-Introducció dels ítems de l�exercici. 3.1.-Introducció del text. Pitjaràs la tecla FIN del teclat de l�ordinador per situar-te a la dreta de la casella d�encapçalament i després pitjaràs sobre intro per generar una línia en blanc. Aquí escriuràs: L'amo En Sebastià és de Felanitx, és felanitxer Els de Sa Pobla són poblers Als habitants de Calvià els anomenen calvianers En Miquel és de Sòller, és solleric En Joan és bunyolí, és de Bunyola 3.2.-Definició de les incògnites, que en aquest cas són els gentilicis. Per fer-ho:

Selecciona felanitxer i fes un clic sobre la icona , apareixerà la finestra Definició d�incògnites

Page 18: Aplicacions didàctiques amb el CLIC (3)weib.caib.es/Formacio/distancia/Material/clic/clic3.pdf · Informàtica educativa: Elaboració d’activitats amb Clic 3.0 Autor: Joan Gelabert

Informàtica educativa: Elaboració d'activitats amb Clic 3.0

Autor: Joan Gelabert Vich � Assessor de Noves Tecnologies 18

Pitja sobre Repeteix el procés amb els altres gentilicis, 4.-Selecciona un fitxer de so (moltbe.wav) que és al disquet de pràctiques com a missatge final que rebrà l�usuari quan acabi satisfactòriament l�activitat. Per fer ho: 4.1.-A missatge final has d�escriure exactament això:

{moltbe.wav} Si vols que al mateix temps que l�ordinador digui molt bé, també ho escrigui, a missatge final has d�escriure:

MOLT BÉ {moltbe.wav}

5.-Quan acabis de definir les incògnites, pitja sobre Guarda l�activitat amb el nom of1.txa Prova de resoldre l�activitat que has elaborat

Page 19: Aplicacions didàctiques amb el CLIC (3)weib.caib.es/Formacio/distancia/Material/clic/clic3.pdf · Informàtica educativa: Elaboració d’activitats amb Clic 3.0 Autor: Joan Gelabert

Informàtica educativa: Elaboració d'activitats amb Clic 3.0

Autor: Joan Gelabert Vich � Assessor de Noves Tecnologies 19

Activitat de consolidació i reforç 9 Modificacions i canvis a l�activitat elaborada anteriorment. Obre l�activitat of1.txa, que has elaborat anteriorment. 1.-A la primera incògnita de resposta �felanitxer�, li farem unes modificacions, perquè ens presenti opcions de resposta en una llista. Per fer-ho 1.1.-Pitjarem sobre EDICIÓ i seleccionarem EDITAR L�ACTIVITAT. Apareixerà la finestra d�edició de l�activitat

Fes un clic sobre felanitxer i fes un clic sobre la icona . Apareixerà la finestra

Activa presentar opcions en una llista i apareixerà un quadre blanc on has d�escriure:

Page 20: Aplicacions didàctiques amb el CLIC (3)weib.caib.es/Formacio/distancia/Material/clic/clic3.pdf · Informàtica educativa: Elaboració d’activitats amb Clic 3.0 Autor: Joan Gelabert

Informàtica educativa: Elaboració d'activitats amb Clic 3.0

Autor: Joan Gelabert Vich � Assessor de Noves Tecnologies 20

Felanitxer Felanitxero Felanitxé La finestra de definició de la incògnita ha quedar així:

Fes un clic sobre la icona , et sortirà la finestra d�edició, torna a fer un clic

sobre i veuràs a la pantalla les modificacions que has fet. Comprova�n el funcionament. 2.-A la segona incògnita de resposta �pobler�, li farem unes modificacions, perquè ens presenti una finestra d�informació. Per fer-ho: 2.1.-Pitjarem sobre EDICIÓ i seleccionarem EDITAR L�ACTIVITAT. Apareixerà la finestra d�edició de l�activitat

Fes un clic sobre poblers i fes un clic sobre la icona . Apareixerà la finestra

Page 21: Aplicacions didàctiques amb el CLIC (3)weib.caib.es/Formacio/distancia/Material/clic/clic3.pdf · Informàtica educativa: Elaboració d’activitats amb Clic 3.0 Autor: Joan Gelabert

Informàtica educativa: Elaboració d'activitats amb Clic 3.0

Autor: Joan Gelabert Vich � Assessor de Noves Tecnologies 21

Activa l�opció Finestra d�informació, en el quadre en blanc escriu: En Miquel Segura és un escriptor de Sa Pobla, és un pobler que escriu a Última Hora. Activa Aparició automàtica i fixa el temps màxim en 10 segons. La finestra de definició d�incògnites ha quedar així.

Fes un clic sobre la icona , et sortirà la finestra d�edició, torna a fer un clic

sobre i veuràs a la pantalla les modificacions que has fet. Comprova�n el funcionament.

Page 22: Aplicacions didàctiques amb el CLIC (3)weib.caib.es/Formacio/distancia/Material/clic/clic3.pdf · Informàtica educativa: Elaboració d’activitats amb Clic 3.0 Autor: Joan Gelabert

Informàtica educativa: Elaboració d'activitats amb Clic 3.0

Autor: Joan Gelabert Vich � Assessor de Noves Tecnologies 22

Activitat opcional 4 Fes les modificacions adients a la tercera incògnita (calvianers) per fer aparèixer un llistat amb quatre elements a la llista

Activitat opcional 5 Fes les modificacions per fer aparèixer finestres d�informació a les incògnites quarta i cinquena. Modifica el temps de retard i el temps màxim i comprova els efectes. Guarda l�activitat amb el nom of1bis.txa

Page 23: Aplicacions didàctiques amb el CLIC (3)weib.caib.es/Formacio/distancia/Material/clic/clic3.pdf · Informàtica educativa: Elaboració d’activitats amb Clic 3.0 Autor: Joan Gelabert

Informàtica educativa: Elaboració d'activitats amb Clic 3.0

Autor: Joan Gelabert Vich � Assessor de Noves Tecnologies 23

3.4. ELABORACIÓ D�UNA ACTIVITAT D�ORDENAR PARAULES

Activitat d'introducció 15 Es tracta d�elaborar una activitat que presenta un text amb algunes paraules barrejades que s�hauran de tornar a posar al seu lloc.

Per començar a elaborar l�activitat: Engega el Clic 3.0 Fitxer !!!! Nova activitat !!!! Activitat de text A tipus selecciona Ordenar paraules

1.-Situa�t en el requadre de text i pitja sobre la icona . Fixa les dimensions a 100 X 100

Escriu en el requadre de text de la definició de casella {siurell.gif}

Pitja sobre la icona

2.-Escriu en el requadre de text, al costat de la imatge que acabes d�inserir, el següent:

Els siurells Són figuretes d'argila cuita, emblanquinades amb calç i decorades amb taques de colors (verd, vermell, groc i blau, segons els obradors) que duen un xiulet i, excepcionalment, dos (cas dels bous) i adopten una varietat de formes extraordinària: antropomòrfiques, zoomòrfiques, fantàstiques...

3.-Marca com a incògnites les paraules:

Page 24: Aplicacions didàctiques amb el CLIC (3)weib.caib.es/Formacio/distancia/Material/clic/clic3.pdf · Informàtica educativa: Elaboració d’activitats amb Clic 3.0 Autor: Joan Gelabert

Informàtica educativa: Elaboració d'activitats amb Clic 3.0

Autor: Joan Gelabert Vich � Assessor de Noves Tecnologies 24

figuretes calç xiulet zoomòrfiques

Per fer-ho: has de marcar la paraula i pitjar sobre la icona d�incògnites , una vegada

que hagis acabat de seleccionar incògnites, pitja sobre

4.-Situa�t al final del text i pitja sobre la icona . Fixa les dimensions a 500 X40. Escriu en el requadre de text de la definició de casella: Cent anys d'Història de les Balears "Sa Nostra"

Pitja sobre la icona La finestra edició de casella quedarà així:

Ara fixarem un parell de paràmetres que canviaran l�aspecte de l�activitat.

Comprova que la graella A està fixada a .

Pitja sobre

Pitja sobre la icona i modifica la mida de les lletres de Cos de text i de Text a les caselles. Deixant-les així:

Page 25: Aplicacions didàctiques amb el CLIC (3)weib.caib.es/Formacio/distancia/Material/clic/clic3.pdf · Informàtica educativa: Elaboració d’activitats amb Clic 3.0 Autor: Joan Gelabert

Informàtica educativa: Elaboració d'activitats amb Clic 3.0

Autor: Joan Gelabert Vich � Assessor de Noves Tecnologies 25

Pitja sobre i apareixerà la finestra d�edició d�activitats.

Page 26: Aplicacions didàctiques amb el CLIC (3)weib.caib.es/Formacio/distancia/Material/clic/clic3.pdf · Informàtica educativa: Elaboració d’activitats amb Clic 3.0 Autor: Joan Gelabert

Informàtica educativa: Elaboració d'activitats amb Clic 3.0

Autor: Joan Gelabert Vich � Assessor de Noves Tecnologies 26

Torna a pitjar sobre i comprova el resultat. Guarda l�activitat amb el nom OP1.TXA

Page 27: Aplicacions didàctiques amb el CLIC (3)weib.caib.es/Formacio/distancia/Material/clic/clic3.pdf · Informàtica educativa: Elaboració d’activitats amb Clic 3.0 Autor: Joan Gelabert

Informàtica educativa: Elaboració d'activitats amb Clic 3.0

Autor: Joan Gelabert Vich � Assessor de Noves Tecnologies 27

3.5. ELABORACIÓ DE PAQUETS D�ACTIVITATS

Activitat d'introducció 16 Un paquet d�activitats és un conjunt d�activitats, agrupades, ordenades i/o enllaçades. Engega el Clic Per elaborar una activitat nova Fitxers !!!! Nova activitat !!!! Paquet d�activitats Et sortirà la finestra

Per elaborar un paquet d'activitats afegirem activitats de la llista esquerra (aquestes són

les activitats que tenim al directori de treball) mitjançant el botó . Per fer-ho, primer has de marcar l�activitat que vols afegir i després picar sobre

Farem un paquet amb les activitats expcos1.ass (activitat d�introducció 7) cos1.ass (activitat d�introducció 6) ( cos2.ass (activitat de lliurament obligatori 3) Activarem l�opció pas automàtic d�activitat. I guardarem el paquet d�activitats com ass.pac Obre el paquet d�activitats que has creat i mira com funciona. Per fer ho

Fitxers !!!! obrir selecciona ass.pac i pitja sobre Si vols modificar el paquet ho pots fer obrint el menú Edició !!!! Editar el paquet

Page 28: Aplicacions didàctiques amb el CLIC (3)weib.caib.es/Formacio/distancia/Material/clic/clic3.pdf · Informàtica educativa: Elaboració d’activitats amb Clic 3.0 Autor: Joan Gelabert

Informàtica educativa: Elaboració d'activitats amb Clic 3.0

Autor: Joan Gelabert Vich � Assessor de Noves Tecnologies 28

d�activitats. Si t�agrada el resultat, guarda abans de sortir del paquet. Ara fes un nou paquet d�activitats amb: cos1.sop (activitat d�introducció 11) cos1.crw (activitat d�introducció 12) guarda el paquet amb el nom simcr.pac. Fes un altre paquet, ara només amb una activitat, idepanxa.ass (activitat d�introducció 9), guarda el paquet amb el nom idecos1.pac. Informació addicional treta de l�ajuda del Clic. Un cop establerta la llista d'activitats que formaran el paquet, poden ajustar-se també les opcions següents: Pas automàtic d'activitat. Activant aquesta opció es passarà automàticament a la següent activitat del paquet un cop acabada la que s'estigui realitzant. Retard. En aquest camp es pot indicar opcionalment un temps de retard (en segons) entre l'acabament d'una activitat i l'inici de la següent. Aquest valor només es té en compte si s'ha activat l'opció Pas automàtic d'activitat. Botons de pas d'activitat. Els botons de pas d'activitat desapareixen de la pantalla quan aquesta opció es troba desactivada. Aquests botons només es poden desactivar si s'ha seleccionat l'opció Pas automàtic d'activitat. Botó DISC. El botó que serveix per carregar una nova activitat o paquet, desapareix de la pantalla si aquesta opció es troba desactivada. Botó PORTA. El botó que serveix per abandonar el programa, pot ser actiu o no, segons el valor d'aquesta opció. Encadenament... Aquest botó dóna accés a la configuració de les opcions d'encadenament de paquets d'activitats. "Ajuda del Clic 2.1"

Page 29: Aplicacions didàctiques amb el CLIC (3)weib.caib.es/Formacio/distancia/Material/clic/clic3.pdf · Informàtica educativa: Elaboració d’activitats amb Clic 3.0 Autor: Joan Gelabert

Informàtica educativa: Elaboració d'activitats amb Clic 3.0

Autor: Joan Gelabert Vich � Assessor de Noves Tecnologies 29

3.6. ELABORACIÓ D'ACTIVITATS TIPUS PANTALLA D'INFORMACIÓ PER ENLLAÇAR PAQUETS D'ACTIVITATS.

Activitat d'introducció 17 Les pantalles d�informació poden fer dues funcions:

una de presentació d�informació, recomanacions, instruccions etc, i una altra d'enllaç (link) amb altres activitats o paquets d�activitats.

L�objectiu és elaborar una activitat del tipus pantalla d�informació, que ens permeti triar entre els tres paquets d�activitats elaborats a l�activitat anterior: ass.pac, simcr.pac i idecos1.pac

És imprescindible guardar abans de provar els efectes d�aquesta pàgina d�informació. Si la proves abans de guardar, funcionarà l�enllaç, t�enviarà a una altra aplicació i perdràs tot el que havies fet. Engega el Clic Per elaborar una activitat nova Fitxers !!!! Nova activitat !!!!associació Apareixerà en pantalla la finestra d�edició de l�activitat. A TIPUS hem de seleccionar Pantalla d�informació

A graella A hem de seleccionar text i pitjar sobre Anomena informac.txt al fitxer de text que has d�elaborar amb el següent text: Associacions{ass.pac} Sopes i mots encreuats{simcr.pac} Identificació{idecos1.pac} Guarda el document amb el nom informac.txt i selecciona�l A files i columnes has de posar 3 X 1 A missatge inicial has d�escriure: Tria l�activitat que vols fer.

Si pitges sobre , podràs fixar les mides de les caselles.

Page 30: Aplicacions didàctiques amb el CLIC (3)weib.caib.es/Formacio/distancia/Material/clic/clic3.pdf · Informàtica educativa: Elaboració d’activitats amb Clic 3.0 Autor: Joan Gelabert

Informàtica educativa: Elaboració d'activitats amb Clic 3.0

Autor: Joan Gelabert Vich � Assessor de Noves Tecnologies 30

Si pitges sobre , podràs fixar el tipus de font i les seves propietats. Guarda el resultat amb el nom informac.ass Tal com està fet ara, si obris l�associació informac.ass i pitges sobre un dels enllaços, s�obrirà l�activitat o paquet d�activitats seleccionat. Quan hagis acabat l�activitat, per continuar hauries de tornar o obrir informac.ass i tornar a triar el que vols fer. Per no haver de fer això pots modificar els tres paquets que has fet a activitats anteriors (ass.pac, simcr.pac i idecos1.pac) i afegir com a darrera activitat de cada paquet informac.ass, d�aquesta manera sempre que acabi un paquet et donarà la possibilitat de tornar a triar. Per fer això. Obre el paquet d�activitats ass.pac Edició !!!! Editar el paquet d�activitats, selecciona de la llista de l�esquerra

informac.ass i pitja sobre i després pitja sobre . Guarda els canvis i repeteix el procediment amb els altres dos paquets. Quan hagis acabat, obre l�activitat informac.ass i comprova el resultat d�aquests darrers canvis

Page 31: Aplicacions didàctiques amb el CLIC (3)weib.caib.es/Formacio/distancia/Material/clic/clic3.pdf · Informàtica educativa: Elaboració d’activitats amb Clic 3.0 Autor: Joan Gelabert

Informàtica educativa: Elaboració d'activitats amb Clic 3.0

Autor: Joan Gelabert Vich � Assessor de Noves Tecnologies 31

3.7. EL CLICPAC Un paquet Clic, com el que has fet a l�activitat d�introducció 16 és un conjunt d�activitats lligades. Els paquets Clic poden ser:

• normals (fitxers amb extensió PAC)

• compactes (fitxers amb extensió PCC)

El ClicPac és un programa adjunt al Clic que es pot instal·lar al mateix temps que es fa la instal·lació del Clic 3.0. Aquest programa permet realitzar quatre funcions bàsiques:

• Visualitzar el contingut dels paquets Clic (fitxers PAC i PCC): els fitxers de text, les imatges, els fitxers de so, etc

• Crear paquets Clic compactes (fitxers PCC) a partir dels paquets normals (PAC). A partir d�un paquet normal (amb extensió PAC) amb l�ajuda del ClicPac es pot fer un paquet compacte (PCC) que reuneix tots els fitxers necessaris, excepte els de so i vídeo, en un únic fitxer. Això vol dir que si volem enviar un paquet d�activitats per correu electrònic únicament haurem d�enviar el fitxer PCC; en el cas que l�activitat tengui so, també s�hauran de d�enviar els fitxers wav.

• Descompactar els paquets compactes (PCC), per a tornar a tenir els fitxers de l�activitat (paquets normals PAC, textos, imatges,...) en format normal. És el procés invers a l�anterior.

• Copiar paquets normals d�una carpeta a una altra, arrossegant tots els fitxers necessaris per a l�execució del paquet d�activitats.

El programa ClicPac du una ajuda que explica exhaustivament el seu funcionament. S�ha de tenir molt present que el ClicPac quan crea un paquet compacte no inclou el fitxers wav, per aquest motiu s�hauran d'enviar o traslladar apart.

Activitat de lliurament obligat 7 Anem a fer un paquet compacte a partir de l�activitat d�introducció17. El primer que hem de fer és tenir un paquet a compactar. De l�activitat d�introducció 17 aprofitarem que tenim l�activitat informac.ass (pantalla d�informació que crida als paquets que hem fet: ass.pac, simcr.pac i idecos1.pac) i farem un paquet que tan sols tengui una activitat, la informac.ass. Aquest paquet tindrà el nom de conjunt.pac. (En realitat, si comproves el funcionament informac.ass i conjunt.pac veuràs que fan el mateix). Però ara podem compactar el paquet conjunt.pac i convertir-lo en conjunt.pcc amb els avantatges de tenir tots els arxius en un únic fitxer com s�ha explicat abans. El procediment per compactar el paquet i les passes a seguir serien: Primer de tot, obrir el programa ClicPac: Inicio/Programas/Clic/ClicPac

Page 32: Aplicacions didàctiques amb el CLIC (3)weib.caib.es/Formacio/distancia/Material/clic/clic3.pdf · Informàtica educativa: Elaboració d’activitats amb Clic 3.0 Autor: Joan Gelabert

Informàtica educativa: Elaboració d'activitats amb Clic 3.0

Autor: Joan Gelabert Vich � Assessor de Noves Tecnologies 32

Com que el que volem és compactar un paquet triarem a tipus:

�Paquets Clic normals (*.PAC) Llavors, seleccionam la carpeta on es troba el paquet a compactar (aquí, a mode d�exemple teniu un paquet (.pac) però que no coincideix amb l�exercici que estau fent ni amb la vostra carpeta on teniu la feina):

Llavors s�ha de triar l�opció �compactar ....) i ens apareix una finestra com aquesta:

Page 33: Aplicacions didàctiques amb el CLIC (3)weib.caib.es/Formacio/distancia/Material/clic/clic3.pdf · Informàtica educativa: Elaboració d’activitats amb Clic 3.0 Autor: Joan Gelabert

Informàtica educativa: Elaboració d'activitats amb Clic 3.0

Autor: Joan Gelabert Vich � Assessor de Noves Tecnologies 33

Aquí ens mostra tots els fitxers que estaran dins el paquet compactat (conjunt.pcc) i, també, si és el cas, si hi ha fitxers que queden exclosos. Llavors feim clic a �crear el paquet compacte�. Llavors ens informa de que s�ha compactat i si volem esborrar els fitxers que hi ha en el paquet compacte. Això ho demana per si no vols tenir un excés de fitxers. De totes maneres, per tenir-ho tot, li pots dir que �no� vols esborrar els fitxers que han entrat dins el paquet compacte.

D�aquesta manera, a dins la carpeta on tenies el paquet (conjunt.pac) en tendràs un altre de compactat (conjunt.pcc). Seguint el procediment abans explicat, compacta el paquet conjunt.pac. Comprimeix el fitxer resultant, conjunt.pcc, dins un arxiu zip i envia�l a la tutoria.

Activitat d�introducció 18 Ara farem el procés contrari. A partir d�una activitat compactada (pcc), la descompactarem per poder fer-hi algunes modificacions. Connecta�t al Web educatiu de les Illes Balears http://weib.caib.es A l�apartat RECURSOS hi trobaràs entre d�altres activitats Clic elaborades per professors de la nostra Comunitat

Page 34: Aplicacions didàctiques amb el CLIC (3)weib.caib.es/Formacio/distancia/Material/clic/clic3.pdf · Informàtica educativa: Elaboració d’activitats amb Clic 3.0 Autor: Joan Gelabert

Informàtica educativa: Elaboració d'activitats amb Clic 3.0

Autor: Joan Gelabert Vich � Assessor de Noves Tecnologies 34

Clica sobre Recursos, selecciona per etapes educatives, i tria educació secundària. Sortiran una sèrie de recursos de l�etapa seleccionada.

Clica sobre T�apareixerà informació sobre aquesta activitat, realitzada per uns companys del CP Sant Bartomeu d�Alaró, i més avall un enllaç als fitxers d�instal·lació.

Descarrega l�activitat fent un clic sobre T�apareixerà el quadre de diàleg Descarga de archivos

Page 35: Aplicacions didàctiques amb el CLIC (3)weib.caib.es/Formacio/distancia/Material/clic/clic3.pdf · Informàtica educativa: Elaboració d’activitats amb Clic 3.0 Autor: Joan Gelabert

Informàtica educativa: Elaboració d'activitats amb Clic 3.0

Autor: Joan Gelabert Vich � Assessor de Noves Tecnologies 35

Amb Guardar este programa en disco marcat pitja sobre Aceptar Pots guardar-ho, per exemple, a l�escriptori. Una vegada que has baixat motos.exe, l�has d�executar per instal·lar al teu ordinador l�activitat. Per defecte, la instal·lació crearà una carpeta clic/motos on col·locarà els fitxers de l�activitat, també crearà un accés directe en el grup de programes Clic.

Una vegada instal·lada l�activitat, ves amb l�explorador a la carpeta clic/motos i comprova�n el contingut.

Page 36: Aplicacions didàctiques amb el CLIC (3)weib.caib.es/Formacio/distancia/Material/clic/clic3.pdf · Informàtica educativa: Elaboració d’activitats amb Clic 3.0 Autor: Joan Gelabert

Informàtica educativa: Elaboració d'activitats amb Clic 3.0

Autor: Joan Gelabert Vich � Assessor de Noves Tecnologies 36

Si fas doble clic sobre motos.pcc s�obrirà l�activitat. Explora el seu contingut. Fixa�t que l�opció de menú Editar està desactivada, això vol dir que quan obris una activitat a partir d�un paquet compacte no la pots modificar

Tots els fitxers (imatges, textos, fitxers ass, crw, puz, pac etc) necessaris pel correcte funcionament de l�activitat es troben compactats en un únic fitxer: motos.pcc, és el que s�anomena un paquet compacte. Una vegada vist el contingut de l�activitat, la tancarem.

Per descompactar un paquet compacte, l�activitat no pot estar oberta al Clic. Ara descompactarem el paquet Per obrir el programa ClicPac Inicio !!!!Programas !!!!Clic !!!!ClicPac

Selecciona la carpeta C:\clic\motos. Marca Paquets Clic Compactes (*.PCC) Clicant sobre motos.pcc apareixen els fitxers que hi ha compactats.

Page 37: Aplicacions didàctiques amb el CLIC (3)weib.caib.es/Formacio/distancia/Material/clic/clic3.pdf · Informàtica educativa: Elaboració d’activitats amb Clic 3.0 Autor: Joan Gelabert

Informàtica educativa: Elaboració d'activitats amb Clic 3.0

Autor: Joan Gelabert Vich � Assessor de Noves Tecnologies 37

Si clicam sobre Descompactar i després en el quadre Descompactar sobre Extreure, d�aquesta manera tots els fitxers es descomprimiran a la carpeta clic/motos

Tanca el ClicPac i explora el contingut de la carpeta clic/motos amb l�explorador de Windows.

Ara ja tens tots els fitxers de l�activitat. Fes doble clic sobre motos.pac s�obrirà l�activitat en format no comprimit, ara podries fer els canvis que volguessis en l�activitat. Fixa�t que l�opció Edició és activa.

Page 38: Aplicacions didàctiques amb el CLIC (3)weib.caib.es/Formacio/distancia/Material/clic/clic3.pdf · Informàtica educativa: Elaboració d’activitats amb Clic 3.0 Autor: Joan Gelabert

Informàtica educativa: Elaboració d'activitats amb Clic 3.0

Autor: Joan Gelabert Vich � Assessor de Noves Tecnologies 38

Si demanes permís als autors de l�activitat, podries adaptar activitats a les teves necessitats i també podries emprar les imatges per a activitats pròpies.

Activitats de consolidació i reforç 10: En aquesta activitat aconseguiràs unes imatges a Internet, modificaràs les seves mides i els seus formats. Amb aquestes imatges faràs una associació que posteriorment passarà a formar part d�un paquet normal que canviaràs de directori amb l�ajuda del ClicPac i, finalment, compactaràs aquest paquet normal creant un paquet compacte.. Una de les maneres d�obtenir imatges digitals és baixar-les d�internet. Es poden obtenir moltes imatges amb l�ajuda dels �cercadors� habituals posant el tema que es vol cercar dins el quadre de recerca corresponent. Els cercadors més emprats són: Google http://www.google.com Altavista http://www.altavista.com Yahoo http://www.yahoo.com Etc En el Web Educatiu de les IIles Balears http://weib.caib.es hi ha una pàgina amb enllaços a una gran quantitat de cercadors. En els cercadors més actualitzats, com per exemple Altavista pots fer recerca d�imatges directament, seleccionant la pestanya d�imatges (hi pots anar directament des de http://es-ca.altavista.com/s?spage=searchimg.htm) L�adreça http://image.google.com és la del cercador específic d�imatges del Google. L�aplicació d�aquestes imatges al Clic necessita un procés d�adaptació que pot afectar a dos punts: 1.-La mida en píxels de la imatge. El més habitual és que les imatges que et baixis d�internet no tenguin la mateixa mida. Si les imatges han d�aparèixer en una mateixa activitat han de tenir la mateixa mida o molt semblant. Per aconseguir aquest canvi de mides pots seguir els procediments explicats a l�Activitat de consolidació i reforç 1, per ventura per acabar d�ajustar les mides hauràs d�emprar l�eina de tallar: se selecciona el tros que ens interessa de la imatge edición !!!! cortar i després edición !!!! pegar !!!! como nueva imagen i per acabar guardam aquesta imatge amb un altre nom.

Page 39: Aplicacions didàctiques amb el CLIC (3)weib.caib.es/Formacio/distancia/Material/clic/clic3.pdf · Informàtica educativa: Elaboració d’activitats amb Clic 3.0 Autor: Joan Gelabert

Informàtica educativa: Elaboració d'activitats amb Clic 3.0

Autor: Joan Gelabert Vich � Assessor de Noves Tecnologies 39

2.-El format: El Clic només accepta format BMP i format GIF. Si la imatge que baixes d�internet no està en un d�aquests dos formats, la pots obrir en el Gimp i amb l�opció Fitxer / Anomena i desa, convertir-la al format gif (CompuServe Graphics Inter) que ocupa menys espai que el bmp. A la finestra �Desa la imatge� del Gimp, veureu que al llistat d'extensions, el GIF està desactivat. Per a guardar el nostre treball en format GIF, hem de tenir present que el GIF només accepta imatges indexades (256 colors) o bé en una escala de grisos. Hi ha dues maneres de convertir la nostra imatge al format GIF. Opció A Una vegada tenim oberta la imatge, abans de desar-la, anem clicant a sobre amb el botó dret al Menú d'imatges: Imatge > Mode > Indexat� (tecles ràpides <Alt> + <I>). A la finestra Conversió del color indexada cliquem al botó D'acord. Ens adonarem que a la finestra de la imatge ara surt la paraula "indexat":

I a la finestra Desa la imatge ja apareix l'extensió GIF al llistat d'extensions. Ara podem assignar dita extensió al nostre treball, clicar en OK i a la finestra Desa en format GIF, fem clic a D'acord. Opció B Una vegada tenim la nostra imatge oberta, anem directament a la finestra Desa la imatge (Menú d'imatges: Fitxer > Anomena i desa�). Ara cal escriure el nom i l'extensió gif, com per exemple "prova.gif", i triar del botó Determina el tipus de fitxer l'expressió Per extensió.

En clicar OK, apareixerà la finestra Exporta un fitxer. Ja que el format GIF només accepta les imatges indexades (256 colors) o les d'escala de grisos, hem de triar l'opció que volem. Per defecte, està marcada l'opció d'indexar la imatge. Hem de triar aquesta opció si la nostra imatge té colors.

Page 40: Aplicacions didàctiques amb el CLIC (3)weib.caib.es/Formacio/distancia/Material/clic/clic3.pdf · Informàtica educativa: Elaboració d’activitats amb Clic 3.0 Autor: Joan Gelabert

Informàtica educativa: Elaboració d'activitats amb Clic 3.0

Autor: Joan Gelabert Vich � Assessor de Noves Tecnologies 40

Cliquem el botó Exporta, i a continuació cliquem D'acord a la finestra Desa en format GIF. D�aquesta manera ja tens la imatge en un format apte per ser emprat al Clic. Seguint el procediment explicat a l�inici d�aquesta activitat aconsegueix 4 imatges de personalitats de l�àrea de coneixement que més t�interessi. El resultat d�una recerca d�imatges de físics famosos podria ser:

Page 41: Aplicacions didàctiques amb el CLIC (3)weib.caib.es/Formacio/distancia/Material/clic/clic3.pdf · Informàtica educativa: Elaboració d’activitats amb Clic 3.0 Autor: Joan Gelabert

Informàtica educativa: Elaboració d'activitats amb Clic 3.0

Autor: Joan Gelabert Vich � Assessor de Noves Tecnologies 41

És evident que abans de ser emprades en el Clic, s�han de modificar, tant pel que fa a les mides com al format, que a internet és majoritàriament JPG Fes una recerca semblant i, si cal, amb el Gimp canvia les mides fins a deixar-les aproximadament a 200x200 i passa-les a format gif. Guarda aquestes imatges a la carpeta clic/curs, recorda els requisits que han de complir els noms dels fitxers. Fes una activitat d�associació de les 4 imatges que hagis trobat amb els noms dels personatges. Guarda l�activitat amb el nom persones. Fes un paquet (persones.pac) que contengui només l�activitat esmentada. Crea una carpeta nova a Clic/curs i anomena-la paquet Tanca el Clic i obre el ClicPac. Empra l�opció de copiar del ClicPac per copiar el paquet persones.pac a la carpeta nova. Observa que tots els fitxers necessaris pel correcte funcionament de l�activitat acompanyen al fitxer persones.pac en el canvi de carpeta, aquesta és una molt bona utilitat del ClicPac que et permet moure tots els fitxers implicats en un paquet. Comprova el funcionament del fitxer persones.pac en aquesta nova carpeta. Tanca el Clic una vegada provat el funcionament de persones.pac de la carpeta clic/curs/paquet. Obre el ClicPac i compacta el paquet normal clic/curs/paquet/persones.pac Una vegada compactat, tanca el ClicPac. Copia únicament el fitxer persones.pcc a una altra carpeta i comprova que funciona correctament.

Page 42: Aplicacions didàctiques amb el CLIC (3)weib.caib.es/Formacio/distancia/Material/clic/clic3.pdf · Informàtica educativa: Elaboració d’activitats amb Clic 3.0 Autor: Joan Gelabert

Informàtica educativa: Elaboració d'activitats amb Clic 3.0

Autor: Joan Gelabert Vich � Assessor de Noves Tecnologies 42

Activitat de lliurament obligatori 8

Obre l�activitat noms1.ass de la carpeta clic/motos. Canvia el tipus de lletra de la graella B a Comic Sans. Canvia files i columnes i deixeu així: files 1 i columnes 6 i per acabar modifica la posició i deixa-la així:

Guarda l�activitat amb el nom modifica.ass i envia a la tutoria tots els fitxers necessaris pel correcte funcionament de l�activitat, comprimits en un únic arxiu zip.

3.8. CONVERTIR ACTIVITATS DE FORMAT CLIC A JAVACLIC El JClic (JavaClic) és la nova versió del programari Clic, que s'està desenvolupant en la plataforma Java. És una aplicació de programari lliure que funciona en diversos entorns operatius: Linux, Mac OS X, Windows i Solaris i està formada per diversos mòduls: el motor d'activitats, l'eina d'autor, l'eina d'informes, l'assistent d'instal·lació de projectes, l'applet... Es tracta d�un conjunt d'aplicacions informàtiques que serveixen per a realitzar diversos tipus d'activitats educatives: trencaclosques, associacions, exercicis de text, mots encreuats..., d�igual manera que amb el Clic. Però a una activitat feta amb el Jclic s�hi pot accedir de dues maneres diferents:

• Visualitzar les activitats en un applet (que és un objecte incrustat en una pàgina web) ó • Instal·lar les activitats a l'ordinador

L�objectiu d�aquest apartat és veure com es pot convertir una activitat feta amb el Clic a una activitat de format Jclic i inserir-la a una pàgina web, de manera que aquesta activitat es pugui obrir simplement amb un navegador web des de qualsevol ordinador amb connexió a internet. Allò primer que hem de fer és instal·lar el programa Jclic Author que és el que ens permetrà passar les activitats fetes amb el clic a Jclic. Per instal·lar-lo hem d�accedir a la pàgina principal del clic: http://clic.xtec.net . Seleccionam l�idioma que volem i arribam a la pàgina de benvinguda del clic. En aquesta pàgina hi trobarem l�apartat del Jclic:

Page 43: Aplicacions didàctiques amb el CLIC (3)weib.caib.es/Formacio/distancia/Material/clic/clic3.pdf · Informàtica educativa: Elaboració d’activitats amb Clic 3.0 Autor: Joan Gelabert

Informàtica educativa: Elaboració d'activitats amb Clic 3.0

Autor: Joan Gelabert Vich � Assessor de Noves Tecnologies 43

Si accedim a l�apartat Jclic arribarem a la pantalla següent:

Per instal·lar el Jclic hem d�anar a l�apartat �descàrrega i instal·lació�:

Page 44: Aplicacions didàctiques amb el CLIC (3)weib.caib.es/Formacio/distancia/Material/clic/clic3.pdf · Informàtica educativa: Elaboració d’activitats amb Clic 3.0 Autor: Joan Gelabert

Informàtica educativa: Elaboració d'activitats amb Clic 3.0

Autor: Joan Gelabert Vich � Assessor de Noves Tecnologies 44

Aquí tenim diferents eines, com el Jclic que serveix per visualitzar i executar activitats i el Jclic author que permet crear activitats però també convertir-ne de clic a Jclic. Aquests programes necessiten, per funcionar correctament, tenir operatiu i actualitzat el sistema Java de l�ordinador. Si teniu problemes en instal·lar el Jclic author, de manera que la instal·lació no es completi automàticament, llavors, necessitareu actualitzar el sistema Java. Dins la mateixa pàgina que hi ha el Jclic i el Jclic author teniu un apartat per �actualitzar el sistema Java�. Accedint a aquest apartat llavors podreu instal·lar i/o actualitzar el motor de Java de l�ordinador. Ara per instal·lar el Jclic author heu de fer clic sobre �Jclic author�,

Llavors, el programa s�instal·larà tot sol, però si us apareix una finestra com la que apareix a continuació, serà segurament perquè no teniu actualitzat el motor de Java i cal fer la passa anterior:

Si ja se vos obre aquesta altra finestra és que l�aplicació Jclic author s�ha començat a instal·lar:

Page 45: Aplicacions didàctiques amb el CLIC (3)weib.caib.es/Formacio/distancia/Material/clic/clic3.pdf · Informàtica educativa: Elaboració d’activitats amb Clic 3.0 Autor: Joan Gelabert

Informàtica educativa: Elaboració d'activitats amb Clic 3.0

Autor: Joan Gelabert Vich � Assessor de Noves Tecnologies 45

Van sortint diferents finestres a les quals podem anar confirmant el procés. Si volem crear accessos directes...

La carpeta on es guarden els fitxers del programa...

Un cop finalitzat el procés ja tenim instal·lat el Jclic author i podem provar de convertir una activitat de Clic a javaclic i inserir-la a una pàgina web.

Activitat opcional 6 Per fer aquesta activitat aprofitarem el paquet que vàrem crear en l�activitat d�entrega obligada 7, i que es deia �conjunt.pcc�. El que volem fer és passar l�activitat clic �conjunt.pcc� a una activitat de Jclic. Obrim el Jclic author, ho podem fer desde Inici/Programes/Jclic/Jclic author

O des de la icona de l�escriptori:

Page 46: Aplicacions didàctiques amb el CLIC (3)weib.caib.es/Formacio/distancia/Material/clic/clic3.pdf · Informàtica educativa: Elaboració d’activitats amb Clic 3.0 Autor: Joan Gelabert

Informàtica educativa: Elaboració d'activitats amb Clic 3.0

Autor: Joan Gelabert Vich � Assessor de Noves Tecnologies 46

S�obre el programa Jclic author:

Llavors anam a Fitxers/obre el fitxer, i a la finestra que surt, A �archivos de tipo� seleccionam �paquets clic 3.0�

Llavors cercam en la carpeta corresponent l�activitat �conjunt.pcc�. Un cop està carregat anam a Fitxers/anomena i desa, i aquí es guarda amb el nom �conjunt.jclic.zip�. Aquest és el format d�arxiu que crea el programa Jclic author.

Finalment, farem que aquest fitxer creat amb el Jclic author es converteixi en una pàgina web amb l�activitat Jclic inserida. Hem de seguir les passes que s�indiquen a continuació:

Page 47: Aplicacions didàctiques amb el CLIC (3)weib.caib.es/Formacio/distancia/Material/clic/clic3.pdf · Informàtica educativa: Elaboració d’activitats amb Clic 3.0 Autor: Joan Gelabert

Informàtica educativa: Elaboració d'activitats amb Clic 3.0

Autor: Joan Gelabert Vich � Assessor de Noves Tecnologies 47

• Obrim el Jclic author. • Carregam l�arxiu �conjunt.jclic.zip�:

Al menú Fitxers, seleccionam l�opció Obre el fitxer. A �Archivos de tipo� seleccionam �projectes Jclic (*.jclic, *.jclic.zip)�, el cercam a la carpeta corresponent i obrim l�arxiu �conjunt.jclic.zip�.

Un cop carregat l�arxiu en qüestió, ara l�hem de passar a format de pàgina web. Anam al menú Eines i seleccionam l�opció Crea una pàgina web. Ens surt una finestra com aquesta:

Page 48: Aplicacions didàctiques amb el CLIC (3)weib.caib.es/Formacio/distancia/Material/clic/clic3.pdf · Informàtica educativa: Elaboració d’activitats amb Clic 3.0 Autor: Joan Gelabert

Informàtica educativa: Elaboració d'activitats amb Clic 3.0

Autor: Joan Gelabert Vich � Assessor de Noves Tecnologies 48

Podem escriure un títol per a la pàgina al camp corresponent, deixar la resta d�opcions per defecte i polsar sobre el botó �D�acord�. Llavors, hi apareix la finestra �Desa el fitxer� i aquest es guarda per defecte amb el nom �index.htm� (però aquest nom el podem canviar per algun altre que sigui del nostre gust)

Ara ja tenim guardada la pàgina web que contindrà la nostra activitat feta del tipus Jclic. Cal tenir en compte un parell de coses:

- Perquè la pàgina generada funcioni és necessari que l�arxiu de format .jclic.zip estigui a la mateixa carpeta que la pàgina web creada.

- A més és necessari que estiguem connectats a internet, ja que el navegador haurà d�efectuar una connexió amb la pàgina web de la XTEC per poder executar en el navegador l�activitat de jclic associada a la pàgina.

D�aquesta manera, i des de qualsevol ordinador connectat a internet, podrem obrir l�activitat CLIC simplement obrint la pàgina web generada amb un navegador web. Feu la prova i comprovau que podeu executar l�activitat Clic en el navegador.