Eclectica DV - Formación en nuevas tecnologías http://www.eclecticadv.net/ es Eclectica DV - Formación en nuevas tecnologías http://www.eclecticadv.net/IMG/siteon0.jpg?1365104590 http://www.eclecticadv.net/ [Reportatge] Taller: "Compartir i organitzar pàgines favorites amb Delicious" http://www.eclecticadv.net/spip.php?article388 <img class="spip_logos" alt="" align="right" src="IMG/arton388.jpg?1365104405" width="160" height="160" onmouseover="this.src='IMG/artoff388.jpg?1365104348'" onmouseout="this.src='http://www.eclecticadv.net/IMG/arton388.jpg?1365104405'" /><p><img src="http://www.eclecticadv.net/squelettes-dist/puce.gif" width="8" height="11" class="puce" alt="-" /> <a href="http://www.slideshare.net/eclecticadv/taller-compartir-y-organizar-pginas-favoritas-con-delicious" class='spip_out' rel='external'>Consulteu la presentació online</a></p> <h3 class="spip">Crear un compte d'usuari/ària</h3> <p><span class='spip_document_1099 spip_documents spip_documents_right' style='float:right; width:200px;'> <img src='http://www.eclecticadv.net/IMG/jpg/plan7_tall6_03CS.jpg' width="200" height="150" alt="" /></span>Com sempre, la professora <a href="http://www.eclecticadv.net/spip.php?article141" class='spip_in'>Lize De Clercq</a> va explicar la importància d'escollir bé el nom d'usuari al crear un compte amb programes online com Delicious. No pot tenir ni espais ni puntuacions ni majuscúles i en aquest cas és important saber que el nom d'usuari es convertirà automàticament en el enllaç cap a la teva pàgina d'inici, que més tard pot ser promocionada publicament com a part de la teva 'identitat digital'. Al crear un compte, el programa en demana d'instal·lar alguns botons automàtics en el nostre navegador i d'importar les nostres pàgines favorites guardades. Aquests són passos que millor es realitzen posteriorment, quan ens trobem davant el nostre ordinador personal.</p> <h3 class="spip">Diferenciar els apartats i les pàgines d'inci</h3> <p><span class='spip_document_1101 spip_documents spip_documents_left' style='float:left; width:200px;'> <img src='http://www.eclecticadv.net/IMG/jpg/plan7_tall6_05CS.jpg' width="200" height="150" alt="" /></span>Contràriament amb per exemple una 'comunitat' com Facebook, la 'comunitat' d'usuaris/àries de Delicious és oberta: la pàgina d'inici de cada usuari/ària pot ser consultada per qualsevol visitant, també per qui no s'ha creat un compte amb Delicious. Per exemple: tothom pot visitar la pàgina d'inci <a href="http://www.delicious.com/joventutsantboi" class='spip_url spip_out auto' rel='nofollow external'>www.delicious.com/joventutsantboi</a> i consultar tot el seu contingut. És important distinguir entre una pàgina d'inci d'un/a usuari/ària (<a href="http://www.delicious.com/nomusuari" class='spip_url spip_out auto' rel='nofollow external'>www.delicious.com/nomusuari</a>) i la pàgina d'inici 'general' de Delicious (<a href="http://www.delicious.com/" class='spip_url spip_out auto' rel='nofollow external'>www.delicious.com</a>) on s'arriba clicant el botó '<i>Home</i>'.</p> <p>Si estas connectada (=tens una sessió oberta) amb Delicious, el teu nom d'usuari/ària apareixerà a dalt a la dreta, on has de clicar si et perds i vols tornar a la teva pàgina d'inci. A dalt a la dreta també t'apareixeran les diferents accions que podràs realitzar segons els diferents apartats del programa: 'Bookmarks' (=pàgines favorites), 'Network', 'Tags', 'Subscriptions' i 'Inbox'.</p> <h3 class="spip">Guardar favorites</h3> <p>Si estás navegant per internet i et trobes amb un enllaç que vols marcar com a pàgina favorita, és el moment de copiar l'URL de l'enllaç i obrir una pestanya del navegador amb el teu compte de Delicious i clicar en l'acció '<i>Save a new bookmark</i>'. Delicious t'obrira una primera finestra on pots pegar l'enllaç. Després de prémer '<i>next</i>' s'obre una altra finestra on pots omplir diferents camps.</p> <p><span class='spip_document_1104 spip_documents spip_documents_right' style='float:right; width:200px;'> <img src='http://www.eclecticadv.net/IMG/jpg/plan7_tall6_02CS.jpg' width="200" height="150" alt="" /></span>En '<i>Title</i>' normalment apareix automàticament el títol de l'enllaç, però també hi pots posar un títol personalitzat. En '<i>Tags</i>' pots anar posant etiquetes teves (separats per espais, si vols posar 2 paraules les has de juntar amb "_" o bé escriure-les juntes), o bé escollir les etiquetes amb que altres usuaris/àries del Delicious ja han marcat prèviament aquest enllaç. En '<i>Notes</i>' pots escriure la descripció que més tingui utilitat per tu i que més explica perquè has volgut guardar aquest enllaç. Tingueu en compte però que si no marques la casilla '<i>Make private</i>', tota l'informació que omples estarà visible publicament.</p> <p>Des del moment que guardes el teu primer enllaç, podrás visualitzar-ho en l'apartat '<i>Bookmarks</i>' i a la dreta t'apareixerà una columna '<i>Tags</i>' amb les etiquetes que acabes d'utilitzar.</p> <h3 class="spip">Descobrir la teva blogosfera i afegir usuaris/àries a la teva xarxa</h3> <p>Al costat de l'enllaç que acabes de guardar t'apareix també el nombre d'usuaris/àries que van guardant el mateix enllaç. Clicant a sobre la xifra pots explorar qui són aquests/es usuaris/àries, i quines etiquetes i descripcions han utilitzat els/elles per guardar l'enllaç. Molt probablement, les persones que van guardant els mateixos enllaços que tu també comparteixen els mateixos interessos que tu i és llavors interessant de visitar les pàgines d'inici d'aquests/es usuaris/àries. Si veus que les etiquetes que més utilitzen són també els temes del teu interés, has trobat a algú 'que forma part de la teva blogosfera' i podria ser interessant de 'seguir' aquesta persona a través de Delicious, afegint-la a la teva xarxa ('<i>Network</i>') clicant l'acció '<i>Add to my network</i>' en la seva pàgina d'inici.</p> <p><span class='spip_document_1100 spip_documents spip_documents_left' style='float:left; width:200px;'> <img src='http://www.eclecticadv.net/IMG/jpg/plan7_tall6_04CS.jpg' width="200" height="150" alt="" /></span>Si ara tornes a la teva pàgina d'inici i consultes l'apartat '<i>Network</i>' veuràs tots els enllaços que la persona afegida va anar guardant fins ara. Si afegeixes més persones a la teva xarxa, els enllaços de tot aquesta gent es van barrejant de manera cronològica i en la columna lateral (sota '<i>People</i>' i '<i>Network</i>') apareixen els noms d'usuaris de tota la gent a qui estàs seguint. Si algun/a usuari/ària decideix de seguir-te a tu, en la columna lateral apareixerà el seu nom d'usuari sota l'apartat '<i>Fans</i>'. Si és algú a qui tu també segueixes, apareixerà com a '<i>mutual fan</i>'.</p> <p><span class='spip_document_1102 spip_documents spip_documents_right' style='float:right; width:200px;'> <img src='http://www.eclecticadv.net/IMG/jpg/plan7_tall6_10CS.jpg' width="200" height="150" alt="" /></span></p> <h3 class="spip">Enviar un enllaç a un/a usuari/ària</h3> <p>Si estàs guardant un enllaç del què penses podria ser d'interés per un/a cert/a usuari/ària, en la part de '<i>Tags</i>' pots afegir el codi '<i>for:nomusuari</i>' i l'enllaç s'enviarà a l'apartat '<i>Inbox</i>' d'aquest/a usuari/ària. Si ets l'usuari/ària que rep l'enllaç, pots decidir de guardar-ho tu també en els teu apartat de 'Bookmarks', clicant '<i>save</i>' al costat de l'enllaç en concret.</p> <h3 class="spip">Seguir certes etiquetes</h3> <p>Si ets experta en un cert tema, podria ser interessant de rebre una alerta cada vegada que algun/a usuari/ària vagi guardant un enllaç amb una o més etiquetes que tenen molt a veure amb la teva especialitat. Per la Factoria Jove de Can Massallera seria per exemple interessant seguir tots els enllaços que tota la comunitat de Delicious vagi guardant amb les etiquetes 'joventut' i 'joves'.</p> <p><span class='spip_document_1105 spip_documents spip_documents_left' style='float:left; width:200px;'> <img src='http://www.eclecticadv.net/IMG/jpg/plan7_tall6_09CS.jpg' width="200" height="150" alt="" /></span>Per fer-ho, has d'anar a l'apartat '<i>Subscriptions</i>' i omplir cada etiqueta a la qual et vols suscriure en '<i>Add a subscription</i>'. Si només vols seguir els enllaços que un/a cert/a usuari/ària va guardant amb una certa etiqueta has de marcar '<i>From a specific user</i>' i omplir el seu nom d'usuari. Per la Factoria Jove per exemple seria interessant de seguir l'etiqueta 'web 2.0' de l'usuari 'eclecticadv', ja que saben que des d'Eclèctica DV treballem aquest tema des d'un punt de formació i en el terreny de Catalunya.</p> Tallers i seminaris sobre la web 2.0> 2011-06-08T21:18:00Z text/html ca Eclèctica DV [Agenda] Tallers: «Web 2.0 per a la ofimàtica online» a l'Ajuntament de Sant Boi de Llobregat - 7, 14 i 21 de juny http://www.eclecticadv.net/spip.php?article375 <img class="spip_logos" alt="" align="right" src="IMG/arton375.png?1365104404" width="160" height="160" onmouseover="this.src='IMG/artoff375.jpg?1365104347'" onmouseout="this.src='http://www.eclecticadv.net/IMG/arton375.png?1365104404'" /><p><strong>Els dies 7, 14 i 21 de juny <a href="http://www.eclecticadv.net/spip.php?rubrique114" class='spip_in'>Planeta Eclèctica</a> realitzarà els tres tallers del segon cicle<span class="spip_note_ref"> [<a href='#nb1' class='spip_note' rel='footnote' title='Primer cicle: «Web 2.0 per a la dinamització de la teva presència online» - 3, (...)' id='nh1'>1</a>]</span> de formació dirigit als/a les tècnics/tècniques de joventut de <a href="http://joventutsantboi.wordpress.com/" class='spip_out' rel='external'>Factoria Jove de Can Massallera</a>. Durant els tallers, els tècnics i les tècniques aprendran a fer servir una serie de programes d'ofimàtica online que poden facilitar l'organització i el desenvolupament de la seva activitat professional.</strong><span class='spip_document_1047 spip_documents spip_documents_right' style='float:right; width:100px;'> <a href="http://www.wufoo.com/" class="spip_out"><img src='http://www.eclecticadv.net/IMG/jpg/plan7_Wufoo_logoVCCS.jpg' width="100" height="100" alt="" /></a></span></p> <ul class="spip"><li> <strong>Compartir i organitzar pàgines favorites amb <a href="http://www.delicious.com/" class='spip_out' rel='external'>Delicious</a></strong>:<br> <font color="red">dimarts 7 de juny, de 14h a 16h</font><span class='spip_document_1048 spip_documents spip_documents_right' style='float:right; width:80px;'> <a href="http://www.delicious.com/" class="spip_out"><img src='http://www.eclecticadv.net/IMG/png/plan7_Delicious_logoVSS.png' width="80" height="80" alt="" /></a></span> <br /><img src="http://www.eclecticadv.net/squelettes-dist/puce.gif" width="8" height="11" class="puce" alt="-" /> per gestionar i catalogar de manera compartida la informació trobada en internet (=identificar la teva blogosfera)</li></ul><ul class="spip"><li> <strong>Crear formularios online amb <a href="http://www.wufoo.com/" class='spip_out' rel='external'>Wufoo</a></strong>:<br> <font color="red">dimarts 14 de juny, de 14h a 16h</font> <br /><img src="http://www.eclecticadv.net/squelettes-dist/puce.gif" width="8" height="11" class="puce" alt="-" /> per fer inscripcions (i també sondejos, petites enquestes, opinions i venta de material)<span class='spip_document_1046 spip_documents spip_documents_right' style='float:right; width:100px;'> <a href="http://www.surveymonkey.com/" class="spip_out"><img src='http://www.eclecticadv.net/IMG/jpg/plan7_SurveyMonkey_new.jpg' width="100" height="100" alt="" /></a></span></li></ul> <p><!— -* <strong>Crear enquestes d'avaluació amb <a href="http://www.surveymonkey.com/" class='spip_out' rel='external'>SurveyMonkey</a></strong>:<br><font color="red">dimarts 7 de juny, de 14h a 16h</font><br /><img src="http://www.eclecticadv.net/squelettes-dist/puce.gif" width="8" height="11" class="puce" alt="-" /> per avaluar activitats i fer tests de nivell —></p> <ul class="spip"><li> <strong>Crear un escriptori virtual i seguir la informació amb <a href="http://www.netvibes.com/" class='spip_out' rel='external'>Netvibes</a></strong>:<br> <font color="red">dimarts 21 de juny, de 14h a 16h</font><span class='spip_document_1045 spip_documents spip_documents_right' style='float:right; width:100px;'> <a href="http://www.netvibes.com/" class="spip_out"><img src='http://www.eclecticadv.net/IMG/jpg/plan7_Netvibes_logoCSS.jpg' width="100" height="122" alt="" /></a></span> <br /><img src="http://www.eclecticadv.net/squelettes-dist/puce.gif" width="8" height="11" class="puce" alt="-" /> per mantenir-nos al dia de l'actualitat que ens interessa (=seguir la teva blogosfera) <br /><img src="http://www.eclecticadv.net/squelettes-dist/puce.gif" width="8" height="11" class="puce" alt="-" /> per compartir el flux de la informació prèviament catalogada amb Delicious</li></ul> Tallers i seminaris sobre la web 2.0> 2011-06-02T13:14:00Z text/html ca Eclèctica DV [Reportatge] Taller: «Ús de Wordpress.com per a la dinamització juvenil: competències avançades» http://www.eclecticadv.net/spip.php?article389 <img class="spip_logos" alt="" align="right" src="IMG/arton389.jpg?1365104405" width="160" height="160" onmouseover="this.src='IMG/artoff389.jpg?1365104348'" onmouseout="this.src='http://www.eclecticadv.net/IMG/arton389.jpg?1365104405'" /><p><img src="http://www.eclecticadv.net/squelettes-dist/puce.gif" width="8" height="11" class="puce" alt="-" /> <a href="http://www.slideshare.net/eclecticadv/uso-de-wordpresscom-para-la-dinamizacin-juvenil-competencias-avanzadas" class='spip_out' rel='external'>Consulteu la presentació online</a></p> <p><span class='spip_document_1110 spip_documents spip_documents_right' style='float:right; width:200px;'> <img src='http://www.eclecticadv.net/IMG/jpg/plan7_tall5_16CS.jpg' width="200" height="150" alt="" /></span><br>Abans de tot, per tal de tenir accès a la part de l'escriptori que permet intervenir en l'aspecte gràfic d'una pàgina feta amb Wordpress.com necessites tenir drets d'administradora<span class="spip_note_ref"> [<a href='#nb2' class='spip_note' rel='footnote' title='Veure el reportatge del primer taller «Ús de Wordpress.com per a la (...)' id='nh2'>2</a>]</span>. Una vegada connectada amb drets d'administració, veuràs com en la columna dreta de l'escriptori t'apareixerà l'apartat '<i>Apariencia</i>', que és on es gestiona tota la part de la plantilla gràfica (o 'tema') de la teva web.</p> <h3 class="spip">Escollir la plantilla gràfica</h3> <p>Per canviar la plantilla, has d'anar al subapartat '<i>Tema</i>' i escollir entre les més de 100 <a href="http://theme.wordpress.com/themes/" class='spip_out' rel='external'>possibilitats gràfiques</a> que Wordpress.com t'ofereix, la majoria gratuïtes. Escollir el tema és tot un art i per fer una bona selecció s'ha de conèixer amb més profundidat la funció dels subapartats '<i>Widgets</i>' ('<i>Ginys</i>' en català) i '<i>Menú</i>', que explicarem més endavant. De moment és interessant saber que si t'agrada una certa web feta amb Wordpress.com pots trobar el nom del tema abaix de la web i introduir-ho en el camp de recerca del subapartat '<i>Tema</i>'<span class="spip_note_ref"> [<a href='#nb3' class='spip_note' rel='footnote' title='Per exemple: si t'agrada la gràfica de donessantboi.wordpress.com i veus (...)' id='nh3'>3</a>]</span>. Per aplicar un cert tema a la teva pàgina només has de prémer l'enllaç '<i>Activar</i>' (si, vols primer pots prémer '<i>Vista prèvia</i>' per veure com queda).</p> <p><span class='spip_document_1109 spip_documents spip_documents_left' style='float:left; width:200px;'> <img src='http://www.eclecticadv.net/IMG/jpg/plan7_tall5_10CS.jpg' width="200" height="150" alt="" /></span><Si ja saps una mica més sobre com funcionen les plantilles gràfiques de Wordpress.com, clicant sobre '<i>Filtros característicos</i>' pots fer una recerca 'filtrada' marcant les característiques que vols que tingui la teva plantilla.<span class="spip_note_ref"> [<a href='#nb4' class='spip_note' rel='footnote' title='Per exemple: si vols un tema amb color 'Blanco', 'Tres columnas', 'Menú (...)' id='nh4'>4</a>]</span>.</p> <p>Tal com vam decidir durant el taller anterior, per re-configurar l'aspecte de l'actual pàgina www.joventutsantboi.cat, hauriem d'escollir un tema que doni moltes possibilitats, ja que més que l'aspecte d'un blog volem que l'aspecte sigui d'una pàgina web principal.<br>Això si: s'ha de tenir en compte que el Wordpress.com és un sistema de gestió de continguts ('<i>CMS</i>') pensat sobretot per donar l'aspecte d'un blog a una pàgina.</p> <p>Com a solució i filtrant una gran part de les possibles característiques, hem activat el tema '<a href="http://theme.wordpress.com/themes/under-the-influence/" class='spip_out' rel='external'>Under the Influence</a>' per aprendre a configurar una pàgina web d'inici. És important entendre que segons el tema activat el número de subapartats que apareix sota '<i>Apariencia</i>' canvia. També el contingut d'aquests subapartats canvia segons el tema activat. <br class='autobr' /> <span class='spip_document_1114 spip_documents spip_documents_right' style='float:right; width:200px;'> <img src='http://www.eclecticadv.net/IMG/jpg/plan7_tall5_20CS.jpg' width="200" height="150" alt="" /></span></p> <h3 class="spip">Escollir l'impaginació</h3> <p>Si el tema activat conté la característica '<i>Opciones del tema</i>' (<i><a href="http://theme.wordpress.com/themes/features/theme-options/" class='spip_out' rel='external'>theme-options</a></i>), aquesta apareix com a un subapartat de '<i>Apariencia</i>' i ens dona l'opció d'escollir entre una varietat d'imaginacions ('<i>layouts</i>') de cabeceres, columnes, barres laterals i barres inferiors<span class="spip_note_ref"> [<a href='#nb5' class='spip_note' rel='footnote' title='Per exemple: amb Twenty Eleven fins a 3, amb Coraline fins a 5, amb (...)' id='nh5'>5</a>]</span>.</p> <h3 class="spip">Canviar la capçalera</h3> <p>Si el tema activat conté la característica '<i>Cabecera personalizada</i>' (<i><a href="http://theme.wordpress.com/themes/features/custom-header/" class='spip_out' rel='external'>custom-header</a></i>), aquesta apareix com a un subapartat de '<i>Apariencia</i>' i ens dona l'opció de canviar l'imatge de la capçalera i de treure el nom de la pàgina que moltes vegades per defecte apareix a sobre de l'imatge.</p> <h3 class="spip">Configurar el menu de navegació</h3> <p>Si el tema activat conté la característica '<i>Menú personalizado</i>' (<i><a href="http://theme.wordpress.com/themes/features/custom-menu/" class='spip_out' rel='external'>custom-menu</a></i>), aquesta apareix com a un subapartat de '<i>Apariencia</i>' i ens dona l'opció de canviar o afegir 'pestanyes' del menú de navegació, amb enllaços cap a pàgines, categories o cap qualsevol enllaç que configurem en el formulari '<i>Enlaces personalizados</i>' d'aquest subapartat. Si volem doncs 'sobreescriure' l'actual ordre i la jerarquia del menú de navegació amb pestanyes entre les pàgines, hem d'escollir de la barra lateral les pàgines que volem afegir al menú i arrossegar-les cap a la zona on estem construint l'ordre i la jerarquia del nou menú. Fet això, donem un nom al nou menú, el guardem i l'activem escollint-lo en la barra lateral on diu '<i>Ubicación del tema</i>' i '<i>Navegación primaria</i>'.</p> <p><span class='spip_document_1111 spip_documents spip_documents_left' style='float:left; width:200px;'> <img src='http://www.eclecticadv.net/IMG/jpg/plan7_tall5_17CS.jpg' width="200" height="150" alt="" /></span><br>Podem repetir l'operació per construir un nou menú de navegació amb per exemple les categories, creant primer una nova zona de menú amb la pestanya "+" i guardant-lo amb un nou menú. Moltes temes de Wordpress.com però no permeteràn activar també aquest segon menú, però si pot ser utilitzat en un altra apartat de la pàgina, activant-ho amb el '<i>Widget</i>': '<i>Ménu personalizado</i>'</p> <h3 class="spip">Personalitzar l'impaginació amb '<i>Widgets</i>'</h3> <p><span class='spip_document_1108 spip_documents spip_documents_right' style='float:right; width:200px;'> <img src='http://www.eclecticadv.net/IMG/jpg/plan7_tall5_07CS.jpg' width="200" height="150" alt="" /></span>En informàtica un '<i>Widget</i>' (en català '<i>Ginys</i>') és una petita aplicació o programa, usualment presentat en arxius o fitxers petits que són executats per un motor de ginys o '<i>Widget Engine</i>'. Entre els seus objectius estan els de donar fàcil accés a funcions freqüentment usades i proveir d'informació visual<span class="spip_note_ref"> [<a href='#nb6' class='spip_note' rel='footnote' title='Definició tret de la Viquipèdia' id='nh6'>6</a>]</span>. En Wordpess.com els pots configurar el subapartat '<i>Widgets</i>' de '<i>Apariencia</i>' i permeten una personalització a fons de l'impaginació del tema escollit.</p> <p>Per treballar amb widgets en Wordpress.com és important saber:<br /><img src="http://www.eclecticadv.net/squelettes-dist/puce.gif" width="8" height="11" class="puce" alt="-" /> Depenent del tema, uns widgets son disponibles i altres no. En la zona de '<i>Widgets disponibles</i>' pots trobar tot el catàleg disponible (en ordre alfabètic) pel tema en qüestió.<br /><img src="http://www.eclecticadv.net/squelettes-dist/puce.gif" width="8" height="11" class="puce" alt="-" /> En la barra lateral apareixen totes les zones (barres laterals, barres inferiors,...) on segons el tema en qüestió es poden activar els diferents widgets (arrossegant-los desde la zona de '<i>Widgets disponibles</i>' o '<i>Widgets activos</i>'. Una vegada que s'arrossega un sol widget cap a una d'aquestes zones la configuració preconfigurada (per exemple amb els widget 'Categories' o 'Meta' o 'Archivos') es sobreescriu amb el contingut del widget que s'acaba d'arrossegar.<br /><img src="http://www.eclecticadv.net/squelettes-dist/puce.gif" width="8" height="11" class="puce" alt="-" /> Els widgets que es troben en la zona '<i>Widgets activos</i>' són una preselecció dels widgets disponibles activats per defecte pel tema. Si volem desactivar un widget que acabem de configurar el podem arrossegar cap a aquesta zona sense perdre la seva configuració ja feta, també si després canviem de tema.</p> Tallers i seminaris sobre la web 2.0> 2011-05-31T23:37:00Z text/html ca Eclèctica DV [Reportatge] Taller: "Ús de Wordpress.com per a la dinamització juvenil: competències bàsiques" http://www.eclecticadv.net/spip.php?article387 <img class="spip_logos" alt="" align="right" src="IMG/arton387.jpg?1365104405" width="160" height="160" onmouseover="this.src='IMG/artoff387.jpg?1365104348'" onmouseout="this.src='http://www.eclecticadv.net/IMG/arton387.jpg?1365104405'" /><p><img src="http://www.eclecticadv.net/squelettes-dist/puce.gif" width="8" height="11" class="puce" alt="-" /> <a href="http://www.slideshare.net/eclecticadv/uso-de-wordpresscom-para-la-dinamizacin-juvenil-competencias-avanzadas" class='spip_out' rel='external'>Consulteu la presentació online</a></p> <h3 class="spip">Anàlisi de l'ús existent de Wordpress.com</h3> <p><span class='spip_document_1098 spip_documents spip_documents_right' style='float:right; width:200px;'> <img src='http://www.eclecticadv.net/IMG/jpg/plan7_tall4_5_04CS.jpg' width="200" height="150" alt="" /></span>La pàgina de la <a href="http://www.joventutsantboi.cat/" class='spip_out' rel='external'>Factoria Jove</a> està feta actualment amb l'aplicació Wordpress.com, la versió online i gratuïta del projecte <a href="http://es.wikipedia.org/wiki/WordPress" class='spip_out' rel='external'>Wordpress</a>, un dels Sistemes de Gestió de Continguts (en anglès: <i>Content Management System</i> o 'CMS') més utilitzats al món. La pàgina té l'aspecte d'un blog (amb entrades periòdiques que corren en la columna central) però de fet és un canal de notificacions sobre activitats, esdeveniments, campanyes i convocatòries (en lloc de contenir articles d'opinió o reportatges amb comentaris dels/de les lectors/es). Durant el taller es va decidir de re-configurar l'aspecte de l'actual pàgina <a href="http://www.joventutsantboi.cat/" class='spip_out' rel='external'>www.joventutsantboi.cat</a> per fer la funció de pàgina web principal i obrir un altra pàgina amb Wordpress.com amb un aspecte diferent que podria fer la funció de blog interactiu.</p> <h3 class="spip">Mapear un domini amb Wordpress.com</h3> <p><span class='spip_document_1094 spip_documents spip_documents_left' style='float:left; width:200px;'> <img src='http://www.eclecticadv.net/IMG/jpg/plan7_tall4_5_12CS.jpg' width="200" height="150" alt="" /></span>L'ús bàsic de Wordpress.com és completament gratuït, però algunes funcions s'han de pagar, com per exemple el <i>mapeo</i> d'un domini (en anglès <i>Domain Mapping</i>): reemplaçar l'adreça web joventutsantboi.wordpress.com amb el domini <a href="http://www.joventutsantboi.cat/" class='spip_url spip_out auto' rel='nofollow external'>www.joventutsantboi.cat</a>. Actualment, només s'ha fet una redirecció del domini (teclejant <a href="http://www.joventutsantboi.cat/" class='spip_url spip_out auto' rel='nofollow external'>www.joventutsantboi.cat</a> la pàgina es converteix en joventutsantboi.wordpress.com). Al fer un mapeo, la part "wordpress.com" desapareix de totes les pàgines, i joventutsantboi.wordpress.com/contacte per exemple esdevé <a href="http://www.joventutsantboi.cat/contacte" class='spip_url spip_out auto' rel='nofollow external'>www.joventutsantboi.cat/contacte</a><span class="spip_note_ref"> [<a href='#nb7' class='spip_note' rel='footnote' title='L'article (en anglès) Map an existing Domain explica com fer un mapeo quant (...)' id='nh7'>7</a>]</span></p> <h3 class="spip">Creació d'un/a usuari/ària</h3> <p><span class='spip_document_1090 spip_documents spip_documents_right' style='float:right; width:200px;'> <img src='http://www.eclecticadv.net/IMG/jpg/plan7_tall4_5_05CS.jpg' width="200" height="150" alt="" /></span>La creació d'un compte Wordpress.com és el primer pas per obrir un blog propi o participar en l'edició d'un altre blog. És millor fer-ho directament des de <a href="http://es.wordpress.com/" class='spip_out' rel='external'>es.wordpress.com</a>, la versió de Wordpress.com en Espanyol. El sistema et demana de crear de seguida l'adreça d'un blog propi, que no pot tenir ni espais ni puntuacions ni majúscules, al igual que el nom d'usuari. És important de posar una contrasenya bastant llarga i després d'omplir el email consultar-ho per confirmar el compte creat amb Wordpress.com per tal d'activar-ho.</p> <h3 class="spip">Exploració de l'escriptori</h3> <p>Fet això, ja es pot 'obrir una sessió' (=accedir a l'escriptori, a l'admin) de <a href="http://es.wordpress.com/" class='spip_out' rel='external'>es.wordpress.com</a> omplint el nom d'usuari i la contrasenya i prement '<i>Acceder</i>' en la part de dalt/esquerra. Ara bé, una vegada que tenim 'una sessió oberta' (='estem connectades amb la part de l'admin de Wordpress.com'), apareix una icona i també les pestanyes '<i>Mi cuenta</i>' i '<i>Mis blogs</i>'. Si cliquem l'última opció de '<i>Mi cuenta</i>' ('Cerrar sesión') podem tancar la sessió i tornar a <a href="http://es.wordpress.com/" class='spip_out' rel='external'>es.wordpress.com</a> sense que el sistema 'ens reconeix'. Amb una sessió oberta i sota la pestanya '<i>Mis blogs</i>' apareixen tots els blogs que hem creat nosaltres o als quals vam ser convidats per participar-hi. Es pot accedir a l'escriptori de cada blog fer passant el ratolí sobre el blog escollit i després cap a la dreta sobre '<i>Escritorio</i>'.</p> <p><span class='spip_document_1096 spip_documents spip_documents_left' style='float:left; width:200px;'> <img src='http://www.eclecticadv.net/IMG/jpg/plan7_tall4_5_15CS1.jpg' width="200" height="150" alt="" /></span>Ara bé, depenent dels drets que et van ser atorgats al ser convidada per participar en l'edició d'un blog específic, l'aspecte de l'escriptori és una mica diferent. Si ets 'autor' només podràs editar els articles escrits per tu, mentre que si ets 'editor' també ho pots fer amb articles escrits pels altres. Si ets 'col·laborador' necessites l'aprovació d'un administrador per publicar el teu article. I si ets 'administrador' (com en el cas del teu propi blog) podràs fer de tot i en la columna dreta de l'escriptori t'apareixeran apartats com '<i>Apariencia</i>' i '<i>Usuarios</i>'.</p> <h3 class="spip">Alternant entre la part de l'escriptori i la part visible</h3> <p><span class='spip_document_1095 spip_documents spip_documents_right' style='float:right; width:200px;'> <img src='http://www.eclecticadv.net/IMG/jpg/plan7_tall4_5_13CS.jpg' width="200" height="150" alt="" /></span>Amb una sessió oberta, es pot veure la part visible clicant en l'enllaç a sobre de l'escrit 'Escritorio'. Una bona manera de treballar és obrir aquesta part visible en una nova pestanya, mantenint premuda la tecla 'ctrl' abans de clicar l'enllaç. Així, una vegada que s'ha actualitzat el contingut en la part de l'escriptori, amb el navegador es pot refrescar la part visible per veure reflectats els resultats de les nostres actualitzacions. Si per qualsevol raó t'has perdut i no saps com tornar a la part de l'escriptori, sempre pots afegir "/wp-admin" darrrera de l'enllaç de la teva pàgina.</p> <h3 class="spip">Crear i editar entrades amb enllaços i imatges</h3> <p><span class='spip_document_1097 spip_documents spip_documents_left' style='float:left; width:200px;'> <img src='http://www.eclecticadv.net/IMG/jpg/plan7_tall4_5_15CS2.jpg' width="200" height="150" alt="" /></span>En l'apartat '<i>Entradas</i>' es visualitzen totes les entrades (en anglès: <i>posts</i>) ja fetes (='publicades' o 'en procés d'edició') i amb el botó '<i>Añadir nueva</i>' es pot afegir una nova. Afegint o editant una entrada, el Wordpress obre una finestra amb una pestanya '<i>Visual</i>' (amb el interfície intuïtiu semblant a un processador de text) i un pestanya '<i>Html</i>' (amb el codi de programació). Per enllaçar unes paraules del text s'han de seleccionar i s'ha de prémer la icona del clip (per desenllaçar: seleccionar i prémer el clip desconnectat). En la part '<i>URL</i>' s'ha de copiar tota la adreça web (inclòs la part <i>http://</i>) i si volem que l'enllaç s'obri en una nova pestanya del navegador hem de marcar el camp '<i>open link in new window/tab</i>'. Si volem que s'apareix un text abans de clicar en un enllaç, hem d'omplir la part de '<i>Title</i>'.</p> <p>Si volem introduir una imatge, hem de prémer la icona rectangular al costat de '<i>Subir/insertar</i>'. Hi ha 3 opcions:<br /><img src="http://www.eclecticadv.net/squelettes-dist/puce.gif" width="8" height="11" class="puce" alt="-" /> des de l'ordinador: pujant la imatge al servidor de Wordpress.com<br /><img src="http://www.eclecticadv.net/squelettes-dist/puce.gif" width="8" height="11" class="puce" alt="-" /> des d'un URL: copiant la '<i>ruta de imágen</i>' (prement botó dreta del ratolí) d'un imatge trobat a qualsevol pàgina d'internet<br /><img src="http://www.eclecticadv.net/squelettes-dist/puce.gif" width="8" height="11" class="puce" alt="-" /> llibreria multimèdia: escollint una imatge pujada prèviament al servidor de Wordpress.com</p> <p>És més ràpid utilitzar el mètode '<i>des d'un URL</i>' però existeix el perill que si un dia l'autor de la imatge decideix esborrar-ho del seu servidor, la imatge també desapareixerà de la nostra entrada. És doncs millor baixar al nostre ordinador les imatges trobades a internet i després pujar-les al servidor de Wordpress.com. Si vols editar (=canviar alguna cosa) de l'imatge que acabes d'inserir, has de fer correr el ratolí a sobre de l'imatge i prémer la icona que apareix a sobre de la imatge.</p> <p>També és important omplir el camp '<i>Título</i>' amb paraules que tenen sentit, no només perquè és el que apareix passant el ratolí a sobre de l'imatge, sinó també perquè el buscador d'imatges de Google es basa en aquestes paraules per donar els resultats de recerca, i sortir aquí entre els primers resultats pot generar visites a la web. El '<i>Texto alternativo</i>' és el text que apareix en el cas de que no es pot visualitzar la imatge, per exemple quant es 'trenca' la URL cap a la imatge (com explicat en el paràgraf anterior).</p> <h3 class="spip">Classificar amb categories i etiquetes</h3> <p><span class='spip_document_1089 spip_documents spip_documents_right' style='float:right; width:200px;'> <img src='http://www.eclecticadv.net/IMG/jpg/plan7_tall4_5_03CS.jpg' width="200" height="150" alt="" /></span>Existeixen 2 maneres de classificar i filtrar tots els continguts d'un blog fet en Wordpress: amb '<i>Categorias</i>' i amb '<i>Etiquetas</i>' (ambdós situats a sota de l'apartat '<i>Entradas</i>'). L'ús i la combinació de les dues possibilitats és completament lliure i depèn de com volem organitzar la informació dins del nostre blog o pàgina web, però us donem algunes pistes: <br /><img src="http://www.eclecticadv.net/squelettes-dist/puce.gif" width="8" height="11" class="puce" alt="-" /> Normalment, un equip expert decideix sobre les possibles <i>categories</i> per endavant (=<a href="http://es.wikipedia.org/wiki/Taxonom%C3%ADa" class='spip_out' rel='external'>taxonomia</a>) i les <i>etiquetes</i> es van afegint de manera 'lliure' i 'orgànica' (=<a href="http://es.wikipedia.org/wiki/Folcsonom%C3%ADa" class='spip_out' rel='external'>folcsonomía</a>) a decisió dels/de les autors/es de les entrades. <br /><img src="http://www.eclecticadv.net/squelettes-dist/puce.gif" width="8" height="11" class="puce" alt="-" /> Les <i>categories</i> normalment serveixen per filtrar les entrades segons el 'tipus' d'entrada<span class="spip_note_ref"> [<a href='#nb8' class='spip_note' rel='footnote' title='Per exemple en el blog d'Eclèctica DV 'Eclectic Lines': un reportatge, un (...)' id='nh8'>8</a>]</span> o bé segons un 'departament específic' del projecte<span class="spip_note_ref"> [<a href='#nb9' class='spip_note' rel='footnote' title='Per exemple els diferents serveis juvenils en la web de la Factoria (...)' id='nh9'>9</a>]</span>. Això vol dir que, normalment, a cada entrada només s'afegeix una sola categoria, encara que sigui possible afegir-ne més.<br /><img src="http://www.eclecticadv.net/squelettes-dist/puce.gif" width="8" height="11" class="puce" alt="-" /> Les <i>etiquetes</i> normalment serveixen com a 'paraules claus' que amb un cop d'ull donen una idea sobre el contingut de la entrada. És habitual afegir-ne vàries i intentar de re-utilitzar etiquetes que ja van ser utilitzades per marcar els continguts d'altres entrades ja publicades prèviament.<br /><img src="http://www.eclecticadv.net/squelettes-dist/puce.gif" width="8" height="11" class="puce" alt="-" /> Les <i>categories</i> solen ser utilitzats per presentar la informació a través de pestanyes del menú de navegació i poden ser organitzats de manera jeràrquica<br /><img src="http://www.eclecticadv.net/squelettes-dist/puce.gif" width="8" height="11" class="puce" alt="-" /> Les <i>etiquetes</i> solen ser presentats 'en núvol' per donar una idea ràpida de tot el contingut de la pàgina (amb les etiquetes més utilitzades en format més gran).</p> <h3 class="spip">Enllaços d'interès</h3> <p><span class='spip_document_1092 spip_documents spip_documents_left' style='float:left; width:200px;'> <img src='http://www.eclecticadv.net/IMG/jpg/plan7_tall4_5_09CS.jpg' width="200" height="150" alt="" /></span>Els '<i>enllaços d'interès</i>' són les pàgines que formen part de la teva 'blogosfera', els blogs i les webs amb qui teniu relació o que penseu poden ser d'interès pels vostres visitants. Normalment apareixen en una zona d'una columna lateral. Si voleu, els enllaços es poden classificar en diferents '<i>categories d'enllaços</i>', però aquestes categories no tenen rés a veure amb les categories que utilitzem per classificar les entrades! A un enllaç d'interès es pot afegir una <i>imatge</i> (però llavors es visualitza la imatge i no el enllaç), una descripció, el <i>tipus de relació</i> que teniu amb l'enllaç i el <i>destí</i> (<i>_blank</i> per obrir l'enllaç en una nova pestanya).</p> <h3 class="spip">Pàgines</h3> <p><span class='spip_document_1088 spip_documents spip_documents_right' style='float:right; width:200px;'> <img src='http://www.eclecticadv.net/IMG/jpg/plan7_tall4_5_02CS.jpg' width="200" height="150" alt="" /></span>A diferència de les <i>entrades</i>, que apareixen de manera cronològica, les <i>pàgines</i> contenen el contingut 'fixe' de la web. Aquí es col·loca tota la informació sobre el projecte i sobre els autors, la història, els departaments, els productes, etc. Igual que les <i>categories</i> solen ser utilitzats per presentar la informació a través de pestanyes del menú de navegació i poden ser organitzats de manera jeràrquica.</p> Tallers i seminaris sobre la web 2.0> 2011-05-27T21:33:00Z text/html ca Eclèctica DV [Reportatge] Taller: «Enviar mails massius amb MailChimp - crear una newsletter amb imatges i gestionar suscripcions» a l'Ajuntament de Sant Boi de Llobregat http://www.eclecticadv.net/spip.php?article385 <img class="spip_logos" alt="" align="right" src="IMG/arton385.jpg?1365104405" width="160" height="160" onmouseover="this.src='IMG/artoff385.jpg?1365104348'" onmouseout="this.src='http://www.eclecticadv.net/IMG/arton385.jpg?1365104405'" /><p><strong>El dimarts 10 de maig va tenir lloc el segon taller sobre l'<a href="http://www.eclecticadv.net/spip.php?article374" class='spip_in'>enviament de mails massius</a> dirigit a les 7 tècniques de la <a href="http://www.joventutsantboi.cat/" class='spip_out' rel='external'>Factoria Jove de Can Massallera</a>. El taller va ser impartit per <a href="http://www.eclecticadv.net/spip.php?article141" class='spip_in'>Lize De Clercq</a> qui va explicar com es fa una bona newsletter amb el programa <a href="http://www.mailchimp.com/" class='spip_out' rel='external'>MailChimp</a>.</strong></p> <p><img src="http://www.eclecticadv.net/squelettes-dist/puce.gif" width="8" height="11" class="puce" alt="-" /> <a href="http://www.slideshare.net/eclecticadv/taller-enviar-mails-masivos-con-mailchimp-crear-una-newsletter-con-imgenes-y-gestionar-suscripciones">Consulteu la presentació online</a></p> <h3 class="spip">Bones i males pràctiques</h3> <p><span class='spip_document_1068 spip_documents spip_documents_right' style='float:right; width:200px;'> <img src='http://www.eclecticadv.net/IMG/jpg/plan7_tall2_12CS.jpg' width="200" height="150" alt="<a href="http://www.slideshare.net/eclecticadv/taller-enviar-mails-masivos-con-mailchimp-crear-una-newsletter-con-imgenes-y-gestionar-suscripciones">Consulteu la presentació online</a>" title="<a href="http://www.slideshare.net/eclecticadv/taller-enviar-mails-masivos-con-mailchimp-crear-una-newsletter-con-imgenes-y-gestionar-suscripciones">Consulteu la presentació online</a>" /></span>Abans de començar amb la propria creació d'una newsletter, Lize va ensenyar uns exemples d'enviaments per correu electrònic que no poden ser considerats exactament com a "newsletters" (en català: botlletí d'informació). Es tracta sobretot d'enviaments ocasionals (no periodics) que volen fer difusió per a un esdeveniment en concret, a vegades maquetat en html amb imatges. Segons la Lize una bona newsletter sempre deixa clar qui envía i ofereix la possibilitat de cancelar la subscripció, actualitzar les dades personals i contactar amb el remitent. El contingut sempre ha de ser breu (enviar cap a una pàgina web per a més informació) i el disseny molt poc carregat.</p> <h3 class="spip">Perquè MailChimp?</h3> <p><span class='spip_document_1071 spip_documents spip_documents_left' style='float:left; width:200px;'> <img src='http://www.eclecticadv.net/IMG/jpg/plan7_tall2_17CS.jpg' width="200" height="150" alt="" /></span>El que fa un programa com MailChimp és facilitar la maquetació en el llenguatge web html, ja que conté un editor html intuitiu. No cal doncs saber res de programació web per crear una newsletter amb enllaços i imatges.</p> <p>A més a més, el programa permet fer un seguiment de qui ha obert la nostra newsletter a través d'un ampli ventall d'estadístiques. També automatitza tot el procés de suscripció i suministra el còdic d'un formulari que pot ser incrustat en una web o en Facebook. MailChimp és també el programa que ofereix la versió gratuïta més àmplia del mercat: fins a 2000 suscriptors i 12000 enviaments al mes<span class="spip_note_ref"> [<a href='#nb10' class='spip_note' rel='footnote' title='Per exemple: fins a 6 newsletters per a 2000 suscriptors' id='nh10'>10</a>]</span>.</p> <h3 class="spip">Exploració de l'apartat 'Campaigns' de MailChimp</h3> <p><span class='spip_document_1073 spip_documents spip_documents_right' style='float:right; width:200px;'> <img src='http://www.eclecticadv.net/IMG/png/plan7_mod1_tall2_MailChimp_estructura.png' width="200" height="150" alt="" /></span>El què més costa aprendre és la navegació a través dels diferents apartats del programa (veure l'imatge del costat per l'estructura). Durant el taller anterior les alumnes es van concentrar en l'apartat 'Lists', ara tocava sobretot l'apartat 'Campaigns' que obra una llista cronològica de totes les 'campanyes' (='enviaments') creats. Important aquí és saber que només es poden editar (fer canvis) campanyes amb estatus 'draft' (esborrany) ja que les campanyes ja enviades estan tancats per la seva edició i només es poden o bé visualitzar o bé 'duplicar i editar'.</p> <p><span class='spip_document_1070 spip_documents spip_documents_left' style='float:left; width:200px;'> <img src='http://www.eclecticadv.net/IMG/jpg/plan7_tall2_14CS.jpg' width="200" height="150" alt="" /></span>Al prémer el botó 'editar', l'apartat obre <i>un primer nivell de subprograma</i> anomenat <strong>'<i>Campaign builder</i>'</strong>, que conté 5 passos que poden ser omplerts i desats en qualsevol ordre<span class="spip_note_ref"> [<a href='#nb11' class='spip_note' rel='footnote' title='Per sortir i tornar a la llista de campanyes ('Campaigns') cal prémer el botó (...)' id='nh11'>11</a>]</span>. <br /><img src="http://www.eclecticadv.net/squelettes-dist/puce.gif" width="8" height="11" class="puce" alt="-" /> El pas 1 permet la segmentació i filtració dels suscriptors, però pot ser saltat si la llista dels suscriptors encara no és disponible. <br /><img src="http://www.eclecticadv.net/squelettes-dist/puce.gif" width="8" height="11" class="puce" alt="-" /> El pas 2 permet la configuració dels camps 'assumpte', 'remitent' i 'destinatari' d'una campanya mail i la integració amb Twitter i Facebook. <br /><img src="http://www.eclecticadv.net/squelettes-dist/puce.gif" width="8" height="11" class="puce" alt="-" /> El pas 3 és on es crea la part 'gràfica' de la newsletter. Si estás creant una nova campanya, s'obre el <i>subprograma de segon nivell</i> anomenat <strong>'<i>Design genius</i>'</strong> on es pot escollir una plantilla. <span class='spip_document_1072 spip_documents spip_documents_right' style='float:right; width:200px;'> <img src='http://www.eclecticadv.net/IMG/jpg/plan7_tall2_18CS.jpg' width="200" height="150" alt="" /></span>Si estás editant un esborrany d'una campanya ja creada, s'obre el <i>subprograma de tercer nivell</i> anomenat <strong>'<i>Style editor</i>'</strong>. Aquí és on es canvien (amb les pestanyes) els colors, tipografies etc. de tots els camps de la newsletter i on s'editen (amb els botons 'edit') els continguts. Si vols pujar un imatge, s'obre <i>un quart nivell de subprograma</i> anomenat <strong>'<i>Image uploader</i>'</strong>, on també es poden fer retocs d'imatge a través del programa <a href="http://www.picnik.com/" class='spip_out' rel='external'>Picnik</a>, l'equivalent de Photoshop o Gimp en la web 2.0.</p> <h3 class="spip">Gestionar suscripcions amb l'apartat 'Lists'</h3> <p><span class='spip_document_1069 spip_documents spip_documents_left' style='float:left; width:200px;'> <img src='http://www.eclecticadv.net/IMG/jpg/plan7_tall2_13CS.jpg' width="200" height="150" alt="" /></span>S'ha de sortir de l'apartat 'Campaigns' i tornar a l'apartat 'Lists' > 'view list' > 'create forms' si volem crear un formulari de subscripció per a la seva incrustació en una pàgina web o en Facebook. Aquí, l'interfície mostra per defecte tots els camps ('fields') que haviem definit com a diferents columnes de la base de dades de contactes (veure taller anterior: <a href="http://www.eclecticadv.net/spip.php?article380" class='spip_in'>"Organitzar contactes per a la seva importació"</a>).</p> <p>Si en el nostre formulari de subscripció només volem que els/les suscriptors/es omplen només uns quants de tots aquests camps, s'han de 'desvisualitzar' tots els camps que no volem que apareixin, i marcar com a 'obligatoris' els camps que volem que els/les suscriptors/res omplin mínimament.</p> <p><span class='spip_document_1067 spip_documents spip_documents_right' style='float:right; width:200px;'> <img src='http://www.eclecticadv.net/IMG/jpg/plan7_tall2_06CS.jpg' width="200" height="150" alt="" /></span>Si volem incrustar el formulari en la nostra pàgina web hem de copiar el còdic de 'Signup form embed code' que es troba en l'apartat 'Lists' > 'view list' > 'for your website'. És important saber que aquesta incrustació no funciona per webs fet amb wordpress.com, així que aquí s'haura d'enllaçar (amb 'Signup form link code') cap al formulari allotjat per MailChimp<span class="spip_note_ref"> [<a href='#nb12' class='spip_note' rel='footnote' title='Aquí trobeu una explicació (en anglés) sobre com enllaçar cap al formulari en (...)' id='nh12'>12</a>]</span>. Si volem incrustar el formulari en Facebook, s'ha de tenir en compte que només funciona per a pàgines de Facebook, no per perfils individuals<span class="spip_note_ref"> [<a href='#nb13' class='spip_note' rel='footnote' title='Aquí trobeu una explicació (en anglés) sobre com incrustar el formulari en una (...)' id='nh13'>13</a>]</span>.</p> Tallers i seminaris sobre la web 2.0> 2011-05-10T19:26:00Z text/html ca Eclèctica DV [Reportatge] Taller: "Enviar mails massius amb MailChimp - organitzar contactes per a la seva importació" a l'Ajuntament de Sant Boi de Llobregat http://www.eclecticadv.net/spip.php?article380 <img class="spip_logos" alt="" align="right" src="IMG/arton380.jpg?1365104404" width="160" height="160" onmouseover="this.src='IMG/artoff380.jpg?1365104348'" onmouseout="this.src='http://www.eclecticadv.net/IMG/arton380.jpg?1365104404'" /><p><strong>El dimarts 3 de maig va tenir lloc un primer taller sobre l'<a href="http://www.eclecticadv.net/spip.php?article374" class='spip_in'>enviament de mails massius</a> dirigit a les 7 tècniques de la <a href="http://www.joventutsantboi.cat/" class='spip_out' rel='external'>Factoria Jove de Can Massallera</a>. El taller va ser impartit per <a href="http://www.eclecticadv.net/spip.php?article141" class='spip_in'>Lize De Clercq</a> qui va explicar com sortir del caos de contactes creant una única base de dades de contactes online, consultable i editable per totes.</strong></p> <p><img src="http://www.eclecticadv.net/squelettes-dist/puce.gif" width="8" height="11" class="puce" alt="-" /> <a href="http://www.slideshare.net/eclecticadv/taller-enviar-mails-masivos-con-mailchimp-organizar-contactos-para-su-importacin">Consulteu la presentació online</a></p> <p><span class='spip_document_1051 spip_documents spip_documents_right' style='float:right; width:200px;'> <a href="http://www.slideshare.net/eclecticadv/taller-enviar-mails-masivos-con-mailchimp-organizar-contactos-para-su-importacin" class="spip_out"><img src='http://www.eclecticadv.net/IMG/jpg/plan7_ChaosContactesCS.jpg' width="200" height="150" alt="" /></a></span>Abans de tot es va fer una diagnosi del caos actual: una part dels contactes es troba a dins d'una plataforma de correu electrònic de l'Ajuntament, l'altre part o bé en fitxers de word o bé en programes com Outlook, Gmail o Hotmail.</p> <p>Per sortir d'aquest embolic bàsicament tocava fer 3 coses: <br /><img src="http://www.eclecticadv.net/squelettes-dist/puce.gif" width="8" height="11" class="puce" alt="-" /> exportar els contactes en uns fitxers anomenats ".csv"<br /><img src="http://www.eclecticadv.net/squelettes-dist/puce.gif" width="8" height="11" class="puce" alt="-" /> convertir-los en un fitxer de full de càlcul<br /><img src="http://www.eclecticadv.net/squelettes-dist/puce.gif" width="8" height="11" class="puce" alt="-" /> decidir entre totes quines "columnes" volem tenir en la nostra base de dades unificada</p> <p><span class='spip_document_1053 spip_documents spip_documents_left' style='float:left; width:200px;'> <img src='http://www.eclecticadv.net/IMG/jpg/plan7_tall1_10CS.jpg' width="200" height="150" alt="" /></span><br>La Lize va explicar que ".csv" és l'abreviació anglès d'un fitxer on "els valors estan separats per comes" (<i>Comma Separated Values</i>) i efectivament: quant les alumnes van exportar els seus contactes des de programes com Gmail o Hotmail van veure que el resultat era un fitxer de text on tots els camps dels contactes estaven "separats per comes".</p> <p><span class='spip_document_1054 spip_documents spip_documents_right' style='float:right; width:200px;'> <img src='http://www.eclecticadv.net/IMG/jpg/plan7_tall1_08CS.jpg' width="200" height="150" alt="" /></span>Ara tocava convertir el fitxer .csv en un fitxer de full de càlcul, obrint-ho amb l'OpenOffice i aplicant-hi la funció: "dades -> texte en columnes" amb l'opció "dades delimitats, separats per coma". A algunes el procés no va funcionar i van descobrir per exemple que el fitxer ".csv" que exportava el Hotmail no era exactament un fitxer separat "per comes", sinó "per punt comes". No obstant això, l'esperit "hackera" de les tècniques de Joventut va permetre que el problema es va resoldre molt ràpidament!</p> <p>Què més? Doncs s'hauria de decidir sobre una estratègia per a l'organització dels contactes unificats: <i>"Quines dades volem que tingui la nostra base de dades per després poder-la utilitzar per 'filtrar' (='segmentar') enviaments de correus electrònics massius dirigits als diferents públics que toquem des del Punt Jove?"</i></p> <p><span class='spip_document_1052 spip_documents spip_documents_left' style='float:left; width:200px;'> <img src='http://www.eclecticadv.net/IMG/jpg/plan7_tall1_16CS.jpg' width="200" height="150" alt="" /></span><br class='autobr' /> Aquí la Lize va donar l'exemple d'una possible estratègia on els contactes estan organitzats segons una columna que conté "<i>el grau físic</i>" del enllaç amb un contacte i una altra columna que conté "<i>la identificació</i>" del contacte segons el tipus de projecte que porta a terme una organització. Com a deures pel proper taller les tècniques de Joventut necessitaven establir la seva estratègia i crear un fitxer unificat amb tots els contactes del Punt Jove.</p> <p><span class='spip_document_1055 spip_documents spip_documents_right' style='float:right; width:200px;'> <img src='http://www.eclecticadv.net/IMG/jpg/plan7_tall1_15CS.jpg' width="200" height="150" alt="" /></span>Durant l'última part del taller les tècniques van crear un compte amb el programa <a href="http://www.mailchimp.com/" class='spip_out' rel='external'>MailChimp</a> i van començar a explorar l'apartat "<i>Lists</i>" del programa. Dins d'aquest apartat, en "<i>Settings -> Fields and Merge tags</i>", s'haurien de crear els noms de les diferents columnes que la base de dades hauria de tenir segons la estratègia a establir.</p> Tallers i seminaris sobre la web 2.0> 2011-05-03T21:46:35Z text/html ca Eclèctica DV [Agenda] Tallers: "Web 2.0 per a la dinamització de la teva presència online" a l'Ajuntament de Sant Boi de Llobregat - 3, 10, 24, 26 i 31 de maig http://www.eclecticadv.net/spip.php?article374 <img class="spip_logos" alt="" align="right" src="IMG/arton374.png?1365104403" width="160" height="160" onmouseover="this.src='IMG/artoff374.jpg?1365104347'" onmouseout="this.src='http://www.eclecticadv.net/IMG/arton374.png?1365104403'" /><p><strong>Els dies 3, 10, 24, 26 i 31 de maig <a href="http://www.eclecticadv.net/spip.php?rubrique114" class='spip_in'>Planeta Eclèctica</a> realitzarà cinc tallers d'un primer cicle<span class="spip_note_ref"> [<a href='#nb14' class='spip_note' rel='footnote' title='Segon cicle: «Web 2.0 per a la ofimàtica online» - 7, 14 i 21 de (...)' id='nh14'>14</a>]</span> de formació dirigit als/a les tècnics/tècniques de joventut de Can Massallera. Els tallers estan organitzat per l'<a href="http://www.santboi.cat/" class='spip_out' rel='external'>Ajuntament de Sant Boi de Llobregat</a> i volen dinamitzar la presència online de les activitats de la <a href="http://joventutsantboi.wordpress.com/" class='spip_out' rel='external'>Factoria Jove de Can Massallera</a>.</strong><br class='autobr' /> <span class='spip_document_1038 spip_documents spip_documents_right' style='float:right; width:175px;'> <a href="http://www.mailchimp.com/" class="spip_out"><img src='http://www.eclecticadv.net/IMG/gif/club6_MailChimp_1CS.gif' width="175" height="203" alt="" /></a></span></p> <ul class="spip"><li> <strong>Enviar mails massius amb <a href="http://www.mailchimp.com/" class='spip_out' rel='external'>MailChimp</a> I</strong>:<br> <font color="red">dimarts 3 de maig, de 14h a 16h</font> <br /><img src="http://www.eclecticadv.net/squelettes-dist/puce.gif" width="8" height="11" class="puce" alt="-" /> estratègies per organitzar, combinar i filtrar els contactes dels membres de l'equip <br /><img src="http://www.eclecticadv.net/squelettes-dist/puce.gif" width="8" height="11" class="puce" alt="-" /> creació d'un fitxer .csv per la seva importació en el programa MailChimp</li><li> <strong>Enviar mails massius amb <a href="http://www.mailchimp.com/" class='spip_out' rel='external'>MailChimp</a> II</strong>:<br> <font color="red">dimarts 10 de maig, de 14h a 16h</font> <br /><img src="http://www.eclecticadv.net/squelettes-dist/puce.gif" width="8" height="11" class="puce" alt="-" /> bones i males pràctiques del correu electrònic i del botlletí d'informació (newsletter) <br /><img src="http://www.eclecticadv.net/squelettes-dist/puce.gif" width="8" height="11" class="puce" alt="-" /> creació d'una newsletter amb imatges amb l'editor html intuïtu del programa MailChimp <br /><img src="http://www.eclecticadv.net/squelettes-dist/puce.gif" width="8" height="11" class="puce" alt="-" /> configuració dels camps «assumpte», «remitent» i «destinatari» d'una campanya mail <br /><img src="http://www.eclecticadv.net/squelettes-dist/puce.gif" width="8" height="11" class="puce" alt="-" /> redacció del peu de pàgina segons la llei anti-spam <br /><img src="http://www.eclecticadv.net/squelettes-dist/puce.gif" width="8" height="11" class="puce" alt="-" /> gestió de subscripcions a un botlletí d'informació (newsletter): creació d'un formulari de subscripció per a la seva incrustació en una pàgina web o en Facebook <br /><img src="http://www.eclecticadv.net/squelettes-dist/puce.gif" width="8" height="11" class="puce" alt="-" /> interpretació d'estadístiques per fer un seguiment d'una campanya mail <span class='spip_document_1039 spip_documents spip_documents_right' style='float:right; width:175px;'> <a href="http://joventutsantboi.wordpress.com/" class="spip_out"><img src='http://www.eclecticadv.net/IMG/jpg/plan7_CanMassallera_logoVCS.jpg' width="175" height="206" alt="" /></a></span></li><li> <strong>Ús de les xarxes socials per a la dinamització juvenil</strong>:<br> <font color="red">dimarts 24 de maig, de 14h a 16h</font> <br /><img src="http://www.eclecticadv.net/squelettes-dist/puce.gif" width="8" height="11" class="puce" alt="-" /> escanejar, monitoritzar i intervenir en les xarxes socials juvenils (Facebook, Tuenti i Twitter) per difondre activitats de la Factoria Jove de Can Massallera i atreure participació.</li><li> <strong>Ús de Wordpress per a la dinamització juvenil</strong>:<br> <font color="red">dijous 26 i dimarts 31 de maig de 14h a 16h</font> <br /><img src="http://www.eclecticadv.net/squelettes-dist/puce.gif" width="8" height="11" class="puce" alt="-" /> competències bàsiques i avançades per a la creació d'una presència online (web i blog) amb wordpress.com <!-- - escanejar, monitoritzar i intervenir en la blogosfera juvenil per difondre activitats i atreure participació a la presència online de les activitats de la Factoria Jove de Can Massallera --></li></ul> Tallers i seminaris sobre la web 2.0> 2011-04-30T13:14:00Z text/html ca Eclèctica DV Reportatge: "La web 2.0: conceptes bàsics i principals canvis" a la Biblioteca de Cardedeu http://www.eclecticadv.net/spip.php?article333 <img class="spip_logos" alt="" align="right" src="IMG/arton333.jpg?1365104397" width="160" height="160" onmouseover="this.src='IMG/artoff333.jpg?1365104346'" onmouseout="this.src='http://www.eclecticadv.net/IMG/arton333.jpg?1365104397'" /><p>[sommaire]<br class='autobr' /> <span class='spip_document_960 spip_documents spip_documents_right' style='float:right; width:200px;'> <img src='http://www.eclecticadv.net/IMG/jpg/plan6_sem1_1CAS.jpg' width="200" height="150" alt="" /></span><strong>El dilluns 27 de setembre, la <a href="http://bibliotecacardedeu.blogspot.com/" class='spip_out' rel='external'>Biblioteca Marc de Vilalba</a> de Cardedeu va ser l'escenari pel seminari "<i>La web 2.0: conceptes bàsics i principals canvis</i>", impartit per <a href="http://www.eclecticadv.net/spip.php?article141" class='spip_in'>Lize De Clercq</a>, presidenta d'<a href="http://www.eclecticadv.net/" class='spip_out'>Eclèctica DV</a>, com a primer seminari d'un cicle de tres seminaris titulat: <a href="http://www.eclecticadv.net/spip.php?article331" class='spip_in'><i>"Què és la web 2.0?"</i></a>. En aquest article trobeu el texte complet del seminari.</strong></p> <p><img src="http://www.eclecticadv.net/squelettes-dist/puce.gif" width="8" height="11" class="puce" alt="-" /> <strong><a href="http://www.slideshare.net/eclecticadv/seminario-la-web-20-conceptes-bsics-i-principals-canvis" class='spip_out' rel='external'>veure presentació</a></strong></p> <h3 class="spip">La nova internet o la web 2.0</h3> <p><span class='spip_document_963 spip_documents spip_documents_left' style='float:left; width:200px;'> <img src='http://www.eclecticadv.net/IMG/jpg/plan6_sem1_slideC1.jpg' width="200" height="150" alt="" /></span><br>El seminari va començar amb una explicació sobre l'origen del terme "web 2.0"<span class="spip_note_ref"> [<a href='#nb15' class='spip_note' rel='footnote' title='Veure també el nostre article d'investigació: Què és la web2.0?' id='nh15'>15</a>]</span>. La paraula va néixer l'any 2004, durant una pluja d'idees entre els organitzadors d'una conferència en San Francisco sobre l'estat d'internet<span class="spip_note_ref"> [<a href='#nb16' class='spip_note' rel='footnote' title='En 2010 ja s'organitza la sisena edició de la Web 2.0 Summit, abans anomenat (...)' id='nh16'>16</a>]</span> . Entre els organitzadors hi havien Tim O'Reilly i Dale Dougherty, els fundadors de la empresa <a href="http://oreilly.com/" class='spip_out' rel='external'>O'Reilly Media</a>.</p> <p>Van observar que, cinc anys després de la explosió de la bombolla financera (que va posar fi a l'entusiasme sobre fer negocis en internet), havien aparegut una sèrie de webs noves com <a href="http://www.youtube.com/" class='spip_out' rel='external'>YouTube</a>, <a href="http://www.flickr.com/" class='spip_out' rel='external'>Flickr</a>, <a href="http://www.facebook.com/" class='spip_out' rel='external'>Facebook</a>, <a href="http://www.blogger.com/" class='spip_out' rel='external'>Blogger</a> i <a href="http://www.myspace.com/" class='spip_out' rel='external'>MySpace</a>, que no tenien res a veure amb les webs que coneixíem fins ara, però tenien molt d'èxit.</p> <p>Totes aquestes webs tenien alguna cosa en comú: no eren els típics "contenidors d'informació" amb textos redactats per professionals i amb una gràfica impressionant. Més que "pàgines web" semblaven ser "aplicacions" o "programes", perquè sense els continguts que hi anaven posant els usuaris, aquestes "webs" s'haguessin quedats completament "buits". Eren tant diferents i tenien tant d'èxit que els d'O'Reilly van decidir que ens trobàvem davant una internet completament diferent, i va ser en Dale Dougherty (no en Tim O'Reilly!) que va proposar de donar-la un nom diferent i anomenar-la la "web 2.0"<span class="spip_note_ref"> [<a href='#nb17' class='spip_note' rel='footnote' title='És important saber que en anglès "web" és sinònim de "internet". La "web 2.0" (...)' id='nh17'>17</a>]</span></p> <p><span class='spip_document_964 spip_documents spip_documents_right' style='float:right; width:200px;'> <img src='http://www.eclecticadv.net/IMG/jpg/plan6_sem1_slideC2S.jpg' width="200" height="150" alt="" /></span>Però què vol dir això que les noves pàgines de la web 2.0 serien pàgines webs "buits"? Vol dir que, només quan t'hagis donat d'alta en el programa o "servei" que ofereix la empresa que hi hagi darrera, pots començar a posar-hi contingut o fer-ho servir. En alguns casos, com és el cas de Facebook, no pots veure cap contingut si no t'has donat d'alta o no t'has connectat. En aquest sentit, una aplicació "web 2.0" és molt semblant a un programa de correu electrònic, ja que també és una aplicació en línia que només pots fer servir quan et crees un compte d'usuari amb la empresa que hi ha darrera.</p> <p><span class='spip_document_965 spip_documents spip_documents_left' style='float:left; width:200px;'> <img src='http://www.eclecticadv.net/IMG/jpg/plan6_sem1_slideC3S.jpg' width="200" height="150" alt="" /></span><br><i>És doncs molt important d'entendre que el nou tipus de "pàgina" web 2.0 en realitat no és una "pàgina web" però un "servei" (o "programa", "aplicació" o "eina") que funciona "online" ("en línia"), és a dir: directament des del navegador, sense baixar res.</i></p> <p>Ara bé, a partir de l'any 2004 el terme "web 2.0" va tenir molt d'eco en internet<span class="spip_note_ref"> [<a href='#nb18' class='spip_note' rel='footnote' title='Al febrer 2006 ja hi havien 9,5 milions de mencions en Google i ara, al (...)' id='nh18'>18</a>]</span>, però la elecció de la paraula "web 2.0" va causar també molta polèmica.</p> <p><span class='spip_document_966 spip_documents spip_documents_right' style='float:right; width:200px;'> <img src='http://www.eclecticadv.net/IMG/jpg/plan6_sem1_slideC4S.jpg' width="200" height="150" alt="" /></span><br>Principalment perquè la terminació "2.0" fa pensar en una cosa molt tècnica, ja que és la manera en què els informàtics anomenen les versions estables d'un programa. Molta gent pensa llavors que la "web 2.0" és "cosa d'informàtics" o fins i tot "no saben per on s'entra en aquesta web" o "com es pot veure aquesta web".</p> <p>És una llàstima perquè, en realitat, el gran canvi que ha generat la web 2.0 justament s'ubica a nivell social, a nivell de les persones comunes com tu i jo, i no tant a nivell tecnològic, encara que és cert que la evolució de certes tecnologies estan al arrel del canvi social. Durant la resta del seminari intentarem clarificar en què existeixen exactament aquests canvis socials i tecnològics que han donat tant de renom al fenomen de la web 2.0.</p> <h3 class="spip">Evolució social: la democratització de la difusió digital</h3> <p><span class='spip_document_967 spip_documents spip_documents_left' style='float:left; width:200px;'> <img src='http://www.eclecticadv.net/IMG/jpg/plan6_sem1_slideC5S.jpg' width="200" height="150" alt="" /></span>Ja hem explicat que va ser l'èxit de pàgines com Facebook, YouTube, Blogger, etc. que va fer néixer la paraula web 2.0, però encara no hem intentat explicar perquè aquestes pàgines - o millor dit "serveis" - tenen tant d'èxit. Per trobar la resposta hem mirat al tipus de contingut que la gent posa a aplicacions com Facebook i Blogger: embla que aquests serveis responen a la nostra necessitat de fer veure a la resta de la societat qui som, què fem, què és el que ens agrada i què opinem.</p> <p><span class='spip_document_968 spip_documents spip_documents_right' style='float:right; width:200px;'> <img src='http://www.eclecticadv.net/IMG/jpg/plan6_sem1_slideC6S.jpg' width="200" height="150" alt="" /></span><br>Totes aquestes raons es situen a nivell social, però també hi ha raons que es situen més a nivell tecnològic. Es poden resumir en una sola frase: els serveis de la web 2.0 són tots programes que són molt fàcils d'utilitzar. Perquè no s'han d'instal·lar, et permeten dissenyar una pàgina web de manera molt intuïtiva i una interfície gràfica molt semblant a un processador de texte et permet publicar un texte de manera molt simple.</p> <p>Què vol dir tot això? Vol dir que gràcies a la web 2.0 hem arribat a una segona etapa en el procés de la <i>democratització de l'ús de les noves tecnologies</i>. La primera etapa va ser la <i>democratització dels dispositius multimedia</i>. Perquè amb els preus accessibles i l'ús intuïtiu de mòvils, càmeres digitals i portàtils les persones com tu i jo vam poder satisfer la nostra necessitat de creació. Vam escriure textos amb els nostres portàtils i vam fer fotos i vídeos amb les nostres càmeres digitals, però tot es va quedar a dins dels nostres ordinadors. Fer veure el que feiem a molta gent era bastant complicat (pensa per exemple com és de difícil comprimir fotos per poder enviar-les per mail en un afegit...).</p> <p><span class='spip_document_969 spip_documents spip_documents_left' style='float:left; width:200px;'> <img src='http://www.eclecticadv.net/IMG/jpg/plan6_sem1_slideC7S.jpg' width="200" height="150" alt="" /></span>Durant la primera època d'internet (1995-2005), no vam poder disfrutar molt de la capacitat de difusió que té internet, perquè van ser només les empreses que es podien permetre de pagar el disseny d'una pàgina web. Va ser doncs la web 2.0 que va solucionar el tema de la difusió per la gent comuna, ja que la facilitat i el grau d'intuïció dels seus serveis ha causat una <i>democratització de les eines que ens permeten fer una difusió digital</i> de les nostres creacions, sense l'ajut d'un tècnic o un programador web.</p> <p><span class='spip_document_970 spip_documents spip_documents_right' style='float:right; width:200px;'> <img src='http://www.eclecticadv.net/IMG/jpg/plan6_sem1_slideC8S.jpg' width="200" height="150" alt="" /></span><br>Una altra manera per explicar aquest canvi fonamental és definir la web 2.0 com un nou "estatus" de internet, semblant al "estatus" d'un arxiu digital: un .pdf és un arxiu "només de llegir" i un .doc és un arxiu "llegir i escriure". Abans, amb el navegador només podies "llegir" pàgines web, ara amb el navegador també pots "escriure", publicar, intervenir, comentar, pujar etc. mentre que òbviament encara pots continuar a només "llegir". Diuen que el internauta de la primera època d'internet era un "consumidor passiu" de la informació en internet i ara, amb la web 2.0, tots ens hem convertits en "productors actius", sense deixar de ser també consumidors: som "prosumidors".</p> <h3 class="spip">Evolució tecnològica: Ajax i la computació en núvol</h3> <p>Està clar doncs que la web 2.0 és una evolució important a nivell social, però com és que tot això no existia abans? Simplement perquè darrera de les aplicacions web 2.0 si hi ha també una evolució tecnològica bastant important. Ho va dir el Tim Berners-Lee mateix<span class="spip_note_ref"> [<a href='#nb19' class='spip_note' rel='footnote' title='En: developerWorks podcast interview with Tim Berners-Lee, 28 de juliol de (...)' id='nh19'>19</a>]</span>, l'home considerat com "el pare d'internet". Encara que no era d'acord que el fenomen de la web 2.0 fos prou important com per dedicar-hi una paraula nova, en Tim si que admet que els nous serveis de la web 2.0 es basen en estàndars web que ja existien abans, però que han evolucionat molt.</p> <p><span class='spip_document_971 spip_documents spip_documents_left' style='float:left; width:200px;'> <img src='http://www.eclecticadv.net/IMG/jpg/plan6_sem1_slideC9S.jpg' width="200" height="150" alt="" /></span>Sobretot la velocitat amb el què el navegador és capaç de processar l'interacció d'un usuari (un clic, arrossegar coses amb el ratolí, desar canvis fets,...) és molt important a l'hora de fer servir el navegador com a un sistema operatiu per executar un programa. Aquesta velocitat s'ha augmentat perquè ara disposem d'una banda d'ample d'internet més ràpid i d'uns ordinadors més potents, però sobretot una tècnica de programació web conegut com <i><a href="http://es.wikipedia.org/wiki/AJAX" class='spip_out' rel='external'>Ajax</a></i> va influenciar en el procés de programació dels serveis coneguts ara com "web 2.0".</p> <p>El fenomen de les aplicacions que s'executen des del navegador (webtop) i no com abans en el sistema operatiu (desktop) també es va anomenar "<i><a href="http://es.wikipedia.org/wiki/Computaci%C3%B3n_en_nube" class='spip_out' rel='external'>la computació en núvol</a></i>" (Cloudcomputing), perquè "núvol" és una metàfora d'"internet": aplicacions que es converteixen en "serveis" allotjats en el (núvol d') internet (i són executats a través del navegador).</p> <h3 class="spip">Revolució social?</h3> <p><span class='spip_document_972 spip_documents spip_documents_right' style='float:right; width:200px;'> <img src='http://www.eclecticadv.net/IMG/jpg/plan6_sem1_slideC10S.jpg' width="200" height="150" alt="" /></span>Ja hem demostrat que la web 2.0 és una evolució a nivell social (ja que significa una democratització de la difusió digital), però és també una revolució social? Per concloure que un fenomen sigui una revolució hauria de causar tant impacte que es podria parlar d'un nou paradigma (o model) pel funcionament de tota la societat. Els sociòlegs d'avui en dia ho estan discutint, però encara està pendent molta recerca sobre l'impacte de la web 2.0 en diferents terrenys com l'educació, la política, la cultura, el món dels negocis,.. així que no m'atreveixo concloure tal qual que la web 2.0 és una revolució social.</p> <p>El que si que m'atreveixo és dir que la web 2.0 significa un nou paradigma pels mitjans de comunicació massiva, no només els tradicionals com la premsa, la tele i la ràdio, però també per internet, ja que amb la web 2.0 i la democratització de la difusió digital internet mateix es converteix en un mitjà de comunicació massiva.</p> <p>En què consisteix aquest nou paradigma pel funcionament dels mitjans de comunicació?<br> <span class='spip_document_973 spip_documents spip_documents_right' style='float:right; width:200px;'> <img src='http://www.eclecticadv.net/IMG/jpg/plan6_sem1_slideC11S.jpg' width="200" height="150" alt="" /></span>Què és el que a partir d'ara els mitjans tradicionals (i llavors els polítics i les empreses que volen fer-hi publicitat) han de tenir en compte?</p> <p><img src="http://www.eclecticadv.net/squelettes-dist/puce.gif" width="8" height="11" class="puce" alt="-" /> Primer, que la web 2.0 ha creat <i>nous canals per formar la opinió pública</i>. Ja no està tant fàcil influenciar la opinió pública amb una columna en un diari o una revista, ja que molta gent també llegeix notícies i comentaris en blogs independents i crea grups de protesta en xarxes socials com Facebook.</p> <p><img src="http://www.eclecticadv.net/squelettes-dist/puce.gif" width="8" height="11" class="puce" alt="-" /> Segon, que amb la web 2.0 han aparegut noves maneres per decidir el què és notícia.<br> <span class='spip_document_974 spip_documents spip_documents_right' style='float:right; width:200px;'> <img src='http://www.eclecticadv.net/IMG/jpg/plan6_sem1_slideC12S.jpg' width="200" height="150" alt="" /></span>El què és notícia en internet no està decidit pels caps de redacció o comunicats de premsa de governs o empreses poderoses. El què és notícia en internet no està decidit de manera "top-down" (de dalt a baix) però "bottum-up" (de baix a dalt): és gent com tu i jo, els que participen en la blogosfera (el conjunt de publicacions i comentaris en els blogs i les xarxes socials) qui decideixen el què és notícia. Com? A través del sistema de posicionament natural de Google, que fa pujar en els resultats del seu motor de recerca la notícia que ha estat més enllaçada per altres blogs. O a través una comunitat de notícies com <a href="http://www.meneame.net/" class='spip_out' rel='external'>Menéame</a>, on els/les participants voten les notícies que més els agrada.</p> <p><img src="http://www.eclecticadv.net/squelettes-dist/puce.gif" width="8" height="11" class="puce" alt="-" /> Tercer, que la web 2.0 ofereix noves maneres de rebre i seguir la informació, a través d'una tecnologia conegut com "RSS".<br class='autobr' /> <span class='spip_document_975 spip_documents spip_documents_right' style='float:right; width:200px;'> <img src='http://www.eclecticadv.net/IMG/jpg/plan6_sem1_slideC13S.jpg' width="200" height="150" alt="" /></span>Amb un lector de RSS (per exemple el <a href="http://www.google.es/reader" class='spip_out' rel='external'>Google Reader</a>) et pots suscriure ("agregar") a una pàgina web o blog de la mateixa manera que et subscrius a una revista: cada vegada que "surt" una nova notícia ho rebràs en el teu lector de RSS, quasi com si fos un correu electrònic que arriba al teu programa de mail. Altres maneres per seguir notícies és clicar enllaços que persones en xarxes socials (<a href="http://www.twitter.com/eclecticadv" class='spip_out' rel='external'>Twitter</a> o <a href="http://www.facebook.com/eclecticadv" class='spip_out' rel='external'>Facebook</a>) o en comunitats de pàgines favorites (<a href="http://www.delicious.com/" class='spip_out' rel='external'>Delicious</a>) han marcat com interessant en el seu perfil.</p> <p><span class='spip_document_976 spip_documents spip_documents_right' style='float:right; width:200px;'> <img src='http://www.eclecticadv.net/IMG/jpg/plan6_sem1_slideC14S.jpg' width="200" height="150" alt="" /></span><br /><img src="http://www.eclecticadv.net/squelettes-dist/puce.gif" width="8" height="11" class="puce" alt="-" /> Quart, que la web 2.0 permet noves maneres d'emetre informació, també a través de la tecnologia "RSS". Aquesta vegada, la persona que es subscriu a una pàgina web o blog és algú que també té un blog o una pàgina, i la vol alimentar ("sindicar") de manera automàtica amb les notícies d'una altra pàgina o blog.</p> <p><img src="http://www.eclecticadv.net/squelettes-dist/puce.gif" width="8" height="11" class="puce" alt="-" /> Cinquè, que els costos de infraestructura per produir i publicar continguts mai han sigut tant baixos com avui en dia, i en cap moment de la història <span class='spip_document_977 spip_documents spip_documents_right' style='float:right; width:200px;'> <img src='http://www.eclecticadv.net/IMG/jpg/plan6_sem1_slideC15S.jpg' width="200" height="150" alt="" /></span>s'ha donat la opció a tanta gent per participar en la formació de la opinió pública. Això fa que al marge dels grans mitjans de comunicació massiva "convencionals" s'han anat emergint altres mitjans més independents del gran capital, anomenats "micromitjans" de comunicació massiva.</p> <p><img src="http://www.eclecticadv.net/squelettes-dist/puce.gif" width="8" height="11" class="puce" alt="-" /> <strong><a href="http://www.slideshare.net/eclecticadv/seminario-la-web-20-conceptes-bsics-i-principals-canvis" class='spip_out' rel='external'>veure presentació</a></strong><br /><img src="http://www.eclecticadv.net/squelettes-dist/puce.gif" width="8" height="11" class="puce" alt="-" /> llegir també l'article d'investigació:<br> <strong><a href="http://www.eclecticadv.net/spip.php?article198" class='spip_in'>Què és la web2.0?</a></strong></p> Tallers i seminaris sobre la web 2.0> 2010-09-28T13:33:42Z text/html ca Eclèctica DV [Agenda] Seminaris: "Què és la web 2.0?" a la Biblioteca de Cardedeu - 27 setembre, 18 octubre i 15 novembre http://www.eclecticadv.net/spip.php?article331 <img class="spip_logos" alt="" align="right" src="IMG/arton331.png?1365104397" width="160" height="160" onmouseover="this.src='IMG/artoff331.jpg?1365104346'" onmouseout="this.src='http://www.eclecticadv.net/IMG/arton331.png?1365104397'" /><p><span class='spip_document_962 spip_documents spip_documents_center'> <a href="http://bibliotecacardedeu.blogspot.com/" class="spip_out"><img src='http://www.eclecticadv.net/IMG/jpg/plan6_logobibliotecaM.jpg' width="550" height="99" alt="" /></a></span><br class='autobr' /> <strong>Eclèctica DV va ser convidada per la Biblioteca Marc de Vilalba de Cardedeu per organitzar un cicle de tres seminaris introductius sobre la web 2.0.</strong></p> <p><i>"Amb la web 2.0 estem vivint un canvi qualitatiu en internet. Un canvi que neix d'una evolució tecnològica i d'unes necessitats socials i comunicatives, i que té importants repercussions a nivell social, polític, cultural i empresarial.</p> <p>Avui en dia tothom parla de la web 2.0. És un concepte que hem incorporat al nostre vocabulari, encara que moltes vegades no sapiguem ben bé a què ens referim i molts ens preguntem: què és exactament la web 2.0?"</i></p> <p>L'objectiu d'aquest cicle de seminaris és comprendre de forma clara l'impacte dels canvis que la web 2.0 està produint en l'era d'internet, tant des del punt de vista dels usuaris com de les empreses i les institucions.</p> <p>El cicle es divideix en 3 seminaris:</p> <ul class="spip"><li> <strong>Seminari 1</strong>: dilluns, 27 de setembre<br><h3 class="spip"><a href="http://www.eclecticadv.net/spip.php?article333" class='spip_in'>La web 2.0: conceptes bàsics i principals canvis</a></h3><table class="speciale"><tr><td> </td></tr></table></li><li> <strong>Seminari 2</strong>: dilluns, 18 de octubre<br><h3 class="spip">Conjugar la web 2.0: anàlisi de les aplicacions 2.0</h3><table class="speciale"><tr><td> </td></tr></table></li><li> <strong>Seminari 3</strong>: dilluns, 15 de novembre<br><h3 class="spip">Web 2.0: revolució social o sobreinformació?</h3><table class="speciale"><tr><td> </td></tr></table></li></ul> Tallers i seminaris sobre la web 2.0> 2010-09-20T12:01:30Z text/html ca Eclèctica DV Reportatge: Seminari: "Joves i xarxes socials" a l'Ajuntament de Sant Boi de Llobregat http://www.eclecticadv.net/spip.php?article311 <img class="spip_logos" alt="" align="right" src="IMG/arton311.jpg?1365104393" width="160" height="160" onmouseover="this.src='IMG/artoff311.jpg?1365104345'" onmouseout="this.src='http://www.eclecticadv.net/IMG/arton311.jpg?1365104393'" /><p>[sommaire]<strong>El dimecres 16 de juny a la <a href="http://www.joventutsantboi.cat/" class='spip_out' rel='external'>Factoria Jove de Can Massallera</a>, 8 tècniques del Programa Joventut de l'Ajuntament de Sant Boi de Llobregat es van engolfar en l'ús de les xarxes socials per part dels/de les joves i van descobrir eines i estratègies per la dinamització virtual de les xarxes juvenils</strong></p> <p><span class='spip_document_956 spip_documents spip_documents_right' style='float:right; width:200px;'> <img src='http://www.eclecticadv.net/IMG/jpg/plan5_8S.jpg' width="200" height="150" alt="" /></span>El seminari es va dividir en tres parts:<br /><img src="http://www.eclecticadv.net/squelettes-dist/puce.gif" width="8" height="11" class="puce" alt="-" /> una introducció teòrica amb estadístiques sobre l'ús de les xarxes socials al món i per part dels joves en Espanya<br /><img src="http://www.eclecticadv.net/squelettes-dist/puce.gif" width="8" height="11" class="puce" alt="-" /> una part de consulta amb un anàlisi de l'ús de les eines existents i unes possibles estratègies de dinamització<br /><img src="http://www.eclecticadv.net/squelettes-dist/puce.gif" width="8" height="11" class="puce" alt="-" /> una part més pràctica on es va descobrir unes aplicacions web 2.0 útils per l'avaluació de programes de Joventut</p> <p><img src="http://www.eclecticadv.net/squelettes-dist/puce.gif" width="8" height="11" class="puce" alt="-" /> <strong><a href="http://www.slideshare.net/eclecticadv/seminario-jvenes-y-redes-sociales" class='spip_out' rel='external'>veure la presentació</a></strong></p> <h3 class="spip">Estadístiques: ús global de les xarxes socials</h3> <p>Per explicar l'importància del fenomen, la professora <a href="http://www.eclecticadv.net/spip.php?article141" class='spip_in'>Lize De Clercq</a> primer va ensenyar unes estadístiques sobre l'ús de les xarxes socials en el món i en Espanya. A nivell mundial, Facebook és la xarxa social líder en 85% dels països i cada any sembra guanyar pes<span class="spip_note_ref"> [<a href='#nb20' class='spip_note' rel='footnote' title='compara per exemple el mapa de juny 2009 i de juny 2010' id='nh20'>20</a>]</span>. Al desembre 2009, Facebook ja compte amb 109,9 milions de visitants únics al mes, moltes més que per exemple Myspace (50 milions), Twitter (18,1 milions) i LinkedIn (10 milions). De totes les hores que els/les internautes dediquen a internet, dediquen més hores a Facebook (6h24) que a qualsevol altra pàgina web amb moltes visites, com ara Google (1h40) i Yahoo (2h56).</p> <p><span class='spip_document_953 spip_documents spip_documents_left' style='float:left; width:200px;'> <img src='http://www.eclecticadv.net/IMG/jpg/plan5_1S.jpg' width="200" height="150" alt="" /></span>En total, les hores que la població mundial dedica a les xarxes socials ha augmentat un 82% entre desembre 2008 i desembre 2009, i Espanya és el cinquè país al món que més hores dedica a les xarxes socials: una mitjana de 5,5 hores al mes per persona<span class="spip_note_ref"> [<a href='#nb21' class='spip_note' rel='footnote' title='Ús mundial de les xarxes socials: Nielsen Online, gener 2010' id='nh21'>21</a>]</span>! A nivell europeu, Espanya és el tercer país que més consumeix les xarxes socials en internet, amb una dedicació de 20% de totes les hores en internet i 77% dels/de les internautes que les utilitzen habitualment<span class="spip_note_ref"> [<a href='#nb22' class='spip_note' rel='footnote' title='Ús europeu de les xarxes socials: Nielsen Online, juny 2010' id='nh22'>22</a>]</span>.</p> <h3 class="spip">Estadístiques: joves i xarxes socials en Espanya</h3> <p>Un estudi de la Fundación Pfizer<span class="spip_note_ref"> [<a href='#nb23' class='spip_note' rel='footnote' title='La juventud y las redes sociales en internet, Fundación Pfizer, setembre (...)' id='nh23'>23</a>]</span> ens dóna dades sobre l'ús de les xarxes socials dels joves d'Espanya. La mostra és de 1000 joves d'entre 11 i 20 anys, que pertanyen per un 67% a la classe social mitjana-alta. 98,1% utilitza internet i 92,8% fan ús d'alguna de les xarxes socials, les més populars són: Tuenti (69%), Messenger (68,4%) i YouTube (49,6%). Només 32,9% dels joves d'entre 11 i 20 anys utilitza Facebook, però entre 17 a 20 anys aquesta cifra arriba a ser un 45,9%.</p> <p><span class='spip_document_954 spip_documents spip_documents_right' style='float:right; width:200px;'> <img src='http://www.eclecticadv.net/IMG/jpg/plan5_2S.jpg' width="200" height="150" alt="" /></span>L'ús massiu de les xarxes socials per part dels joves és un fenomen bastant recent. Al setembre 2009, 22,8% dels joves havia arribat a les xarxes només des de fa 6 mesos i 31% des d'entre 6 mesos i un any. 48,8% es connecta tots els dies i 28,8% 2 o 3 vegades a la setmana. La majoria (80,8%) s'ha creat un perfil propi, però és important saber que encara que tots els joves diuen que utilitzen les xarxes, no tots ho fan des del seu perfil personal. El 70,6% dels joves està connectat amb més de 40 'amics', amb una mitjana de 116 amics.</p> <p>Què fan els joves en les xarxes socials? Segons un estudi fet entre 1095 joves d'entre 12 i 16 anys<span class="spip_note_ref"> [<a href='#nb24' class='spip_note' rel='footnote' title='Los adolescentes en la Red Universidad Camilo José Cela, juny (...)' id='nh24'>24</a>]</span>, comparteixen i pugen fotos, comenten fotos dels amics i els envien missatges privats. A diferència dels adults, quan arriben a casa utilitzen les xarxes socials per continuar a relacionar-se amb amics que acaben de veure en persona. Valoren les xarxes socials de manera molt positiva, perquè les permeten estar en contacte tant amb amics que veuen amb freqüència com amb amics que poques vegades veuen en persona, i perquè els permeten de fer plans amb els amics. Poder compartir o intercanviar continguts o informar-se de les coses no són motius perquè els i les joves indiquen les xarxes socials com a molt útils. Mentre que 91% valora les xarxes socials com una cosa (molt) positiva, només 52,9% dels seus pares ho veu positiu, i 31,3% dels pares valora les xarxes socials com una cosa (molt) negativa.</p> <h3 class="spip">Mites sobre l'ús de les xarxes socials per part dels joves</h3> <p><img src="http://www.eclecticadv.net/squelettes-dist/puce.gif" width="8" height="11" class="puce" alt="-" /> <strong>Primer mite</strong>: "<i>Poden caure fàcilment en mans de pedòfils</i>"<br>Només un 7% de joves d'entre 12 i 16 anys agrega a desconeguts com amics i només 6,6% ha quedat alguna vegada amb un/a desconegut/da, el què en 87% dels casos ha segut una experiència positiva. Dels joves d'entre 11 i 20 anys només un 4,2% va entrar en contacte amb altres persones o es va sentir sotjat per un adult. Només 0,7% va sofrir un assetjament sexual. <br class='autobr' /> - <strong>Segon mite</strong>: "<i>Suspenen a causa de les xarxes socials</i>"<br><span class='spip_document_955 spip_documents spip_documents_right' style='float:right; width:200px;'> <img src='http://www.eclecticadv.net/IMG/jpg/plan5_6S.jpg' width="200" height="150" alt="" /></span>Dels joves d'entre 12 i 16 anys que diuen fer un ús ampli de les xarxes 36% aprova totes les assignatures, mentre que 19% suspèn 1 o 2 assignatures.<br /><img src="http://www.eclecticadv.net/squelettes-dist/puce.gif" width="8" height="11" class="puce" alt="-" /> <strong>Tercer mite</strong>: "<i>Ja no surten de casa per veure els amics</i>"<br>Si tenen opció entre diferents tipus d'oci, 72,5% dels joves d'entre 12 i 16 anys escull com a primera opció "sortir amb els amics", 8,5% "mirar la tele" i 6,5% "estar amb en Messenger". Només 2,8% prefereix "estar en les xarxes socials" com la primera opció. 85,4% respon "<i>Mai</i>" a la opció "<i>A vegades deixo de sortir amb amics per estar connectat amb amics en alguna xarxa social</i>"</p> <h3 class="spip">Estratègies de dinamització virtual juvenil</h3> <p><strong>Fase de conscienciació:</strong><br /><img src="http://www.eclecticadv.net/squelettes-dist/puce.gif" width="8" height="11" class="puce" alt="-" /> Trencar la mala fama (són focs de perill, fan perdre el temps, substitueixen relacions del "món real",...) que tenen les xarxes socials amb els adults (pares/mares, responsables polítics, tècnics, educadors,...), provocat pel desconeixement d'una tecnologia que no entenen, i alimentat pels mitjans de comunicació.<br /><img src="http://www.eclecticadv.net/squelettes-dist/puce.gif" width="8" height="11" class="puce" alt="-" /> Identificar les xarxes socials <i>virtuals</i> com una prolongació de les xarxes socials <i>presencials</i>, on les activitats no són molt diferents que a la vida anomenada "real": parlar, jugar, veure fotos i vídeos, xafardejar, organitzar festes, quedar amb els amics, conèixer gent, donar i rebre informació sobre temes diferents...<span class='spip_document_957 spip_documents spip_documents_right' style='float:right; width:200px;'> <img src='http://www.eclecticadv.net/IMG/jpg/plan5_12S.jpg' width="200" height="150" alt="" /></span><br /><img src="http://www.eclecticadv.net/squelettes-dist/puce.gif" width="8" height="11" class="puce" alt="-" /> Valorar les xarxes socials <i>virtuals</i> com instruments de socialització, que milloren l'autoestima i les habilitats socials de manera molt similar al que fan les experiències en grups <i>presencials</i> (gestionant la imatge personal, acceptant feedback sobre les seves conductes, perfeccionant la seva expressió personal davant el grup...)<span class="spip_note_ref"> [<a href='#nb25' class='spip_note' rel='footnote' title='Veure per exemple: el fotolog de touchhmemoree' id='nh25'>25</a>]</span>, sobretot en el moment de l'adolescència que es caracteritza per l'inseguretat. <br /><img src="http://www.eclecticadv.net/squelettes-dist/puce.gif" width="8" height="11" class="puce" alt="-" /> Valorar les xarxes socials <i>virtuals</i> com espais d'oci virtual, on els/les joves es volen passar bé, rient, parlant... Per això les notícies o vídeos amb més impacte social seran creades per algú com ells/elles, comunicat amb sentit d'humor i senzillesa.</p> <p><strong>Fase d'acció:</strong><span class="spip_note_ref"> [<a href='#nb26' class='spip_note' rel='footnote' title='Basat en el document: "¿Cómo abordamos las redes virtuales en Gipuzkoa?" (...)' id='nh26'>26</a>]</span><br /><img src="http://www.eclecticadv.net/squelettes-dist/puce.gif" width="8" height="11" class="puce" alt="-" /> Buscar a persones de referència (educadors/es, professors/es, monitors/es de colònies, dinamitzadors/es de programes d'aventura,...) que ja estan en contacte <i>presencial</i> amb els joves i seran convidats i acceptats per part dels joves per compartir i participar també en les seves xarxes <i>virtuals</i>.<br /><img src="http://www.eclecticadv.net/squelettes-dist/puce.gif" width="8" height="11" class="puce" alt="-" /> Capacitar-les digitalment amb les competències necessàries per utilitzar i entendre els nous llenguatges virtuals i convertir-les en bons/es dinamitzadors/es <i>virtuals</i>.<span class='spip_document_958 spip_documents spip_documents_right' style='float:right; width:200px;'> <img src='http://www.eclecticadv.net/IMG/jpg/plan5_15S.jpg' width="200" height="150" alt="" /></span><br /><img src="http://www.eclecticadv.net/squelettes-dist/puce.gif" width="8" height="11" class="puce" alt="-" /> Encarregar al/a la dinamitzador/a <i>virtual</i> de conèixer de forma més directe les inquietuds i desitjos dels joves, per tal d'encertar amb informació comunicativa que agrada o interesa als joves.<br /><img src="http://www.eclecticadv.net/squelettes-dist/puce.gif" width="8" height="11" class="puce" alt="-" /> Crear productes comunicatives intel·ligents (imatges, vídeos, còmics, guies,...) que aporten una nova visió i puguin ser distribuits per les xarxes socials virtuals<br /><img src="http://www.eclecticadv.net/squelettes-dist/puce.gif" width="8" height="11" class="puce" alt="-" /> Digitalitzar tota la informació en els diferents punts d'informació juvenil: crear vídeos, butlletins, tríptics i llibres electrònics,...<br /><img src="http://www.eclecticadv.net/squelettes-dist/puce.gif" width="8" height="11" class="puce" alt="-" /> Crear nous canals de comunicació i millorar els/les existents: crear foros, enquestes, formularis, wikis, blogs i esdeveniments i enllaçar tot amb les xarxes socials, comunicar per butlletí electrònic, per sms,...<br /><img src="http://www.eclecticadv.net/squelettes-dist/puce.gif" width="8" height="11" class="puce" alt="-" /> Capacitar digitalment a tots els/les tècnics/tècniques de Joventut per crear i participar en les xarxes socials virtuals i les noves vies de comunicació</p> Tallers i seminaris sobre la web 2.0> 2010-06-17T09:48:00Z text/html ca Eclèctica DV [Agenda] Seminari: "Joves i xarxes socials" a l'Ajuntament de Sant Boi de Llobregat - 16 de juny http://www.eclecticadv.net/spip.php?article310 <img class="spip_logos" alt="" align="right" src="IMG/arton310.png?1365104393" width="160" height="160" onmouseover="this.src='IMG/artoff310.jpg?1365104345'" onmouseout="this.src='http://www.eclecticadv.net/IMG/arton310.png?1365104393'" /><p><strong>El 16 de juny <a href="http://www.eclecticadv.net/spip.php?rubrique114" class='spip_in'>Planeta Eclèctica</a> realitzarà un seminari sobre dinamització de joves a les xarxes socials, organitzat pel <a href="http://joventutsantboi.wordpress.com/" class='spip_out' rel='external'>Programa de Joventut</a> de l'<a href="http://www.santboi.cat/" class='spip_out' rel='external'>Ajuntament de Sant Boi de Llobregat</a>.</strong></p> <p><span class='spip_document_936 spip_documents spip_documents_right' style='float:right; width:200px;'> <a href="http://joventutsantboi.wordpress.com/" class="spip_out"><img src='http://www.eclecticadv.net/IMG/jpg/plan6_LaFactoria_logoS.jpg' width="200" height="146" alt="" /></a></span><br>El seminari facilitará coneixements sobre xarxes socials i eines web 2.0, els seus usos i les possibilitats que ofereixen en el marc de la dinamització amb els joves, tant com a mitjà com també com a recurs per a l'avaluació de projectes amb joves.</p> <p><strong>Objectius</strong><br /><img src="http://www.eclecticadv.net/squelettes-dist/puce.gif" width="8" height="11" class="puce" alt="-" /> Conèixer les diferències d'ús que s'en fan els joves de les xarxes socials<br /><img src="http://www.eclecticadv.net/squelettes-dist/puce.gif" width="8" height="11" class="puce" alt="-" /> Utilitzar eines col·laboratives de la web 2.0 per facilitar la comunicació amb els joves<br /><img src="http://www.eclecticadv.net/squelettes-dist/puce.gif" width="8" height="11" class="puce" alt="-" /> Capacitar als participants per dinamitzar als joves a través de xarxes socials<br /><img src="http://www.eclecticadv.net/squelettes-dist/puce.gif" width="8" height="11" class="puce" alt="-" /> Aplicar un projecte de dinamització a les eines existents (<a href="http://www.facebook.com/home.php?#!/Joventut.Sant.Boi" class='spip_out' rel='external'>Perfil en Facebook</a> i <a href="http://joventutsantboi.wordpress.com/" class='spip_out' rel='external'>blog</a> de la Factoria Jove)</p> <p><strong>Continguts</strong><br /><img src="http://www.eclecticadv.net/squelettes-dist/puce.gif" width="8" height="11" class="puce" alt="-" /> Estadístiques i estudis sobre l'ús de les xarxes socials per part dels joves<br /><img src="http://www.eclecticadv.net/squelettes-dist/puce.gif" width="8" height="11" class="puce" alt="-" /> Estratègies de dinamització: exemples i bones pràctiques<br /><img src="http://www.eclecticadv.net/squelettes-dist/puce.gif" width="8" height="11" class="puce" alt="-" /> Identificació del paper del/de la dinamitzor/a virtual en una xarxa social<br /><img src="http://www.eclecticadv.net/squelettes-dist/puce.gif" width="8" height="11" class="puce" alt="-" /> Anàlisi de l'ús de les eines existents<br /><img src="http://www.eclecticadv.net/squelettes-dist/puce.gif" width="8" height="11" class="puce" alt="-" /> Eines web 2.0 per l'avaluació de programes per joves a través d'enquestes i formularis online: <a href="http://www.surveymonkey.com/" class='spip_out' rel='external'>SurveyMonkey</a> y <a href="http://www.wufoo.com/" class='spip_out' rel='external'>Wufoo</a><br /><img src="http://www.eclecticadv.net/squelettes-dist/puce.gif" width="8" height="11" class="puce" alt="-" /> Eines web 2.0 per crear la teva xarxa social pròpia (<a href="http://www.ning.com/" class='spip_out' rel='external'>Ning</a>)</p> Tallers i seminaris sobre la web 2.0> 2010-06-01T09:02:00Z text/html ca Eclèctica DV Reportatge: Taller "Web 2.0 per treballar en equip" a Enmedio (Barcelona) http://www.eclecticadv.net/spip.php?article330 <img class="spip_logos" alt="" align="right" src="IMG/arton330.jpg?1365104397" width="160" height="160" onmouseover="this.src='IMG/artoff330.jpg?1365104346'" onmouseout="this.src='http://www.eclecticadv.net/IMG/arton330.jpg?1365104397'" /><p>[sommaire]<strong>El dissabte 8 de maig, <a href="http://www.eclecticadv.net/spip.php?rubrique114" class='spip_in'>Planeta eclèctica</a> va organitzar el primer mòdul de la formació <i><a href="http://www.eclecticadv.net/spip.php?article291" class='spip_in'>Web 2.0 per al sector artístic</a>.</i> 11 artistes i professionals del sector cultural es van inscriure per al taller i van descobrir les eines d'ofimàtica 2.0 que poden facilitar l'organització i el desenvolupament de la seva activitat professional.</strong></p> <p><span class='spip_document_890 spip_documents spip_documents_right' style='float:right; width:200px;'> <img src='http://www.eclecticadv.net/IMG/jpg/plan4_tall1_1S.jpg' width="200" height="150" alt="" /></span></p> <h3 class="spip">Introducció</h3> <p>Era dissabte i bastant d'hora, però tots els/les alumnes van arribar superpuntuals i amb unes ganes enormes d'aprendre les 9 aplicacions que proposava el programa del taller <strong> <i><a href="http://www.eclecticadv.net/spip.php?article292" class='spip_in'>Web 2.0 per a treballar en equip</a></i> </strong>. La professora <a href="http://www.eclecticadv.net/spip.php?article141" class='spip_in'>Lize</a> va començar per indicar l'horari estricte del programa del dia i va explicar el origen d'<a href="http://www.eclecticadv.net/spip.php?rubrique12" class='spip_in'>Eclèctica DV</a> i els projectes actuals de l'associació.</p> <p><a name="plan4_doodle"></a></p> <h3 class="spip">Doodle</h3> <p><span class='spip_document_882 spip_documents spip_documents_left' style='float:left; width:200px;'> <img src='http://www.eclecticadv.net/IMG/jpg/plan4_tall1_10S.jpg' width="200" height="150" alt="" /></span>Vam comencar amb <a href="http://www.doodle.com/" class='spip_out' rel='external'>Doodle</a>, una aplicació que converteix en un autèntic plaer el «haver de quadrar» els horaris de diferents participants a una reunió o una cita. En lloc de tornar-nos bojos enviant 50 mails en l'estil «jo puc aquest dia però aquest no», i trencar-nos el cap reconstruint les preferències de cadascun/a, s'envia un enllaç a "un Doodle", un cuadrito amb colors on cadascu/na marca l'horari quan podria assistir, quan podria fer un buit o quan no podrà en absolut.<br /><img src="http://www.eclecticadv.net/squelettes-dist/puce.gif" width="8" height="11" class="puce" alt="-" /> <a href="http://www.slideshare.net/eclecticadv/taller-web-20-para-trabajar-en-equipo-doodle-4041795" class='spip_out' rel='external'>veure presentació</a></p> <p><span class='spip_document_881 spip_documents spip_documents_right' style='float:right; width:200px;'> <img src='http://www.eclecticadv.net/IMG/jpg/plan4_tall1_13S.jpg' width="200" height="150" alt="" /></span></p> <h3 class="spip">Google Calendar</h3> <p>Després tocava «crear-se un compte» amb Google, l'empresa capdavantera de web 2.0 qui ofereix tres dels programes que vam practicar durant el taller: <a href="http://www.google.com/calendar" class='spip_out' rel='external'>Google Calendar</a>, <a href="http://docs.google.com/" class='spip_out' rel='external'>Google Docs</a> i <a href="http://groups.google.és/" class='spip_out' rel='external'>Google Groups</a>. Per donar-se d'alta només feia falta una adreça d'email funcionant i triar una contrasenya. Si tenies <a href="http://www.gmail.com/" class='spip_out' rel='external'>gmail</a> no feia falta obrir-se un compte, ja podies accedir directament a tots els serveis de Google.</p> <p><a name="plan4_googlecalendar"></a><span class='spip_document_891 spip_documents spip_documents_left' style='float:left; width:200px;'> <img src='http://www.eclecticadv.net/IMG/jpg/plan4_tall1_16S.jpg' width="200" height="150" alt="" /></span>L'avantatge de el <a href="http://www.google.com/calendar" class='spip_out' rel='external'>Google Calendar</a> versus els calendaris "desktop" (tipus Outlook o iCal) està en compartir la informació en el teu calendari amb els membres del teu equip. A més, podeu crear un calendari conjunt que s'accedeixi des d'internet i on tot l'equip pugui afegir canvis. Però no serveix solament per a crear calendaris compartits internament, també pots usar Google Calendar per a crear un calendari públic i per exemple publicar una agenda d'activitats en la teva web. <br /><img src="http://www.eclecticadv.net/squelettes-dist/puce.gif" width="8" height="11" class="puce" alt="-" /> <a href="http://www.slideshare.net/eclecticadv/taller-web-20-para-trabajar-en-equipo" class='spip_out' rel='external'>veure presentació</a></p> <p><a name="plan4_googlegroups"></a></p> <h3 class="spip">Google Groups</h3> <p><span class='spip_document_883 spip_documents spip_documents_right' style='float:right; width:200px;'> <img src='http://www.eclecticadv.net/IMG/jpg/plan4_tall1_15S.jpg' width="200" height="150" alt="" /></span><a href="http://groups.google.és/" class='spip_out' rel='external'>Google Groups</a> soluciona un altre problema molt conegut pels equips que treballen a distància: la cadena de mails gairebé interminable cada vegada que algú proposi alguna cosa enviant mails en "CC" a tots els membres de l'equip. L'aplicació et permet crear un "grup" o "llista" mail (en anglès: <i>mailing list</i>), que consisteix en una adreça de correu electrònic i un espai online des d'on tota la comunicació del grup està centralitzada i gestionada.<br /><img src="http://www.eclecticadv.net/squelettes-dist/puce.gif" width="8" height="11" class="puce" alt="-" /> <a href="http://www.slideshare.net/eclecticadv/taller-web-20-para-trabajar-en-equipo-google-groups" class='spip_out' rel='external'>veure presentació</a></p> <p><a name="plan4_googledocs"></a></p> <h3 class="spip">Google Docs</h3> <p><span class='spip_document_887 spip_documents spip_documents_left' style='float:left; width:200px;'> <img src='http://www.eclecticadv.net/IMG/jpg/plan4_tall1_29S.jpg' width="200" height="150" alt="" /></span><a href="http://docs.google.com/" class='spip_out' rel='external'>Google Docs</a> és la versió online que Google ha inventat per a competir amb Microsoft Office, capaç de crear documents de text, fulls de càlcul i presentacions sense instal·lar cap programa, tot es fa directament des del navegador. Interessant per als equips que treballen a distància és la possibilitat d'emmagatzemar, organitzar i compartir els seus documents en un únic lloc online, accessible per a tot l'equip. Per a evitar l'etern enviament de documents adjunts per email i la centralizació de tot els documents en l'ordinador de tan sols un membre de l'equip. <br /><img src="http://www.eclecticadv.net/squelettes-dist/puce.gif" width="8" height="11" class="puce" alt="-" /> <a href="http://www.slideshare.net/eclecticadv/taller-web-20-para-trabajar-en-equipo-google-docs" class='spip_out' rel='external'>veure presentació</a></p> <p><a name="plan4_wikispaces"></a></p> <h3 class="spip">WikiSpaces</h3> <p><span class='spip_document_888 spip_documents spip_documents_right' style='float:right; width:200px;'> <img src='http://www.eclecticadv.net/IMG/jpg/plan4_tall1_26S.jpg' width="200" height="148" alt="" /></span>Els nostres/as alumnes/as van acollir amb molt d'aplaudiment l'aplicació <a href="http://www.wikispaces.com/" class='spip_out' rel='external'>WikiSpaces</a>, ja que van entendre que "saber crear una wiki" significa una autentica revolució per qui diàriament ha de redactar documents i projectes de manera colaborativa. Una "wiki" és com una mena de pàgina web superfàcil, que pots tocar amb diverses persones com si fós un document de text que tots poden editar a la vegada. <br /><img src="http://www.eclecticadv.net/squelettes-dist/puce.gif" width="8" height="11" class="puce" alt="-" /> <a href="http://www.slideshare.net/eclecticadv/taller-web-20-para-trabajar-en-equipo-wikispaces" class='spip_out' rel='external'>veure presentació</a></p> <p><a name="plan4_surveymonkey"></a></p> <h3 class="spip">SurveyMonkey</h3> <p><span class='spip_document_886 spip_documents spip_documents_left' style='float:left; width:200px;'> <img src='http://www.eclecticadv.net/IMG/jpg/plan4_tall1_20S.jpg' width="200" height="150" alt="" /></span>Tots i totes necessitem de tant en tant recollir dades, opinions i avaluacions i <a href="http://www.surveymonkey.com/" class='spip_out' rel='external'>SurveyMonkey</a> ens permet de fer-ho creant un qüestionari online que els/les participants poden respondre clicant un simple enllaç. És gratis en el cas de que tot el què vols saber es pot resumir en 10 preguntes i només necessites interrogar màxim 100 persones. Com exercici durant el taller, vam analitzar i reconstruir una per una les preguntes que Eclèctica DV va enviar anteriorment als/a les participants del taller. <br /><img src="http://www.eclecticadv.net/squelettes-dist/puce.gif" width="8" height="11" class="puce" alt="-" /> <a href="http://www.slideshare.net/eclecticadv/taller-web-20-para-trabajar-en-equipo-surveymonkey" class='spip_out' rel='external'>veure presentació</a></p> <p><a name="plan4_wufoo"></a></p> <h3 class="spip">Wufoo</h3> <p><span class='spip_document_884 spip_documents spip_documents_right' style='float:right; width:200px;'> <img src='http://www.eclecticadv.net/IMG/jpg/plan4_tall1_18S.jpg' width="200" height="150" alt="" /></span>Necessites a <a href="http://www.wufoo.com/" class='spip_out' rel='external'>Wufoo</a> si vols que la gent empleni un formulari en línia, per exemple per a inscriure's a un curs o per a fer una comanda. L'aplicació crea un enllaç a una pàgina web amb un formulari i envia les dades emplenades a l'adreça mail que tu indiques. Si tens pàgina web, pots adaptar el disseny del formulari perquè sembli al disseny de la teva web. Com exercici durant el taller, vam analitzar i reconstruir el formulari d'inscripció de la formació <i><a href="http://www.eclecticadv.net/spip.php?article291" class='spip_in'>Web 2.0 per al sector artístic</a></i>. <br /><img src="http://www.eclecticadv.net/squelettes-dist/puce.gif" width="8" height="11" class="puce" alt="-" /> <a href="http://www.slideshare.net/eclecticadv/taller-web-20-para-trabajar-en-equipo-wufoo" class='spip_out' rel='external'>veure presentació</a></p> <p><a name="plan4_plaxo"></a></p> <h3 class="spip">Plaxo</h3> <p><span class='spip_document_885 spip_documents spip_documents_left' style='float:left; width:200px;'> <img src='http://www.eclecticadv.net/IMG/jpg/plan4_tall1_23S.jpg' width="200" height="150" alt="" /></span><a href="http://www.plaxo.com/" class='spip_out' rel='external'>Plaxo</a> és la solució a un altre problema conegut: la desorganització, duplicació i falta d'actualització de les nostres llibretes d'adreces, moltes vegades repartides entre diferents programes mail. L'aplicació et permet importar els teus contactes des de diversos programes mail en una llibreta d'adreces online, eliminar duplicats i sincronitzar-ho tot quan actualitzes una adreça en un dels programes. Si vols ajuntar tots els contactes dels membres d'equip en un únic lloc online, pots utilitzar Plaxo per importar els contactes des dels diferents programes mails dels membres de l'equip!<br /><img src="http://www.eclecticadv.net/squelettes-dist/puce.gif" width="8" height="11" class="puce" alt="-" /> <a href="http://www.slideshare.net/eclecticadv/taller-web-20-para-trabajar-en-equipo-plaxo" class='spip_out' rel='external'>veure presentació</a></p> <p><span class='spip_document_889 spip_documents spip_documents_right' style='float:right; width:200px;'> <img src='http://www.eclecticadv.net/IMG/jpg/plan4_tall1_28S.jpg' width="200" height="150" alt="" /></span></p> <h3 class="spip">Evaluació</h3> <p>Al final del dia els/les alumnes eren contents/tes i satisfets/tes amb el taller. Deien d'haver descobert moltíssima utilitat en unes aplicacions de les quals, en la seva gran majoria, mai havien sentit parlar. Ara només faltava practicar, i aplicar-les a l'entorn del treball diari...</p> Tallers i seminaris sobre la web 2.0> 2010-05-09T23:39:00Z text/html ca Eclèctica DV [Agenda] Taller: "Web 2.0 per dinamitzar la teva presència online" a Enmedio (Barcelona) - 29 de maig http://www.eclecticadv.net/spip.php?article295 <img class="spip_logos" alt="" align="right" src="http://www.eclecticadv.net/IMG/arton295.gif?1365104390" width="160" height="120" /><p><strong>En aquest quart i últim mòdul de la formació <i><a href="http://www.eclecticadv.net/spip.php?article291" class='spip_in'>Web 2.0 per al sector artístic</a></i> aprendràs a mesurar i impulsar la teva presència online, a promocionar les teves activitats i continguts i a dinamitzar la participació dels teus col·laboradors en les teves comunitats virtuals.</strong></p> <p><i>Tens un blog o una pàgina web però no saps quanta gent el visita i com portar visites cap a la teva web? Estàs organitzant un esdeveniment o una activitat i necessites fer un mailing massiu? Vols aprendre com fer publicitat de les teves activitats per les xarxes socials?</i></p> <p>En aquest mòdul aprendràs a mesurar la teva presència online i a utilitzar totes les eines i tècniques de la web 2.0 per augmentar la teva visibilitat i fer una difusió i promoció de les teves activitats per internet.</p> <p><img src="http://www.eclecticadv.net/squelettes-dist/puce.gif" width="8" height="11" class="puce" alt="-" /> <strong><a href="http://eclecticadv.wufoo.com/forms/web-20-para-el-sector-artastico" target="_blank">Inscriu-te!</a></strong></p> <h3 class="spip">Mòdul 4<span class="spip_note_ref"> [<a href='#nb_2A' class='spip_note' rel='footnote' id='nh_2A'>*</a>]</span> "Web 2.0 per dinamitzar la teva presència online"</h3> <p><strong>Continguts teòrics</strong> (4 hores)<br class='autobr' /> - mesurar les visites i resultats de la teva presència online (amb <a href="http://www.google.com/intl/es_ALL/analytics/#utm_source=es_es-ha-sp-bk_analytics&utm_medium=ha&utm_campaign=es_es&utm_term=google%20analytics" class='spip_out' rel='external'>Google Analytics</a>)<br /><img src="http://www.eclecticadv.net/squelettes-dist/puce.gif" width="8" height="11" class="puce" alt="-" /> com millorar el posicionament als cercadors ("naturalment" o amb <a href="http://www.google.es/adwords" class='spip_out' rel='external'>Google Adwords</a>)<br /><img src="http://www.eclecticadv.net/squelettes-dist/puce.gif" width="8" height="11" class="puce" alt="-" /> exemples i tàctiques molt concretes per incidir directament en la millora de la teva visibilitat online (blogging, blogmàrqueting, màrqueting viral)<br /><img src="http://www.eclecticadv.net/squelettes-dist/puce.gif" width="8" height="11" class="puce" alt="-" /> creació d'un butlletí de notícies i una campanya de correu electrònic (newsletter i email màrqueting, amb <a href="http://www.mailchimp.com/" class='spip_out' rel='external'>MailChimp</a>)</p> <p><strong>Continguts pràctics</strong> (4 hores)<br class='autobr' /> - creació "pas per pas" d'un compte amb tots els serveis explorats en la part teòrica<br /><img src="http://www.eclecticadv.net/squelettes-dist/puce.gif" width="8" height="11" class="puce" alt="-" /> exercicis pràctics per aprofundir el funcionament de les eines</p> <table class="speciale"><tr><td><strong>Data</strong>: Dissabte 29 de maig 2010<br> <strong>Lloc</strong>: <strong><a href="http://www.enmedio.info/" class='spip_out' rel='external'>Associació Cultural Enmedio</a></strong>, C/Palaudariès 25-27 Baixos. Metro: L3 Paral·lel<br> <strong>Horari</strong>: de 11h00 a 15h00 i de 16h00 a 20h00 (8hrs)<br> <strong>Preu</strong>: 25,00 €/22,50 €<span class="spip_note_ref"> [<a href='#nb_2A' class='spip_note' rel='footnote' title='Pots seguir només alguns mòduls o bé tots. Si t'inscrius per a tots els mòduls (...)'>*</a>]</span><br> <strong>Plaçes limitades</strong><br></td></tr></table> <p><strong>Requisits</strong>:<br /><img src="http://www.eclecticadv.net/squelettes-dist/puce.gif" width="8" height="11" class="puce" alt="-" /> portar el teu ordinador personal<br /><img src="http://www.eclecticadv.net/squelettes-dist/puce.gif" width="8" height="11" class="puce" alt="-" /> tenir uns coneixements mínims d'informàtica (saber usar el navegador, el correu electrònic, un processador de text...)</p> <p><img src="http://www.eclecticadv.net/squelettes-dist/puce.gif" width="8" height="11" class="puce" alt="-" /> <strong><a href="http://eclecticadv.wufoo.com/forms/web-20-para-el-sector-artastico" target="_blank">Inscriu-te!</a></strong></p> Tallers i seminaris sobre la web 2.0> 2010-04-12T17:25:00Z text/html ca Eclèctica DV [Agenda] Taller: "Web 2.0 per crear la teva presència online" a Enmedio (Barcelona) - 22 de maig http://www.eclecticadv.net/spip.php?article294 <img class="spip_logos" alt="" align="right" src="http://www.eclecticadv.net/IMG/arton294.gif?1365104390" width="160" height="120" /><p><strong>En aquest tercer mòdul de la formació <i><a href="http://www.eclecticadv.net/spip.php?article291" class='spip_in'>Web 2.0 per al sector artístic</a></i> coneixeràs les possibilitats que ofereix la web 2.0 per crear la teva presència online, segons les teves necessitats i en comparació amb els teus referents al sector.</strong></p> <p><i>Necessites una pàgina web i no tens els coneixements tècnics per fer-te una tu mateix/a? No entens exactament quina diferencia hi ha entre tenir una pàgina web, un blog o usar una pàgina en una xarxa social? No saps on començar i necessites fer-te una idea amb exemples de la presència online d'artistes o entitats culturals similars?</i></p> <p>En aquest mòdul diagnostiquem les teves necessitats, la teva presència online i la presència dels teus referents al sector (la teva "blogosfera"). Et consultem sobre les diferents possibilitats que ens ofereix la web 2.0 per crear, segons les teves necessitats, una pàgina web, un blog o una pàgina en una xarxa social. Aprendràs a usar les eines que et permeten crear aquesta presència online, sense tenir coneixements tècnics ni haver de pagar res.</p> <h3 class="spip">Mòdul 3<span class="spip_note_ref"> [<a href='#nb_2A' class='spip_note' rel='footnote'>*</a>]</span> "Web 2.0 per crear la teva presència online"</h3> <p><strong>Continguts teòrics</strong> (4 hores)<br /><img src="http://www.eclecticadv.net/squelettes-dist/puce.gif" width="8" height="11" class="puce" alt="-" /> exemples de bones i dolentes pràctiques en la presència online de diferents artistes i entitats del sector cultural<br /><img src="http://www.eclecticadv.net/squelettes-dist/puce.gif" width="8" height="11" class="puce" alt="-" /> com identificar la teva blogosfera (descobrir la presència online dels teus referents)<br /><img src="http://www.eclecticadv.net/squelettes-dist/puce.gif" width="8" height="11" class="puce" alt="-" /> diferencia entre el funcionament i l'objectiu d'una pàgina web, d'un blog i d'una xarxa social<br /><img src="http://www.eclecticadv.net/squelettes-dist/puce.gif" width="8" height="11" class="puce" alt="-" /> com crear una pàgina web bàsica o un blog (amb <a href="http://es.wordpress.com/" class='spip_out' rel='external'>Wordpress.com</a>), una pàgina en una xarxa social (amb <a href="http://www.facebook.com/" class='spip_out' rel='external'>Facebook</a>) i una xarxa social pròpia (amb <a href="http://www.ning.com/" class='spip_out' rel='external'>Ning</a>)</p> <p><strong>Continguts pràctics</strong> (4 hores)<br /><img src="http://www.eclecticadv.net/squelettes-dist/puce.gif" width="8" height="11" class="puce" alt="-" /> diagnòstic de les necessitats dels/de les diferents artistes/entitats i consultoria per part de la persona formadora<br /><img src="http://www.eclecticadv.net/squelettes-dist/puce.gif" width="8" height="11" class="puce" alt="-" /> creació "pas per pas" d'un compte amb tots els serveis explorats en la part teòrica<br /><img src="http://www.eclecticadv.net/squelettes-dist/puce.gif" width="8" height="11" class="puce" alt="-" /> exercicis pràctics per aprofundir el funcionament de l'eina segons la necessitat destacada</p> <table class="speciale"><tr><td><strong>Data</strong>: Dissabte 22 de maig 2010<br> <strong>Lloc</strong>: <strong><a href="http://www.enmedio.info/" class='spip_out' rel='external'>Associació Cultural Enmedio</a></strong>, C/Palaudariès 25-27 Baixos. Metro: L3 Paral·lel<br> <strong>Horari</strong>: de 11h00 a 15h00 i de 16h00 a 20h00 (8hrs)<br> <strong>Preu</strong>: 25,00 €/22,50 €<span class="spip_note_ref"> [<a href='#nb_2A' class='spip_note' rel='footnote' title='Pots seguir només alguns mòduls o bé tots. Si t'inscrius per a tots els mòduls (...)'>*</a>]</span><br> <strong>Plaçes limitades</strong><br></td></tr></table> <p><strong>Requisits</strong>:<br /><img src="http://www.eclecticadv.net/squelettes-dist/puce.gif" width="8" height="11" class="puce" alt="-" /> portar el teu ordinador personal<br /><img src="http://www.eclecticadv.net/squelettes-dist/puce.gif" width="8" height="11" class="puce" alt="-" /> tenir uns coneixements mínims d'informàtica (saber usar el navegador, el correu electrònic, un processador de text...)</p> Tallers i seminaris sobre la web 2.0> 2010-04-12T17:20:00Z text/html ca Eclèctica DV [Agenda] Taller: "Web 2.0 per domesticar la sobreinformació" a Enmedio (Barcelona) - 15 de maig http://www.eclecticadv.net/spip.php?article293 <img class="spip_logos" alt="" align="right" src="http://www.eclecticadv.net/IMG/arton293.gif?1365104390" width="160" height="120" /><p><strong>En aquest segon mòdul de la formació <i><a href="http://www.eclecticadv.net/spip.php?article291" class='spip_in'>Web 2.0 per al sector artístic</a></i> identifiquem les eines de la web 2.0 per buscar, filtrar, organitzar, compartir i gestionar el flux de (sobre)informació al qual estàs exposada diàriament.</strong></p> <p><i>Et sents submergit/da per la quantitat d'informació que hi ha en internet avui en dia? La informació que trobes et sembla poc rellevant? Tens la sensació que, encara que hi hagi tanta informació, no t'estàs assabentant de la qual cosa t'hauries d'assabentar?</i></p> <p>La sobreinformació en la web 2.0 és un fet, però la web 2.0 també ens ofereix una bateria d'eines, serveis i tecnologies que ens ajuden a filtrar la informació que ens interessa i deixar a part el 'soroll' que provoquen els nous carrers d'internet. En aquest mòdul aprens a utilitzar-los.</p> <h3 class="spip">Mòdul 2<span class="spip_note_ref"> [<a href='#nb_2A' class='spip_note' rel='footnote'>*</a>]</span> "Web 2.0 per domesticar la sobreinformació"</h3> <p><strong>Continguts teòrics</strong> (4 hores):<br /><img src="http://www.eclecticadv.net/squelettes-dist/puce.gif" width="8" height="11" class="puce" alt="-" /> entendre el funcionament d'un cercador (indexació, paraules clau, posicionament) i fer recerca avançada (amb <a href="http://www.google.es/" class='spip_out' rel='external'>Google search</a>)<br /><img src="http://www.eclecticadv.net/squelettes-dist/puce.gif" width="8" height="11" class="puce" alt="-" /> llegir les últimes notícies en blogs amb cercadors més refinats (amb <a href="http://blogsearch.google.com/" class='spip_out' rel='external'>Google Blog search</a>)<br /><img src="http://www.eclecticadv.net/squelettes-dist/puce.gif" width="8" height="11" class="puce" alt="-" /> assabentar-te de l'"actualitat popular" a través de microblogs (amb <a href="http://www.twitter.com/" class='spip_out' rel='external'>Twitter</a>)<br /><img src="http://www.eclecticadv.net/squelettes-dist/puce.gif" width="8" height="11" class="puce" alt="-" /> usar un marcador social per ordenar i compartir les nostres pàgines web favorites (amb <a href="http://delicious.com/" class='spip_out' rel='external'>Delicious</a>): explicació dels conceptes "tags" i "folksonomies"<br /><img src="http://www.eclecticadv.net/squelettes-dist/puce.gif" width="8" height="11" class="puce" alt="-" /> participar en una comunitat de notícies per llegir i votar notícies (amb <a href="http://meneame.net/" class='spip_out' rel='external'>Meneame</a>)<br /><img src="http://www.eclecticadv.net/squelettes-dist/puce.gif" width="8" height="11" class="puce" alt="-" /> mantenir-se al dia de les pàgines web que ens interessen a través d'agregadors (amb <a href="http://www.google.es/reader->http:/www.google.es/reader" class='spip_out' rel='external'>Google Reader</a>): explicació sobre sistemes de redifusió de continguts (RSS, Atom)<br /><img src="http://www.eclecticadv.net/squelettes-dist/puce.gif" width="8" height="11" class="puce" alt="-" /> configurar una pàgina d'inici personalitzada on concentrar i organitzar el flux d'informació (amb <a href="http://www.netvibes.com/" class='spip_out' rel='external'>Netvibes</a>)</p> <p><strong>Continguts pràctics</strong> (4 hores)<br /><img src="http://www.eclecticadv.net/squelettes-dist/puce.gif" width="8" height="11" class="puce" alt="-" /> exercicis de recerca del tipus d'informació gestionada per molts entitats del sector cultural (convocatòries d'ajuts, notícies sobre activitats del sector, informes d'investigació)<br /><img src="http://www.eclecticadv.net/squelettes-dist/puce.gif" width="8" height="11" class="puce" alt="-" /> creació "pas per pas" d'un compte amb tots els serveis explorats en la part teòrica<br /><img src="http://www.eclecticadv.net/squelettes-dist/puce.gif" width="8" height="11" class="puce" alt="-" /> exercicis pràctics per donar resposta a situacions reals de "col·lapse" en el flux d'informació</p> <table class="speciale"><tr><td><strong>Data</strong>: Dissabte 15 de maig 2010<br> <strong>Lloc</strong>: <strong><a href="http://www.enmedio.info/" class='spip_out' rel='external'>Associació Cultural Enmedio</a></strong>, C/Palaudariès 25-27 Baixos. Metro: L3 Paral·lel<br> <strong>Horari</strong>: de 11h00 a 15h00 i de 16h00 a 20h00 (8hrs)<br> <strong>Preu</strong>: 25,00 €/22,50 €<span class="spip_note_ref"> [<a href='#nb_2A' class='spip_note' rel='footnote' title='Pots seguir només alguns mòduls o bé tots. Si t'inscrius per a tots els mòduls (...)'>*</a>]</span><br> <strong>Plaçes limitades</strong><br></td></tr></table> <p><strong>Requisits</strong>:<br /><img src="http://www.eclecticadv.net/squelettes-dist/puce.gif" width="8" height="11" class="puce" alt="-" /> portar el teu ordinador personal<br /><img src="http://www.eclecticadv.net/squelettes-dist/puce.gif" width="8" height="11" class="puce" alt="-" /> tenir uns coneixements mínims d'informàtica (saber usar el navegador, el correu electrònic, un processador de text...)</p> Tallers i seminaris sobre la web 2.0> 2010-04-12T17:15:00Z text/html ca Eclèctica DV [Agenda] Taller: "Web 2.0 per treballar en equip" a Enmedio (Barcelona) - 8 de maig http://www.eclecticadv.net/spip.php?article292 <img class="spip_logos" alt="" align="right" src="http://www.eclecticadv.net/IMG/arton292.gif?1365104390" width="160" height="120" /><p><strong>En aquest primer mòdul de la formació <i><a href="http://www.eclecticadv.net/spip.php?article291" class='spip_in'>Web 2.0 per al sector artístic</a></i> identifiquem la web 2.0 com un avantatge competitiu per a la teva activitat, dissenyant noves formes de treballar més eficaç.</strong></p> <p><i>Treballes a distància amb el teu equip i t'enfonses en el tràfic de correu electrònic per quadrar agendes, planificar un calendari, escriure junts/es un projecte o prendre una decisió? Sou uns quants/unes quantes i voleu tenir accés al mateix correu o posar en comú vostres agendes de contactes? Voleu fer un formulari d'inscripció o un qüestionari d'avaluació per internet? Enviar arxius que pesen massa per email?</i></p> <p>En aquest mòdul aprens a utilitzar les eines web 2.0 d'"ofimàtica online" que et facilitaran la vida en el moment d'organitzar i desenvolupar la teva activitat professional.</p> <h3 class="spip">Mòdul 1<span class="spip_note_ref"> [<a href='#nb_2A' class='spip_note' rel='footnote'>*</a>]</span> "Web 2.0 per treballar en equip"</h3> <p><strong>Continguts teòrics</strong> (4 hores):<br /><img src="http://www.eclecticadv.net/squelettes-dist/puce.gif" width="8" height="11" class="puce" alt="-" /> principis i característiques d'una aplicació ofimàtica "online" versus "off-line"<br /><img src="http://www.eclecticadv.net/squelettes-dist/puce.gif" width="8" height="11" class="puce" alt="-" /> creació de comptes amb empreses web 2.0: models econòmics, precaucions, privacitat<br /><img src="http://www.eclecticadv.net/squelettes-dist/puce.gif" width="8" height="11" class="puce" alt="-" /> crear i compartir arxius (amb <a href="http://docs.google.com/" class='spip_out' rel='external'>Google Docs</a>)<br /><img src="http://www.eclecticadv.net/squelettes-dist/puce.gif" width="8" height="11" class="puce" alt="-" /> compartir calendaris i convocar reunions (amb <a href="http://www.google.com/calendar" class='spip_out' rel='external'>Google Calendar</a> i <a href="http://www.doodle.com/" class='spip_out' rel='external'>Doodle</a>)<br /><img src="http://www.eclecticadv.net/squelettes-dist/puce.gif" width="8" height="11" class="puce" alt="-" /> editar una pàgina wiki conjuntament (amb <a href="http://www.wikispaces.com/" class='spip_out' rel='external'>Wikispaces</a>)<br /><img src="http://www.eclecticadv.net/squelettes-dist/puce.gif" width="8" height="11" class="puce" alt="-" /> optimització de la comunicació interna: configurar un client de correu online i gestió de contactes (amb <a href="http://www.relenta.com/->http:/www.relenta.com/" class='spip_out' rel='external'>Relenta</a> i <a href="http://www.plaxo.com/" class='spip_out' rel='external'>Plaxo</a>), instal·lar i administrar llistes email (amb <a href="http://www.list.org/" class='spip_out' rel='external'>MailMan</a> i <a href="http://groups.google.es/" class='spip_out' rel='external'>Google Groups</a>)<br /><img src="http://www.eclecticadv.net/squelettes-dist/puce.gif" width="8" height="11" class="puce" alt="-" /> fer formularis i enquestes online (amb <a href="http://wufoo.com/" class='spip_out' rel='external'>Wufoo</a> i <a href="http://www.surveymonkey/" class='spip_out' rel='external'>SurveyMonkey</a>).</p> <p><strong>Continguts pràctics</strong> (4 hores):<br /><img src="http://www.eclecticadv.net/squelettes-dist/puce.gif" width="8" height="11" class="puce" alt="-" /> creació "pas per pas" d'un compte amb tots els serveis explorats en la part teòrica<br /><img src="http://www.eclecticadv.net/squelettes-dist/puce.gif" width="8" height="11" class="puce" alt="-" /> diagnòstic de les necessitats dels/de les diferents artistes i entitats culturals i consultoria per part de la persona formadora<br /><img src="http://www.eclecticadv.net/squelettes-dist/puce.gif" width="8" height="11" class="puce" alt="-" /> exercicis pràctics (en equips de tres persones i seguint un guió) que responen a les necessitats destacades i simulen situacions reals</p> <table class="speciale"><tr><td><strong>Data</strong>: Dissabte 8 de maig 2010<br> <strong>Lloc</strong>: <strong><a href="http://www.enmedio.info/" class='spip_out' rel='external'>Associació Cultural Enmedio</a></strong>, C/Palaudariès 25-27 Baixos. Metro: L3 Paral·lel<br> <strong>Horari</strong>: de 11h00 a 15h00 i de 16h00 a 20h00 (8hrs)<br> <strong>Preu</strong>: 25,00 €/22,50 €<span class="spip_note_ref"> [<a href='#nb_2A' class='spip_note' rel='footnote' title='Pots seguir només alguns mòduls o bé tots. Si t'inscrius per a tots els mòduls (...)'>*</a>]</span><br> <strong>Plaçes limitades</strong><br></td></tr></table> <p><strong>Requisits</strong>:<br /><img src="http://www.eclecticadv.net/squelettes-dist/puce.gif" width="8" height="11" class="puce" alt="-" /> portar el teu ordinador personal<br /><img src="http://www.eclecticadv.net/squelettes-dist/puce.gif" width="8" height="11" class="puce" alt="-" /> tenir uns coneixements mínims d'informàtica (saber usar el navegador, el correu electrònic, un processador de text...)</p> Tallers i seminaris sobre la web 2.0> 2010-04-12T17:10:00Z text/html ca Eclèctica DV [Agenda] Seminari: "Què és la web 2.0?" - 22 i 24 d'abril i 5 de maig http://www.eclecticadv.net/spip.php?article290 <img class="spip_logos" alt="" align="right" src="http://www.eclecticadv.net/IMG/arton290.png?1365104390" width="160" height="160" /><p><strong>En el marc de la formació <i><a href="http://www.eclecticadv.net/spip.php?article291" class='spip_in'>Web 2.0 per al sector artístic</a></i>, Eclèctica DV organitza un seminari gratuït per explicar el que és la web 2.0 i presentar els continguts de la formació. El seminari és gratuït i obert a tothom. Tindrà lloc el Dijous 22 abril (20 h-22 h) en <a href="http://www.enmedio.info/" class='spip_out' rel='external'>Enmedio</a> i es repeteix el dissabte 24 abril (17 h-19 h) en l'<a href="http://www.anticteatre.com/" class='spip_out' rel='external'>Antic Teatre</a> i el dimecres 5 de maig (19h30-21h30) en <a href="http://www.elarcodelavirgen.es/" class='spip_out' rel='external'>La Virgen - despacho cultural.</a></strong></p> <p><span class='spip_document_871 spip_documents spip_documents_right' style='float:right; width:160px;'> <img src='http://www.eclecticadv.net/IMG/gif/fon1_logo.gif' width="160" height="120" alt="" /></span>Amb la web 2.0, estem vivint un canvi qualitatiu en la web. Un canvi que neix d'una evolució tecnològica i d'unes necessitats socials i comunicatives, i que té importants repercussions a nivell tecnològic, social i cultural.</p> <p>L'objectiu del seminari és comprendre de forma clara l'impacte dels canvis que la web 2.0 està produint en l'era d'internet, especialment al sector artístic.</p> <p><strong>Explicarem</strong>:<br /><img src="http://www.eclecticadv.net/squelettes-dist/puce.gif" width="8" height="11" class="puce" alt="-" /> els nous conceptes del canvi tecnològic, social i empresarial generat per la web 2.0<br /><img src="http://www.eclecticadv.net/squelettes-dist/puce.gif" width="8" height="11" class="puce" alt="-" /> el significat del nou vocabulari que ens permet conèixer, distingir i classificar les múltiples marques i productes de la web 2.0<br /><img src="http://www.eclecticadv.net/squelettes-dist/puce.gif" width="8" height="11" class="puce" alt="-" /> el significat dels nous verbs que ens permeten utilitzar la web 2.0 per informar-nos, per promocionar-nos, i per simplificar el flux del treball professional</p> <table class="speciale"><tr><td> <strong>Data</strong>: Dijous 22 abril 2010<br> <strong>Horari</strong>: de 20h00 a 22h00 (2hrs)<br> <strong>Lloc</strong>: <a href="http://www.enmedio.info/" target="_blank"><strong>Associació Cultural Enmedio</strong></a>, C/Palaudariès 25-27 Baixos. Metro: L3 Paral·lel<br> <strong>Entrada gratuïta</strong> <p><strong>o bé:</strong></p> <p><strong>Fecha</strong>: Dissabte 24 abril 2010<br><strong>Horario</strong>: de 17h00 a 19h00 (2hrs)<br><strong>Lugar</strong>: <a href="http://www.anticteatre.com/" target="_blank"><strong>Antic Teatre</strong></font></a>, C/Verdaguer i Callís 12. Metro: L4 Urquinaona<br><strong>Entrada gratuïta</strong></p> <p><strong>o bé:</strong></p> <p><strong>Fecha</strong>: Dimecres 5 maig 2010<br><strong>Horario</strong>: de 19h30 a 21h30 (2hrs)<br><strong>Lugar</strong>: <a href="http://www.anticteatre.com/" target="_blank"><strong>La Virgen - despacho cultural</strong></font></a>, Calle de la Virgen, 10. Metro: L1,L2 Universitat<br><strong>Entrada gratuïta</strong></p> </td></tr></table> <p><strong>A càrrec de</strong>:<br><strong><a href="http://www.eclecticadv.net/spip.php?article21" class='spip_in' hreflang='es'>Lize De Clercq</a></strong><br>Sociòloga i economista. Especialitzada en investigació i divulgació d'entorns de web 2.0, les seves principals aplicacions i els seus models econòmics. És la fundadora d'<a href="http://www.eclecticadv.net/spip.php?rubrique12" class='spip_in'>Eclèctica DV</a> i ha treballat per a la <a href="http://www.fundacionesplai.org/" class='spip_out' rel='external'>Fundació Esplai</a> (Barcelona), com a dinamitzadora de continguts de la xarxa social de telecentros <a href="http://www.telecentre-europe.org/" class='spip_out' rel='external'>www.telecentre-europe.org</a> i durant molts anys per a <a href="http://www.interface3.be/" class='spip_out' rel='external'>Interface3</a> com a investigadora i periodista de la revista web <a href="http://www.ada-online.org/" class='spip_out' rel='external'>Ada-online.org</a>, una campanya del govern belga sobre dones i noves tecnologies.</p> Tallers i seminaris sobre la web 2.0> 2010-04-12T17:00:00Z text/html ca Eclèctica DV [Agenda] Tallers: "Web 2.0 per al sector artístic" a Enmedio (Barcelona) - 8, 15, 22 i 29 maig http://www.eclecticadv.net/spip.php?article291 <img class="spip_logos" alt="" align="right" src="IMG/arton291.png?1365104390" width="160" height="160" onmouseover="this.src='IMG/artoff291.jpg?1365104344'" onmouseout="this.src='http://www.eclecticadv.net/IMG/arton291.png?1365104390'" /><p><strong>Eclèctica DV ofereix una formació en web 2.0 eminentment pràctica, dirigit a artistes i professionals d'entitats culturals. En 4 mòduls independents aprens a utilitzar les eines més importants per enfortir el teu treball diari i difondre el teu projecte per internet. </strong></p> <p><span class='spip_document_871 spip_documents spip_documents_right' style='float:right; width:160px;'> <img src='http://www.eclecticadv.net/IMG/gif/fon1_logo.gif' width="160" height="120" alt="" /></span>Posa't al dia amb les eines web 2.0 i conegui les possibilitats que ofereixen:<br /><img src="http://www.eclecticadv.net/squelettes-dist/puce.gif" width="8" height="11" class="puce" alt="-" /> per a la promoció i gestió de projectes culturals<br /><img src="http://www.eclecticadv.net/squelettes-dist/puce.gif" width="8" height="11" class="puce" alt="-" /> per visualitzar les produccions artístiques<br /><img src="http://www.eclecticadv.net/squelettes-dist/puce.gif" width="8" height="11" class="puce" alt="-" /> per facilitar la comunicació interna i externa<br /><img src="http://www.eclecticadv.net/squelettes-dist/puce.gif" width="8" height="11" class="puce" alt="-" /> per enfortir el treball en xarxa i a distància</p> <p><strong>És una formació</strong>: <br class='autobr' /> - adequada al nivell dels i les participants<br /><img src="http://www.eclecticadv.net/squelettes-dist/puce.gif" width="8" height="11" class="puce" alt="-" /> adaptada a les necessitats concretes d'iniciatives artístiques<br /><img src="http://www.eclecticadv.net/squelettes-dist/puce.gif" width="8" height="11" class="puce" alt="-" /> molt pràctica i basada en un guió d'exercicis que simulen situacions reals<br /><img src="http://www.eclecticadv.net/squelettes-dist/puce.gif" width="8" height="11" class="puce" alt="-" /> que inclou una consultoria per part del nostre equip formador</p> <p><strong>Objetius</strong>:<br class='autobr' /> - millorar les capacitats en l'ús d'eines web 2.0 dels/de les artistes i professionals del sector cultural<br /><img src="http://www.eclecticadv.net/squelettes-dist/puce.gif" width="8" height="11" class="puce" alt="-" /> desenvolupar competències claus per reconèixer, avaluar i utilitzar eines web 2.0 útils per al sector<br /><img src="http://www.eclecticadv.net/squelettes-dist/puce.gif" width="8" height="11" class="puce" alt="-" /> dotar als/a les artistes i entitats de materials pedagògics per optimitzar i aprofundir els coneixements adquirits<br /><img src="http://www.eclecticadv.net/squelettes-dist/puce.gif" width="8" height="11" class="puce" alt="-" /> facilitar les tasques diàries de la comunicació i la gestió interna<br /><img src="http://www.eclecticadv.net/squelettes-dist/puce.gif" width="8" height="11" class="puce" alt="-" /> dotar als/a les artistes i entitats d'eines per filtrar i organitzar informació; i per publicar i promocionar continguts</p> <p><strong>Requisits</strong>:<br class='autobr' /> - portar el teu ordinador personal<br /><img src="http://www.eclecticadv.net/squelettes-dist/puce.gif" width="8" height="11" class="puce" alt="-" /> tenir uns coneixements mínims d'informàtica (saber usar el navegador, el correu electrònic, un processador de text...)</p> <p><strong>Professors/es</strong>:<br /><img src="http://www.eclecticadv.net/squelettes-dist/puce.gif" width="8" height="11" class="puce" alt="-" /> <strong><a href="http://www.eclecticadv.net/spip.php?article141" class='spip_in'>Lize De Clercq</a></strong><br /><img src="http://www.eclecticadv.net/squelettes-dist/puce.gif" width="8" height="11" class="puce" alt="-" /> <strong><a href="http://www.eclecticadv.net/spip.php?article254" class='spip_in'>Francesco Russo</a></strong></p> <p><strong>Programa</strong>:<br>La formació està composta per 4 mòduls <font color="red">independents</font><span class="spip_note_ref"> [<a href='#nb_2A' class='spip_note' rel='footnote' title='Pots seguir només alguns mòduls o bé tots. Si t'inscrius per a tots els mòduls (...)'>*</a>]</span>:</p> <ul class="spip"><li> <strong>Mòdul 1</strong>:<br><h3 class="spip">Taller: <a href="http://www.eclecticadv.net/spip.php?article292" class='spip_in'>Web 2.0 per treballar en equip</a></h3><table class="speciale"><tr><td><strong>Data</strong>: Dissabte 8 de maig 2010<br> <strong>Lloc</strong>: <strong><a href="http://www.enmedio.info/" class='spip_out' rel='external'>Associació Cultural Enmedio</a></strong>, Barcelona, C/Palaudariès 25-27 Baixos. Metro: L3 Paral·lel<br> <strong>Horari</strong>: de 11h00 a 15h00 i de 16h00 a 20h00 (8hrs)<br> <strong>Preu</strong>: 25,00 €/22,50 €<span class="spip_note_ref"> [<a href='#nb_2A' class='spip_note' rel='footnote'>*</a>]</span><br> <strong>Plaçes limitades</strong> <br /><img src="http://www.eclecticadv.net/squelettes-dist/puce.gif" width="8" height="11" class="puce" alt="-" /> <strong><a href="http://www.eclecticadv.net/spip.php?article292" class='spip_in'>Programa</a></strong></td></tr></table></li></ul><ul class="spip"><li> <strong>Mòdul 2</strong>:<br><h3 class="spip">Taller: <a href="http://www.eclecticadv.net/spip.php?article293" class='spip_in'>Web 2.0 per domesticar la sobreinformació</a></h3><table class="speciale"><tr><td><strong>Fecha</strong>: Dissabte 15 de maig 2010<br> <strong>Lloc</strong>: <strong><a href="http://www.enmedio.info/" class='spip_out' rel='external'>Associació Cultural Enmedio</a></strong>, Barcelona, C/Palaudariès 25-27 Baixos. Metro: L3 Paral·lel<br> <strong>Horari</strong>: de 10h30 a 15h00 i de 16h00 a 19h30 (8hrs)<br> <strong>Preu</strong>: 25,00 €/22,50 €<span class="spip_note_ref"> [<a href='#nb_2A' class='spip_note' rel='footnote'>*</a>]</span><br> <strong>Plaçes limitades</strong> <br /><img src="http://www.eclecticadv.net/squelettes-dist/puce.gif" width="8" height="11" class="puce" alt="-" /> <strong><a href="http://www.eclecticadv.net/spip.php?article293" class='spip_in'>Programa</a></strong></td></tr></table></li></ul><ul class="spip"><li> <strong>Mòdul 3</strong>:<br><h3 class="spip">Taller: <a href="http://www.eclecticadv.net/spip.php?article294" class='spip_in'>Web 2.0 per crear la teva presència online</a></h3><table class="speciale"><tr><td><strong>Fecha</strong>: Dissabte 22 de maig 2010<br> <strong>Lloc</strong>: <strong><a href="http://www.enmedio.info/" class='spip_out' rel='external'>Associació Cultural Enmedio</a></strong>, Barcelona, C/Palaudariès 25-27 Baixos. Metro: L3 Paral·lel<br> <strong>Horari</strong>: de 11h00 a 15h00 i de 16h00 a 20h00 (8hrs)<br> <strong>Preu</strong>: 25,00 €/22,50 €<span class="spip_note_ref"> [<a href='#nb_2A' class='spip_note' rel='footnote'>*</a>]</span><br> <strong>Plaçes limitades</strong> <br /><img src="http://www.eclecticadv.net/squelettes-dist/puce.gif" width="8" height="11" class="puce" alt="-" /> <strong><a href="http://www.eclecticadv.net/spip.php?article294" class='spip_in'>Programa</a></strong></td></tr></table></li></ul><ul class="spip"><li> <strong>Mòdul 4</strong>: <br><h3 class="spip">Taller: <a href="http://www.eclecticadv.net/spip.php?article295" class='spip_in'>Web 2.0 per dinamitzar la teva presència online</a></h3><table class="speciale"><tr><td><strong>Fecha</strong>: Dissabte 29 de maig 2010<br> <strong>Lloc</strong>: <strong><a href="http://www.enmedio.info/" class='spip_out' rel='external'>Associació Cultural Enmedio</a></strong>, Barcelona, C/Palaudariès 25-27 Baixos. Metro: L3 Paral·lel<br> <strong>Horari</strong>: de 11h00 a 15h00 i de 16h00 a 20h00 (8hrs)<br> <strong>Preu</strong>: 25,00 €/22,50 €<span class="spip_note_ref"> [<a href='#nb_2A' class='spip_note' rel='footnote'>*</a>]</span><br> <strong>Plaçes limitades</strong> <br /><img src="http://www.eclecticadv.net/squelettes-dist/puce.gif" width="8" height="11" class="puce" alt="-" /> <strong><a href="http://www.eclecticadv.net/spip.php?article295" class='spip_in'>Programa</a></strong></td></tr></table></li></ul> Tallers i seminaris sobre la web 2.0> 2010-04-12T17:00:00Z text/html ca Eclèctica DV Reportatge: Taller «Domesticar la blogosfera» a l'Ajuntament de Terrassa http://www.eclecticadv.net/spip.php?article275 <img class="spip_logos" alt="" align="right" src="IMG/arton275.jpg?1365104388" width="160" height="160" onmouseover="this.src='IMG/artoff275.jpg?1365104344'" onmouseout="this.src='http://www.eclecticadv.net/IMG/arton275.jpg?1365104388'" /><p>[sommaire]<strong>El dimarts 6 d'abril va tenir lloc la tercera i última sessió del cicle de tallers <i><a href="http://www.eclecticadv.net/spip.php?article265" class='spip_in' hreflang='es'>Ciberfeminisme, web 2.0 i xarxes socials</a></i> que organitza la <a href="http://www.terrassa.org/Front/dist_segon_n/_YldVsTUbYKvfR0bU9ik8acI2OkhPF2wXUt-7Uy-8xKhjXF0OYbWTTw" class='spip_out' rel='external'>Regidoria de Polítiques de Gènere de l'Ajuntament de Terrassa</a>, impartit per Eva Cruells (<a href="http://aliainvestigaccio.googlepages.com/" class='spip_out' rel='external'>Alia, Associació Cultural de Dones per la Recerca i Acció</a>) i Lize De Clercq (<a href="http://www.eclecticadv.net/" class='spip_out'>Ecléctica DV</a>). Les dones van configurar el seu propi blog amb Wordpress.com i van aprendre a sindicar i afegir notícies d'altres webs.</strong></p> <p><span class='spip_document_862 spip_documents spip_documents_right' style='float:right; width:200px;'> <img src='http://www.eclecticadv.net/IMG/jpg/plan3_tall3_18S.jpg' width="200" height="150" alt="" /></span></p> <h3 class="spip">Introducció</h3> <p>En la sessió anterior no varem acabar amb el programa previst i <a href="http://www.eclecticadv.net/spip.php?article29" class='spip_in' hreflang='es'>Eva</a> va proposar de continuar aprofundint en l'aplicació <a href="http://es.wordpress.com/" class='spip_out' rel='external'>Wordpress.com</a> i deixar per a un futur cicle de tallers l'aprenentatge d'eines de cerca i filtratge <a href="http://blogsearch.google.com/" class='spip_out' rel='external'>Google Blog Search</a>, <a href="http://delicious.com/" class='spip_out' rel='external'>Delicious</a> i <a href="http://meneame.net/" class='spip_out' rel='external'>Meneame</a>.</p> <h3 class="spip">Pestanyes, refrescar i iniciar sessió</h3> <p>Abans de continuar amb l'aprenentatge de Wordpress.com, <a href="http://www.eclecticadv.net/spip.php?article21" class='spip_in' hreflang='es'>Lize</a> va explicar que per a treballar amb aplicacions de web 2.0, és important dominar les següents accions:</p> <ul class="spip"><li> <strong>Obrir pestanyes</strong><br> <span class='spip_document_863 spip_documents spip_documents_right' style='float:right; width:200px;'> <img src='http://www.eclecticadv.net/IMG/jpg/plan3_tall3_12S.jpg' width="200" height="151" alt="" /></span>Per evitar de perdre't per diverses pàgines web clicant en múltiples enllaços, és important fer servir pestanyes, sobretot quan treballes amb aplicacions web 2.0, ja que aquí, tot es fa des del navegador. Per obrir una pestanya en el navegador Firefox<span class="spip_note_ref"> [<a href='#nb27' class='spip_note' rel='footnote' title='Es el navegador que utilizem en els nostres tallers. Pots instalar-lo (...)' id='nh27'>27</a>]</span>, només cal anar a Arxiu> Nova pestanya i al cantó de la pàgina web que ja tenies oberta, se t'obre una nova pestanya on pots escriure una nova URL (= abreviació en anglès per a «enllaç »o« adreça d'internet », que comença per http://). La pàgina que ja tenies oberta no es canvia i ara tens dues pàgines webs obertes, una al costat de l'altra.</li></ul><ul class="spip"><li> <strong>Part visible i part admin</strong><br> Per treballar al bloc de Wordpress.com és aconsellable que tinguis dues pestanyes obertes: una amb l'URL de la part «visible» del teu blog (per exemple [<a href="http://donesterrassa.wordpress.com/" class='spip_url spip_out auto' rel='nofollow external'>http://donesterrassa.wordpress.com</a>><a href="http://donesterrassa.wordpress.com/" class='spip_url spip_out auto' rel='nofollow external'>http://donesterrassa.wordpress.com</a>]) i l'altra amb la part de darrere (la part del «admin») del teu bloc, afegint «/ wp-login.php» al final de la URL del teu blog (per exemple: <a href="http://donesterrassa.wordpress.com/wp-admin" class='spip_out' rel='external'>http://donesterrassa.wordpress.com/wp-login.php</a>) . Òbviament, la part d' admin és només visible per les usuàries que tenen una contrasenya per treballar en el blog.</li></ul><ul class="spip"><li> <strong>Anar refrescant</strong><br> <span class='spip_document_864 spip_documents spip_documents_right' style='float:right; width:200px;'> <img src='http://www.eclecticadv.net/IMG/jpg/plan3_tall3_10CS.jpg' width="200" height="150" alt="" /></span>Una altra acció molt important per utilitzar aplicacions web 2.0 és saber «refrescar» una pàgina web. Es fa per el botó amb una fletxa a l'angle esquerre del navegador. Per exemple: si has canviat alguna cosa al admin de Wordpress.com, has d'anar a la pestanya de la part de visible i «refrescar» per veure com ha quedat el resultat dels teus canvis.</li></ul><ul class="spip"><li> <strong>Iniciar i tancar una sessió</strong><br> En la sessió anterior vam aprendre que totes les aplicacions de web 2.0 et fan crear un compte amb l'empresa que ofereix el servei, introduint el teu email i creant-un nom d'usuaria i una contrasenya. Ho fas a través d'un botó del tipus «Registre't» (en anglès: «sign up") la primera vegada que utilitzes el servei. Un cop creat aquest compte pots anar a la pàgina web del servei (per exemple a <a href="http://es.wordpress.com/" class='spip_out' rel='external'>http://es.wordpress.com</a>) i utilitzar el botó «iniciar la teva sessió» (en anglès: «login» or «sign in"), introduint el teu nom d'usuària i la teva contrasenya. Si acabes treballant en l'aplicació és important «tancar la teva sessió» (a Wordpress.com accedir a El meu compte> Sortir), perquè si deixes la teva sessió oberta i l'ordinador encès, una altra persona hi pot posar mà al teu blog!</li></ul> <p><span class='spip_document_866 spip_documents spip_documents_right' style='float:right; width:200px;'> <img src='http://www.eclecticadv.net/IMG/jpg/plan3_tall3_5S.jpg' width="200" height="150" alt="" /></span></p> <h3 class="spip">Crear categories y etiquetes</h3> <p>Ara que les dones ja sabien navegar en un «mode web 2.0», ens vam ficar de nou en el admin del nostre blog comú <a href="http://donesterrassa.wordpress.com/" class='spip_out' rel='external'>donesterrassa.wordpress.com</a>. Lize va ensenyar com crear categories (a través d'entrades> Categories) i etiquetes (a través d'entrades> Etiquetes) i va explicar la diferència entre ambdues:<br /><img src="http://www.eclecticadv.net/squelettes-dist/puce.gif" width="8" height="11" class="puce" alt="-" /> «Categories» són més per diferenciar el tipus d'entrada i moltes vegades es decideixen abans de crear les entrades (en el nostre cas vam decidir de posar les categories d'entrades <a href="http://donesterrassa.wordpress.com/category/fotos/" class='spip_out' rel='external'>imatges</a> i <a href="http://donesterrassa.wordpress.com/category/tallers/" class='spip_out' rel='external'>tallers</a>")<br /><img src="http://www.eclecticadv.net/squelettes-dist/puce.gif" width="8" height="11" class="puce" alt="-" /> «Etiquetes» són més per donar una idea del tipus de contingut i moltes vegades es decideixen en el moment mateix de crear les entrades</p> <p><span class='spip_document_865 spip_documents spip_documents_right' style='float:right; width:200px;'> <img src='http://www.eclecticadv.net/IMG/jpg/plan3_tall3_1S.jpg' width="200" height="150" alt="" /></span></p> <h3 class="spip">Editar entrades</h3> <p>Les entrades que les dones van crear durant el taller anterior encara no tenien ni categories ni etiquetes, i tot havia anat per defecte a la categoria «Uncategorized». Ara, com a exercici, se'ls hi va demanar a cada una de les dones de cercar la seva entrada a la llista (a través de «Entrades») i de <i>editar</i>la assignant-li una categoria i algunes etiquetes.</p> <h3 class="spip">Crear un enllaç</h3> <p>Havia arribat el moment per aprendre una de les coses més importants en el món del blogging: enllaçar des d'una entrada a una altra pàgina web. Per practicar això, Lize de nou va demanar a cadascuna de les dones d'<i>editar</i> la seva entrada i de posar un enllaç a la pàgina web de la seva associació.</p> <p><span class='spip_document_867 spip_documents spip_documents_right' style='float:right; width:200px;'> <img src='http://www.eclecticadv.net/IMG/jpg/plan3_tall3_7S.jpg' width="200" height="150" alt="" /></span>Crear un enllaç es fa en diverses fases:<br /><img src="http://www.eclecticadv.net/squelettes-dist/puce.gif" width="8" height="11" class="puce" alt="-" /> S'obre una nova pestanya i es copia la URL de la pàgina web a on vols enllaçar<br /><img src="http://www.eclecticadv.net/squelettes-dist/puce.gif" width="8" height="11" class="puce" alt="-" /> A l'entrada, escriviu el text sobre qual vols fer un clic<br /><img src="http://www.eclecticadv.net/squelettes-dist/puce.gif" width="8" height="11" class="puce" alt="-" /> Es selecciona aquest text<br /><img src="http://www.eclecticadv.net/squelettes-dist/puce.gif" width="8" height="11" class="puce" alt="-" /> Es fa clic sobre el símbol de la cadena (a la pestanya «visual») o sobre «link» (a la pestanya «html»)<br /><img src="http://www.eclecticadv.net/squelettes-dist/puce.gif" width="8" height="11" class="puce" alt="-" /> S'enganxa la URL al quadre que apareix</p> <h3 class="spip">Crear pàgines</h3> <p><span class='spip_document_869 spip_documents spip_documents_right' style='float:right; width:200px;'> <img src='http://www.eclecticadv.net/IMG/jpg/plan3_tall3_6S.jpg' width="200" height="150" alt="" /></span>La popularitat de Wordpress.com (versus per exemple <a href="http://www.blogger.com/" class='spip_out' rel='external'>Blogger</a>) es deu en gran mesura a la facilitat de crear pàgines (més fixes, sense data) al costat de la columna central d'entrades (més de notícies, amb data). Dins d'un blog, les pàgines serveixen com a informació "permanent": per exemple per descriure el projecte del blog (exemple: "<a href="http://eclecticlines.net/?page_id=2" class='spip_out' rel='external'>Sobre</a>" a Eclectic Lines) on els / les autores fan un resum del seu currículum (exemple: "<a href="http://eclecticlines.net/?page_id=314" class='spip_out' rel='external'>Autores</a>" a Eclectic Lines). Com exercici, les dones van crear una pàgina (a través de pàgines> Afegir) a <a href="http://donesterrassa.wordpress.com/" class='spip_out' rel='external'>donesterrassa.wordpress.com</a> amb informació sobre el col.lectiu o l'associació en la qual participen.</p> <h3 class="spip">Plantilles o temes i widgets o Ginys</h3> <p><span class='spip_document_868 spip_documents spip_documents_right' style='float:right; width:200px;'> <img src='http://www.eclecticadv.net/IMG/jpg/plan3_tall3_9S.jpg' width="200" height="150" alt="" /></span>Fins ara les dones només havien tocat el Wordpress.com com a co-administradores del bloc comú <a href="http://donesterrassa.wordpress.com/" class='spip_out' rel='external'>donesterrassa.wordpress.com</a>, i ja era hora d'obrir-se un blog propi i practicar amb l'activació de diferents plantilles (a través d'Aparença> Temes) i amb les famoses «Widgets o en català Ginys» (Aparença> Ginys). Lize va explicar que els widgets-ginys són mòduls preprogramats dels diferents blocs d'informació que pots anar posant a la barra lateral d'un bloc: arxius, calendari, categories, comentaris recents, etc.</p> <p>Per entendre bé el funcionament dels widgets és important saber que cada plantilla ja té prefigurada una combinació de ginys a la barra lateral i una vegada que toques la plantilla a través d'Aparença> Ginys, aquesta configuració prèvia desapareix i es reemplaça pels ginys que la tu vas posant, arrossegant un per un a la barra lateral, on després es poden personalitzar. Per començar amb els ginys, Lize va proposar d'escollir alguns de la part de baix anomenat «ginys inactius», arrossegar-los, personalitzar-los, veure com queden a la part visible i després tornar-los a posar en «ginys inactius» per a desactivar-los sense perdre la personalització.</p> <h3 class="spip">Sindicar i agregar</h3> <p><span class='spip_document_870 spip_documents spip_documents_right' style='float:right; width:200px;'> <img src='http://www.eclecticadv.net/IMG/jpg/plan3_tall3_2CS.jpg' width="200" height="150" alt="" /></span>Com ja sabíem al principi, no teníem temps per aprofundir sobre les eines web 2.0 que ens ajuden a domesticar la sobreinformació, però si varem practicar amb la més important: el famós símbol del «RSS», aquest símbol taronja amb ones que a la web 2.0 es troba per tot arreu.</p> <p>Lize va explicar que clicant sobre aquest símbol surt una adreça d'internet (una URL) que es pot utilitzar de dues maneres diferents:</p> <p><img src="http://www.eclecticadv.net/squelettes-dist/puce.gif" width="8" height="11" class="puce" alt="-" /> Per <i> <strong>agregar</strong> </i>:<br>"Agregar" una URL d'un RSS es copiarlo i enganxarlo a un lector de RSS tipus <a href="http://www.google.es/reader" class='spip_out' rel='external'>Google reader</a> (copiánt-lo a "Afegir subscripció"), per "abonarte" a les notícies d' un blog o una pàgina web i consultar el teu lector en ves de navegar directament a la pàgina per a veure si hi ha notícies noves.<br /><img src="http://www.eclecticadv.net/squelettes-dist/puce.gif" width="8" height="11" class="puce" alt="-" /> Per a <i> <strong>sindicar</strong> </i>:<br>"Sindicar" una URL d'un RSS es copiar-lo i enganxar-lo al widget "enllaços RSS", per a "sindicar" les notícies d'un altre blog (o pàgina web) dins el teu, i així alimentar el teu blog amb notícies d'altres pàgines. Veure per exemple la columna "notícies sindicades" a la pàgina web d' <a href="http://www.eclecticadv.net/" class='spip_out'>Ecléctica DV</a>, on 'tenim sindicades' les webs de grups afins com <a href="http://www.donestech.net/" class='spip_out' rel='external'>Donestech</a> i <a href="http://www.enmedio.info/" class='spip_out' rel='external'>Enmedio</a>.</p> Tallers i seminaris sobre la web 2.0> 2010-04-07T11:30:00Z text/html ca Eclèctica DV Reportatge: Taller "Com crear el nostre propi blog?" a l'Ajuntament de Terrassa http://www.eclecticadv.net/spip.php?article273 <img class="spip_logos" alt="" align="right" src="IMG/arton273.jpg?1365104388" width="160" height="149" onmouseover="this.src='IMG/artoff273.jpg?1365104343'" onmouseout="this.src='http://www.eclecticadv.net/IMG/arton273.jpg?1365104388'" /><p>[sommaire]<strong>El dimarts 23 de març va tenir lloc la segona sessió del cicle de tallers <i><a href="http://www.eclecticadv.net/spip.php?article267" class='spip_in'>Ciberfeminisme, web 2.0 i xarxes socials</a></i> que organitza la <a href="http://www.terrassa.org/Front/dist_segon_n/_YldVsTUbYKvfR0bU9ik8acI2OkhPF2wXUt-7Uy-8xKhjXF0OYbWTTw" class='spip_out' rel='external'>Regidoria de Polítiques de Gènere de l'Ajuntament de Terrassa</a>, impartit per Eva Cruells (<a href="http://aliainvestigaccio.googlepages.com/" class='spip_out' rel='external'>Alia, Associació Cultural de Dones per a la Recerca i Acció</a>) i Lize De Clercq (<a href="http://www.eclecticadv.net/" class='spip_out'>Eclèctica DV</a>). Les dones van descobrir com crear un blog amb Wordpress.com, com canviar la plantilla gràfica i com inserir una entrada, un comentari i una imatge.</strong></p> <h3 class="spip">Introducció</h3> <p><span class='spip_document_833 spip_documents spip_documents_right' style='float:right; width:200px;'> <img src='http://www.eclecticadv.net/IMG/jpg/plan3_tall2_1SA.jpg' width="200" height="150" alt="Concretizando la fecha de la siguiente sesión con Doodle" title="Concretizando la fecha de la siguiente sesión con Doodle" /></span>En aquesta segona sessió vam començar per concretar entre totes la data de la tercera sessió, que encara no estava fixada. En lloc d'enviar-nos 50 mails a l'estil «jo puc aquell dia però aquest no», i trencar el cap reconstruint les preferències de cadascuna de les 13 alumnes, vam utilitzar un <i><a href="http://www.doodle.com/g7pfgmyr93z7chng" class='spip_out' rel='external'>Doodle</a></i>: una eina d'ofimàtica web 2.0 que converteix en un autèntic plaer el «haver de quadrar» els horaris de diferents participants a una reunió o una cita.</p> <p><span class='spip_document_834 spip_documents spip_documents_left' style='float:left; width:200px;'> <img src='http://www.eclecticadv.net/IMG/jpg/plan3_tall2_22S.jpg' width="200" height="150" alt="Eva enseña diferentes herramientas para crear un blog" title="Eva enseña diferentes herramientas para crear un blog" /></span>Després d'això, vam començar amb la part essencial del taller: aprendre a crear i administrar el nostre propi blog. <a href="http://www.eclecticadv.net/spip.php?article67" class='spip_in'>Eva</a> va explicar que les dues aplicacions de web 2.0 més utilitzades per crear blogs són <a href="http://www.blogger.com/" class='spip_out' rel='external'>Blogger</a> (un producte de l'empresa Google) i <a href="http://es.wordpress.com/" class='spip_out' rel='external'>Wordpress.com</a> (una empresa independent, amb una gran comunitat de programadors/es de <a href="http://www.eclecticadv.net/spip.php?article256" target="_blank" title="¿Qué es el software libre?">programari lliure</a> darrere). En aquest taller vam escollir <a href="http://es.wordpress.com/" class='spip_out' rel='external'>Wordpress.com</a>, ja que té més possibilitats i pot convertir-se més endavant en un blog més professional a través de <a href="http://es.wordpress.org/" class='spip_out' rel='external'>Wordpress.org</a>.</p> <h3 class="spip">Crear un compte</h3> <p><span class='spip_document_836 spip_documents spip_documents_right' style='float:right; width:200px;'> <img src='http://www.eclecticadv.net/IMG/jpg/plan3_tall2_18S.jpg' width="200" height="150" alt="Las alumnas crean una cuenta con Wordpress.com" title="Las alumnas crean una cuenta con Wordpress.com" /></span>El primer que cal fer per utilitzar una aplicació web 2.0 és <i>crear un compte amb l'empresa que porta el servei</i>. Sembla lògic, però a la pràctica moltíssima gent es fa un embolic entre tants serveis, noms d'usuari/a i contrasenyes. És important saber que una mateixa empresa web 2.0 pot tenir diversos productes, i si tens compte amb un dels seus productes, ja pots accedir als altres productes sense crear-te un altre compte. Per exemple: si ja tens creada un compte amb Google a través del seu producte <a href="http://www.gmail.com/" class='spip_out' rel='external'>Gmail</a>, també podràs accedir a <a href="http://www.blogger.com/" class='spip_out' rel='external'>Blogger</a>, <a href="http://www.google.es/reader" class='spip_out' rel='external'>Google Reader</a>, <a href="http://docs.google.com/" class='spip_out' rel='external'>Google Docs</a>, etc.</p> <p><span class='spip_document_835 spip_documents spip_documents_left' style='float:left; width:200px;'> <img src='http://www.eclecticadv.net/IMG/jpg/plan3_tall2_16S.jpg' width="200" height="150" alt="Optamos por Wordpress.com para crear un blog" title="Optamos por Wordpress.com para crear un blog" /></span>En el cas de Wordpress la situació és senzilla: l'empresa només té un producte web 2.0: <a href="http://es.wordpress.com/" class='spip_out' rel='external'>Wordpress.com</a>, ja que <a href="http://es.wordpress.org/" class='spip_out' rel='external'>Wordpress.org</a> no és un servei web 2.0 (que s'executi des del navegador), és un programa descarregable que has de instal lar i configurar en el teu propi servidor contractat. Les participants del taller van crear un compte amb Wordpress.com i, a partir d'aquí, ja podien utilitzar el servei per crear el seu propi blog o podien ser convidades per co-administrar un altre blog creat a Wordpress.com.</p> <h3 class="spip">Canviar idioma i plantilla</h3> <p>El primer que vam fer va ser canviar l'idioma de la interfície al català (o castellà), a través de <a href="http://dashboard.wordpress.com/" class='spip_out' rel='external'>dashboard.wordpress.com</a> > Profile> Personal settings > Interface language. <br class='autobr' /> <span class='spip_document_838 spip_documents spip_documents_right' style='float:right; width:200px;'> <img src='http://www.eclecticadv.net/IMG/jpg/plan3_tall2_19S.jpg' width="200" height="150" alt="Eva enseña posibles plantillas gráficas" title="Eva enseña posibles plantillas gráficas" /></span>Després, l'Eva va crear el blog <a href="http://donesterrassa.wordpress.com/" class='spip_out' rel='external'>donesterrassa.wordpress.com</a> i va convidar a totes les alumnes com a usuàries editores<span class="spip_note_ref"> [<a href='#nb28' class='spip_note' rel='footnote' title='Més informació: Roles y privilegios de los tipos de usuario en (...)' id='nh28'>28</a>]</span> del blog, el que significa que, excepte canviar la plantilla i administrar usuaris/àries, les dones tenien tots els privilegis per a co-configurar el blog a través de l'escriptori del blog (<a href="http://donesterrassa.wordpress.com/wp-admin" class='spip_out' rel='external'>donesterrassa.wordpress.com/wp-admin</a>). A través de "Aparença", l'Eva va activar a una de les tantes plantilles ofertes gratuïtament per la comunitat de desenvolupadors/es, i clicant sobre «Visitar pàgina» (per arribar a la part visible per a tothom) les dones de Terrassa ja tenien blog!</p> <h3 class="spip">Insertar entrada, comentaris e imatges</h3> <p><span class='spip_document_839 spip_documents spip_documents_left' style='float:left; width:200px;'> <img src='http://www.eclecticadv.net/IMG/jpg/plan3_tall2_15CS.jpg' width="200" height="150" alt="Las mujeres de Terrassa acaban de convertirse en "prosumidoras"" title="Las mujeres de Terrassa acaban de convertirse en "prosumidoras"" /></span>Ara havia arribat un moment molt especial, ja que les dones van aprendre com crear una entrada al blog (a través de: Entrades> afegir> publicar). Era especial, perquè publicant contingut a la web (sense tenir els coneixements tècnics d'un/a webmaster/mistress), les dones deixaven de ser pures consumidores de la web per a convertir-se en «productores» de continguts, el que a la web 2.0 es diu «ser prosumidores».</p> <p><span class='spip_document_837 spip_documents spip_documents_right' style='float:right; width:200px;'> <a href="http://donesterrassa.wordpress.com/" class="spip_out"><img src='http://www.eclecticadv.net/IMG/jpg/plan3_tall2_28S.jpg' width="200" height="150" alt="El blog donesterrassa.wordpress.com que creamos para el taller" title="El blog donesterrassa.wordpress.com que creamos para el taller" /></a></span><br>L'Eva els hi va preguntar a cadascuna de les dones escriure en <a href="http://donesterrassa.wordpress.com/" class='spip_out' rel='external'>donesterrassa.wordpress.com</a> una entrada sobre les seves motivacions de seguir aquest taller i després comentar les entrades de les altres. Hi havia dones que de seguida van agafar el «truc» del blogging: escrivint en un estil d' «anècdota» i en primera persona (per exemple: «<i><a href="http://donesterrassa.wordpress.com/2010/03/23/el-com-i-el-perque-de-crear-un-bloc/" class='spip_out' rel='external'>El com i el perquè de crear un bloc</a></i>") o escollint un títol que crida l'atenció ( p.e «<i><a href="http://donesterrassa.wordpress.com/2010/03/23/renovar-se-o-morir/" class='spip_out' rel='external'>Renovar-se o morir</a></i>" o "<i><a href="http://donesterrassa.wordpress.com/2010/03/23/nou-vocabulari-cibernetic/" class='spip_out' rel='external'>Nou vocabulari cibernètic</a></i>")</p> <p><span class='spip_document_840 spip_documents spip_documents_left' style='float:left; width:200px;'> <img src='http://www.eclecticadv.net/IMG/jpg/plan3_tall2_26S.jpg' width="200" height="150" alt="Lize explica cómo insertar una imágen en el blog" title="Lize explica cómo insertar una imágen en el blog" /></span><a href="http://www.eclecticadv.net/spip.php?article141" class='spip_in'>Lize</a> va ensenyar com inserir una imatge que ja estava publicada en un altre lloc web: una foto de la sessió anterior publicada a la <a href="http://planetaeclectica.ning.com/photo" class='spip_out' rel='external'>comunitat virtual de Planeta eclèctica</a>.</p> <p>Primer calia posar el ratolí a la foto, clicar el botó de dreta i escollir del menú «copiar la ruta de la imatge» (ruta=URL, una abreviació en anglès per a «enllaç" o "adreça d'internet»). Després, a la part admin del blog, calia afegir una nova entrada i clicar sobre la primera icona al costat de Pujar/inserir: «Afegir imatge». Es va obrir una finestra amb diverses pestanyes: la pestanya a escollir era «Des d'una URL», per després enganxar la ruta de la imatge en «URL de la imatge», donar-li un títol a la imatge, prémer el botó «inserir imatge» i després publicar l'entrada al blog!</p> Tallers i seminaris sobre la web 2.0> 2010-03-24T14:56:00Z text/html ca Eclèctica DV