Aspecte i posició de les finestres
Visualment, les activitats del JClic se situen en dues finestres:
- La finestra principal, que agrupa tots els elements i pot tenir diferents colors, textures o imatges de fons.
- La finestra de joc, que és la zona on es desenvolupa l'activitat. És on es mostra el contingut dels plafons, que poden ser un o dos segons el tipus d'activitat i poden estar situats a qualsevol lloc de la finestra principal.
Tant l'una com l'altra tenen unes característiques que es poden modificar des de la pestanya Finestra. Aquesta pestanya és igual sigui quin sigui el tipus d'activitat.
- Finestra principal
En una nova activitat les dues finestres són de color gris.
El programa permet canviar el gris de la finestra principal per:- un color de fons sòlid del qual es pot establir l'opacitat, és a dir, es pot fer que sigui més o menys transparent;
- un gradient, tot establint el color inicial i el final i les vegades que es vol que el gradient es repeteixi a la superfície que ocupi, així com la seva orientació;
- una imatge, que pot aparèixer centrada o en mosaic.
També es poden fer combinacions entre les diferents possibilitats, per exemple, una imatge centrada amb un color de fons diferent del gris o amb un gradient.
- Finestra de joc
La finestra de joc té més opcions de configuració que la principal.
Les característiques que es poden definir a la finestra de joc són:- El color de fons, bé per un color sòlid o bé per un gradient.
- Establir que sigui totalment transparent, deixant veure per complet el que té al darrere, és a dir, la finestra principal.
- Si ha de tenir o no una línia de vora al voltant.
- La mida del marge al voltant dels objectes.
- La posició, atès que la finestra de joc està centrada, per defecte, a la finestra principal. Aquesta posició centrada es pot canviar per una posició absoluta i determinar el lloc exacte on ha d'anar tot definint els valors de X i Y. Aquests valors es mesuren des de la cantonada superior esquerra de la finestra principal excepte en un cas especial: quan la finestra principal té una imatge que no està en mosaic. En aquest únic cas les coordenades es mesuren des de la cantonada superior esquerra de la imatge. Siguin quines siguin les mesures indicades en aquesta secció, el JClic sempre intentarà recol·locar la finestra de joc si cau fora de l'àrea de la finestra principal ni que sigui parcialment.
Canviar les propietats de les finestres
L'objectiu d'aquesta pràctica és modificar les propietats de les dues finestres, principal i de joc, d'una activitat.
Pràctica
Poseu en marxa el JClic Autor, aneu al menú Fitxers | Obre el fitxer i trieu el projecte modul1.jclic.zip que heu treballat a les pràctiques anteriors i que es troba a la carpeta C:\Archivos de programa\JClic\projects\modul1.
Confirmeu amb Obre.
Aneu a la pestanya Activitats. A la columna de l'esquerra hi ha el llistat de totes les activitats del projecte. Seleccioneu l'activitat info que heu creat a la pràctica anterior ja que en aquest projecte és l'única que hi ha.
És possible que la columna del llistat d'activitats sigui tan estreta que no permeti veure totalment els noms de les activitats. Per fer-la més ampla amb facilitat, col·loqueu el ratolí sobre el límit dret de la columna i, quan aparegui una doble fletxa, arrossegant, redimensioneu-la a l'amplada desitjada.
Feu clic sobre la pestanya Finestra. Hi trobareu les finestres tal com les crea el programa per defecte, és a dir, de color gris i amb la finestra de joc centrada a la finestra principal.
A l'espai central, Vista preliminar, teniu una visió prèvia de com és ara la finestra i com anirà quedant a mesura que feu les modificacions.
A la part inferior hi ha dos apartats: Finestra principal i Finestra de joc, amb les eines per modificar-les.
Comenceu modificant l'aspecte de la finestra principal, que és la que conté tots els elements de l'activitat. Modificant la finestra principal, modificareu el fons de l'activitat. Proveu les diferents opcions que teniu per a la finestra principal.
Feu clic al botó Color de fons. S'obrirà una finestra amb quatre pestanyes. Les tres primeres són per seleccionar el color. Cada pestanya correspon a una manera diferent de fer-ho: Swatches, HSB i RGB.
Totes tres us mostren, a la part inferior, com és el color que trieu en contrast amb el color negre, blanc, gris i amb text.
Podeu fer servir la que us sigui més pràctica en cada cas.
La pestanya Swatches us permet triar un dels colors que teniu a la paleta de colors, les altres dues us permeten ajustar aquest.
Amb la pestanya HSB us podeu desplaçar amb la barra vertical per triar un color bàsic i després el podeu aclarir o enfosquir movent amb el ratolí la rodoneta que hi ha dins el quadre de l'esquerra.
La pestanya RGB us permet determinar la proporció de vermell, verd i blau amb què es formarà el color, bé desplaçant les fletxes a dreta i esquerra o bé introduint els números de cada color per obtenir-ne una tonalitat exacta.
Feu proves amb les diferents modalitats.
La quarta pestanya de la finestra de selecció de color us permet determinar l'Opacitat del color que heu triat.
Si moveu la fletxa cap a l'esquerra el color s'anirà fent més transparent, l'opacitat serà menor com més petit sigui el número que indica la fletxa i la casella Opacitat.
La vista prèvia de la part inferior de la finestra també us permet apreciar quin serà l'efecte produït.
La finestra principal pot tenir un color sòlid o es pot omplir amb un gradient de color.
Feu clic sobre el botó Gradient de la finestra principal. La finestra Gradient que s'obre us permet triar el color inicial i el final, els cicles i l'orientació.
Per escollir els colors feu clic primer al botó de Color inicial, trieu el color desitjat i confirmeu amb OK. Després feu el mateix amb el Color final.
El valor Cicle us indica el nombre de vegades que es repeteix el gradient sobre la superfície a omplir.
Feu proves amb diferents valors. Per canviar aquest valor moveu la fletxa de la dreta. L'efecte es veu al quadre de mostra que hi ha a l'esquerra. Si voleu un valor exacte que ja coneixeu el podeu escriure amb el teclat seleccionant prèviament el número de la casella.
El valor Orientació indica l'orientació del gradient, mesurada en graus sobre l'horitzontal. Talment com el valor anterior, es canvia amb la fletxa que té al costat o bé escrivint el número amb el teclat; de la mateixa manera es pot veure l'efecte al quadre de mostra. Feu proves amb aquest valor.
Després de fer diferents proves deixeu els valors de la finestra principal com indica la imatge:
Feu servir la pestanya RGB per triar els colors.
Els valors dels colors del gradient són: Color inicial: 102,101,255 Color final: 153,153,255 Aquests valors són els números que apareixen sobre els colors de la paleta de la pestanya Swatches de la finestra Selecció de color, quan passeu el ratolí per sobre, i també els valors del color a la pestanya RGB.
Una altra opció per modificar l'aspecte de la finestra principal és posar una imatge com a fons.
Es fa des del botó Imatge, seleccioneu la imatge desitjada, que ha d'estar a la mediateca, i si en comptes de centrada la voleu fent un mosaic que ompli tot el fons de la finestra principal, marqueu la casella Mosaic. Ho fareu en pràctiques posteriors.
Comproveu el funcionament de l'activitat a la finestra de proves amb el botó per veure com queden les modificacions que heu fet.
Tanqueu la finestra de proves per poder seguir treballant amb el JClic Autor.
Ara modificareu la finestra de joc canviant el color del fons, la posició i el marge.
La finestra de joc, com la principal, pot omplir-se amb un color sòlid o amb un gradient, però a diferència d'aquesta no es pot omplir amb una imatge.
Feu clic sobre el botó Color de fons de la finestra de joc i trieu el color que té com a valor RGB: 204,255,102. Confirmeu amb OK.
Comproveu de nou el funcionament de l'activitat a la finestra de proves amb el botó .
Tanqueu la finestra de proves i torneu al JClic Autor.
Torneu a les propietats de la finestra de joc i comproveu que hi ha marcada l'opció Centrada.
Seguint amb les propietats de la finestra de joc, modifiqueu el valor del Marge a 26, i comproveu que estigui marcada l'opció Vora
Comproveu el funcionament de l'activitat a la finestra de proves amb el botó .
Aquest és l'aspecte que han de tenir les finestres de l'activitat:
Tanqueu la finestra de proves i deseu el projecte amb el menú Fitxers | Anomena i desa… seleccioneu modul1.jclic.zip i confirmeu amb Desa. Torneu a confirmar amb Sí, quan us demani si voleu reemplaçar el fitxer.
Els missatges
Les activitats JClic poden contenir tres tipus de missatges:
- un missatge inicial, que apareix quan comença l'activitat i sovint informa del que s'ha de fer;
- un missatge final, que es mostra només quan s'ha resolt l'activitat, i
- un missatge d'error, que pot aparèixer en les activitats que tenen limitats el temps o el nombre d'intents.
Aquests missatges poden contenir text, imatges, so, animacions, o bé una combinació d'aquests recursos.
Des de la pestanya Missatges de l'activitat, que és igual per a tots els tipus d'activitats, s'estableix quins missatges han d'aparèixer i quin contingut han de tenir.
Per editar un missatge primer s'ha d'activar marcant quins missatges ha de contenir l'activitat.
Un cop activats, l'espai de cada un dels missatges es comporta com una casella i clicant damunt seu s'obre la finestra de Contingut de la casella, des d'on s'estableix el contingut corresponent.
Aquesta finestra és la que apareix quan es clica a sobre de qualsevol casella, tant dels missatges com dels plafons, i conté les eines per introduir text i determinar el seu estil (tipus de lletra, color, mida, ombra,…), triar una imatge, establir un color o gradient de fons o determinar-ne un contingut actiu.
Posar missatges a una activitat
L'objectiu d'aquesta pràctica és crear i configurar els missatges d'una activitat.
Pràctica
Poseu en marxa el JClic Autor, aneu al menú Fitxers | Obre el fitxer i trieu el projecte modul1.jclic.zip que es troba a C:\Archivos de programa\JClic\projects\modul1.
Confirmeu amb Obre.
Aneu a la pestanya Activitats i a la columna de l'esquerra seleccioneu l'activitat Info.
Feu clic sobre la pestanya Missatges.
En aquesta pestanya hi ha l'espai per als tres tipus de missatges que pot tenir una activitat. En aquesta pràctica només posareu el missatge inicial de l'activitat, però el procediment és el mateix per a tots tres.
Marqueu la casella de Missatge inicial.
Feu clic sobre l'espai gris inferior que, en marcar la casella, s'ha tornat d'un gris més clar.
A la finestra de Contingut de la casella, podeu inserir el contingut del missatge que pot ser un text, una imatge, un contingut actiu o bé una combinació dels anteriors.
Escriviu el text del missatge a la casella text: Pràctiques del Mòdul 1, i feu clic sobre el botó . S'obre la finestra Estil.
Des d'aquesta finestra doneu format al missatge. Proveu diferents posibilitats, confirmant amb D'acord per veure el resultat.
Finalment configureu l'estil del missatge de la següent manera:
- Canvieu el format del text des de Tipus, Mida i Color del text.
- Marqueu la casella Ombra i establiu-ne el color des de Color de l'ombra.
- Canvieu el Color de fons de la casella.
Quan els valors de la finestra Estil siguin com els de la imatge, confirmeu amb D'acord.
De nou a la finestra Contingut de casella, feu clic al botó . Seleccioneu el fitxer curs2.gif del llistat d'imatges de la mediateca i confirmeu l'operació.
Fixeu-vos que tant la imatge com el text queden centrats i per tant se superposen. Per evitar-ho torneu a clicar sobre la casella del missatge i marqueu l'opció Evita la superposició imatge/text. Confirmeu amb D'acord. Ara només queda situar la imatge i el text. Feu servir els botons amb fletxes corresponents al text i a la imatge per situar el text centrat i la imatge a la dreta.
Proveu el funcionament de l'activitat a la finestra de proves amb el botó .
Un cop acabada l'activitat ha de quedar com el model:
Tanqueu la finestra de proves i deseu el projecte.