SlideShare uma empresa Scribd logo
1 de 29
Baixar para ler offline
Taller
de
blocs
Dinamització ciutadana
i TIC per a entitats
de Terrassa
3a
sessió
Taller de blocs.
Dinamització ciutadana i TIC
per a entitats de Terrassa
Mòdul 3
El projecte pren forma
Arreglem-nos per sortir!

1. Disseny gràfic del nostre bloc.
a. Temes i aparença
i. Selecció
ii. Manipulació i personalització
iii. Colors corporatius
Arreglem-nos per sortir!

2. Afinant en la configuració del tema
a. Opcions de personalització
i. Opcions de fons
ii. La capçalera
iii. Ginys (widgets)
iv. Menús
v. Pàgina principal
... però no tot pot ser imatge!
Quin llenguatge utilitzem?
Afectiu
Proper
Entenedor
Alegre
Dialogant
Interessant
Senzill
Emotiu
Confiança
Il.lusionador
Activitat!
• Personalitzem l'aspecte del nostre bloc,
adaptant-lo als colors que creiem pertinents.
• Editem el fons i la capçalera
• Seleccionem els ginys que vulguem
• Creem una pàgina reflexionant sobre la
importància del llenguatge en el context de
la nostra entitat.
Mòdul 4
Anant més enllà del text :
creació multimèdia
Una prèvia sobre l'adquisició de
recursos...
Internet no és barra lliure!
Recursos:
compartir el coneixement

Què és Creative Commons?
CC, alguns drets reservats
Per saber-ne més:
http://clic.xtec.cat/es/act/cc.htm
Recursos:
llicències Creative Commons
Creació multimèdia: so
Creació multimèdia: so
Treballar amb podcasts ens obre la porta a una
forma de comunicació més afectiva i directa que
l'escriptura.
Una de les funcions més utilitzades dels podcasts
és per a la creació de programes de ràdio online.
Mitjançant els feed RSS podem seguir fàcilment
qualsevol programa, i fidelitzar l'oient.
Creació multimèdia: so
Audacity és un programari lliure multiplataforma
per a l'edició d'àudio.
http://www.softcatala.org/wiki/Rebost:Audacity
Funcions:
- Enregistrar àudio en directe.
- Convertir cintes i gravar-les en format digital o CD.
- Editar fitxers d'àudio en format Ogg Vorbis, MP3, WAW o AIFF.
- Tallar, copiar, dividir o barrejar sons.
- Canviar la velocitat de l'enregistrament.
- I moltes coses més (opcions d'enregistrament, exportació,
importació, edició, efectes, qualitat de l'àudio, connectors i
anàlisi).
Creació multimèdia: so
L'alternativa a treballar amb un programa
instal.lat a l'ordinador és fer-ho amb aplicacions
online, les quals depenen de la connexió a
Internet per funcionar però permeten dur a terme
de forma senzilla les operacions més bàsiques:
http://www.educacontic.es/blog/como-cortar-y-un
ir-fragmentos-de-audio-online
Per tallar àudio online: http://mp3cut.net/es/
Per unir àudio online: http://audio-joiner.com/es/
Creació multimèdia: so
Arcadia Gamers: un exemple de ràdio amb
podcasts a Ivoox
http://www.ivoox.com/escuchar-arcadia-gamers-e
l-programa-radio-independient_nq_1576_1.html
http://www.arcadiagamers.com/
Creació multimèdia: so
Tot un Poble: un projecte comunitari radiant des
de la Trinitat Vella, amb podcasts via archive.org
http://totunpoble.blogspot.com.es/
Un repositori amb recursos multimedia
https://archive.org/
Creació multimèdia: so
Jamendo: un repositori de referència amb més de
400000 entrades de música lliure.
http://www.jamendo.com/es/search
I The Free Sound Project:
http://www.freesound.org/
Activitat!
Busca a Internet un programa de ràdio per
podcasts que enllaçaries al teu bloc.
Posada en comú: per què heu triat el que heu
triat? Què en destacaríeu? Creieu que a la
vostra entitat podríeu fer-ho?
Creació multimèdia: imatge digital
La fotografia i la imatge digital són una de les
formes de comunicació més habituals avui en dia.
La majoria de persones disposem de càmeres o
dispositius mòbils que ens permeten fer
fotografies i compartir-les en qualsevol moment.
Creació multimèdia: imatge digital
Què ens aporta la fotografia digital?
- Una eina d'expressió per a tots els públics
- Treballar tant en l'espai interior com l'exterior
- Compartir els nostres àlbums i fotografies
- Convertir-nos en fotoperiodistes del nostre
entorn
Creació multimèdia: imatge digital
GIMP: és un programari lliure i multiplataforma
per al retoc d'imatge digital.
http://www.gimp.org/
Altres opcions són les
aplicacions online, com per exemple
www.pixlr.com
Creació multimèdia: imatge digital
Recursos d'imatge digital:
- Flickr: www.flickr.com/creativecommons
- Google Imatges: http://images.google.com/
- Morgue File: http://www.morguefile.com/
- Photo Pin: http://photopin.com/
- Freepik: http://www.freepik.com/
Creació multimèdia: vídeo digital
Creació multimèdia: vídeo digital
La virtut de treballar amb vídeo és que es tracta
d'un llenguatge comunicatiu bàsic del segle XXI.
El que fa uns anys era un àmbit accessible només
per a poques persones amb una formació
especialitzada, avui en dia es limita a pitjar un
botó del nostre telèfon mòbil.
Creació multimèdia: vídeo digital
El programa més habitual per a l'edició de vídeos
és Windows Movie Maker. Es tracta d'un
programa privatiu però que acostuma a venir
instal.lat amb el sistema operatiu Windows.
És senzill i intuïtiu, però ens limita a l'entorn de
Windows.
Una alternativa online és Jaycut:
http://jaycut.com/ És igualment senzill i intuïtiu,
però depèn de la connexió a Internet.
Creació multimèdia: vídeo digital
Què és el time-lapse?
El time-lapse es una técnica fotográfica muy popular usada en cinematografía y
fotografía, para mostrar diferentes motivos o sucesos que por lo general suceden
a velocidades muy lentas e imperceptibles al ojo humano. El efecto visual que se
logra en el time-lapse consiste en que todo lo que se haya capturado se mueva
muy rápidamente, como puede ser el movimiento de las nubes, la apertura de
una flor, una puesta de sol, etc. (Font: Wikipedia)

Un exemple:
Barcelona. Motion timelapse:
http://vimeo.com/76440793
Activitat!
• Per parelles, buscar un vídeo que creieu que
seria d'interès i enllaçaríeu en el bloc de la
vostra entitat.
• Fer un post de bloc argumentant el per què
l'heu triat, i enllaçar-lo.
Gràcies!

Aquesta presentació ha estat elaborada per Maurici Jaumandreu ,
per a Fundación Esplai , i ha utilitzat fragments i imatges de:
Gabriel González , tècnic de l'equip`d'e-Inclusión de la Fundación Esplai
Cesk Gasulla , coordinador de l'equip`d'e-Inclusión de la Fundación Esplai
Núria Perpinyà , tècnica en inclusió digital
www.flickr.com

Mais conteúdo relacionado

Destaque

Selbstmarketing und Pull Akquise im Social Web
Selbstmarketing und Pull Akquise im Social WebSelbstmarketing und Pull Akquise im Social Web
Selbstmarketing und Pull Akquise im Social Web
Oliver Gassner
 

Destaque (6)

SEO para desarroladores
SEO para desarroladoresSEO para desarroladores
SEO para desarroladores
 
Selbstmarketing und Pull Akquise im Social Web
Selbstmarketing und Pull Akquise im Social WebSelbstmarketing und Pull Akquise im Social Web
Selbstmarketing und Pull Akquise im Social Web
 
October 2013 HUG: HBase 0.96
October 2013 HUG: HBase 0.96October 2013 HUG: HBase 0.96
October 2013 HUG: HBase 0.96
 
What's Next for Brand Tendulkar?
What's Next for Brand Tendulkar?What's Next for Brand Tendulkar?
What's Next for Brand Tendulkar?
 
GSMA in W3C
GSMA in W3CGSMA in W3C
GSMA in W3C
 
חלופות לטיפול בגז-יתרונות החלופה הימית
חלופות לטיפול בגז-יתרונות החלופה הימיתחלופות לטיפול בגז-יתרונות החלופה הימית
חלופות לטיפול בגז-יתרונות החלופה הימית
 

Semelhante a Formació metodologia amb WordPress 3

Creacio activitats
Creacio activitatsCreacio activitats
Creacio activitats
colobor
 
AULES AMB KITMULTIMÈDIA
AULES AMB KITMULTIMÈDIAAULES AMB KITMULTIMÈDIA
AULES AMB KITMULTIMÈDIA
jarias
 
Treball Amb Les Tic Meritxell Roig Gene
Treball Amb Les Tic Meritxell Roig GeneTreball Amb Les Tic Meritxell Roig Gene
Treball Amb Les Tic Meritxell Roig Gene
mmar8
 
Eines web 2
Eines web 2Eines web 2
Eines web 2
musart
 
Tema 6 dispositius tecnològics a l'aula de primària
Tema 6 dispositius tecnològics a l'aula de primàriaTema 6 dispositius tecnològics a l'aula de primària
Tema 6 dispositius tecnològics a l'aula de primària
TIC6
 
Curs 'Innovar x Internet'. Part 1/4. Eines de comunicació
Curs 'Innovar x Internet'. Part 1/4. Eines de comunicacióCurs 'Innovar x Internet'. Part 1/4. Eines de comunicació
Curs 'Innovar x Internet'. Part 1/4. Eines de comunicació
Xavier Lasauca i Cisa
 
Projecte_final_Competic2
Projecte_final_Competic2Projecte_final_Competic2
Projecte_final_Competic2
abel lopez
 
Cuestionari
CuestionariCuestionari
Cuestionari
Carmen
 

Semelhante a Formació metodologia amb WordPress 3 (20)

Eines Web 2.0 aplicades a l'aprenentatge
Eines Web 2.0 aplicades a l'aprenentatgeEines Web 2.0 aplicades a l'aprenentatge
Eines Web 2.0 aplicades a l'aprenentatge
 
Creacio activitats
Creacio activitatsCreacio activitats
Creacio activitats
 
La Web 2.0
La Web 2.0La Web 2.0
La Web 2.0
 
AULES AMB KITMULTIMÈDIA
AULES AMB KITMULTIMÈDIAAULES AMB KITMULTIMÈDIA
AULES AMB KITMULTIMÈDIA
 
Treball Amb Les Tic Meritxell Roig Gene
Treball Amb Les Tic Meritxell Roig GeneTreball Amb Les Tic Meritxell Roig Gene
Treball Amb Les Tic Meritxell Roig Gene
 
Tic
TicTic
Tic
 
Eines web 2
Eines web 2Eines web 2
Eines web 2
 
Programari lliure
Programari lliureProgramari lliure
Programari lliure
 
PDI
PDIPDI
PDI
 
Tema 6 dispositius tecnològics a l'aula de primària
Tema 6 dispositius tecnològics a l'aula de primàriaTema 6 dispositius tecnològics a l'aula de primària
Tema 6 dispositius tecnològics a l'aula de primària
 
Programari lliure
Programari lliureProgramari lliure
Programari lliure
 
Curs 'Innovar x Internet'. Part 1/4. Eines de comunicació
Curs 'Innovar x Internet'. Part 1/4. Eines de comunicacióCurs 'Innovar x Internet'. Part 1/4. Eines de comunicació
Curs 'Innovar x Internet'. Part 1/4. Eines de comunicació
 
Curs Introducció Web20
Curs Introducció Web20Curs Introducció Web20
Curs Introducció Web20
 
Apropament pràctic a les noves eines d'internet. Web 2.0
Apropament pràctic a les noves eines d'internet. Web 2.0Apropament pràctic a les noves eines d'internet. Web 2.0
Apropament pràctic a les noves eines d'internet. Web 2.0
 
Recursos tic ppt
Recursos tic pptRecursos tic ppt
Recursos tic ppt
 
Projecte final
Projecte finalProjecte final
Projecte final
 
Projecte_final_Competic2
Projecte_final_Competic2Projecte_final_Competic2
Projecte_final_Competic2
 
Cuestionari
CuestionariCuestionari
Cuestionari
 
Activitat 4[1]
Activitat 4[1]Activitat 4[1]
Activitat 4[1]
 
Activitat 4
Activitat 4Activitat 4
Activitat 4
 

Formació metodologia amb WordPress 3

  • 2. 3a sessió Taller de blocs. Dinamització ciutadana i TIC per a entitats de Terrassa
  • 3. Mòdul 3 El projecte pren forma
  • 4. Arreglem-nos per sortir! 1. Disseny gràfic del nostre bloc. a. Temes i aparença i. Selecció ii. Manipulació i personalització iii. Colors corporatius
  • 5. Arreglem-nos per sortir! 2. Afinant en la configuració del tema a. Opcions de personalització i. Opcions de fons ii. La capçalera iii. Ginys (widgets) iv. Menús v. Pàgina principal
  • 6. ... però no tot pot ser imatge! Quin llenguatge utilitzem? Afectiu Proper Entenedor Alegre Dialogant Interessant Senzill Emotiu Confiança Il.lusionador
  • 7. Activitat! • Personalitzem l'aspecte del nostre bloc, adaptant-lo als colors que creiem pertinents. • Editem el fons i la capçalera • Seleccionem els ginys que vulguem • Creem una pàgina reflexionant sobre la importància del llenguatge en el context de la nostra entitat.
  • 8. Mòdul 4 Anant més enllà del text : creació multimèdia
  • 9. Una prèvia sobre l'adquisició de recursos... Internet no és barra lliure!
  • 10. Recursos: compartir el coneixement Què és Creative Commons? CC, alguns drets reservats Per saber-ne més: http://clic.xtec.cat/es/act/cc.htm
  • 13. Creació multimèdia: so Treballar amb podcasts ens obre la porta a una forma de comunicació més afectiva i directa que l'escriptura. Una de les funcions més utilitzades dels podcasts és per a la creació de programes de ràdio online. Mitjançant els feed RSS podem seguir fàcilment qualsevol programa, i fidelitzar l'oient.
  • 14. Creació multimèdia: so Audacity és un programari lliure multiplataforma per a l'edició d'àudio. http://www.softcatala.org/wiki/Rebost:Audacity Funcions: - Enregistrar àudio en directe. - Convertir cintes i gravar-les en format digital o CD. - Editar fitxers d'àudio en format Ogg Vorbis, MP3, WAW o AIFF. - Tallar, copiar, dividir o barrejar sons. - Canviar la velocitat de l'enregistrament. - I moltes coses més (opcions d'enregistrament, exportació, importació, edició, efectes, qualitat de l'àudio, connectors i anàlisi).
  • 15. Creació multimèdia: so L'alternativa a treballar amb un programa instal.lat a l'ordinador és fer-ho amb aplicacions online, les quals depenen de la connexió a Internet per funcionar però permeten dur a terme de forma senzilla les operacions més bàsiques: http://www.educacontic.es/blog/como-cortar-y-un ir-fragmentos-de-audio-online Per tallar àudio online: http://mp3cut.net/es/ Per unir àudio online: http://audio-joiner.com/es/
  • 16. Creació multimèdia: so Arcadia Gamers: un exemple de ràdio amb podcasts a Ivoox http://www.ivoox.com/escuchar-arcadia-gamers-e l-programa-radio-independient_nq_1576_1.html http://www.arcadiagamers.com/
  • 17. Creació multimèdia: so Tot un Poble: un projecte comunitari radiant des de la Trinitat Vella, amb podcasts via archive.org http://totunpoble.blogspot.com.es/ Un repositori amb recursos multimedia https://archive.org/
  • 18. Creació multimèdia: so Jamendo: un repositori de referència amb més de 400000 entrades de música lliure. http://www.jamendo.com/es/search I The Free Sound Project: http://www.freesound.org/
  • 19. Activitat! Busca a Internet un programa de ràdio per podcasts que enllaçaries al teu bloc. Posada en comú: per què heu triat el que heu triat? Què en destacaríeu? Creieu que a la vostra entitat podríeu fer-ho?
  • 20. Creació multimèdia: imatge digital La fotografia i la imatge digital són una de les formes de comunicació més habituals avui en dia. La majoria de persones disposem de càmeres o dispositius mòbils que ens permeten fer fotografies i compartir-les en qualsevol moment.
  • 21. Creació multimèdia: imatge digital Què ens aporta la fotografia digital? - Una eina d'expressió per a tots els públics - Treballar tant en l'espai interior com l'exterior - Compartir els nostres àlbums i fotografies - Convertir-nos en fotoperiodistes del nostre entorn
  • 22. Creació multimèdia: imatge digital GIMP: és un programari lliure i multiplataforma per al retoc d'imatge digital. http://www.gimp.org/ Altres opcions són les aplicacions online, com per exemple www.pixlr.com
  • 23. Creació multimèdia: imatge digital Recursos d'imatge digital: - Flickr: www.flickr.com/creativecommons - Google Imatges: http://images.google.com/ - Morgue File: http://www.morguefile.com/ - Photo Pin: http://photopin.com/ - Freepik: http://www.freepik.com/
  • 25. Creació multimèdia: vídeo digital La virtut de treballar amb vídeo és que es tracta d'un llenguatge comunicatiu bàsic del segle XXI. El que fa uns anys era un àmbit accessible només per a poques persones amb una formació especialitzada, avui en dia es limita a pitjar un botó del nostre telèfon mòbil.
  • 26. Creació multimèdia: vídeo digital El programa més habitual per a l'edició de vídeos és Windows Movie Maker. Es tracta d'un programa privatiu però que acostuma a venir instal.lat amb el sistema operatiu Windows. És senzill i intuïtiu, però ens limita a l'entorn de Windows. Una alternativa online és Jaycut: http://jaycut.com/ És igualment senzill i intuïtiu, però depèn de la connexió a Internet.
  • 27. Creació multimèdia: vídeo digital Què és el time-lapse? El time-lapse es una técnica fotográfica muy popular usada en cinematografía y fotografía, para mostrar diferentes motivos o sucesos que por lo general suceden a velocidades muy lentas e imperceptibles al ojo humano. El efecto visual que se logra en el time-lapse consiste en que todo lo que se haya capturado se mueva muy rápidamente, como puede ser el movimiento de las nubes, la apertura de una flor, una puesta de sol, etc. (Font: Wikipedia) Un exemple: Barcelona. Motion timelapse: http://vimeo.com/76440793
  • 28. Activitat! • Per parelles, buscar un vídeo que creieu que seria d'interès i enllaçaríeu en el bloc de la vostra entitat. • Fer un post de bloc argumentant el per què l'heu triat, i enllaçar-lo.
  • 29. Gràcies! Aquesta presentació ha estat elaborada per Maurici Jaumandreu , per a Fundación Esplai , i ha utilitzat fragments i imatges de: Gabriel González , tècnic de l'equip`d'e-Inclusión de la Fundación Esplai Cesk Gasulla , coordinador de l'equip`d'e-Inclusión de la Fundación Esplai Núria Perpinyà , tècnica en inclusió digital www.flickr.com