Inserir un applet JClic en un lloc web de Google

Crear una pàgina nova

Pràctica

En aquesta pràctica creareu una pàgina nova al lloc web que heu creat on incrustareu el projecte JClic de final de curs.

Per crear una pàgina nova feu clic al botó que trobareu a la part superior dreta de la pantalla:

Pàgina nova

Trieu la plantilla que voleu fer servir, poseu nom a la pàgina i trieu la ubicació on es trobarà:

Pàgina nova

Cliqueu al botó Crea i, un cop creada, cliqueu al botó blau Desa.

Penjar el fitxer del projecte

A continuació s'haurà de pujar el fitxer del projecte JClic (projecte.jclic.zip).

A la part superior dreta del lloc web aneu a Més | Configuració de la pàgina i comproveu que està marcada la casella Permet els fitxers adjunts. Si ho està, cancel·leu la finestra emergent.

Al final de la pàgina apareix una zona de Fitxers adjunts, feu clic a Afegeix fitxers. Seleccioneu el vostre fitxer projecte.jclic.zip per la finestra de navegació de l'ordinador i confirmeu.

Quan hagi pujat, feu clic amb el botó dret a la fletxa de la dreta que és l'enllaç Baixa i trieu Copia l'enllaç:

Els temps de càrrega del fitxer variarà en funció de la seva mida. La mida màxima per fitxer que admet és de 20Mb.

Copia l'adreça

Per més seguretat, podeu enganxar aquesta adreça a un programa d'edició de text com el Bloc de Notes o el Gedit.

L'URL serà semblant a aquesta:

https://sites.google.com/site/nomdelsite/home/projecte/xxxxx.jclic.zip?attredirects=0&d=1

Aquesta és l'adreça que haureu d'indicar més endavant a l'applet JClic. Per això l'heu copiada al porta-retalls.

En el cas que vulgueu incrustar una activitat de la Biblioteca de projectes de la zonaClic no heu de penjar cap fitxer, serà suficient amb copiar l'adreça URL del projecte triat:

URL del projecte

Editar la pàgina i inserir-hi el //gadget// de JClic

Editeu la pàgina fent clic al botó Edita la pàgina:

Botó Edita la pàgina

Poseu el cursor on vulgueu que aparegui l'applet JClic i feu clic a Insereix | Més gadgets…

Insereix

A la finestra Afegiu un gadget a la vostra pàgina seleccioneu Afegeix un gadget per URL:

 Gadget JClic per URL

A la caixa de text hi heu d'escriure l'adreça següent, exactament tal com es mostra (pareu atenció als dos punts, a la direcció de les barres, al guió, als punts… i no hi afegiu cap espai en blanc):

https://clic.xtec.cat/dist/jclic/jclic-google.xml

Un cop escrita l'adreça, feu clic al botó Afegeix i us apareixerà la pantalla de configuració de l'applet.

Configurar l'applet del JClic

A la pantalla de configuració de l'applet heu d'enganxar l'URL del vostre projecte, que heu copiat al primer pas. Poseu el cursor dins del camp URL absolut del projecte JClic: (necessari), feu clic amb el botó dret i Enganxa.

URL absolut

Podeu configurar la resta de paràmetres de l'applet, com ara les dimensions o l'entorn visual.

Quan premeu el botó D'acord veureu l'applet incrustat. A continuació feu clic sobre el botó Desa que trobareu a la part superior esquerra de la pantalla.

Desa

Fins que no hagueu desat la pàgina no veureu el projecte JClic.

Applet JClic funcionant

En qualsevol moment podeu editar la pàgina i fent clic a sobre el gadget, i seleccionant Propietats podreu modificar qualsevol dels paràmetres anteriors:

Editar giny

Consell: si en les Propietats canvieu el tipus d'amplada a percentatge i escriviu 100 tindreu un applet que ocuparà sempre tot l'espai horitzontal disponible a la pàgina.