dimarts, 5 de març del 2013

Glogster, el pòster digital interactiu

Heu creat mai un pòster digital interactiu amb Glogster? Aquesta eina 2.0 arracona la cartolina i la cola dels pòsters tradicionals. Té un gran potencial educatiu de cares a fer una síntesi del tema que hem estudiat. En ell pots barrejar imatges, text, enllaços, múltiples dissenys i gràfics animats, música i vídeo i després compartir-lo amb gent.
N'hem trobat molts, fets per alumnes de 1r d'ESO, en aquesta pàgina de l'Institut Sa Palomera, com aquest que podeu veure aquí a sota. Ens subministra el codi embed de la mida que necessitem. El copiem i l'enganxem a la pestanya HTML de la nostra entrada.

Dewplayer, el nostre reproductor de mp3

Dewplayer és un reproductor de mp3 fet amb flash, molt lleuger, fàcil d'utilitzar i gratuït. Haurem de buscar un allotjament per als fitxers swf (reproductor) i mp3 (música). Podem pujar la carpeta amb els fitxers al web de la XTEC amb el Filezilla. En aquest moment no ens serveix pujar-los a Drive ja que no ens dóna l'url que necessitem.
Hi ha 7 tipus de reproductors (mini, clàssic, playlist... (veure ajuda).

<object data="url del fitxer swf" height="20" id="dewplayer" name="dewplayer" type="application/x-shockwave-flash" width="200"> <param name="wmode" value="transparent" />
<param name="movie" value="url del fitxer swf" />
<param name="flashvars" value="mp3=url del fitxer mp3" />
</object>


Aquest codi l'hem d'inserir a la pestanya HTML de l'entrada o en un gadget HTML/JavaScript de la barra lateral. En el nostre cas el codi i el resultat és el següent:

<object data="http://www.xtec.cat/serveis/crp/b7990105/dewplayer/dewplayer.swf" height="20" id="dewplayer" name="dewplayer" type="application/x-shockwave-flash" width="250"> <param name="wmode" value="transparent" />
<param name="movie" value="http://www.xtec.cat/serveis/crp/b7990105/dewplayer/dewplayer.swf" />
<param name="flashvars" value="mp3=http://www.xtec.cat/serveis/crp/b7990105/dewplayer/mp3/test1.mp3" />
</object>


Un núvol de paraules

Wordle: Enriquim els blocsHem anat al web de Wordle i enlloc d'introduir un text, hi hem afegit l'url del nostre blog. I aquest és el núvol de paraules que ens ha donat.

Lògicament, BLOC és la paraula que més surt. El que sembla és que només ens ha llegit la pàgina principal, o sigui, les 3 últimes entrades, però el resultat és prou maco. Hem provat diferents opcions de color i amb aquesta ens hem quedat.

Un cop desat, ens ha deixat copiar l'embed per inserir-lo a la pestanya HTML de la nostra entrada.

Un puzzle

I ara no us vindria bé de fer un puzzle. Hem anat a la web de jigsawplanet.com, no ens ha calgut registre, hem pujat la imatge de Sa Palomera, li hem dit que volíem un puzzle clàssic de 20 peces i ens ha deixat copiar el codi que hem d'inserir a la pestanya HTML de la nostra entrada. Ja pots comprovar si hi ha totes les peces. No fos cas que n'haguéssim perduda alguna...

La sopa de lletres

Ara toca resoldre una sopa de lletres...

Aquest tipus d'activitat, en català, és escassa a la xarxa i que es deixin enllaçar, encara n'hi ha menys. En canvi, en trobem moltes en castellà i en anglès.

I com l'hem inserida? És una activitat flash i, com vam explicar en aquesta entrada, tan sols hem de saber l'adreça de la sopa de lletres i inserir-la enmig del codi a la pestanya HTML de l'entrada. L'amplada de la zona de continguts del nostre blog és 550. Amb 450 d'alt queda ben proporcionada.

Aquesta activitat l'hem feta nosaltres des d'Educaplay. L'inconvenient, ja el veieu, és la publicitat. Aquí teniu el codi:
<div style="text-align: center;">
<iframe frameborder="0" height="450" src="http://www.educaplay.com/es/recursoseducativos/1027982/html5/pobles_de_la_selva.htm" width="550"></iframe><a href="http://www.educaplay.com/es/recursoseducativos/1027982/pobles_de_la_selva.htm">Pobles de la Selva</a>
</div>
Animeu-vos a fer-ne una! 

dilluns, 4 de març del 2013

Voki, l'avatar animat que parla


Aquest voki és un avatar que es va movent mentre va llegint el text que li hem escrit. L'hem creat des del web voki.com.

Després de registrar-nos hem triat el personatge més semblant al que volíem, li hem canviat alguns trets físics i del vestit. Hem personalitzat el fons i l'hem desat. Hem copiat el codi que ens ha donat a la pestanya HTML de l'entrada i aquest és el resultat.

Ara tenim al nostre blog una secretària virtual que dóna la benvinguda als visitants.

Configuració del blog

Hi trobem els següents apartats:

  • Bàsic: Hi podem canviar el títol, la descripció, l'adreça..., afegir autors (de moment no poden ser @xtec.cat) i restringir els lectors si encara no volem fer públic el blog.
  • Entrades i comentaris: Decidim el nombre d'entrades (3-7) a la pàgina principal. Si hi posem moltes imatges, vídeos... reduirem el màxim d'entrades de la pàgina principal per millorar la velocitat de càrrega. La moderació de comentaris la deixarem activada sempre per evitar publicitat, grolleries... Sabrem que han arribat comentaris pel correu, a la llista d'entrades... Al menú de l'esquerra hi ha un apartat de Comentaris on podem gestionar els que estan pendents de moderació.
  • Mòbils i correu electrònic: Demana les dades per fer entrades des d'aquests sistemes.
  • Idioma i format: Permet triar l'idioma per defecte, la zona horària (Compte! Acostuma a deixar l'hora del Pacífic si no la canviem) i el format de la data.
  • Preferències de cerca: Facilita que ens localitzin i ens visitin. 
  • Altres: Conté les eines per exportar el blog (una còpia de seguretat desada al nostre ordinador), importar el blog (restaurar la còpia anterior, si l'hem feta!) o eliminar el blog. 

Tercera entrada (hi afegim un vídeo)

Ara hi afegirem un vídeo. Cliquem la icona corresponent i al quadre de diàleg que se'ns obre tenim diferents opcions:
  • Càrrega: Localitzem el vídeo a l'ordinador, cliquem Obre i en veure la miniatura, cliquem Penja. Físicament aquest vídeo queda allotjat en els nostres àlbums de Picasa.
  • Des de YouTube: Escrivim les paraules de cerca, localitzem el vídeo, el seleccionem i l'afegim. No ens oblidem de centrar-lo. En Els meus vídeos de YouTube ens mostrarà només els que hàgim penjat nosaltres. 
  • Per modificar-ne la mida de visualització haurem de començar a treballar amb la pestanya HTML. Vegeu aquesta altra entrada del blog.

Menú del blog: pàgines, format...

Hi trobem els següents apartats:
  • Visió general: Un resum estadístic del blog. Hi veiem si tenim comentaris pendents de moderació.
  • Entrades: Hi trobem fàcilment els esborranys, pendents de publicació. Totes les entrades es podran editar des d'aquí, visualitzar-les o eliminar-les. També hi trobarem les visualitzacions i els comentaris de cada pàgina.
  • Pàgines: La pàgina d'inici és on van a parar les entrades que anem fent. 
Les pàgines noves són pàgines en blanc estàtiques (ideals per presentar el blog, per índexs...)
 Les podem visualitzar com a pestanyes superiors a l'encapçalament (barra horitzontal a sota del títol) on també hi podem afegir enllaços web (hi podem posar-hi les etiquetes). Veure aquesta entrada).
Comentaris: Anem aquí per publicar o eliminar els comentaris pendents de moderació. 
  • Estadístiques: Li podem dir que no compti les nostres visualitzacions.
  • Format: Des d'aquí podem editar i reordenar els diferents elements/gadgets de l'encapçalament, de la barra lateral i del peu de pàgina. En acabat cliquem Desa l'organització si volem fer efectius els canvis. 
Cliquem Afegeix un gadget a la barra lateral: Hi podem afegir una imatge (una foto, el títol del blog), un text, l'arxiu del blog, les pàgines, les etiquetes, quadres de cerca, comptadors...i molts més que es poden entrar amb HTML/JavaScript. (veure índex de gadgets)
  • Plantilla: Podem provar les visualitzacions dinàmiques de pàgina si tenim una imatge per a cada entrada. Millor no modificar la plantilla sense tenir un nivell avançat  i abans haver-ne fet còpia de seguretat.
  • Configuració: La trobem analitzada en aquesta entrada.

Creació del blog

Tenim un compte Google? Doncs, endavant! Si no en teniu, cal que us en creeu un des d'aquest enllaç. Anem a blogger.com i ens identifiquem amb el nostre nom d'usuari (no cal posar @gmail) i contrasenya.


Si ja havíem entrat al compte Google, veurem la franja negra del menú a dalt. L'opció Més es desplega i triem l'opció Blogger.

Aquí hem de clicar Bloc nou, tant si és el primer blog que fem com si ja en tenim d'altres. Recordem que el març del 2013 l'IEC va concloure que blog s'escriu amb "g" després d'un inici amb "c" i un temps de convivència acceptada de les dues grafies.
1) A la finestra que se'ns obre hem d'escriure el títol que volem per al nostre blog.

2) Proposem una adreça per al nostre blog. Al cap de pocs segons ens diu si l'adreça està disponible.
Si no ho està n'haurem d'anar proposant d'altres fins que ens donin el vist-i-plau.

3) Aquí podem triar la plantilla. No cal que hi dediquem gaire temps ara ja que el format i el disseny els poden canviar sempre que vulguem.

4) Ja podem crear el blog nou.

Ara podem :
- visualitzar el blog i veure com queda, o
- començar a fer una entrada clicant la icona del llapis sobre fons taronja.