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 IMATGE
trencaimg macedonia.jpg
trencatext Cal menjar cinc fruites al dia
associaimg Poma – verd
Plàtan – groc
Mandarina – taronja
associatext Poma poma.jpg
Plàtan platan.jpg
Mandarina mandarina.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.zip
o 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.