Elaboració d’activitats amb el...

Materials de Formació

Elaboració d’activitats amb el

Jclic

Mòdul V

Materials adaptats per: Juan Martínez González

Manuel Rivera Ruiz

Juny de 2007

Elaboració d’activitats amb el Jclic Basat en els materials del curs "Creació d'activitats educatives amb JClic" de Dina Abizanda, Tona Castell i Francesc Busquets, editat pel Departament d'Educació de la Generalitat de Catalunya. Servei de Formació Permanent del Professorat Direcció General d’Ordenació, Innovació i Formació del Professorat Conselleria d’Educació i Cultura Juny de 2007

Introducció Fins ara heu treballat en el disseny i creació de les activitats a partir dels seus ingredients bàsics: imatges, texts, sons, animacions... En aquest darrer mòdul del curs veureu altres coses importants en el procés de creació i edició d'un projecte JClic: la definició de seqüències, el sistema d'informes i diverses tècniques que ens poden servir per publicar i donar difusió al nostre treball. L’activitat final d’aquest mòdul que també ho és del curs, consisteix en elaborar un projecte sobre una localitat de les Illes Balears, segons un model. Recordau que cal llegir els textos abans de començar a fer les activitats.

Índex de continguts 1. Les seqüències d'activitats ......................................................................................1

1.1. Activitat d’introducció 1 ..............................................................................4 1.2. Activitat d’introducció 2 ..............................................................................6

2. El servidor d'informes...............................................................................................8 3. L'applet JClic ..........................................................................................................10

3.1. Activitat d’introducció 3 ............................................................................12 4. Instal·ladors de projectes Jclic ..............................................................................16

4.1. Activitat d’introducció 4 ............................................................................17 5. Importar activitats del Clic 3.0 a JClic ...................................................................20

5.1. Activitat d’introducció 5 ............................................................................20 6. El web zonaClic .......................................................................................................22

6.1. Activitat opcional 6 ....................................................................................24 6.2. Activitat d’entrega obligada 1 ...................................................................27

CONVENCIONS Els símbols utilitzats en aquest text són:

Activitats d'introducció Activitats completament guiades amb exposició gradual de continguts, que permetin assegurar els continguts mínims de la programació del mòdul de formació.

Activitats de consolidació i reforç: Aquestes activitats presenten una dificultat un poc superior ja que no són tan guiades i permetran un millor domini dels temes estudiats.

Activitats de lliurament obligat Les activitats que venen marcades per aquesta icona s'hauran d'enviar obligatòriament a la tutoria per tal de poder superar el curs de formació.

Activitats opcionals Activitats d'ampliació de coneixements que permeti aprofundir en la temàtica tractada. No són obligatòries i no s’han de fer si es veu que hi haurà dificultat per seguir el ritme aconsellat per al curs.

Recomanacions o comentaris Recomanacions o comentaris que permetran una millor realització de les activitats encomanades

Ajuda Per algunes activitats, si la seva resolució presenta problemes, es podrà consultar l'ajuda que donarà pistes per facilitar la seva realització.

Recursos addicionals Per poder ampliar els coneixements, es posa a la disposició dels alumnes una documentació complementària de consulta o d'ampliació.

________________ _ __Elaboració d'activitats amb el Jclic. Mòdul 5__ _ _____________ 1. Les seqüències d'activitats Les seqüències dels projectes JClic són llistes on s'especifica l'ordre en què s'hauran de mostrar les activitats als alumnes, i la funció que en cada moment tindran els botons d'avançar i retrocedir. És important dissenyar amb cura la seqüenciació de les activitats, intentant acompassar el ritme de dificultat dels exercicis i combinant elements expositius amb d’altres purament avaluatius, donant coherència al conjunt. El pas d'un punt a un altre de la seqüència es pot fer de tres maneres:

• Automàticament, transcorregut un cert temps des de l'acabament d'una activitat.

• Fent clic en alguna casella que tingui com a contingut actiu l'acció de saltar a un determinat punt de la seqüència. Aquesta tècnica es fa servir especialment en activitats que fan de menú dels projectes formats per diverses seccions.

• A voluntat de l'alumne, fent clic als botons del JClic que permeten avançar i retrocedir.

L'aspecte i la posició dels botons d'avançar i retrocedir pot variar segons quin sigui l'entorn visual (la pell) d'usuari que haguem seleccionat:

Un altre botó important del JClic és el que permet reiniciar l'activitat en qualsevol moment:

Les accions efectuades per aquests botons es poden invocar també des del menú Activitat del JClic, i amb les combinacions de tecles Ctrl+Dreta - Ctrl+Esquerra (fletxes) i Ctrl+Retorn (reinicia). Creació d'una seqüència d'activitats Les seqüències d'activitats es configuren des de la pestanya Seqüències:

Després de crear algunes activitats, en aquesta pestanya podeu veure com estan distribuïdes seqüencialment. Vegeu l'exemple del projecte del mòdul 4:

Materials adaptats per: Juan Martínez González i Manuel Rivera Ruiz 1

________________ _ __Elaboració d'activitats amb el Jclic. Mòdul 5__ _ _____________ Els elements d'aquesta llista es poden canviar d'ordre, copiar, esborrar..., mitjançant els botons de la barra d'eines:

El comportament dels botons d'avançar i retrocedir es configura, per a cada element de la llista, al plafó d'opcions que hi ha a la dreta:

En una seqüència es poden marcar determinats elements amb una "etiqueta". Les etiquetes són com punts de llibre que ens poden servir per definir salts d'un lloc a un altre. Per exemple, en un paquet de coneixement del medi podríem posar l'etiqueta "social" al punt de la seqüència on apareix la primera activitat de medi social, una altre etiqueta amb el text "natural" a la primera activitat de medi natural i una tercera etiqueta "inici" al primer punt de la seqüència. Això ens servirà per programar salts des de les caselles de la pantalla menú inicial al punt de la seqüència on comencen les activitats de cada tipus, i configurar el funcionament de les fletxes d'avançar i retrocedir per tal que tornin al menú inicial en acabar cada sèrie. Anem a veure-ho: Primer preparem les activitats i creem una seqüència on hi apareguin totes. Els botons de la barra d'eines ens serviran per afegir, treure i modificar l'ordre dels elements de la llista:


________________ _ __Elaboració d'activitats amb el Jclic. Mòdul 5__ _ _____________ A continuació definim etiquetes als punts singulars de la seqüència. Per posar una etiqueta només cal seleccionar l'element i escriure-la al control de text de la dreta:

El pas següent serà ajustar el funcionament de les fletxes d'avançar i retrocedir. Les accions possibles són: Avançar (o retrocedir), Aturar-se (el botó queda inactiu), Saltar a una etiqueta, Tornar al lloc on es va fer el darrer salt, o Sortir del JClic:

En el nostre cas haurem de fer les següents modificacions:

Botó d'avançar (fletxa endavant): • El desactivem a "Menú d'opcions". En aquesta activitat cal seleccionar

obligatòriament una opció, no té sentit continuar avançant amb el botó de fletxa endavant.

• A les darreres activitats dels blocs de medi social i medi natural li assignem la funció "Tornar". Això provocarà el retorn a l'activitat "Menú d'opcions". També podríem assignar-li la funció "Saltar a..." apuntant a l'etiqueta "inici", però sempre és millor fer servir ordres genèriques (com Tornar) en comptes d'indicacions absolutes, ja que així donem més flexibilitat als projectes.


________________ _ __Elaboració d'activitats amb el Jclic. Mòdul 5__ _ _____________ Botó de retrocedir (fletxa enrere): • El desactivem al primer punt de la seqüència, ja que no té sentit anar enrere. Si el

deixéssim sense desactivar el JClic faria un enllaç circular, saltant a la darrera activitat de la llista (Fauna).

• El desactivem també al primer element del bloc de medi social (Història 1) i de medi natural (Entorn natural), i així evitem que es pugui passar d'un bloc a un altre amb la fletxa de retrocedir.

Observau que el JClic Autor dibuixa unes línies vermelles per delimitar cada bloc dins la seqüència. El JClic permet també l'ús de salts condicionals, que són bifurcacions on el camí a seguir es decideix en base als resultats i al temps emprat per l'alumne en la realització de les activitats. Amb els salts condicionals es poden preparar paquets d'exercicis on es vagi augmentant o disminuint el grau de dificultat en funció del percentatge d'encerts i d'errades comeses per cada alumne en la realització de les activitats. 1.1. Activitat d’introducció 1

Edició de la seqüència d'activitats d'un projecte (I) En aquesta primera pràctica fareu una seqüència d'activitats bàsica. Ho realitzareu a partir del projecte mòdul 4.

Des del JClic Autor, obriu el projecte mòdul 4 (modul4.jclic.zip). Col·loqueu-vos a

la pestanya Seqüències Us apareixerà una llista amb les activitats que heu creat en aquest mòdul.

En el primer que us heu de fixar és en l'ordre de les activitats. Heu de desplaçar les diferents activitats fins a trobar l'ordre desitjat. Ja sabeu que aquest és un punt decisiu per tal que l'execució del projecte sigui un èxit com a activitat d'aprenentatge.

Us ajuda en aquesta tasca el nom de l'activitat que, en poques paraules, us dóna la informació necessària per saber de quina activitat elaborada es tracta.

Clicau damunt del nom d'una activitat i amb les fletxes de desplaçament

col·loqueu-la on creieu oportú (naturalment és una seqüència de prova i no importa veritablement quin serà l'ordre final).

Tal com s'ha explicat al punt anterior, els botons d'avançar i retrocedir (fletxes) del JClic poden fer coses diferents. En cada punt de la seqüència d'activitats es poden assignar accions específiques a cada botó. Les accions possibles són:

Avançar o retrocedir. Passar a l'activitat següent o anterior, segons el cas. Són les accions per defecte dels botons.


________________ _ __Elaboració d'activitats amb el Jclic. Mòdul 5__ _ _____________

Saltar. Acció d'anar a un determinat punt de la seqüència, definit per una etiqueta. També es poden fer salts d'un projecte a un altre.

Aturar-se. El botó que té assignada aquesta acció es mostra inactiu.

Tornar. Si s'ha fet algun salt es torna al punt on s'havia efectuat. Si encara no s'ha fet cap salt el botó es mostra desactivat. Aquesta acció s'acostuma a col·locar al final de les seqüències, per facilitar el retorn al punt de partida.

Sortir. Si el projecte s'està veient al JClic es tanca l'aplicació. Si està corrent en un applet es redirigeix la navegació cap a la pàgina que s'indiqui.

Provau a marcar alguns punts de la seqüència amb etiquetes (hi podeu posar el text que vulgueu). Després definiu accions de saltar, d'aturar-se, de tornar...

Comprovau amb el botó l'efecte que tenen aquests canvis a la finestra de proves.

Quan acabeu de fer proves deixau la seqüència tal com es mostra en aquesta imatge:

Observau que els únics canvis efectuats són:

1. Desactivar el botó de retrocés a la primera activitat, ja que no té sentit anar enrere des d'aquí.

2. Col·locar una acció "Tornar" al botó d'avanç de la darrera activitat. En condicions normals això farà que no es pugui passar d'aquí, però si resulta que veníem d'un altre projecte tornarem al lloc d'on havíem sortit.

3. Introduir una etiqueta "Inici" a la primera activitat. No és imprescindible, però ens pot ajudar a definir salts si més endavant volem que aquest projecte s'integri en un altre més gran.

Quan acabeu, provau de nou el funcionament de les seqüències i desau el projecte amb el seu nom: modul4.jclic.zip

Seguint el model que acabau de realitzar, arreglau les seqüències del mòdul 1, el mòdul 2 i el mòdul 3. L'ordre de les activitats pot ser el que vosaltres vulgueu, però cal que introduïu en tots ells els tres canvis que acabem de veure.


________________ _ __Elaboració d'activitats amb el Jclic. Mòdul 5__ _ _____________ 1.2. Activitat d’introducció 2

Edició de la seqüència d'activitats d'un projecte (II) En aquesta pràctica realitzareu una seqüència utilitzant una estructura més complexa d'enllaç entre les activitats. El coneixement d'aquesta estructura permet vincular projectes entre si.

Al text que heu llegit abans de començar les pràctiques, s'explicava com realitzar salts d'un punt a un altre dins la seqüència d'un mateix projecte; i com aprofitar aquesta funcionalitat per construir un sistema de menús que duguin a les diferents seccions d'un projecte llarg.

Ara farem quelcom semblant, però enllaçant projectes diferents. Es tracta de fer un projecte que faci de llançadora dels altres quatre que ja teniu fets.

Amb el JClic Autor creau un nou projecte. Aquesta vegada anomenau-lo: Mòduls

Es crearà a la carpeta C:\Archivos de programa\JClic\projects\moduls

En aquest projecte heu de crear dues activitats:

• La primera activitat ha de ser del tipus Pantalla d'informació. Posau-li el nom Portada i feu-hi aparèixer una única casella gran que digui "Pràctiques del curs de JClic". Donau-li l'estil que us sembli més adient.

• La segona activitat ha de ser també una Pantalla d'informació. El nom podria ser Menú, i ha de tenir quatre caselles amb els textos "Mòdul 1", "Mòdul 2", "Mòdul 3" i "Mòdul 4". Donau-li un estil semblant a l'anterior.

Un cop creades les activitats anau a la pestanya de seqüències i afegiu-hi dos elements amb el botó Nou element de seqüència . Un amb l'activitat Portada i l'altre amb Menú.

Apliqueu-hi les tres modificacions que hem vist a la pràctica anterior. Hauria de quedar així:

Enregistrau el projecte amb el nom moduls.jclic.zip i provau el seu funcionament. De moment les caselles de la segona activitat encara no fan res.

Ara haureu de copiar a la carpeta "moduls" els fitxers .jclic.zip de les pràctiques dels altres mòduls. Obriu un explorador de fitxers, busqueu la carpeta C:\Archivos de programa\JClic\projects\modul1, marqueu el fitxer modul1.jclic.zip, feu Edita|Copia, anau a la carpeta veïna moduls i feu Edita|Enganxa. Repetiu el procés amb els altres tres mòduls.



Tornau al JClic Autor i al projecte moduls.jclic.zip. Ara caldrà definir els salts des de les caselles de l'activitat Menú a cada un dels projectes dels mòduls.

Feu clic a la primera casella, on diu "Mòdul 1" i al diàleg d'edició feu clic al botó Contingut actiu. En la finestra de diàleg Contingut actiu i multimèdia seleccionau l'opció Ves a la seqüència i escriviu Inici al camp Seqüència i modul1.jclic.zip al camp Projecte.

Hauria de quedar així:

Feu el mateix amb les altres tres caselles, enllaçant-les amb els projectes corresponents al seu mòdul.

Quan hagueu acabat enregistrau de nou el projecte moduls.jclic.zip i comprovau el seu funcionament a la finestra de proves. Observau que quan feu clic damunt qualsevol casella de l'activitat Menú apareix un advertiment com aquest:

Això és perquè estau treballant amb el visualitzador dins d'un projecte, i aquesta acció remet a un altre projecte. Per comprovar realment el seu funcionament heu de tancar el JClic Autor, obrir el JClic, anar a Fitxers|Obre el fitxer i buscar a la carpeta moduls el fitxer moduls.jclic.zip. Ara sí: comprovau que els enllaços funcionin. Si ho heu fet bé, en acabar les activitats de cada projecte hauríeu de tornar automàticament a l'activitat Menú. Això és degut a que en aquest punt de la seqüència heu indicat que el botó d'avançar ha d'obeir l'ordre "Tornar" .


________________ _ __Elaboració d'activitats amb el Jclic. Mòdul 5__ _ _____________ 2. El sistema d'informes Els informes del JClic permeten fer un seguiment detallat dels resultats obtinguts pels alumnes en la realització de les activitats. Per visualitzar-los només cal prémer el botó que emmarca el nom JClic, i que segons l'entorn visual que feu servir pot tenir diferents aspectes:

També podeu accedir-hi des del menú Activitats:

El que apareix és el següent:


________________ _ __Elaboració d'activitats amb el Jclic. Mòdul 5__ _ _____________ Aquest sistema d'informes dóna la informació sobre la sessió actual, és a dir, el projecte que l'alumne està resolent en aquells moment. Quan es tanca, és perd aquesta informació. En la impressió de pantalla teniu els ítems que controla. En aquest mateix informe es mostra informació sobre el resultat de cada una de les activitats, agrupades per blocs de seqüència:

Aquests resultats es poden emmagatzemar i acumular en una base de dades, a partir de la qual es pot obtenir informació estadística sobre l'evolució d'un alumne o un grup d'alumnes davant un conjunt d'exercicis i al llarg del temps. El mòdul que serveix per enregistrar aquesta informació en una base de dades s'anomena JClic reports. Per poder instal·lar i fer servir aquest sistema d’informes és requisit obligatori tenir permisos d’administrador de xarxa en aquells centres adscrits al projecte educ@ib. Des del servei de Noves Tecnologies preparen un document tècnic per facilitar la instal·lació en aquestes xarxes. En qualsevol cas, aquest tema va més enllà dels objectius d’aquests curs, encara que, a títol informatiu, podem assenyalar que existeixen al racó del Jclic documents tècnics específics per a aquest tema. Podeu fer una ullada a l’adreça http://clic.xtec.net/es/documents/jclic_xarxa.htm


http://clic.xtec.net/es/documents/jclic_xarxa.htm

________________ _ __Elaboració d'activitats amb el Jclic. Mòdul 5__ _ _____________ 3. L'applet JClic Un applet és una aplicació interactiva inserida en una pàgina web, que es pot mostrar en qualsevol navegador que suporti Java. Quan obriu una pàgina web que conté un projecte JClic estau iniciant un applet. L'applet fa la mateixa feina que el JClic: carrega les dades del projecte, mostra les seqüències d'activitats a l'alumne i en comprova la realització. El JClic Autor permet crear automàticament una pàgina web que, en carregar-se, mostri un applet amb el projecte que estau editant. La principal diferència entre el JClic i l'applet JClic és que en el primer cas les aplicacions es descarreguen i es guarden a una unitat local d'emmagatzematge (que es pot compartir en xarxa), mentre que l'applet està dissenyat per a funcionar sobre internet, sense guardar res al disc. Hi ha dues maneres d'inserir un applet en una pàgina web: fent que ocupi tot l'espai disponible, o especificant unes dimensions d'amplada i alçada. En el primer cas la mida final de l'applet dependrà de la que tengui la finestra del navegador en cada moment. En el segon cas l'applet pot conviure amb altres continguts (text, imatges...) a la mateixa pàgina. Per crear una pàgina web des del JClic Autor anau al menú Eines | Crea una pàgina web, que mostra una finestra de diàleg com aquesta:

Observau les dues opcions: fer que l'applet ocupi tota la pàgina, o crear-lo amb unes dimensions fixes. En el segon cas hi ha també la possibilitat d'indicar el color de fons, l'alineament, i dos blocs de text opcionals que es mostraran a sobre i a sota de l'applet. Un cop creada la pàgina el JClic Autor us demanarà si voleu obrir-la. En cas afirmatiu s'obrirà el navegador d'Internet, des d'on podreu veure com ha quedat.


________________ _ __Elaboració d'activitats amb el Jclic. Mòdul 5__ _ _____________ Aquesta pàgina web es crea a la mateixa carpeta del projecte i, per tant, només és accessible des del vostre ordinador. Si voleu que la pàgina es pugui veure des de qualsevol ordinador connectat a Internet us caldrà publicar-la. Per publicar una pàgina web us caldran dues coses: a) Un espai en un servidor web

Si el vostre centre no disposa d’un espai web propi, teniu vàries opcions si és que voleu publicar la vostra pàgina: Allotjar-la a un dels molts espais gratuïts que es poden trobar. La vostra pròpia

connexió a Internet és ben probable que us ofereixi un espai per penjar la vostra web.

Hi ha molts servidors que ofereixen allotjament gratuït encara que solen tenir un excés de publicitat en les pàgines que allotgen.

Si el treball assoleix una bona qualitat sempre es podria penjar al nostre Weib La pàgina principal del jclic també accepta les col·laboracions sota les següents

condicions que reproduïm directament:

La zonaClic va creixent dia a dia gràcies a la col·laboració desinteressada dels educadors/es que hi enviau els vostres materials. Si heu creat un paquet d'activitats o un projecte JClic i us agradaria incloure'l a la web enviau-lo a [email protected]

Convé que enviau tots els materials comprimits en format ZIP, i que indiqueu al missatge aquesta informació:

• Títol del projecte o paquet d'activitats

• Nivell educatiu i àrea al què va adreçat

• Nom dels autors/es, adreça de correu electrònic, centre educatiu i localitat

• Una breu descripció del contingut de les activitats, per incloure-la a la pàgina web

• Les condicions d'ús que voleu donar al vostre treball. L'opció recomanada és la llicència Creative Commons del tipus Reconeixement - No Comercial - Compartir Igual, que es proposa com a estàndard per a tots els materials de la zonaClic. Si desitgeu emprar algun altre tipus de llicència indiqueu-ho al missatge.

Si el fitxer ZIP ocupa més d'1,4 Mb cal dividir-lo en fragments utilitzant el programa "tisores" i enviar cada tros en un missatge independent, ja que el nostre servidor de correu no admet missatges que superin aquesta mida. Una altra possibilitat, si teniu algun espai web personal o de centre, és deixar-hi el fitxer i indicar-nos en el missatge l'adreça des d'on es pot descarregar.

Els materials gràfics, textuals o sonors utilitzats en els paquets d'activitats han de ser de lliure distribució o comptar amb l'autorització del propietari del copyright.


http://www.weib.caib.es/

mailto:[email protected]

http://clic.xtec.cat/ca/act/cc.htm

http://creativecommons.org/licenses/by-nc-sa/2.0/es/

http://creativecommons.org/licenses/by-nc-sa/2.0/es/

http://clic.xtec.cat/ca/eines/utilitats.htm


En tot cas, si utilitzau materials provinents d'alguna publicació cal esmentar-ne l'origen a la pantalla inicial del paquet d'activitats i a la descripció.

Hi ha la intenció d'editar periòdicament una recopilació en CD-ROM o DVD-ROM de les aplicacions publicades a la "zonaClic". Aquest CD s'enviarà directament als autors de les activitats, i s'oferirà als centres educatius que ho sol·licitin. Es reservaran uns quants exemplars que altres persones interessades podran adquirir a preu de cost a les llibreries de la Generalitat de Catalunya.

Moltes gràcies per la vostra participació!

b) Un programa de transferència de fitxers

Per transferir els fitxers serà necessari un programa d’FTP. Alguns programes editor de pàgines web ja hi duen incorporat com és el cas de l’NVU. També els editors comercials tipus Dreamweaver incorporen aquesta funció. En tot cas, sempre es poden utilitzar programes com el LeechFtp que, a més, té la seva interfície en català. Per publicar la pàgina haureu de transferir al vostre espai web el fitxer de projecte JClic (xxx.jclic.zip) i el document html (xxx.html). Es recomana crear al servidor una carpeta per a cada projecte, igual que feu al vostre ordinador, per tal de no barrejar els fitxers. A partir d'aquí, qualsevol que en conegui l'adreça podrà obrir la pàgina i realitzar les activitats que contengui. 3.1. Activitat d’introducció 3

Crear una pàgina web amb un applet JClic

Finalitzades les seqüències d'activitats JClic, en aquesta pràctica fareu una pàgina web (en format HTM) que tindrà incrustat un applet JClic amb una de les seqüències que heu realitzat.

Obriu amb el JClic Autor el fitxer moduls.jclic.zip que heu creat a la pràctica anterior.

Anau de la barra de menús a Eines | Crea una pàgina web. S'activa el quadre de diàleg:



Tal com s'explica al punt 2 d’aquest tutorial, hi ha dues maneres d'inserir els applets (miniaplicacions) en una pàgina web: fent que ocupin tot l'espai de la finestra o donant-los unes dimensions específiques (amplada i alçada). En el primer cas no cal indicar res més, ja que l'applet ocuparà tota la pàgina web sense deixar cap espai lliure. En canvi, en el segon cas podeu especificar el color de fons, l'alineament i el text que voleu que aparegui per damunt i per davall de l'applet.

En tot cas, per tal que la pàgina web funcioni, se li ha de proporcionar la ubicació dels arxius *.jar i *.js que fan funcionar tots els projectes. Per defecte, quan obrim el menú Eines | Configuració, pestanya Applet, els valors que agafa la pàgina per defecte és http://clic.xtec.es/dist/jclic:

Això fa que sigui necessari connectar a Internet per què funcioni la pàgina ja que els arxius jar i js es troben a la ubicació del XTEC.

Si heu de fer funcionar el vostre treball a un ordinador que sempre estigui connectat no cal que canvieu aquesta configuració, però si ha de funcionar com a pàgina web en un ordinador sense connexió, és obligatori que el programa trobi els arxius necessaris al mateix ordinador.

A la carpeta materials d’aquest curs teniu una carpeta anomenada arxius_codi. No és recomanable manipular els arxius que estan al seu interior. Aquesta carpeta heu de col·locar-la (copiar i pegar) dins el mateix directori i al mateix nivell



d’on teniu el projecte que voleu convertir en web.

A la il·lustració podeu veure la distribució de l’arbre. Dins la carpeta projectes que és on hem col·locat totes les nostres feines de JClic trobam també la carpeta arxius_codi que hem ressaltat.

Hem creat una pàgina web a la qual hem anomenat index. Aquest nom és el que per defecte suggereix el Jclic Autor, però abans hem configurat (eines configuració applet) tal com es pot veure a la il·lustració de l’esquerra, l’adreça on ha d’apuntar el codi que quedarà inserir a la pàgina web.

Allà on posa Ubicació del codi JClic heu de canviar la ubicació per defecte per la que trobau escrita a la imatge anterior: ../arxius_codi. Quan canvieu l’opció quedarà per defecte amb el nou valor i, per tant, és recomanable revisar-la sempre que canvieu de projecte.

Tornant a la pràctica (amb l'opció ), anomenau-la, per exemple: Activitats creades en el curs JClic. Aquest títol apareixerà a la part superior de la finestra del navegador quan visiteu la pàgina web. Per tant, cercau-



hi un títol que no sigui excessivament llarg.

Un cop escrit el títol, acceptau. A la següent finestra emergent heu d'indicar el nom del fitxer i la seva situació. Fixau-vos que es guardarà un fitxer HTM. És la pàgina web que té inserit l'applet del JClic. Per defecte es proposa el nom index.htm

Desau el fitxer HTM dins de la carpeta corresponent, tenint en compte les explicacions anteriors. Acceptau. Ja teniu creada al vostre ordinador la pàgina web amb l'applet incrustat. Tot seguit el JClic Autor us demana:

Comprovau que en obrir-se la pàgina podeu estirar-la o encongir-la com vulgueu i que sempre ocupa tota la finestra. Si contestau que no, podeu tenir la seguretat que la pàgina web creada conté l'applet JClic.

Quan teniu feta la pàgina web que conté l'applet, ja podeu penjar-la a Internet. Per fer-ho és imprescindible tenir un espai web on poder col·locar aquesta pàgina. Per poder fer-ho heu de traspassar el directori complet.

Fixau-vos que, per defecte, el nom que dóna el programa per la pàgina web que conté l'applet és el mateix que té normalment la pàgina d'inici d'un lloc web (index). Podeu canviar el nom i posar un nom curt, en minúscules i sense espais.


________________ _ __Elaboració d'activitats amb el Jclic. Mòdul 5__ _ _____________ 4. Instal·ladors de projectes Jclic El JClic Autor permet crear uns fitxers especials que serviran per instal·lar el projectes JClic a les biblioteques d'altres ordinadors. Aquests fitxers porten al seu nom la doble extensió .jclic.inst., i per fer-los funcionar cal que vagin acompanyats del fitxer principal del projecte, que com ja sabeu porta l'extensió .jclic.zip Quan s'instal·la un nou projecte des del mòdul d'alumnes del JClic (el JClic Player) es segueix aquest procés:

1. Es presenta a l'usuari el títol del projecte, el nom dels autors/es i el lloc des d'on es descarregaran els fitxers.

2. Es crea una carpeta nova a l'ordinador de l'usuari. 3. Es copien en aquesta carpeta els fitxers del projecte (xxx.jclic.zip), i

opcionalment altres fitxers que siguin necessaris. 4. Es crea un nou botó d'activació a la biblioteca, que servirà per engegar el

projecte que s'acaba d'instal·lar. El fitxer d'instal·lació és només un guió que indica al JClic com s'han d'efectuar aquestes quatre operacions. En el guió hi han de constar el títol del projecte, el nom dels autors, el nom de la carpeta, la llista de fitxers que es copiaran i el títol i aparença del botó d'activació. En el JClic Autor, el menú Eines|Crea un instal·lador del projecte... obre la finestra de diàleg Edició del fitxer d'instal·lació, on es poden configurar totes aquestes variables:

A la llista Fitxers a copiar només cal que hi aparegui el fitxer principal del projecte (el que porta l'extensió .jclic.zip). Com ja s'ha vist, aquest fitxer acostuma a contenir tots els ingredients necessaris per executar les activitats, a no ser que a la mediateca


________________ _ __Elaboració d'activitats amb el Jclic. Mòdul 5__ _ _____________ s'hagi indicat el contrari en algun element. En aquest cas caldria incloure a la llista els fitxers que vagin "per lliure". La icona del botó d'activació serà la que porta el JClic per defecte si es deixa en blanc, o qualsevol fitxer gràfic (GIF, JPG o PNG) d'unes dimensions petites. Fins i tot es poden fer servir fitxers GIF animats. Sigui quin sigui el format, si decidiu crear una icona pròpia per al vostre projecte caldrà incloure-la també a la llista de fitxers a copiar. L'etiqueta ha de ser un text breu, que càpiga dins el botó d'activació i que no es pugui confondre amb altres projectes JClic que puguin estar instal·lats a la biblioteca. La descripció pot ser una frase una mica més llarga, que es mostrarà en deixar el ratolí aturat uns segons damunt el botó com podem observar al següent exemple:

En aquesta imatge d’un nou projecte instal·lat a la biblioteca, l'etiqueta seria "Arbres" i la descripció "Els arbres de la nostra escola". Es recomana comprovar el funcionament del fitxer d'instal·lació abans de distribuir-lo, tenint la precaució d'indicar un nom de carpeta diferent a la que conté l'original per evitar sobreescriure les dades. 4.1. Activitat d’introducció 4

Instal·lació de projectes JClic En aquesta pràctica creareu un fitxer d'instal·lació a partir de la seqüència d'activitats del projecte creat en el mòdul 4, la seqüència d'activitats de text.

Anau al menú Fitxers | Obre el fitxer, seleccionau la carpeta modul4 i obriu modul4.jclic.zip. Com que en la pràctica anterior heu fet còpia dels fitxers elaborats en els mòduls en una mateixa carpeta (moduls), heu d'assegurar-vos que el que obriu ara és el treballat en el mòdul 4 i no el de pràctiques posteriors.

Des de la pestanya Projecte, fixau-vos que el Títol és mòdul 4. Canviau aquest títol pel d’Activitats de text. A l'apartat Creació, escriviu el vostre nom com a autors del projecte. Per això heu de fer clic al botó “+” i s’obrirà una fitxa on podeu afegir les dades dels autors.



Desau el fitxer Activitats de text.jclic.zip i tornau-lo a obrir. Cal que us assegureu de tenir la darrera actualització desada abans de crear el fitxer d'instal·lació.

Quan torneu a obrir el fitxer Activitats de text.jclic.zip, no cal que us situeu en cap pestanya concreta. El procediment de creació del fitxer d'instal·lació és una operació externa al projecte.

Anau al menú Eines | Crea un instal·lador de projecte... S’obrirà una finestra amb una sèrie de camps que s’han omplert per defecte. En el vostre cas, teniu la següent finestra:

El títol, l'autor i la carpeta ja són plens. Si calgués, es podrien modificar.

En els fitxers a copiar, ja hi apareix modul4.jclic.zip

En el Botó d'activació, també hi ha la informació necessària. Com no heu dissenyat cap icona, aquest camp no l'ompliu. La Descripció sí que la podeu afegir: Activitats de text i de resposta escrita.

Premau D'acord. S'obre el quadre de diàleg demanant on s'ha de crear el fitxer d'instal·lació modul4.jclic.inst. Com que és la carpeta que teníeu seleccionada, desau.

Comprovau des de l'Explorador que s'ha creat aquest fitxer en la carpeta modul4 :



En el cas que volguéssiu que un altre usuari utilitzés el vostre projecte, instal·lant-se'l al seu disc dur i creant una icona a la biblioteca del JClic del seu ordinador, li haureu de passar els dos fitxers:

Per comprovar que no hi ha problemes, copiau aquests dos fitxers en una carpeta nova.

Obriu el JClic i cerqueu la carpeta on teniu els arxius. Obriu la llista desplegable de fitxers i seleccionau:

Escolliu modul4.jclic.inst Quan accepteu, apareix l'assistent d'instal·lació de projectes JClic:

Seguiu els passos que heu realitzat en la primera pràctica del mòdul 1 quan heu instal·lat les activitats d'exemple. Una vegada hagueu finalitzat, el vostre JClic tindrà una icona més:

Comprovau-ne el funcionament a partir del botó d'activació.


________________ _ __Elaboració d'activitats amb el Jclic. Mòdul 5__ _ _____________ 5. Importar activitats del Clic 3.0 a JClic

El JClic, a més de permetre crear projectes propis amb l'extensió .jclic.zip, ofereix la possibilitat d'importar els paquets d'activitats del Clic 3.0 que poden tenir extensions .PAC o .PCC. Aquesta possibilitat és útil en el cas que es tenguin activitats creades amb el Clic 3.0 i es vulguin adaptar al JClic. La importació d'activitats es fa des del menú Obrir del JClic Autor. Cal indicar a la finestra d'Obrir fitxers el tipus d'arxiu PAC o PCC, i buscar i seleccionar el paquet desitjat, confirmant amb el botó Obre. El JClic Autor col·loca els arxius utilitzats a la mediateca i les activitats a la pestanya d'activitats; des d'allà es poden modificar com qualsevol activitat creada amb JClic. Al llistat de la pestanya Activitats aquestes apareixen amb el nom i una extensió (ASS, PUZZ, TXA, ....) que no tenen les activitats creades amb JClic. Aquesta extensió no és obligatòria, i es pot canviar o eliminar modificant el nom de l'activitat. Un cop importats, els paquets d'activitats del Clic 3.0 es transformen automàticament en projectes de JClic. L'únic que cal fer és desar el projecte obert amb el JClic Autor com a fitxer jclic.zip, que, d'altra banda, és l'única opció que ens permet el programa. Cal indicar el lloc on es vol guardar que, per defecte, és la mateixa carpeta on es troba l'arxiu PAC o PCC. Un bon lloc per situar aquests projectes és la carpeta projectes del JClic: C:\Archivos de programa\JClic\projects Després de fer tots aquests passos, l'antic paquet quedarà convertit en un projecte i es podrà visualitzar des del JClic. 5.1. Activitat d’introducció 5

Cercar una activitat a la web zona Clic L'objectiu d'aquesta pràctica és fer servir el cercador d'activitats del web zonaClic per trobar una activitat que respongui als interessos de cadascú, i un cop trobada veure-hi les opcions que s'hi ofereixen: posar en marxa l'activitat des d'Internet o instal·lar-la al vostre ordinador.

Obriu el navegador d'Internet. Anau al web http://clic.xtec.net, seleccionau l'idioma català i cercau el botó que porta a la secció Activitats.

S'obrirà el cercador d'activitats:


http://clic.xtec.net/


Desplegau el camp Àrea i triau una opció.

Desplegau ara el camp Idioma i triau l'opció que us interessi.

Feu el mateix en el camp Nivell. Si estau interessats en un projecte amb contingut textual mínim marqueu l'opció corresponent. Si no és el cas, deixau-la desmarcada.

Si estau cercant una activitat que ja coneixeu podeu omplir els camps Títol, Autor i/o Descripció si disposau d'aquestes dades. Pensau que quants més camps ompliu més acurada serà la cerca i obtindreu un llistat més curt d'activitats, de manera que serà més fàcil trobar el que cercau.

Un cop omplerts els camps que us interessin, feu clic sobre el botó cercar... Acabada la cerca obtindreu informació del nombre d'activitats trobades i un llistat d'aquestes activitats en grups de 25. Si se n'han trobat més d'aquesta quantitat veureu que hi ha més d'una pàgina i, sobre el llistat, el lloc per accedir-hi.

Triau una activitat del llistat i feu clic a sobre del títol.

Observau la pàgina que s'ha obert i quin tipus d'informació us dóna.

Sota la informació teniu la primera barra, la de la Versió JClic - idioma original.

Feu clic sobre l'opció

S'obrirà el JClic i s'executarà l'activitat des d'Internet.

L'activitat no quedarà instal·lada al vostre ordinador. Si la tanqueu i la voleu tornar a veure heu de tornar a fer-ho des de la web.

Provau vàries activitats fins a trobar-ne una que us agradi.

Situau-vos a la web de l'activitat triada. Heu de continuar connectats a Internet.

A la barra de Versió JClic de l'idioma que preferiu, si l'activitat està en més d'un idioma, feu clic sobre

Es posarà en marxa el mateix procés d'instal·lació que ha tingut lloc per instal·lar la demo a l’activitat d’introducció 1 del mòdul 1. Anau confirmant els passos.

L'activitat ha quedat instal·lada al vostre ordinador. Ara ja no cal estar connectat a Internet per utilitzar-la.

Tancau el navegador (podeu desconnectar) i obriu el JClic. Localitzau a la biblioteca el botó de l'activitat que acabau d'instal·lar i feu un clic per posar-la en marxa.


________________ _ __Elaboració d'activitats amb el Jclic. Mòdul 5__ _ _____________ 6. El web zonaClic La Zona Clic (http://clic.xtec.net/) és el web on es pot trobar tot allò relacionat amb el Clic i el JClic i, per tant, és una visita obligada per a tot aquell qui estigui interessat en estar al dia sobre tot el que fa referència al programa.

El web, que està disponible en tres idiomes, està estructurat en diferents seccions. Des de la secció JClic, es poden instal·lar el JClic, el JClic Autor i el motor Java necessari per fer-los funcionar. També aquí es troba informació general del programa, manuals, cursos, preguntes freqüents,... Una part molt important del web, la secció Biblioteca d'activitats, està dedicada a les activitats que, des que l'any 1992, quan va aparèixer la primera versió del Clic, s'han anat creant i que els seus autors i autores han anat enviant als encarregats d'aquest espai, per tal que puguin estar a disposició de tothom. En aquest moment hi ha a la web prop de 700 projectes que utilitzen 10 idiomes diferents. Fins fa poc aquests projectes havien estat creats amb l'antecessor del JClic, el Clic, i la major part han estat convertits al format JClic. Al web es conserven les dues versions: l'original i la nova. El web incorpora un cercador per facilitar la localització de les activitats. Aquest cercador permet filtrar a partir de 5 camps: àrea, idioma, nivell, títol, autor i descripció. També hi ha l'opció de demanar al cercador que inclogui els projectes amb contingut textual mínim, és a dir, aquells que pràcticament no fan servir text escrit i per tant té menys importància en quina llengua estigui. Com més camps es facin servir, més acurat serà el resultat.





Un cop feta la cerca apareix un llistat de les activitats trobades. En aquesta llista s'ofereix informació sobre les llengües, àrees i nivells de cada projecte. Fent clic a sobre del títol de cada un dels projectes s'accedeix a una pàgina on es mostra la descripció del projecte, així com informació sobre l'autor i la seva adreça electrònica, el nivell i l'àrea del projecte i la data de creació. També conté una imatge que l'il·lustra. Sota aquesta informació apareix una barra des d'on es pot obrir el projecte per treballar en línia (en un applet) o bé descarregar l'instal·lador per poder-lo instal·lar al disc dur i treballar sense necessitat d'estar connectat. Si el projecte havia estat creat amb el Clic, una segona barra permet descarregar la versió antiga, que no es pot veure en línia sinó que s'ha d'instal·lar a l'ordinador i que necessita el Clic 3.0 per funcionar. Hi ha projectes que, pel fet d'haver estat traduïts a una o més llengües, tindran més barres, tantes com calgui, des d'on descarregar les versions JClic o Clic 3.0 en els diferents idiomes. En cada cas es donen les dades dels qui han estat els traductors.

Aquesta activitat, per exemple, va ser creada en català amb el Clic 3.0. Posteriorment va ser traduïda al basc. Tant la versió catalana com la basca han estat adaptades al JClic. Cada una de les barres correspon a una versió. Les altres seccions que es poden trobar a la web, són: Clic 3.0, Comunitat, Documentació, Suport, Eines i Cerca.


________________ _ __Elaboració d'activitats amb el Jclic. Mòdul 5__ _ _____________ 6.1. Activitat opcional 6

Gestionar la biblioteca de projectes del JClic L'objectiu d'aquesta pràctica és veure com es poden organitzar les carpetes i els botons de la biblioteca de projectes del JClic. Obriu el JClic. Anau al menú Eines|Biblioteques. Si teniu més d'una biblioteca seleccionau a la finestra de Selecció de la biblioteca de projectes la Biblioteca principal i feu clic al botó Edita.

Des de la finestra Biblioteca de projectes JClic que s'ha obert podeu organitzar en carpetes els diferents botons d'accés als projectes.

Obriu la carpeta Menú principal fent clic sobre el botó + que té a l'esquerra i seleccionau-la. Si no heu fet cap més instal·lació que les que s'han fet durant el curs, la biblioteca principal tindrà l'aspecte següent:



Fixau-vos en els botons que han aparegut a la part dreta de la finestra. Són els que utilitzareu per crear i/o modificar carpetes i icones de la biblioteca.

Amb la carpeta Menú principal seleccionada i feu clic sobre el botó per crear una nova carpeta de botons de projecte. Anomenau-la amb el nom de l'àrea o del cicle al que correspon l'activitat que heu instal·lat a la pràctica anterior.

Confirmau amb el botó D'acord.

Ara seleccionau el botó de la nova activitat instal·lada i retalleu-lo amb l'eina Seleccioneu la nova carpeta que acabau de crear i enganxau-hi el botó amb: El botó quedarà dins la nova carpeta. Confirmau amb D'acord i de nou amb Selecciona. Fixau-vos en com han canviat els botons de la biblioteca. Seguidament creareu un nou botó que obri un dels projectes que heu fet al llarg de les pràctiques del curs. Tornau al menú Eines|Biblioteques. Seleccionau la Biblioteca principal i feu clic al botó Edita.

Seleccionau el Menú principal i feu clic sobre l'eina per crear un nou botó de projecte.



A la finestra Nou botó de projecte, cerqueu el projecte modul2.jclic.zip, amb el

botó Ompliu les caselles Text (el nom que apareixerà al botó) i Descripció tal com veieu a la imatge anterior.

Ara canviau la icona, és a dir la imatge del botó. Si obriu el desplegable, podreu veure les opcions que us dóna el programa. Hi ha projectes que tenen icones pròpies, consistents en fitxers gràfics (GIF, JPG o PNG) emmagatzemats a la seva carpeta. Però també es pot anar a buscar una icona externa que es trobi a qualsevol altra carpeta, sempre que sigui un fitxer amb les mides adequades.

Feu clic sobre el botó que hi ha al costat de la icona i cerqueu el fitxer m2.gif que es troba a la carpeta del segon mòdul de materials del curs.

Confirmau amb D'acord i de nou amb Selecciona. Ara teniu el següent botó a la biblioteca, que obre el projecte creat al mòdul 2 del curs

Podeu organitzar els botons del projectes que tingueu al vostre ordinador o a la xarxa del vostre centre creant carpetes per als diferents cicles, àrees o fins i tot usuaris.


________________ _ __Elaboració d'activitats amb el Jclic. Mòdul 5__ _ _____________ 6.2. Activitat d’entrega obligada 1

Adaptar un projecte existent

Cercau a la zonaClic (http://clic.xtec.net/) el projecte "Arbúcies", creat per Anna Boix i Moradell del CEIP Doctor Carulla d’Arbúcies, i instal·lau-lo a la vostra biblioteca de projectes.

Observau el contingut del projecte. Té una acceptable varietat de tipus d’activitats.

L'exercici que us proposam consisteix en editar el projecte amb el JClic Autor i adaptar-lo a qualsevol localitat de les Illes Balears, seguint el mateix esquema.

Abans de començar l’activitat comuniqueu al tutor/a la localitat que heu triat i espereu la seva resposta. Ens hem d’assegurar que no es repeteixen les localitats entre els participants del curs.

Al projecte l’anomenareu amb el nom de la localitat. Per exemple: lavileta.jclic.zip

Haureu d’estudiar l’activitat original i anar canviant els fitxer necessaris de la mediateca.

Canviau també l’estil (colors,…) i tot el que considereu oportú.

Aquest projecte consta de 18 activitats. Dues de les activitats (abans-ara 1 i abans-ara 2) utilitzen fotos antigues comparades amb el mateix lloc actualment. Si teniu dificultat per trobar fotografies antigues de la localitat que treballau, podeu substituir aquestes dues activitats per unes altres del tipus que volgueu.

Podeu afegir més activitats que considereu necessàries, al vostre projecte, sense llevar-ne cap de les existents (excepte les dues esmentades que podeu substituir).

Els tutors/es únicament donaran el seu vist i plau als projectes que tenguin una bona qualitat, com a mínim semblant al projecte original (Arbúcies).

Els projectes elaborats en aquest curs es publicaran al Weib (web educatiu de les Illes Balears).

Una vegada fets els canvis, comprovau el funcionament del projecte i trametau el resultat a la tutoria, mitjançant l’eina d’enviament d’activitats del curs.




Elaboració d’activitats amb el...

Documents

Transcript of Elaboració d’activitats amb el...