JClic

Hem iniciat la sessió visitant l’espai web Clic, és una ZONA CLIC, un web de suport al programa Clic (programa per crear interactivitats que després utilitzaran els alumnes. Cal anar amb compte, ja que un JClic que pesi més de 3 o 4 MB ens comportarà problemes alhora d’obrir-lo, descarregar-lo...

Abans de crear un JClic, caldrà doncs, verificar el pes i la grandària de les imatges que haguem d’utilitzar, en cas necessari, s’hauran de retocar amb el Gimp. Com a tot, les imatges que usem, cal que siguin similars estàticament (fons blanc, mateix estil de dibuix...)

A la classe d’avui, crearem un PROJECTE JCLIC a partir de diferents activitats, un trencaclosques i uns mots encreuats. Primer de tot, cal entendre que un JClic té dues funcions:

- Utilitzar, per utilitzar-lo, únicament ens cal tenir el programa JAVA instal·lat.- Crear, per crear-lo, necessitarem el JClic Autor. Els projectes creats amb

aquest programa, tenen com a extensió .jclic.zip

El que consistirà el nostre projecte?

NOM TEXT IMATGEtrencaimg macedonia.jpgtrencatext Cal menjar cinc fruites al diaassociaimg Poma – verd

Plàtan – grocMandarina – taronja

associatext PomaPlàtanMandarina

poma.jpgplatan.jpgmandarina.jpd

IMPORTANT- Abans d’iniciar qualsevol projecte, cal crear una carpeta amb totes les imatges,

sons, vídeos, àudios... Que necessitarem al llarg del projecte, hem de ser ordenats i desar les coses sempre al mateix lloc.

- Elaborar una graella per organitzar les nostres idees i pensar com realitzarem les activitats de JClic.

On desarem l’activitat?- ESPAI LOCAL (és tant el propi ordinador, com el pendrive, on desarem la

informació per anar guardant-la de mica en mica i on tenim tots els elements que necessitem pel projecte). L’espai local, gaudirà de sis arxius:

o Les 4 imatges (tres fruites i el bodegó)o fruites.jclic.zipo fuites.htm

Un cop realitzats tots els arxius, caldrà copiar-los dins l’espai web (crear un domini)

- ESPAI WEB es una espècie de carpeta dins un disc dur. Espai proporcionat pel la Blanquerna i on accedim a través del blink per penjar l’arxiu fruites.jclic.zip i fruites.htm

- ESPAI BLOC. Un cop penjats els arxius, caldrà citar al bloc personal l’adreça obtinguda per accedir al nostre projecte JClic.

CREACIÓ

Primer de tot, cal obrir JClicautor.- Funciona a través de menús i pestanyes

o Projecte, és la primera que trobem, cerquem l’”interficie d’usuaris”, situada a baix de tot de la pantalla i localitzem el desplegable “Pell”, és l’aspecte general que tindrà el nostre JClic, jo he triat @orange.xml

o Mediateca, cal desar les imatges, sons, àudios, vídeos...Que haguem d’utilitzar al llarg del projecte, en el nostre cas, les quatre imatges.

o Seqüències, serveix per establir paràmetres com d’edats, d’algun botó d’ajuda per mostrar el resultat, d’error... Però nosaltres no l’utilitzarem, encara que va bé saber-ne de la seva existència.

o Activitats, és la pestanya que utilitzarem al llarg de tot el projecte.

Tota l’estona ens mourem per la pestanya d’activitats:1.- Trencaimg

- Afegir activitat (botó de dalt a l’esquerra), on se’ns obra un ampli ventall de possibles activitats, per la nostre activitat numero 1, triarem un trencaclosques. Observem, que hi ha tres tipus diferents de trencaclosques, nosaltres utilitzarem el d’intercanvi i l’anomenarem, tal i com hem establert abans “trencaimg”.

- Un cop seleccionada l’activitat veiem que hi ha quatre pestanyes:o Opcions de l’activitat d’aquesta en passem de llarg ja que no serà

necessari modificar res.o Finestra de joc, aquesta finestra es la que apareixerà de fons mentre es

realitza l’activitat, canviarem el color i ficarem el fons blanc. Només en casos que ho requereixin canviarem el color del fons adequant-lo a la situació que desitgem crear (contrastos, per treballar motius concrets com estacions de l’any...)

o Missatges, hi ha de tres tipus, l’inicial, el final i el d’error. No sempre es obligatori posar-hi un text, sinó que podem ficar una imatge o un contingut actiu com ara un so o un vídeo.En el cas de la nostra activitat posarem un missatge inicial “fes el trencaclosques” i un final “molt bé”.

o Plafó, és on es munta l’activitat, seleccionant la quadrícula, el color de fons... En aquest cas, inserim la imatge del bodegó, anomenada “macedonia.jpg”. Un cop importada, veiem que podem canviar la forma de les peces, la mida, la manera de trencar el trencaclosques... Un cop decidit tot i fet, cal pitjar PROVAR, per veure si funciona el joc, és la manera de veure com queda el resultat. Guardem el projecte, i en fem un altre!

2.- Trencatext- Afegim nova activitat, també un trencaclosques, modifiquem com abans la

pestanya de finestra (posant-hi el fons blanc i treien la vora) i editem els missatges, l’inicial “ordena la frase” i el final “fantàstic”. Un cop fets aquest passos, passem al plafó però en aquest cas, enlloc d’inserir-hi una imatge, escriurem un text. Com la frase “cal menjar cinc fruites al dia” consta de sis paraules, farem la taula de sis cel·les: una fila i sis columnes. Un cop fet, pitgem PROVAR i mirem si tot funciona correctament.

3.- Associatext- Afegim una nova activitat, en aquest cas una associació simple (no complexa).

Com en els altres dos casos anteriors modifiquem la pestanya finestra (fons blanc i sense vora) i la de missatges, inserint un missatge inicial “de quin color és cada fruita?” i un final “molt bé”. En arribar al plafó, en trobarem dos, el A i el B, un ens servirà per escriure el nom de les fruites i l’altre per escriure el nom dels colors cada plafó constarà d’una fila i tres columnes. En el plafó A escriurem “poma”, “plàtan” i “mandarina” i en el plafó B “verd”, “groc” i “taronja”. De tots dos plafons canviarem l’estil, i ficarem que el color inactiu i el color de fons sigui de color blanc, també podem canviar el color de la línia que envolta les quadrícules. Un cop acabat pitgem PROVA.

4.- Associaimg- Com en el cas anterior, tornem a triar una associació simple i modifiquem com

a totes les altres activitats la pestanya de finestra i la de missatges ficant com a missatge inicial “cerca el nom de cada fruita” i com a final “molt bé”. Un cop accedim al plafó, en tornem a trobar dos, l’A i el B. en aquest cas farem les cel·les de tres files i una columna. En el plafó A inserim (dins de cada quadrat) les diferents imatges: poma.jpg, platan.jpg i mandarina.jpg. Mentre que a les cel·les del plafó B hi fiquem escrit: “poma”, “plàtan” i “mandarina”. Com en el cas anterior, podem canviar l’estil del color inactiu i el color de fons i triar el color blanc. Un cop creiem que ho tenim tot llest, pitgem PROVA.

Un cop acabat tot, ens assegurem de que hem guardat el projecte correctament. Immediatament a la carpeta on hem desat les imatges de les fruites ens apareixerà l’arxiu anomenat “FRUITES.JCLIC.ZIP”. Ara només ens cal crear el “FRUITES.HTM”, per a fer-ho, des del mateix programa de JClicautor sense tancar el nostre document de fruites.jclic.zip, li donem a “eines” i dins d’aquesta a “crea una pàgina web”. Automàticament a la nostra carpeta creada a l’espai local ens apareixerà l’arxiu “fruites.htm”.

El primer pas ja està fet, tenim tots dos arxius a l’espai local, ara els hem de copiar a un espai web. Per això, dins la web de Blanquerna, al espai blink, s’ha creat un apartat que se’n diu “webs”, dins d’aquesta s’ha obert “clic2009m” i tots nosaltres en som els responsables, podem modificar, pujar, baixar fitxers... De manera que li donarem a crear una carpeta, la meva, anomenada LaiaRL, i dins d’aquesta aboquem els arxius: fruites.jclic.zip i fruites.htm, automàticament, se’n crea un enllaç amb la nostra adreça que obra les activitats JClic creades anteriorment.