You are on page 1of 6

GESTIÓ I TIC

14-12-2009
CLIC

Després d’observar com funciona el programa hem comencat a treballar amb

una carpeta anomenada jclic fruites, per tal de començar el nostre

projecte.

La carpeta conté imatges de fruites en format .jpg. cada una d’elles amb

pes diferent, és important que les imatges pessin poc , ja que aquest

programa després es penjen en webs i hauria de estar per sota de 3 o 4

megas.

En quant als píxels, les fruites de fons blanc són de 250x250 ( són les que

fem servir com a botons, són quadradetes) i el bodegón és la que s’amplia a

pantalla sencera. Per tal d’adaptar les imatges pel jclic és molt important

treballar-les amb el gimp.

Crear un projecte de jclic ? És crear un conjunt d’activitats

– Trencaclosques

– Associacions

– Mots encreuats

http://clic.xtec.cat/

Cal tenir instal·lat el programa java o descarregar-lo en la web

http://www.java.com/en/ per tal de poder utilizar aquestes activitats.

➢ El jclic té diferents components :


GESTIÓ I TIC
14-12-2009
*Jclic autor : és el component que ens permet crear projectes

d’activitats amb extenció .jclic.zip

PRÀCTICA :

– Creem fruites.jclic.zip

– Amb quatre activitats : trencaclosques (trencaimg) amb l’imatge

macedònia.jpg; trencaclosques de text ( trencatxt) amb una frase

per ordenar : cal menjar cinc fruites al dia ; 2 associacions simples:

associatext (nom i color ) i associaimatge (nom i imatge)

– Com organitzar-se per crear un projecte ?

NOM ACTIVITAT TEXT IMATGE

Trencaimg Macedònia

Trencatxt Cal menjar cinc fruites

al dia

Associatext Poma > verd

Platàn > groc

Mandarina > Taronja

Associaimg Poma Poma.jpg

Platàn Platàn.jpg

Mandarina Mandarina.jpg

– Cal gravar-ho a
GESTIÓ I TIC
14-12-2009
➢ Espai local : pendrive amb les imatges + fruites.jclic.zip + fruites.htm

➢ Espai web (blanquerna – blink) : copiem fruites.jclic.zip + fruites.htm

a l’espai web

➢ Bloc : citar al bloc , penjar el projecte i que funcioni.

PAS A PAS:

1. Obrim jclic > fixers nou projecte > li donem nom i el guardem on

volguem

2. Pantalla projecte (abaix de tot) interficie usuari (aspect general que

tindrà el nostre jclic.) i escollim una pell.

3. Cliquem pestanya mediateca (on hem de penjar totes les imatges que

volem fer servir per el projecte) icona afegir una imatge ( i surtiren

per defecte els fitxers i anem afegint les imatges.

4. I la pestanya activitats anirem muntant els petits jocs.

> Per crear-la hem de clicar a l’icone de nova activitat i seleccionar

quina activitat volem

4.1. Trencaclosques : “puzzle intercanvi” Primera pestanya opcions

seleccionem si volem ajuda o no … si volem contadors … etc. Segona

pestanya (Finestra) decidim posar tots dos fons de color blanc i li

diem que no posem vora. Missatges: inicial > fes el trencaclosques

podem tenir l’opció de posar un contingut actiu (on podem posar so , o

vídeo) > Cal canviar l’estil del missatge. I per últim cliquem la

pestanya Plafó ( a la dreta trobem imatge i estil)


GESTIÓ I TIC
14-12-2009
> Imatge , seleccionem la imatge macedònia.jpg, podem escollir el

nombre de peces seleccionant l’opció fileres i columnes i la forma

de retallat de l’imatge es pot canviar en l’opciò (encaixos d’unió

ovalada) o en l’opció retalls. Un cop escollit un estil cal donar al

botó provar (play) si no no funcionarà.

Cal guardar (desa) i li diem a que no esborri les imatges que no

hem fet servir.

4.2. Trencaclosques : “trencatxt” mantenim les mateixes opcions,

modifiquem la finestra de joc i li creem nous missatges un cop

al plafó:

➢ No tenim imatges , però hem de posar un estil comú, color de fons

blanc, color de text i gran tamany. Necessitem 6 celdes (1 filera i 6

col·lumnes) a cada celda hem d’escriure una paraula de la frase,

trobem que el text ens queda petit però podem ampliar l’amplada i la

llargada de cada celda, així que l’ajustem per tal de que es llegeixi

perfectement. I provem!!

1.2. Associacions simples: “associatxt” mantenim les mateixes

opcions i la mateixa finestra. Missatge d’inici (de quin color és

cada fruita) i de final ( fantàstic ).

➢ Plafò A adalt i Plafò B abaix (en distribució) i li posem un

estil conjunt fons blanc. Al plafò A posarem el nom poma , plàtan i

mandarina ( de color gris) i al plafò B en el mateix ordre hem

descriure verd, groc, taronja.


GESTIÓ I TIC
14-12-2009
➢ Al provar-ho en mode de joc hem de canviar el color d’estat

inactiu que és al plafó A o B en el botó estil

4.4Associacions simples : “Associaimg” mantenim les mateixes opcions

i la mateixa finestra. Missatge d’inici (relaciona la foto amb el nom

cada fruita) i de final ( perfecte ).

➢ Col·locació AB en el A van les imatges i el plafò B text 24 i negreta.

Cliquem en la primera celda i posem la imatge de la mandarina i

desprès ja organitzarem les grandàries . Les imatges de les fruites

han de ser de tamany 250x250 i el text li podem posar 200x250.

*Pestanya seqüències serveix per organitzar el projecte on es poden

anar passant les activitats depenent dels punts, de les edats…

FINALITZACIÓ :

Ara tenim un arxiu fruites.jclic.zip per tal d’obrir-lo hem de fer-ho

através del jclic autor > fitxers > obrir.

– Per construir el fruites.htm ? Anem a eines > crea una pàgina web i

l’hem de desar en la carpeta i canviar-li el nom i ja tenim creada la

pàgina web.

– Per pasar-los a un espai web? Primer obrim el blink , grups academics,

l’escola d’educació i cliquem a webs , i podem crear un web de grup


GESTIÓ I TIC
14-12-2009
com a administradors cal clicar a la carpeta de la dreta i grabar el

nostre fitxer. Primer hem de crear la nostre carpeta : MartaDL i hem

de pujar tots dos fruites.jclic.zip i fruites.htm.

– I per últim al bloc? Dins del blink , a dins de la nostra carpeta surten

els dos arxius i clicant l’enllaç el copiem al bloc i ja tenim el projecte

penjat.

JA HEM ACABAT !!!