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/ [Reportaje] Taller de VJ-ing (I) en la Factoria Jove de Sant Boi de Llobregat http://www.eclecticadv.net/spip.php?article391 <img class="spip_logos" alt="" align="right" src="IMG/arton391.jpg?1365104406" width="160" height="160" onmouseover="this.src='IMG/artoff391.jpg?1365104349'" onmouseout="this.src='http://www.eclecticadv.net/IMG/arton391.jpg?1365104406'" /><p>[sommaire]<span class='spip_document_1115 spip_documents spip_documents_right' style='float:right; width:200px;'> <img src='http://www.eclecticadv.net/IMG/jpg/banda7_VJtall1_20CS.jpg' width="200" height="150" alt="" /></span><br>El profesor <a href="http://www.eclecticadv.net/spip.php?article315" class='spip_in'>Ruben Vandendriessche</a> empezó por explicar su recorrido personal: amante de los comics, empezó con el diseño gráfico, después el diseño de páginas webs, y, a partir de su implicación en el proyecto <a href="http://www.rootsnroutes.eu/" class='spip_out' rel='external'>Roots&Routes</a>, sintió una gran vocación para la edición de vídeo y una pasión para generar, mezclar y editar imágenes en tiempo real, lo que, de manera completamente autodidácto, le convirtió en uno de los VJ's de referencia de la escena nocturna de Barcelona.</p> <h3 class="spip">Historia de la sincronización de imágenes con sonido</h3> <p><span class='spip_document_1116 spip_documents spip_documents_left' style='float:left; width:200px;'> <img src='http://www.eclecticadv.net/IMG/jpg/banda7_VJtall1_18CS.jpg' width="200" height="150" alt="" /></span>En un <a href="http://datafighters.ning.com/profiles/blogs/pequenos-y-grandes-momentos" class='spip_out' rel='external'>recorrido histórico</a>, Ruben enseñó ejemplos de vídeos hechos incluso antes de que existieron los ordenadores, cómo imágenes producidos por <a href="http://www.paradise2012.com/visualMusic/musima/" class='spip_out' rel='external'>órganos de luces</a> o por la <a href="http://es.wikipedia.org/wiki/Linterna_m%C3%A1gica" class='spip_out' rel='external'>linterna mágica</a>, el precursor del <a href="http://es.wikipedia.org/wiki/Cinemat%C3%B3grafo" class='spip_out' rel='external'>cinematógrafo</a>.</p> <p>Una de las pioneras de esta nueva forma de arte ha sido <a href="http://en.wikipedia.org/wiki/Nourathar" class='spip_out' rel='external'>Mary Hallock-Greenewalt</a> (1871–1951) que inventó un tipo de órgano de luz que se podía tocar en vivo y así generar imágenes en directo. Otro ejemplo de una obra pionera es el <i>'<a href="http://youtu.be/sqb88gdCM4Q" class='spip_out' rel='external'>Wilfred Opus</a>'</i> (1922) de Thomas Wilfred. Se trata de imágenes generados por una máquina<span class="spip_note_ref"> [<a href='#nb1' class='spip_note' rel='footnote' title='Esas máquinas deben haber sido algo muy similar a lo que hoy conocemos como (...)' id='nh1'>1</a>]</span>, todavía no están cortados al ritmo del sonido. En órgano de luz de Thomas Wilfred (llamado 'Clavilux') inspiró al alemán <a href="http://www.youtube.com/watch?v=ZG11t1BzmGU" class='spip_out' rel='external'>Jonas Heuer</a> de hacer lo mismo con un órgano moderno y un programa de ordenador, en un proyecto llamado <i>'<a href="http://www.youtube.com/watch?v=blXCH6hgCIc" class='spip_out' rel='external'>Clavilux 2000</a>'</i> (2009).</p> <p>Con la invención del cinema empezaron a cortar y montar imágenes, y con ello nació la posibilidad de sincronizar imágenes con una banda sonora. El gran pionero aquí ha sido Len Lye con <i>'<a href="http://youtu.be/EF_ehWEL0Wc" class='spip_out' rel='external'>Kaleidoscope</a>'</i> (1935), juntos con Walt Disney con sus dibujos animados <i>'<a href="http://youtu.be/f7y4EzPNXcc" class='spip_out' rel='external'>Silly Symphonies</a>'</i> (1929-1939) y la obra maestra <i>'<a href="http://youtu.be/nYSbxRiUgOo" class='spip_out' rel='external'>Fantasia</a>'</i> (1940).</p> <p><span class='spip_document_1117 spip_documents spip_documents_right' style='float:right; width:200px;'> <img src='http://www.eclecticadv.net/IMG/jpg/banda7_VJtall1_12CS.jpg' width="200" height="150" alt="" /></span>En los años 60, por el ambiente psicodélico inspirado por la toma de ácidos, empezaron a crear, para conciertos o fiestas, ambientes de luces cambiantes y experimentos con líquidos calentados por luces como por ejemplo <i>'<a href="http://youtu.be/TW733Ut5zE0" class='spip_out' rel='external'>The Joshua Light Show - Liquid Loops</a>'</i> (1969). También <a href="http://es.wikipedia.org/wiki/Andy_Warhol" class='spip_out' rel='external'>Andy Warhol</a>, con <i>'<a href="http://www.archive.org/details/exploding_plastic_inevitable" class='spip_out' rel='external'>Exploding Plastic Inevitable</a>'</i> (1966-1967) contribuyó mucho a la visualización de música en directo. En ese proyecto con bailarines, performance y el grupo de rock <a href="http://es.wikipedia.org/wiki/The_Velvet_Underground" class='spip_out' rel='external'>The Velvet Underground</a>, proyectaba también vídeos suyos fusionando así varias disciplinas artísticas.</p> <p>Pero esos experimentos sobretodo querían crear ambientes de luces para cambiar tu animo, no eran muy sincronizados con la música. En los 70 eso cambió y se ve mejor integrado la música y el vídeo en vivo. Grupos como <a href="http://youtu.be/duOJMERIBCk" class='spip_out' rel='external'>The Monochrome Set</a> (1980), <a href="http://en.wikipedia.org/wiki/Test_Dept" class='spip_out' rel='external'>Test Department</a> o <a href="http://youtu.be/prOjE8gyRL8" class='spip_out' rel='external'>Cabaret Voltaire</a> (1985), no solo empezaron a cortar clips al ritmo de su música (comienzo de los <i>vídeoclips</i>), los usaron también durante sus conciertos.</p> <p><span class='spip_document_1118 spip_documents spip_documents_left' style='float:left; width:200px;'> <img src='http://www.eclecticadv.net/IMG/jpg/banda7_VJtall1_14CS.jpg' width="200" height="150" alt="" /></span><br>Con el boom de MTV durante los 80 se generaron cada vez más vídeoclips de calidad, lo que impulsó a los dueños de clubs y pubs de ponerlos en pantallas grandes. Al mismo tiempo, la música electrónica impulsó la cultura de discoteca, lo cual dió la oportunidad a artistas visuales para estrenarse durante eventos. En los 90, el desarrollo técnico puso a disposición de los profesionales efectos vídeos digitales en vivo. A finales de los 90 ya era posible para profesionales de mezclar vídeos en vivo de manera completamente digital.</p> <p>El vídeo <i>'<a href="http://youtu.be/B8-QDCKdVO4" class='spip_out' rel='external'>Timber</a>'</i> (1997) de <a href="http://es.wikipedia.org/wiki/Coldcut" class='spip_out' rel='external'>Coldcut</a> & <a href="http://en.wikipedia.org/wiki/Hexstatic" class='spip_out' rel='external'>Hexstatic</a> es aún considerado por muchos como la primera edición audio y vídeo sincronizada de manera perfecta. Se comercializó con unos de los primeros software de VJ-ing, el <a href="http://www.vjamm.com/" class='spip_out' rel='external'>VJamm</a>. Un año después se hizo lo mismo con el CD de <a href="http://es.wikipedia.org/wiki/Jean-Michel_Jarre" class='spip_out' rel='external'>Jean Michel Jarre</a> <i><a href="http://youtu.be/x8dqzTl0vUI" class='spip_out' rel='external'>'Odyssey Through O2'</a></i> que vino con el programa de VJ-ing <a href="http://www.arkaos.net/" class='spip_out' rel='external'>ArKaos</a></p> <h3 class="spip">Artefactos, programas y entornos de programación para generar imágenes en directo</h3> <p>Gracias a los rápidos avances técnicos, mezclar y generar imágenes en vivo empieza a ser cada vez mas accesible y fácil. Hoy tenemos una amplia gama de artefactos, programas y entornos de desarrollo que nos permiten plasmar cualquier idea. Entre los <strong>artefactos</strong> tenemos mezcladores de vídeo, efectos, lectores y controladores <a href="http://es.wikipedia.org/wiki/MIDI" class='spip_out' rel='external'>midi</a>.</p> <p><span class='spip_document_1119 spip_documents spip_documents_right' style='float:right; width:200px;'> <img src='http://www.eclecticadv.net/IMG/jpg/banda7_VJtall1_30CS.jpg' width="200" height="150" alt="" /></span>Entre los <strong>programas</strong> mas usados en España hay <a href="http://www.resolume.com/" class='spip_out' rel='external'>Resolume</a>, <a href="http://www.garagecube.com/modul8/" class='spip_out' rel='external'>Modul8</a>, <a href="http://www.arkaos.net/" class='spip_out' rel='external'>ArKaos</a>, <a href="http://www.vidvox.net/" class='spip_out' rel='external'>VDMX</a> y <a href="http://www.troikatronix.com/isadora.html" class='spip_out' rel='external'>Isadora</a>. Todos son programas con licencias propietarias. Pero hay también muchos programas que usan licencias libres y con código abierto<span class="spip_note_ref"> [<a href='#nb2' class='spip_note' rel='footnote' title='Para entender la diferencia entre programas propietarios y libres, ir a (...)' id='nh2'>2</a>]</span>. Algunos de ellos son <a href="http://flxer.net/software/flxer/" class='spip_out' rel='external'>FLxER</a>, <a href="http://veejay.dyne.org/" class='spip_out' rel='external'>VeeJay</a>, <a href="http://lives.sourceforge.net/" class='spip_out' rel='external'>Lives</a>, <a href="http://www.estereotips.net/qeve/" class='spip_out' rel='external'>Qeve</a>, <a href="http://opentzt.sourceforge.net/" class='spip_out' rel='external'>OpenTZT</a>, <a href="http://freej.dyne.org/" class='spip_out' rel='external'>FreeJ</a> y <strong><a href="http://www.quasecinema.org/" class='spip_out' rel='external'>Quase-Cinema</a></strong>, el programa que se va enseñar durante este taller.</p> <p>Los <strong>entornos de programación</strong> para generar visuales en vivo son: <a href="http://es.wikipedia.org/wiki/C%2B%2B" class='spip_out' rel='external'>C++</a>, <a href="http://processing.org/" class='spip_out' rel='external'>Processing</a> y <a href="http://puredata.info/" class='spip_out' rel='external'>PureData</a> (todos software libre), <a href="http://cycling74.com/" class='spip_out' rel='external'>Max</a> (software propietario y de pago) y <a href="http://en.wikipedia.org/wiki/Quartz_Composer" class='spip_out' rel='external'>Quartz Compozer</a> (software propietario pero gratis si usas Mac OS X).</p> <h3 class="spip">Estrellas de la escena internacional del VJ-ing</h3> <p>Muchos espectáculos desarrollan un software específico para después generar los imágenes en vivo. <a href="http://www.youtube.com/watch?feature=player_embedded&v=pS1WALmBqUw" class='spip_out' rel='external'>Mortal Engine de Move Chunky</a> (2008) y <a href="http://www.youtube.com/watch?v=-wVq41Bi2yE" class='spip_out' rel='external'>Apparition de Klaus Obermaier</a> (2010) son unos buenos ejemplos. Otras estrellas de los <i>'artes generativos'</i> son el duo <a href="http://youtu.be/7k7fYMK6cQo" class='spip_out' rel='external'>Nikka (música) y Alba G. Corral (visuales)</a> (2010), dos mujeres de la escena catalana que escriben su proprio programa de VJ-ing para generar su arte durante un espectáculo en directo.</p> <table align="left" hspace="5"><tr><td><iframe src="http://player.vimeo.com/video/24642623?color=ff9933" frameborder="0" height="230" width="320"></iframe></td></tr></table> <p>Ruben también introdujo el término de '<i>mapping</i>' (escenografia interactiva), una tecnica avanzada de VJ-ing dónde se proyecta sobre edificios o otros elementos físicos, usando también imágenes en 3D. Aquí en Barcelona la gente de <a href="http://www.telenoika.net/" class='spip_out' rel='external'>Telenoika</a> hace espectáculos impresionantes de este tipo, con renombre internacional<span class="spip_note_ref"> [<a href='#nb3' class='spip_note' rel='footnote' title='En LABFàbrica de Celrà (una ciudad cerca de Gerona) Telenoika organiza cada (...)' id='nh3'>3</a>]</span>. Otro colectivo internacional famoso que también hace mappings es <a href="http://www.antivj.com/" class='spip_out' rel='external'>AntiVJ</a>.</p> <p>Para terminar, Ruben mostró el vídeo del artista Matta <i>'<a href="http://youtu.be/PX6BG7iezTA" class='spip_out' rel='external'>Release The Freq</a>'</i> (2010) y explicó con este ejemplo que no siempre estás obligado a hacer cambios de imágenes fuertes, si la misma música parece pedirlo.</p> Talleres de vídeo en directo para jóvenes> 2011-06-29T09:44:24Z text/html es Ecléctica DV [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] Formación: "Enviar mails masivos con MailChimp: importar contactos y gestionar suscripciones" - 14 de junio http://www.eclecticadv.net/spip.php?article373 <img class="spip_logos" alt="" align="right" src="http://www.eclecticadv.net/IMG/arton373.jpg?1365104403" width="160" height="160" /><p><strong>En este último taller sobre el envío de newsletters con MailChimp te enseñamos como importar tus contactos y gestionar las subscripciones. Aprenderás a crear un formulario de suscripción y incrustarlo en tu página web y en Facebook.</strong></p> <p><strong>Programa:</strong><br class='autobr' /> <span class='spip_document_1033 spip_documents spip_documents_right' style='float:right; width:200px;'> <img src='http://www.eclecticadv.net/IMG/jpg/club10_MailChimp_formCS.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="-" /> explicación del funcionamiento del apartado "listados de contactos" en <a href="http://www.mailchimp.com/" class='spip_out' rel='external'>MailChimp</a><br /><img src="http://www.eclecticadv.net/squelettes-dist/puce.gif" width="8" height="11" class="puce" alt="-" /> configuración de los diferentes campos y grupos para poder filtrar las listas al momento del envío<br /><img src="http://www.eclecticadv.net/squelettes-dist/puce.gif" width="8" height="11" class="puce" alt="-" /> creación de un formulario de suscripción para la incrustación en tu página web o en facebook<br /><img src="http://www.eclecticadv.net/squelettes-dist/puce.gif" width="8" height="11" class="puce" alt="-" /> adaptación del diseño del formulario al diseño de tu página web</p> <table class="speciale"><tr><td><strong>Fecha</strong>: martes 14 de junio 2011 de 19h a 21h<br> <strong>Lugar</strong>: <a href="http://www.eclecticadv.net/spip.php?rubrique142" class='spip_in'>Casa ecléctica</a> - Barcelona, c/ Joaquín Costa 24, 4º1ºB - Metro: L1 Universitat<br> <strong>Admisión</strong>: <br /><img src="http://www.eclecticadv.net/squelettes-dist/puce.gif" width="8" height="11" class="puce" alt="-" /> Si eres socio/a: <font color="red">gratuito</font><span class="spip_note_ref"> [<a href='#nb4' class='spip_note' rel='footnote' title='Como socio/a no pagas nada si solamente sigues esta formación durante el mes (...)' id='nh4'>4</a>]</span> <br /><img src="http://www.eclecticadv.net/squelettes-dist/puce.gif" width="8" height="11" class="puce" alt="-" /> Si no eres socio/a: <strong>17€</strong> (iva incluido) <br /><img src="http://www.eclecticadv.net/squelettes-dist/puce.gif" width="8" height="11" class="puce" alt="-" /> <a href="http://www.eclecticadv.net/spip.php?rubrique36" class='spip_in'>¡Hazte socio/a!</a><br> <strong>Aforo</strong>: max. 10 participantes </td></tr></table> <p><img src="http://www.eclecticadv.net/squelettes-dist/puce.gif" width="8" height="11" class="puce" alt="-" /> <strong><a href="http://ciberclub.wufoo.com/forms/ciberclub-de-casa-eclactica-junio-2011/" class='spip_out' rel='external'>¡Inscríbete!</a></strong></p> Formaciones en grupo> 2011-06-07T15:03:00Z text/html es Ecléctica DV [Agenda] Talleres: «Web 2.0 para la ofimática online» en el Ayuntamiento de Sant Boi de Llobregat - 7, 14 y 21 de junio http://www.eclecticadv.net/spip.php?article400 <img class="spip_logos" alt="" align="right" src="IMG/arton400.png?1365104406" width="160" height="160" onmouseover="this.src='IMG/artoff400.jpg?1365104349'" onmouseout="this.src='http://www.eclecticadv.net/IMG/arton400.png?1365104406'" /><p><strong>Los días 7, 14 y 21 de junio <a href="http://www.eclecticadv.net/spip.php?rubrique26" class='spip_in'>Planeta Ecléctica</a> realizará los tres talleres del segundo ciclo<span class="spip_note_ref"> [<a href='#nb5' class='spip_note' rel='footnote' title='Primer ciclo: «Web 2.0 para la dinamización de tu presencia online» - 3, 10, (...)' id='nh5'>5</a>]</span> de formación dirigido a los y las técnicos/as de juventud de la <a href="http://joventutsantboi.wordpress.com/" class='spip_out' rel='external'>Factoría Joven de Can Massallera</a>. Durante los talleres, los y las técnicos/as aprenderán a utilizar una serie de programas de ofimática online que pueden facilitar la organización y el desarrollo de su actividad profesional.</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 y organizar páginas favoritas con <a href="http://www.delicious.com/" class='spip_out' rel='external'>Delicious</a></strong>:<br> <font color="red">martes 7 de junio, 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="-" /> para gestionar y catalogar de forma compartida la información encontrada en internet (= identificar tu blogosfera)</li></ul><ul class="spip"><li> <strong>Crear formularios online con <a href="http://www.wufoo.com/" class='spip_out' rel='external'>Wufoo</a></strong>:<br> <font color="red">martes 14 de junio, de 14h a 16h</font> <br /><img src="http://www.eclecticadv.net/squelettes-dist/puce.gif" width="8" height="11" class="puce" alt="-" /> para inscripciones (y también sondeos, pequeñas encuestas, opiniones y 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 encuestas de evaluación con <a href="http://www.surveymonkey.com/" class='spip_out' rel='external'>SurveyMonkey</a></strong>:<br><font color="red">martes 7 de junio, de 14h a 16h</font><br /><img src="http://www.eclecticadv.net/squelettes-dist/puce.gif" width="8" height="11" class="puce" alt="-" /> para evaluar actividades y hacer tests de nivel —></p> <ul class="spip"><li> <strong>Crear un escritorio virtual y seguir la información con <a href="http://www.netvibes.com/" class='spip_out' rel='external'>Netvibes</a></strong>:<br> <font color="red">martes 21 de junio, 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="-" /> para mantenernos al día de la actualidad que nos interesa (= seguir tu blogosfera) <br /><img src="http://www.eclecticadv.net/squelettes-dist/puce.gif" width="8" height="11" class="puce" alt="-" /> para compartir el flujo de la información previamente catalogada con Delicious</li></ul> Talleres y seminarios sobre web 2.0> 2011-06-02T13:15:00Z text/html es 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='#nb6' class='spip_note' rel='footnote' title='Primer cicle: «Web 2.0 per a la dinamització de la teva presència online» - 3, (...)' id='nh6'>6</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='#nb7' class='spip_note' rel='footnote' title='Veure el reportatge del primer taller «Ús de Wordpress.com per a la (...)' id='nh7'>7</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='#nb8' class='spip_note' rel='footnote' title='Per exemple: si t'agrada la gràfica de donessantboi.wordpress.com i veus (...)' id='nh8'>8</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='#nb9' class='spip_note' rel='footnote' title='Per exemple: si vols un tema amb color 'Blanco', 'Tres columnas', 'Menú (...)' id='nh9'>9</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='#nb10' class='spip_note' rel='footnote' title='Per exemple: amb Twenty Eleven fins a 3, amb Coraline fins a 5, amb (...)' id='nh10'>10</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='#nb11' class='spip_note' rel='footnote' title='Definició tret de la Viquipèdia' id='nh11'>11</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='#nb12' class='spip_note' rel='footnote' title='L'article (en anglès) Map an existing Domain explica com fer un mapeo quant (...)' id='nh12'>12</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='#nb13' class='spip_note' rel='footnote' title='Per exemple en el blog d'Eclèctica DV 'Eclectic Lines': un reportatge, un (...)' id='nh13'>13</a>]</span> o bé segons un 'departament específic' del projecte<span class="spip_note_ref"> [<a href='#nb14' class='spip_note' rel='footnote' title='Per exemple els diferents serveis juvenils en la web de la Factoria (...)' id='nh14'>14</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 [Reportaje] Taller: «Enviar mails masivos con MailChimp - crear una newsletter con imágenes y gestionar suscripciones» en el Ayuntamiento de Sant Boi de Llobregat http://www.eclecticadv.net/spip.php?article402 <img class="spip_logos" alt="" align="right" src="IMG/arton402.jpg?1365104406" width="160" height="160" onmouseover="this.src='IMG/artoff402.jpg?1365104349'" onmouseout="this.src='http://www.eclecticadv.net/IMG/arton402.jpg?1365104406'" /><p><strong>El martes 10 de mayo tuvo lugar el segundo taller sobre el <a href="http://www.eclecticadv.net/spip.php?article399" class='spip_in'>envío de mails masivos</a> dirigido a las 7 técnicas de la <a href="http://www.joventutsantboi.cat/" class='spip_out' rel='external'>Factoría Joven de Can Massallera</a>. El taller fue impartido por <a href="http://www.eclecticadv.net/spip.php?article21" class='spip_in'>Lize De Clercq</a> quien explicó cómo se hace una buena newsletter con 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">Consulten la presentación online</a></p> <h3 class="spip">Buenas y malas prácticas</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>Antes de empezar con la propria creación de una newsletter, Lize enseñó unos ejemplos de envíos por correo electrónico que no pueden ser considerados exactamente como "newsletters" (en castellano: boletín de información). Se trata sobre todo de envíos ocasionales (no periódicos) que quieren hacer difusión para un evento en concreto, a veces maquetado en html con imágenes. Según la Lize una buena newsletter siempre deja claro quién la envía y además ofrece la posibilidad de cancelar la suscripción, actualizar los datos personales y contactar con el remitente. El contenido siempre debe ser breve (enlazando a una página web para información más detallada) y el diseño no puede estar demasiado cargado.</p> <h3 class="spip">Porque 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>Lo que hace un programa como MailChimp es facilitar la maquetación en el lenguaje web html, ya que contiene un editor html intuitivo. No hay pues que saber nada sobre programación web para crear una newsletter con enlaces e imágenes.</p> <p>Además, el programa permite hacer un seguimiento de quién ha abierto la nuestra newsletter a través de un amplio abanico de estadísticas. También automatiza todo el proceso de suscripción y suministra el código de un formulario que puede ser incrustado en una web o en Facebook. MailChimp es también el programa que ofrece la versión gratuita más amplia del mercado: hasta 2000 suscriptores y 12.000 envíos al mes<span class="spip_note_ref"> [<a href='#nb15' class='spip_note' rel='footnote' title='Por ejemplo: hasta 6 newsletters para 2000 suscriptores' id='nh15'>15</a>]</span>.</p> <h3 class="spip">Exploración del apartado '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>Lo que más cuesta aprender es la navegación a través de los diferentes apartados del programa (ver la imagen a lado para la estructura). Durante el taller anterior las alumnas se concentraron en el apartado 'Lists', ahora tocaba todo el apartado 'Campaigns' que abre una lista cronológica de todas las 'campañas' (= 'envíos') creados. Importante aquí es saber que sólo se pueden editar (hacer cambios) campañas con estatus 'draft' (borrador) ya que las campañas ya enviadas están cerrados para su edición y sólo se pueden o bien visualizar o bien 'duplicar y 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 pulsar el botón 'editar', el apartado abre <i>un primer nivel de subprograma</i> llamado <strong>'<i>Campaign builder </i>'</strong>, que contiene 5 pasos que pueden ser rellenados y guardados en cualquier orden<span class="spip_note_ref"> [<a href='#nb16' class='spip_note' rel='footnote' title='Para salir y volver a la lista de campañas ('Campaigns') hay que pulsar el (...)' id='nh16'>16</a>]</span>.<br /><img src="http://www.eclecticadv.net/squelettes-dist/puce.gif" width="8" height="11" class="puce" alt="-" /> El paso 1 permite la segmentación y filtración de los suscriptores, pero puede ser saltado si la lista de los suscriptores aún no está disponible.<br /><img src="http://www.eclecticadv.net/squelettes-dist/puce.gif" width="8" height="11" class="puce" alt="-" /> El paso 2 permite la configuración de los campos 'asunto', 'remitente' y 'destinatario' de una campaña mail y la integración con Twitter y Facebook.<br /><img src="http://www.eclecticadv.net/squelettes-dist/puce.gif" width="8" height="11" class="puce" alt="-" /> El paso 3 es donde se crea la parte 'gráfica' de la newsletter. Si estás creando una nueva campaña, se abre el <i>subprograma de segundo nivel</i> llamado <strong>'<i>Design genius</i>'</strong> donde se puede elegir 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 editando un borrador de una campaña ya creada, se abre el <i>subprograma de tercer nivel</i> llamado <strong>'<i>Style editor </i>'</strong>. Aquí es donde se cambian (con las pestañas) los colores, tipografías etc. de todos los campos de la newsletter y donde se editan (con los botones 'edit') los contenidos. Si quieres subir una imagen, se abre <i>un cuarto nivel de subprograma</i> llamado <strong>'<i>Image uploader </i>'</strong>, donde también se pueden hacer retoques de imagen a través del programa <a href="http://www/ . picnik.com /" class='spip_out' rel='external'>Picnik</a>, el equivalente de Photoshop o Gimp en la web 2.0.</p> <h3 class="spip">Gestionar suscripciones con el apartado '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>Hay que salir del apartado 'Campaigns' y volver al apartado 'Lists'> 'view list'> 'create forms' si queremos crear un formulario de suscripción para su incrustación en una página web o en Facebook. Aquí, el interfaz muestra por defecto todos los campos ('fields') que habíamos definido como diferentes columnas de la base de datos de contactos (ver taller anterior: <a href="http://www.eclecticadv.net/spip.php?article401" class='spip_in'>"Organizar contactos para su importación"</a>).</p> <p>Si en nuestro formulario de suscripción sólo queremos que los/las suscritores rellenen algunos de los campos, tenemos que 'desvisualizar' los campos que no queremos que aparecen, y marcar como 'obligatorios' todos los campos que queremos que los/las suscriptores rellenen mínimamente.</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 queremos incrustar el formulario en nuestra página web tenemos que copiar el código de 'Signup form embed code' que se encuentra en el apartado 'Lists'> 'view list'> 'for your website'. Es importante saber que esta incrustación no funciona para webs hecho con wordpress.com, así que aquí habrá de enlazar (con 'Signup form link code') hacia el formulario alojado por MailChimp<span class="spip_note_ref"> [<a href='#nb17' class='spip_note' rel='footnote' title='Aquí encuentra una explicación (en inglés) sobre cómo enlazar hacia el (...)' id='nh17'>17</a>]</span>. Si queremos incrustar el formulario en Facebook, hay que tener en cuenta que sólo funciona para páginas de Facebook, no para perfiles individuales<span class="spip_note_ref"> [<a href='#nb18' class='spip_note' rel='footnote' title='Aquí encuentra una explicación (en inglés) sobre cómo incrustar el formulario (...)' id='nh18'>18</a>]</span>.</p> Talleres y seminarios sobre web 2.0> 2011-05-10T19:30:00Z text/html es 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='#nb19' class='spip_note' rel='footnote' title='Per exemple: fins a 6 newsletters per a 2000 suscriptors' id='nh19'>19</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='#nb20' class='spip_note' rel='footnote' title='Per sortir i tornar a la llista de campanyes ('Campaigns') cal prémer el botó (...)' id='nh20'>20</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='#nb21' class='spip_note' rel='footnote' title='Aquí trobeu una explicació (en anglés) sobre com enllaçar cap al formulari en (...)' id='nh21'>21</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='#nb22' class='spip_note' rel='footnote' title='Aquí trobeu una explicació (en anglés) sobre com incrustar el formulari en una (...)' id='nh22'>22</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 [Reportaje] Taller: "Enviar mails masivos con MailChimp - organizar contactos para su importación" en el Ayuntamiento de Sant Boi de Llobregat http://www.eclecticadv.net/spip.php?article401 <img class="spip_logos" alt="" align="right" src="IMG/arton401.jpg?1365104406" width="160" height="160" onmouseover="this.src='IMG/artoff401.jpg?1365104349'" onmouseout="this.src='http://www.eclecticadv.net/IMG/arton401.jpg?1365104406'" /><p><strong>El martes 3 de mayo tuvo lugar un primer taller sobre el <a href="http://www.eclecticadv.net/spip.php?article399" class='spip_in'>envío de mails masivos</a> dirigido a las 7 técnicas de la <a href="http://www.joventutsantboi.cat/" class='spip_out' rel='external'>Factoría Joven de Can Massallera</a>. El taller fue impartido por <a href="http://www.eclecticadv.net/spip.php?article21" class='spip_in'>Lize De Clercq</a> quien explicó cómo salir del caos de contactos creando una única base de datos de contactos online, consultable y editable por todos y todas.</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">Consulten la presentación 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>Ante todo se hizo un diagnóstico del caos actual: una parte de los contactos se encuentra dentro de una plataforma de correo electrónico del Ayuntamiento, la otra parte o bien en archivos de Word o bien en programas como Outlook, Gmail o Hotmail.</p> <p>Para salir de este lío básicamente tocaba hacer 3 cosas:<br /><img src="http://www.eclecticadv.net/squelettes-dist/puce.gif" width="8" height="11" class="puce" alt="-" /> Exportar contactos en unos ficheros llamados ".csv"<br /><img src="http://www.eclecticadv.net/squelettes-dist/puce.gif" width="8" height="11" class="puce" alt="-" /> Convertirslos en un fichero de hoja de cálculo<br /><img src="http://www.eclecticadv.net/squelettes-dist/puce.gif" width="8" height="11" class="puce" alt="-" /> Decidir entre todas cuáles "columnas" queremos tener en nuestra base de datos 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>Lize explicó que ".csv" es la abreviación inglés de un fichero donde "los valores están separados por comas" (<i>Comma Separated Values​​</i>) y efectivamente: en cuanto las alumnas exportaron sus contactos desde programas como Gmail o Hotmail vieron como el resultado se convirtió en un archivo de texto donde los campos de los contactos estaban "separados por comas".</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>Ahora tocaba convertir el archivo .csv en un fichero de hoja de cálculo, abriéndolo con OpenOffice y aplicándole la función: "datos -> texto en columnas" con la opción "datos delimitados, separados por coma". Para algunas alumnas, el proceso no funcionó y descubrieron por ejemplo que el archivo ".csv" que exportaba Hotmail no era exactamente un fichero separado "por comas", sino "por punto comas". Sin embargo, el espíritu "de hackeo" de las técnicas de Juventud permitió resolver el problema de manera muy rápida!</p> <p>¿Qué más? Pues deberían decidir sobre una estrategia para la organización de los contactos unificados: <i>"¿Qué datos queremos que tenga nuestra base de datos para luego poder utilizarla para 'filtrar' (= 'segmentar') envíos de correos electrónicos masivos dirigidos a los diferentes públicos que tocamos desde el Punto Joven? "</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 dio el ejemplo de una posible estrategia con contactos organizados según una columna que contiene "<i>el grado físico</i>" del enlace con un contacto y otra columna que contiene "<i>la identificación</i>" del contacto según el tipo de proyecto que lleva a cabo una organización. Como deberes para el próximo taller las técnicas de Juventud necesitaban establecer su estrategia y crear un fichero unificado con todos los contactos del Punto Joven.</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>Durante la última parte del taller, las técnicas crearon una cuenta con el programa <a href="http://www.mailchimp.com/" class='spip_out' rel='external'>MailChimp</a> y comenzaron a explorar el apartado "<i>Lists</i>" del programa. Dentro de este apartado, en "<i>Settings -> Fields and Merge tags</i>", deberían crear los nombres de las diferentes columnas que la base de datos debería tener según la estrategia a establecer.</p> Talleres y seminarios sobre web 2.0> 2011-05-03T21:44:00Z text/html es 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='#nb23' class='spip_note' rel='footnote' title='Segon cicle: «Web 2.0 per a la ofimàtica online» - 7, 14 i 21 de (...)' id='nh23'>23</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 [Agenda] Talleres: "Web 2.0 para la dinamización de tu presencia online" en el Ayuntamiento de Sant Boi de Llobregat - 3, 10, 24, 26 y 31 de mayo http://www.eclecticadv.net/spip.php?article399 <img class="spip_logos" alt="" align="right" src="IMG/arton399.png?1365104406" width="160" height="160" onmouseover="this.src='IMG/artoff399.jpg?1365104349'" onmouseout="this.src='http://www.eclecticadv.net/IMG/arton399.png?1365104406'" /><p><strong>Los días 3, 10, 24, 26 y 31 de mayo <a href="http://www.eclecticadv.net/spip.php?rubrique26" class='spip_in'>Planeta Ecléctica</a> realizará cinco tallers de un primer ciclo<span class="spip_note_ref"> [<a href='#nb24' class='spip_note' rel='footnote' title='Segundo ciclo: «Web 2.0 para la ofimática online» - 7, 14 y 21 de (...)' id='nh24'>24</a>]</span> de formación dirigido a los y las técnicos/as de juventud de la Factoría Joven de Can Massallera. Los talleres están organizados por el <a href="http://www.santboi.cat/" class='spip_out' rel='external'>Ayuntamiento de Sant Boi de Llobregat</a> y quieren dinamizar la presencia online de las activitades 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 masivos con <a href="http://www.mailchimp.com/" class='spip_out' rel='external'>MailChimp</a> I</strong>:<br> <font color="red">martes 3 de mayo, de 14h a 16h</font> <br /><img src="http://www.eclecticadv.net/squelettes-dist/puce.gif" width="8" height="11" class="puce" alt="-" /> estrategias para organizar, combinar y filtrar los contactos de los miembros del equipo <br /><img src="http://www.eclecticadv.net/squelettes-dist/puce.gif" width="8" height="11" class="puce" alt="-" /> creación de un fichero .csv para su importación en el programa MailChimp</li><li> <strong>Enviar mails masivos con <a href="http://www.mailchimp.com/" class='spip_out' rel='external'>MailChimp</a> II</strong>:<br> <font color="red">martes 10 de mayo, de 14h a 16h</font> <br /><img src="http://www.eclecticadv.net/squelettes-dist/puce.gif" width="8" height="11" class="puce" alt="-" /> buenas y malas prácticas del correo electrónico y del bolletín de información (newsletter) <br /><img src="http://www.eclecticadv.net/squelettes-dist/puce.gif" width="8" height="11" class="puce" alt="-" /> creación de una newsletter con imágenes con el editor html intuitivo del programa MailChimp <br /><img src="http://www.eclecticadv.net/squelettes-dist/puce.gif" width="8" height="11" class="puce" alt="-" /> configuración de los campos "asunto", "remitente" y "destinatario" de una campaña mail <br /><img src="http://www.eclecticadv.net/squelettes-dist/puce.gif" width="8" height="11" class="puce" alt="-" /> redacción del pie de página según la ley anti-spam <br /><img src="http://www.eclecticadv.net/squelettes-dist/puce.gif" width="8" height="11" class="puce" alt="-" /> gestión de suscripciones a un boletín de información (newsletter): creación de un formulario de suscripción para su incrustación 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ón de estadísticas para hacer un seguimiento de una campaña 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>Uso de las redes sociales para la dinamización juvenil</strong>:<br> <font color="red">martes 24 de mayo, de 14h a 16h</font> <br /><img src="http://www.eclecticadv.net/squelettes-dist/puce.gif" width="8" height="11" class="puce" alt="-" /> escanear, monitorizar e intervenir en las redes sociales juveniles (Facebook, Tuenti y Twitter) para difundir actividades de la Factoría Joven de Can Massallera y atraer participación</li><li> <strong>Uso de Wordpress para la dinamización juvenil</strong>:<br> <font color="red">jueves 26 y martes 31 de mayo de 14h a 16h</font> <br /><img src="http://www.eclecticadv.net/squelettes-dist/puce.gif" width="8" height="11" class="puce" alt="-" /> competencias básicas y avanzadas para la creación de una presencia online (web y blog) con wordpress.com <!-- - escanear, monitorizar e intervenir en la blogosfera juvenil para difundir actividades y atraer participación en la presencia online de las actividades de la Factoría Joven de Can Massallera --></li></ul> Talleres y seminarios sobre web 2.0> 2011-04-30T13:11:00Z text/html es Ecléctica DV [Agenda] Formación: "Gestionar múltiples cuentas de correo con Thunderbird" - 24 de mayo http://www.eclecticadv.net/spip.php?article361 <img class="spip_logos" alt="" align="right" src="http://www.eclecticadv.net/IMG/arton361.jpg?1365104402" width="160" height="160" /><p><strong>¿Tienes varias cuentas de correo electrónico y necesitas gestionar tu mail de manera más eficaz? Con Thunderbird puedes hacerlo desde un único sitio en tu ordenador personal. En este taller aprenderás a configurar el programa según tus necesidades.</strong></p> <p><span class='spip_document_1021 spip_documents spip_documents_right' style='float:right; width:200px;'> <img src='http://www.eclecticadv.net/IMG/jpg/club11_Thunderbird_2CS.jpg' width="200" height="150" alt="" /></span><br><strong>Programa:</strong><br /><img src="http://www.eclecticadv.net/squelettes-dist/puce.gif" width="8" height="11" class="puce" alt="-" /> descarga y instalación de <a href="http://www.mozillamessaging.com/es-ES/thunderbird/" class='spip_out' rel='external'>Thunderbird</a><br /><img src="http://www.eclecticadv.net/squelettes-dist/puce.gif" width="8" height="11" class="puce" alt="-" /> instalación de varias cuentas de correo según las necesidades de los/las participantes: configuración del servidor, gestión desde varias o una sola bandeja, consulta simúltanea por webmail, ...<br /><img src="http://www.eclecticadv.net/squelettes-dist/puce.gif" width="8" height="11" class="puce" alt="-" /> creación de filtros, carpetas y gestión de spam<br /><img src="http://www.eclecticadv.net/squelettes-dist/puce.gif" width="8" height="11" class="puce" alt="-" /> importación y gestión de contactos</p> <table class="speciale"><tr><td><strong>Fecha</strong>: martes 24 de mayo 2011 de 19h-21h<br> <strong>Lugar</strong>: <a href="http://www.eclecticadv.net/spip.php?rubrique142" class='spip_in'>Casa ecléctica</a> - Barcelona, c/ Joaquín Costa 24 4º1ºB - Metro: L1 Universitat<br> <strong>Admisión</strong>: <br /><img src="http://www.eclecticadv.net/squelettes-dist/puce.gif" width="8" height="11" class="puce" alt="-" /> Si eres socio/a: <font color="red">gratuito</font><span class="spip_note_ref"> [<a href='#nb25' class='spip_note' rel='footnote' title='Como socio/a no pagas nada si solamente sigues esta formación durante el mes (...)' id='nh25'>25</a>]</span> <br /><img src="http://www.eclecticadv.net/squelettes-dist/puce.gif" width="8" height="11" class="puce" alt="-" /> Si no eres socio/a: <strong>17€</strong> (iva incluido) <br /><img src="http://www.eclecticadv.net/squelettes-dist/puce.gif" width="8" height="11" class="puce" alt="-" /> <a href="http://www.eclecticadv.net/spip.php?rubrique36" class='spip_in'>¡Hazte socio/a!</a><br> <strong>Aforo</strong>: max. 10 participantes </td></tr></table> <p><img src="http://www.eclecticadv.net/squelettes-dist/puce.gif" width="8" height="11" class="puce" alt="-" /> <strong><a href="http://ciberclub.wufoo.com/forms/ciberclub-de-casa-eclactica-mayo-2011/" class='spip_out' rel='external'>¡Inscríbete!</a></strong></p> Formaciones en grupo> 2011-04-29T16:55:00Z text/html es Ecléctica DV [Agenda] Formación: "Crear formularios online con Wufoo" - 10 de mayo http://www.eclecticadv.net/spip.php?article358 <img class="spip_logos" alt="" align="right" src="http://www.eclecticadv.net/IMG/arton358.jpg?1365104401" width="160" height="160" /><p><strong>¿Necesitas publicar un formulario online donde la gente se puede registrar, opinar sobre algo o rellenar un pedido? Con Wufoo puedes crear de manera muy intuitivo un espacio en internet para coleccionar los datos que necesitas, sin necesidad de tener página web.</strong></p> <p><strong>Programa:</strong><br class='autobr' /> <span class='spip_document_1022 spip_documents spip_documents_right' style='float:right; width:200px;'> <img src='http://www.eclecticadv.net/IMG/jpg/club8_Wufoo_2CS.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="-" /> exploración de los diferentes apartados del interfaz del programa <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="-" /> ejemplo de los formularios de inscripción de cursos de <a href="http://www.eclecticadv.net/spip.php?rubrique18" class='spip_in'>Ecléctica DV</a><br /><img src="http://www.eclecticadv.net/squelettes-dist/puce.gif" width="8" height="11" class="puce" alt="-" /> creación de una plantilla gráfica a través del interfaz intuitivo y adaptación según tus necesidades<br /><img src="http://www.eclecticadv.net/squelettes-dist/puce.gif" width="8" height="11" class="puce" alt="-" /> configuración del texto de cabecera y de la interacción por mail con los usuarios<br /><img src="http://www.eclecticadv.net/squelettes-dist/puce.gif" width="8" height="11" class="puce" alt="-" /> explicación de la función de los diferentes tipos de campos de relleno<br /><img src="http://www.eclecticadv.net/squelettes-dist/puce.gif" width="8" height="11" class="puce" alt="-" /> edición de campos a través de varios ejercicios prácticos<br /><img src="http://www.eclecticadv.net/squelettes-dist/puce.gif" width="8" height="11" class="puce" alt="-" /> extracción de informes y transformación a hojas de cálculo de los datos coleccionados</p> <table class="speciale"><tr><td><strong>Fecha</strong>: martes 10 de mayo 2011 de 19h a 21h<br> <strong>Lugar</strong>: <a href="http://www.eclecticadv.net/spip.php?rubrique142" class='spip_in'>Casa ecléctica</a> - Barcelona, c/ Joaquín Costa 24 4º1ºB - Metro: L1 Universitat<br> <strong>Admisión</strong>: <br /><img src="http://www.eclecticadv.net/squelettes-dist/puce.gif" width="8" height="11" class="puce" alt="-" /> Si eres socio/a: <font color="red">gratuito</font><span class="spip_note_ref"> [<a href='#nb26' class='spip_note' rel='footnote' title='Como socio/a no pagas nada si solamente sigues esta formación durante el mes (...)' id='nh26'>26</a>]</span> <br /><img src="http://www.eclecticadv.net/squelettes-dist/puce.gif" width="8" height="11" class="puce" alt="-" /> Si no eres socio/a: <strong>17€</strong> (iva incluido) <br /><img src="http://www.eclecticadv.net/squelettes-dist/puce.gif" width="8" height="11" class="puce" alt="-" /> <a href="http://www.eclecticadv.net/spip.php?rubrique36" class='spip_in'>¡Hazte socio/a!</a><br> <strong>Aforo</strong>: max. 10 participantes </td></tr></table> <p><img src="http://www.eclecticadv.net/squelettes-dist/puce.gif" width="8" height="11" class="puce" alt="-" /> <strong><a href="http://ciberclub.wufoo.com/forms/ciberclub-de-casa-eclactica-mayo-2011/" class='spip_out' rel='external'>¡Inscríbete!</a></strong></p> Formaciones en grupo> 2011-04-29T16:53:00Z text/html es Ecléctica DV [Agenda] Formación: "Contratar y gestionar dominios y alojamientos" - 26 de abril http://www.eclecticadv.net/spip.php?article357 <img class="spip_logos" alt="" align="right" src="http://www.eclecticadv.net/IMG/arton357.jpg?1365104401" width="160" height="160" /><p><strong>¿Quieres tener tu propio dominio para tu mail y tu página web? Durante esta formación te explicamos las características de un servicio de alojamiento y como usar el panel de control de los servicios Sync.es y CDmon.com.</strong></p> <p><strong>Programa:</strong><br class='autobr' /> <span class='spip_document_1020 spip_documents spip_documents_right' style='float:right; width:200px;'> <img src='http://www.eclecticadv.net/IMG/jpg/club7_hosting_2CS.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="-" /> principios y ventajas de un alojamiento web<br /><img src="http://www.eclecticadv.net/squelettes-dist/puce.gif" width="8" height="11" class="puce" alt="-" /> diferencias y comparación de precios entre diferentes servicios de alojamientos<br /><img src="http://www.eclecticadv.net/squelettes-dist/puce.gif" width="8" height="11" class="puce" alt="-" /> exploración de los paneles de control de <a href="http://www.sync.es/" class='spip_out' rel='external'>Sync.es</a> y <a href="http://www.cdmon.com/" class='spip_out' rel='external'>CDmon.com</a><br /><img src="http://www.eclecticadv.net/squelettes-dist/puce.gif" width="8" height="11" class="puce" alt="-" /> instalación y funcionamiento de un programa "FTP" para la transferencia de ficheros a un servidor de alojamiento</p> <table class="speciale"><tr> <td><strong>Fecha</strong>: martes 5 de abril 2011 de 19h a 21h<br> <strong>Lugar</strong>: <a href="http://www.eclecticadv.net/spip.php?rubrique142" class='spip_in'>Casa ecléctica</a> - Barcelona, c/ Joaquín Costa 24, 4º1ºB - Metro: L1 Universitat<br> <strong>Admisión</strong>: <br /><img src="http://www.eclecticadv.net/squelettes-dist/puce.gif" width="8" height="11" class="puce" alt="-" /> Si eres socio/a: <font color="red">gratuito</font><span class="spip_note_ref"> [<a href='#nb27' class='spip_note' rel='footnote' title='Como socio/a no pagas nada si solamente sigues esta formación durante el mes (...)' id='nh27'>27</a>]</span> <br /><img src="http://www.eclecticadv.net/squelettes-dist/puce.gif" width="8" height="11" class="puce" alt="-" /> Si no eres socio/a: <strong>17€</strong> (iva incluido) <br /><img src="http://www.eclecticadv.net/squelettes-dist/puce.gif" width="8" height="11" class="puce" alt="-" /> <a href="http://www.eclecticadv.net/spip.php?rubrique36" class='spip_in'>¡Hazte socio/a!</a><br> <strong>Aforo</strong>: max. 10 participantes </td><td><dl class='spip_document_1034 spip_documents spip_documents_center'> <dt><img src='http://www.eclecticadv.net/IMG/jpg/club7_DescuentosSyncCS.jpg' width='200' height='150' alt='JPEG - 74.1 KB' /></dt> <dd class='spip_doc_descriptif' style='width:200px;'>para los/las alumnos/as:<br><font color="red">descuentos</font> de 22% en <a href="http://www.sync.es/dominios/tarifas.php">dominios</a><br> y 20% en <a href="http://www.sync.es/hosting/virtuales-linux.php">alojamiento anual</a> en <em><a href="http://www.sync.es/">Sync.es</a></em> </dd> </dl></td></tr> </table> <p><img src="http://www.eclecticadv.net/squelettes-dist/puce.gif" width="8" height="11" class="puce" alt="-" /> <strong><a href="http://ciberclub.wufoo.com/forms/ciberclub-de-casa-eclactica-abril-2011/" class='spip_out' rel='external'>¡Inscríbete!</a></strong></p> Formaciones en grupo> 2011-04-19T16:09:00Z text/html es Ecléctica DV [Agenda] Formación: "Enviar mails masivos con MailChimp: creación de una newsletter con imágenes" - 5 de abril http://www.eclecticadv.net/spip.php?article356 <img class="spip_logos" alt="" align="right" src="http://www.eclecticadv.net/IMG/arton356.gif?1365104400" width="160" height="160" /><p><strong>¿Quieres crear un boletín de noticias para difundir tus actividades de manera masiva? Para 2000 contactos MailChimp te ofrece la mejor solución gratuita. En este segundo taller sobre el envío de newsletters aprenderás a configurar una plantilla gráfica para tu newsletter y subir, retocar y impaginar los imágenes.</strong></p> <p><strong>Programa:</strong><br class='autobr' /> <span class='spip_document_1019 spip_documents spip_documents_right' style='float:right; width:200px;'> <img src='http://www.eclecticadv.net/IMG/jpg/club6_MailChimp_2CS.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="-" /> panorama de herramientas de email marketing y exploración del programa <a href="http://www.mailchimp.com/" class='spip_out' rel='external'>MailChimp</a><br /><img src="http://www.eclecticadv.net/squelettes-dist/puce.gif" width="8" height="11" class="puce" alt="-" /> exploración de los diferentes apartados del interfaz del programa <a href="http://www.mailchimp.com/" class='spip_out' rel='external'>MailChimp</a><br /><img src="http://www.eclecticadv.net/squelettes-dist/puce.gif" width="8" height="11" class="puce" alt="-" /> configuración de los campos "asunto", "remitente" y "destinatario" de una campaña mail<br /><img src="http://www.eclecticadv.net/squelettes-dist/puce.gif" width="8" height="11" class="puce" alt="-" /> creación de una plantilla gráfica a través del interfaz intuitivo y adaptación según tus necesidades<br /><img src="http://www.eclecticadv.net/squelettes-dist/puce.gif" width="8" height="11" class="puce" alt="-" /> subir banner y imágenes a la galeria<br /><img src="http://www.eclecticadv.net/squelettes-dist/puce.gif" width="8" height="11" class="puce" alt="-" /> editar cuerpo de texto y imágenes en html con el interfaz intuitivo<br /><img src="http://www.eclecticadv.net/squelettes-dist/puce.gif" width="8" height="11" class="puce" alt="-" /> editar el pie de página de la newsletter según la ley anti-spam para dar la posibilidad de actualizar los datos de subscripción o darse de baja</p> <table class="speciale"><tr><td><strong>Fecha</strong>: martes 5 de abril 2011 de 19h a 21h<br> <strong>Lugar</strong>: <a href="http://www.eclecticadv.net/spip.php?rubrique142" class='spip_in'>Casa ecléctica</a> - Barcelona, c/ Joaquín Costa 24, 4º1ºB - Metro: L1 Universitat<br> <strong>Admisión</strong>: <br /><img src="http://www.eclecticadv.net/squelettes-dist/puce.gif" width="8" height="11" class="puce" alt="-" /> Si eres socio/a: <font color="red">gratuito</font><span class="spip_note_ref"> [<a href='#nb28' class='spip_note' rel='footnote' title='Como socio/a no pagas nada si solamente sigues esta formación durante el mes (...)' id='nh28'>28</a>]</span> <br /><img src="http://www.eclecticadv.net/squelettes-dist/puce.gif" width="8" height="11" class="puce" alt="-" /> Si no eres socio/a: <strong>17€</strong> (iva incluido) <br /><img src="http://www.eclecticadv.net/squelettes-dist/puce.gif" width="8" height="11" class="puce" alt="-" /> <a href="http://www.eclecticadv.net/spip.php?rubrique36" class='spip_in'>¡Hazte socio/a!</a><br> <strong>Aforo</strong>: max. 10 participantes </td></tr></table> <p><img src="http://www.eclecticadv.net/squelettes-dist/puce.gif" width="8" height="11" class="puce" alt="-" /> <strong><a href="http://ciberclub.wufoo.com/forms/ciberclub-de-casa-eclactica-abril-2011/" class='spip_out' rel='external'>¡Inscríbete!</a></strong></p> Formaciones en grupo> 2011-04-01T16:09:00Z text/html es Ecléctica DV [Agenda] Formación: "Enviar mails masivos: exportación y organización de contactos" - 29 de marzo 2011 http://www.eclecticadv.net/spip.php?article354 <img class="spip_logos" alt="" align="right" src="http://www.eclecticadv.net/IMG/arton354.jpg?1365104400" width="160" height="160" /><p><strong>¿Necesitas hacer un mailing masivo? Lo primero que tienes que hacer es organizar tus contactos. En este primer taller sobre el envío de newsletters te enseñamos como organizar tus contactos, exportarlos y juntarlos con los contactos de otra personas.</strong></p> <p><span class='spip_document_1018 spip_documents spip_documents_right' style='float:right; width:200px;'> <img src='http://www.eclecticadv.net/IMG/jpg/club5_0CS.jpg' width="200" height="150" alt="" /></span><br class='autobr' /> <strong>Programa:</strong><br /><img src="http://www.eclecticadv.net/squelettes-dist/puce.gif" width="8" height="11" class="puce" alt="-" /> ejemplo de la organización de base de contactos de <a href="http://www.eclecticadv.net/spip.php?rubrique18" class='spip_in'>Ecléctica DV</a><br /><img src="http://www.eclecticadv.net/squelettes-dist/puce.gif" width="8" height="11" class="puce" alt="-" /> exportación de contactos desde Gmail, Yahoo, Hotmail, Outlook, Entourage y Thunderbird<br /><img src="http://www.eclecticadv.net/squelettes-dist/puce.gif" width="8" height="11" class="puce" alt="-" /> creación de un fichero .csv (listo para su importación en programas como <a href="http://www.mailchimp.com/" class='spip_out' rel='external'>MailChimp</a>)</p> <table class="speciale"><tr><td><strong>Fecha</strong>: martes 29 de marzo 2011 de 19h a 21h<br> <strong>Lugar</strong>: <a href="http://www.eclecticadv.net/spip.php?rubrique142" class='spip_in'>Casa ecléctica</a> - Barcelona, C/Joaquin Costa 24, 4º1ºB - Metro: L1 Universitat<br> <strong>Admisión</strong>: <br /><img src="http://www.eclecticadv.net/squelettes-dist/puce.gif" width="8" height="11" class="puce" alt="-" /> Si eres socio/a: <font color="red">gratuito</font><span class="spip_note_ref"> [<a href='#nb29' class='spip_note' rel='footnote' title='Como socio/a no pagas nada si solamente sigues esta formación durante el mes (...)' id='nh29'>29</a>]</span> <br /><img src="http://www.eclecticadv.net/squelettes-dist/puce.gif" width="8" height="11" class="puce" alt="-" /> Si no eres socio/a: <strong>17€</strong> (iva incluido) <br /><img src="http://www.eclecticadv.net/squelettes-dist/puce.gif" width="8" height="11" class="puce" alt="-" /> <a href="http://www.eclecticadv.net/spip.php?rubrique36" class='spip_in'>¡Hazte socio/a!</a><br> <strong>Aforo</strong>: max. 10 participantes </td></tr></table> Formaciones en grupo> 2011-03-22T15:51:00Z text/html es Ecléctica DV [Agenda] Formación: "Hojas de cálculo OpenOffice para llevar una contabilidad" - 22 de marzo http://www.eclecticadv.net/spip.php?article353 <img class="spip_logos" alt="" align="right" src="http://www.eclecticadv.net/IMG/arton353.jpg?1365104400" width="160" height="160" /><p><strong>¿Te has dado de alta en hacienda y necesitas llevar una contabilidad? Durante este taller te enseñamos cómo utilizar nuestro modelo de hoja de cálculo para hacer la declaración trimestral y anual de iva y de irpf.</strong></p> <p><span class='spip_document_1017 spip_documents spip_documents_right' style='float:right; width:200px;'> <img src='http://www.eclecticadv.net/IMG/jpg/club4_1CS.jpg' width="200" height="150" alt="" /></span><br class='autobr' /> <strong>Programa</strong>:<br>Durante el taller, los/las participantes trabajan directamente con el modelo de hoja de cálculo suministrado por <a href="http://www.eclecticadv.net/spip.php?rubrique18" class='spip_in'>Ecléctica DV</a> y aprenden a:</p> <p><img src="http://www.eclecticadv.net/squelettes-dist/puce.gif" width="8" height="11" class="puce" alt="-" /> introducir los diferentes datos de una factura para obtener una contabilidad lista para entregar a hacienda en caso de un requerimiento<br /><img src="http://www.eclecticadv.net/squelettes-dist/puce.gif" width="8" height="11" class="puce" alt="-" /> calcular porcentajes de iva y irpf y hacer sumas trimestrales y anuales para rellenar los modelos 303, 390, 110, 180 y 190 y 347 de hacienda</p> <table class="speciale"><tr><td><strong>Fecha</strong>: martes 22 de marzo 2011 de 19h a 21h<br> <strong>Lugar</strong>: <a href="http://www.eclecticadv.net/spip.php?rubrique142" class='spip_in'>Casa ecléctica</a> - Barcelona, C/Joaquin Costa 24, 4º1ºB - Metro: L1 Universitat<br> <strong>Admisión</strong>: <br /><img src="http://www.eclecticadv.net/squelettes-dist/puce.gif" width="8" height="11" class="puce" alt="-" /> Si eres socio/a: <font color="red">gratuito</font><span class="spip_note_ref"> [<a href='#nb30' class='spip_note' rel='footnote' title='Como socio/a no pagas nada si solamente sigues esta formación durante el mes (...)' id='nh30'>30</a>]</span> <br /><img src="http://www.eclecticadv.net/squelettes-dist/puce.gif" width="8" height="11" class="puce" alt="-" /> Si no eres socio/a: <strong>17€</strong> (iva incluido) <br /><img src="http://www.eclecticadv.net/squelettes-dist/puce.gif" width="8" height="11" class="puce" alt="-" /> <a href="http://www.eclecticadv.net/spip.php?rubrique36" class='spip_in'>¡Hazte socio/a!</a><br> <strong>Aforo</strong>: max. 10 participantes </td></tr></table> Formaciones en grupo> 2011-03-15T15:49:00Z text/html es Ecléctica DV [Agenda] Formació: "Posicionament en Google i en els Mitjans Socials" - 25 de gener http://www.eclecticadv.net/spip.php?article337 <img class="spip_logos" alt="" align="right" src="http://www.eclecticadv.net/IMG/arton337.jpg?1365104398" width="160" height="160" /><p><strong> <i>"Sense perdre's en internet"</i> és la tercera <a href="http://www.eclecticadv.net/spip.php?rubrique56" class='spip_in'>formació "sota demanda"</a>, dirigida principalment als <a href="http://www.eclecticadv.net/spip.php?rubrique49" class='spip_in'>socis/sòcies</a> d'Eclèctica DV.</strong></p> <p><span class='spip_document_981 spip_documents spip_documents_right' style='float:right; width:200px;'> <img src='http://www.eclecticadv.net/IMG/jpg/club3_posicionamiento2S.jpg' width="200" height="150" alt="" /></span><br><strong>Programa</strong>:<br /><img src="http://www.eclecticadv.net/squelettes-dist/puce.gif" width="8" height="11" class="puce" alt="-" /> Posicionar-se a Google: Què és el SEO i com funciona?<br /><img src="http://www.eclecticadv.net/squelettes-dist/puce.gif" width="8" height="11" class="puce" alt="-" /> Posicionar-se en els Mitjans Socials: Social Media<br class='autobr' /> Optimization (SMO).<br /><img src="http://www.eclecticadv.net/squelettes-dist/puce.gif" width="8" height="11" class="puce" alt="-" /> SEO vs SMO: On i com estructurar les accions en Internet.</p> <p> </p> <table class="speciale"><tr><td><strong>Data</strong>: dimarts 25 de gener de 19h-21h<br> <strong>Lloc</strong>: <a href="http://www.eclecticadv.net/spip.php?rubrique148" class='spip_in'>Casa eclèctica</a> - Barcelona, C/Joaquim Costa 24, 4t1rB - Metro: L1 Universitat<br > <strong>Admissió</strong>: <font color="red">gratuït</font > per a socis/sòcies, 15 € si no ets soci/sòcia. <a href="http://www.eclecticadv.net/spip.php?rubrique49" class='spip_in'>Fes-te socio/sòcia!</a><br> <strong>Aforament</strong>: max. 10 participants </td></tr></table> <p><strong>Professora</strong>:<br /><img src="http://www.eclecticadv.net/squelettes-dist/puce.gif" width="8" height="11" class="puce" alt="-" /> <strong><a href="http://www.mybeautyplatypus.net/" class='spip_out' rel='external'>Lilia Villafuerte</a></strong><br>Artista digital, especialista multimèdia i directora de projectes web comercials i non profit des del 2000. Especialitzada en entorns multimèdia, combina el seu desenvolupament professional com analista web amb la realització de documentals, animació i televisió per internet. Actualment combina la investigació personal en art i new media amb la seva tasca com a consultora en estratègies per a Xarxes Socials.</p> Formacions en grup> 2011-01-18T11:24:00Z text/html ca Eclèctica DV