Recursos i experiències digitals a l'Institut Antoni Pous i Argila

A 9:44 per David March Gubieras a    No comments
En aquesta entrada us explicarem com fer puzles interactius de forma fàcil i en pocs minuts. Una de les millors eines per a això és Jigsaw Planet que ofereix un servei interessant amb un resultat molt vistós i atractiu. Amb aquesta eina podem crear trencaclosques sense necessitat de registrar-nos i tenir-los publicats automàticament a la xarxa.


Ja coneixeu bé menorca????

(Optimitzat amb l'explorer)
A 10:54 per David March Gubieras a    No comments
Si us agrada el disseny, les fotografies i imatges segur que hem pensat en moltes ocasions crear un collage per decorar el nostre bloc o per utilitzar com a logotip, imatge de capçalera, etc. La web 2.0 compta amb aplicacions que realitzen aquest treball de forma tan senzilla i ràpida que en uns minuts podem crear un collage de fotos espectacular. Per això, en aquesta recepta us recomanem l'aplicació Loupe, una eina molt pràctica ja que sense necessitat de registre i en tres passos crearem el nostre collage d'imatges

A 18:50 per David March Gubieras a    No comments
L'aparició d'editors en línia de revistes i llibres ha augmentat de forma considerable amb la possibilitat de publicar i difondre el nostre coneixement de forma digital.

Amb un text podem .... atomitzar i twittejar, una opció interessant i novedosa que ens permet bumpho, editar-los i distribuir-los en diferents formats a través de xarxes socials d'arxius com Scribd o alguns estèticament més bonics per a revistes com Calaméo o Issuu.



Totes dues ens permeten:


  • Pujar el format en què la revista queda editada (en el nostre cas. Pdf).
  • Classificar segons la seva temàtica.
  • Afegir tags a cada nombre.
  • En ambdues plataformes se li adjudica un URL per a visualitzar en línia i s'ofereix un códico per a la inserció en un bloc o una pàgina web.
  • També es pot difondre el seu contingut per les principals xarxes socials.



Personalment utilitzo Calaméo que com hem dit és un servei en línia que permet la conversió gratuïta dels documents en les publicacions digitals .
També permet als usuaris integrar elements multimèdia (vídeo, clips de so, animacions interactives) dins de les seves publicacions.

Permet documents de fins a 100 Mb!!, diferents tipus de formats (àlbums, còmics, historietes, presentacions, revistes etc...) i classificar-los per categories. També pots fer que qel document sigui públic o privat.

Aquí podeu veure un exemple utilitzant els apunts d'informàtica bàsica.

A 14:52 per David March Gubieras a    No comments
La creació d'escenes en una pel·lícula Flash en facilita la seva organització per continguts o temes. Aquesta utilitat permet dividir la linia de temps de la pel·lícula en seqüències més curtes que agrupen les diferents animacions. Així s'evita la construcció d'una línia de temps molt llarga i es facilita la seva organització i gestió.En aquesta pràctica representareu el cicle de l'aigua estructurat al llarg de cinc escenes:


la primera serà de presentació, les tres següents contindran les diferents fases del cicle i la darrera mostrarà uns títols de crèdit. El resultat final s'haurà de semblar al que us mostra l'exemple següent:

http://dl.dropbox.com/u/6943261/m6p1.swf


Us podeu ajudar d'aquests apunts per fer la pràctica.

A 9:11 per David March Gubieras a    No comments
Ja sabeu que buscant per internet podem trobar molts tutorials interessants que ens expliquen d'una manera fàcil i entenedora els passos a seguir per fer diferents tipus d'animacions. Aquí en teniu una de molt complerta on podeu triar i remanar i fer la que més us cridi l'atenció:
Tutorial Guia "enseñando usted"
A 8:23 per David March Gubieras a    No comments
El Gloster es pot utilizar de dues maneres:

1) Com a eina del professor per a poder presentar més facilment els continguts i facilitar el procés d’ensenyament-aprenetatge.

•Presentació de coneixements previs de cara a afrontar un nou tema.

•Resum dels continguts apresos.

•Exemplificació de processos.

•Creació d'un periòdic o fullet.

•Producte final d'una webquest.


2)Com a eina dels alumnes per a realizar un procés d’aprenetatge significatiu ja que permet als alumnes construir el seu propi aprenetatge i a la vegada, els permet utilizar aquesta eina com a suport en exposicions orals i treballs escrits.

Permetria per tant, des de fer un muntatge per part del professor que inclogues els videos que ha trobat per internet i aprofités per fer una explicació amb sons, textos i hipervincles que es projectés mitjançant el canó a l’aula, fins a treballs d’investigació sobre el tema, per part dels alumnes que, posteriorment, podrien explicar als companys de l’aula.
A 8:19 per David March Gubieras a    No comments

Dipity és una eines que permet els estudiants posar en prespectiva el temps històric. El temps no s'esgota en la cronolgia, sinó que inclou altres aspectes, com la durada, ritme, simultaneïtat, continuïtat i canvi. Permet que l'alumne se centri en el problema de fons, identificant i classificant als aspectes més rellevants d'un determinat període històric.

Avantatges pedagògics:
És una eina col·laborativa ja que ens permet convidar a altres persones a participar amb la seva pròpia identitat; pots configurar les línies de temps perquè altres usuaris tinguin accés.Una de les més importants és que eviten el temut tallar i enganxar ja que el treball dels alumnes exigeix una tasca de reelaboració per part seva. (buscar imatges, vídeos, resumir textos, pensar...)És una eina motivadora que permet incluir elements multimédia (imatges i vídeos, enllaços per ampliar la informació, audios, mapes de google maps).

Avantatges tecnològiques:
És gratuïta, només cal connexió a internet, un navegador i registrar-se (open source). És indiferent el sistema operatiu que fem servir.Permet inserir el resultat en una web.Tant el docent com els estudiants poden començar el treball a l'aula i acabar en qualsevol moment i lloc on tinguem connexió a internet.Ofereix la possibilitat d'utilitzar els canals d'informació de serveis, només indicant el feed RSS d'un bloc o diari ens crea una línia del temps amb els articles publicats.

Desavantatges pedagògiques:
He llegit en alguns blocs que a vegades els alumnes es passen més temps a pujar les notícies de nivell que llegir el que els companys han posat.

Desavantatges tecnològiques:
No podem fer una còpia de seguretat del nostre treball per si Dipity algun dia deixés de funcionar, però això podem obviar parcialment guardant en el nostre PC una còpia de tots els elements que hàgim inclós en la nostra línia del temps.No es pot imprimir.Un dels seus principals problemes és que en la versió gratuïta només permet crear 3 línies de temps. Per eliminar aquest límit s'ha de pagar 4,95 $ mensuals.
A 11:51 per David March Gubieras a    No comments

Quan fem les pràctiques amb el flash, ens trobem que hem de guardar l'arxiu en format "fla" per tal de poder-lo modificar posteriorment. Per emmagatzemar aquests tipus d'arxiu podem utilitzar el popular "dropbox", que a més ens permet sincronitzar arxius en línia i compartir-los amb altres usuaris.


A 11:38 per David March Gubieras a    2 comments
Aquí veureu com es pot desplaçar una abella i que al mateix temps es moguin les ales i les antenes. En aquest cas hem creat dos símbols de pel·lícula (antena i ales)



Podeu veure el resultat en aquest vincle

A 8:17 per David March Gubieras a    No comments
Fins ara hem vist dos tipus de símbols amb el Flash: el símbol de gràfic (l'exemple del delfí) i el símbol del botó (l'exemple del botó transparent botó sol)



Per visualitzar els símbols heu d'activar del menú "ventana" l'opció "biblioteca".




Queda un tipus de símbols que és el clip de pel·lícula.


Els clips de pel·lícula són pel·lícules que tenen una línia de temps igual que la principal i poden contenir altres clips, botons, gràfics, sons, scripts, vídeos… Segurament són els símbols amb més propietats.



A partir dels apunts "creació de clips de pel·lícula" i aprofitant el fitxer del paissatge, ferem que doni la impressió d'aigua baixant pel riu .




El resultat final seria aquest. (Millor utilitzar el navegador Mozilla Firefox)
A 22:10 per David March Gubieras a    No comments
Actualment hi han moltes opcions per fer una pàgina web gratuïta.

Es tracta de cercar i investigar una mica per la xarxa per trobar multitud de gestors de continguts per crear la vostra pròpia pàgina web:

Aquí us deixo uns quants:
Jimbo
webnode
wix (web amb Flash)
Magic-online
weebly
Snappages


Per que sigui interessant és important que siguin fàcils d'administrar i que tinguin un interfície agradable.

Si algú en coneix o en troba un altre ho pot comentar, i així entre tots poder trobar la que més ens agradi.
A 8:39 per David March Gubieras a    No comments
Un tipus de símbols que es poden crear amb el flash són els botons En aquesta pràctica trobareu diferents formes per crear un botó normal, botons de text i botons transparents. També s'indica la possibilitat d'inserir botons predissenyats que ja es troben dins el programa flash a la seva biblioteca comú. Podeu recuperar el dibuix del paisatge que vau fer(recorda que ha de ser amb extensió .fla) i fer un botó transparent de tal manera que quan passis el botó per sobre del sol sortirà un missatge. Si no heu guardar el dibuix en pots fer un de nou. Aquí teniu un exemple de botó transparent. Veureu que si passeu el ratolí per sobre del sol surt un missatge.
A 10:57 per David March Gubieras a    No comments
Prezi és una web que et permet crear presentacions sobre Flash de forma molt intuïtiva. Només amb mirar un primer video de prop d'un minut, ja pots començar a usar-lo i explorar les seves possibilitats.
Per usar-lo però, és clar, primer t'has de registrar i escollir el tipus de compte que hi vols: Lliure (públic, gratuït i fins a 100MB), o Enjoy, o Pro, amb capacitats i possibilitats pujants (aquestes dues dareres, de pagament, et permeten instal·lar-te el programari a l'ordinador i treballar en local). També hi ha llicències per a estudiants.
Un cop logineat, des de la pestanya My, pots començar a crear la propia presentació. La idea bàsica és la d'organitzar uns quants conceptes clau com a esquelet per anar-los vestint poc a poc dels recursos que hi vulguem donar. Un cop creat, podrem triar com i en quin ordre es mostra en la presentació final.
Abans de començar a crear la teva presentació però, recomano veure alguns exemples dels que presenta la mateixa web per agafar alguna idea. Fins i tot, si volem, podem re-utilitzar presentacions (tant nostres com d'altres usuaris que així ho permetin). Vegeu un altre exemple de com tracta la navegació: Web 2.0 in the classroom



A 11:58 per David March Gubieras a    No comments
Començarem a treballar amb els símbols de la biblioteca.

Com ja hem comentat a classe, es tractarà d'importar un gràfic a l'escenari.

En l'exemple d'avui podeu utilitzar el dibuix del paisatge. Es tractarà d'inserir uns delfins mitjançant el menú archivo/ importar/ importar escenario.

Com sempre, podeu utilitzar altres imatges.

Abans d'importar la imatge del delfí o qualsevol altre que vulgueu, hauríem de treure el fons blanc. Per fer-ho podeu utilitzar el programa Macromedia Fireworks.

Aquest programa té l'opció de la "varita màgica", que permet sel·leccionar el fons blanc i amb la tecla supr. suprimir-lo.

Guardeu la imatge amb l'opció "guardar como". Fixeu-vos que ho guardarà amb extensió ".png".


Ara ja podeu importar el delfí. Si activeu el menú Ventana/ biblioteca apareix el delfí i el podreu inserir tantes vegades com vulgueu.

Amb el menú Modificar/ transformación libre, el puc fer mes petit, deformar, voltejar etc...










A 16:01 per David March Gubieras a    No comments
Ja vam comentar al començament de curs que el Gimp és un programari lliure per retocar imatges. En aquesta pràctica us proposem que feu el següent muntatge:

Per fer-ho cal obrir les dues imatges. Primera obriu la imatge del logo de l'institut i la segona imatge l'obriu amb l'opció "obre com a capes". Les dues capes han de quedar en el següent ordre:

Per eliminar el fons blanc del logo gimp heu de clicar amb el botó dret sobre la capa gim i seleccionar l'opció "afegeix canal alfa". Amb ja podreu esborrar amb la goma.

Proveu de fer-ho amb altres imatges. Sort!!

A 20:22 per David March Gubieras a    1 comment
S'acosta el Nadal i he trobat aquest script nadalenc pel bloc. Sobretot va molt bé si teniu el bloc amb fons foscos. Podeu provar com queda.
Per afegir aquest floquets de neu, heu d'anar a disseny>edició de HTML i enganxar abans de &lt /head &gt el següent codi:

&ltscript src='http://www.tutomax.com/wp-content/uploads/2009/11/nieve.js' type='text/javascript'/&gt
A 21:04 per David March Gubieras a    No comments
La Sindicació de Continguts o RSS: És un format mitjançant el qual determinats llocs d’Internet ofereixen informació. Aquest format permet que amb un programa informàtic o un servei web específic (anomenat agregador) poguem rebre totes les novetats que es vagin produint en el lloc sense necessitat de visitar-lo. A l’exercici de subscriure’s a aquest tipus de fonts RSS d’informació s’anomena sindicació de continguts.

RSS són les inicials de Rich Site Summary (Resum enriquit del lloc web) o, alternativament, Real Simple Syndication (Sindicació realment senzilla).

Aquest és el dibuix que indica que un lloc web és pot sindicar:



Hi ha dos tipus de lectors RSS:

Els que s’instal·len amb els navegadors, com el Firefox o l‘Explorer. Amb les versions noves d’aquests navegadors només caldrà fer clic sobre la icona que trobareu, per exemple a la part superior esquerra de la portada de la XTEC
Els serveis en línia, com Google, Bloglines, NewsGator o MyYahoo!.
En aquest bloc i tinc sindicat les notícies del portal de XTEC. Per afegir el canal XTEC a un d’aquests serveis, heu de clicar a un d’aquests botons, copiar la seva URL i l'enganxar al gadget RSS.
Podeu buscar altres pàgines com diàris, portals etc...
A 20:29 per David March Gubieras a    No comments
Durant el curs farem animacions amb el flash. Navegant per la xarxa però pots trobar altres opcions molt senzilles com aquesta, on pots fer que un ninja t'escrigui el text que tu vulguis.
N'he posat un a l'entrada de benvinguda.



A 19:02 per David March Gubieras a    No comments
Es pot canviar el favicon que es mostra al costat de la URL del blog. Fixeu-vos que en aquest blog hi trobareu el logo de l'institut.

Només cal afegir una línia de còdi HTML, just a sota de :

&lt/ttitle&gt

A sota hi poseu el següent codi:

&ltlink href='URL de la imatge del favicon' rel='shortcut icon'/&gt


La imatge del favicon ha de ser amb extensió ICO.

La imatge haurà de fer 16x16 px i l'heu de convertir amb ICO. Ho podeu fer mitjançant aquesta web:

Convertidor d'imatge en ICO


A 7:30 per David March Gubieras a    No comments
Mitjançant aquest link t'explicarà la manera de traduir el teu blog en diferents idiomes.


Si teniu el bloc en català caldrà modificar-ho al HTML. S'ha de substituir "sl=es i hl=es" per "sl=ca i hl=ca".