Aquesta setmana en un projecte web m’he trobat amb un obstacle. El projecte és una web que ha de generar viralitat ja que es tracta d’una campanya online.

Actualment l’eina més potent que tenim online per generar viralitat és el correu electrònic: l’utilitza tothom, i tens tots els contactes i amb menys d’1 minut pots haver enviat una informació a més de 50 contactes de cop.

És per això que amb la majoria de webs, trobem la funcionalitat de “enviar vídeo a un amigo”, “compartir enlace”, “recomendar página”. Aquestes funcionalitats generalment s’implementen en forma de formulari, on introdueixes el nom del remitent, la direcció email dels destinataris i un missatge personal. Quan fas click a enviar, un mail automàticament apareix en la bústia del destinataris.

Aquesta funció s’ha potenciat amb les APIs que ofereixen per exemple hotmail, gmail, yahoo mail, aol, que permeten importar els contactes de forma massiva des de qualsevol web.

El problema d’aquesta funció és que en l’àmbit legal espanyol aquesta acció és il·legal, segons l’article 21 de la LSSI, que resumint diu: no es pot enviar informació comercial i/o promocional per correu electrònic a persones que abans no hagin consentit aquesta comunicació.

Un búfet d’advocats ha resumit la il·legalitat d’aquesta acció amb aquest punts:

• La información que envia en general una acció “reenvía a un amic”, es considera com una comunicació comercial i/o promocional.
• El responsable de l’acció il·legal és el propietari del servidor de correu des d’on es generen els mails. En general el propietari, és el propietari de la web.
• És punible perqué s’està enviant correu comercial/promocional a una persona sense previ consentiment.
• L’aplicació web mai es pot quedar amb els emails dels amics a qui s’envia
• Si ho denuncia un particular, són 600 € per denunciant.

Aquest tema és delicat, doncs són moltes les webs que fan ús d’aquesta acció. Quines alternatives disposem? Bàsicament 2:

• Dir a l’usuari que reenvii la informació sense utilitzar l’eina d “enviar a un amigo”.
• Facilitar el text a l’usuari, per a què el pugui copiar i faci ús del seu propi gestor de correu.

El que estar clar, és que aquest article 21, és un fre important per a les accions virals, i això provoca que els consultors en usabilitat i viralitat web, hauran de trobar noves vies enginyoses per promocionar i divulgar accions d’una pàgina web.

De moment poso una primera eina que ajuda i molt a la divulgació d’una forma totalment legal. Un botó de compartir, que el pots trobar a http://www.addthis.com/, i permet compartir un enllaç o una pàgina a través de Facebook, iGoogle, Digg, etc…

Un petit truc ràpid que poso en el blog.

Microsoft Outlook té problemes amb la codificació UTF-8. Aquest fet és notori quan des d’una web fas ús de la comanda “mailto” en un enllaç per a què se t’obri directament el gestor de correu.

Si tens la web codificada en UTF-8, tindràs problemes si el teu gestor és l’Outlook. Caràcters amb accents o “ñ” o dièresis, no es veuran correctament. El truc és utilitzar les llibreries de conversió en PHP ‘iconv’.Amb aquesta funció pots passar una cadena de UTF8 a ISO-8859-1 (que si interpreta outlook).

Així que si programes amb PHP amb codificació UTF-8, i utilitzes “mailto”, et pot anar bé aquest codi:

$subject = “El meu assumpte té un accent.”;

$subject_mailto = rawurlencode(iconv(’UTF-8′,’ISO-8859-1′,$subject));

echo ‘<a href=”mailto:desti@test.com?subject’.$subject_mailto.’”>enviar mail</a>’;

… y llegan en forma de Eyesores! Desde EyesoresWorld hemos lanzado una nueva iniciativa que es la elección de dos eyesores: Obamasore y McCainsore.

Cada día iremos actualizando las veces que uno y otro han sido enviados o han sido posteados en algún muro de Facebook. Quien haya sido enviado más veces hasta la fecha del 4 de Noviembre será el ganador de las “Eyesores elections 2008″.

Además hemos actualizado la tienda online de eyesores con nuevos productos para cada candidato: camisetas, bolsas, relojes, material de oficina, etc… y todo con el eyesore del candidato preferido:

• Tienda online de McCain: http://www.cafepress.com/xevstereyesores/6085905
• Tienda online de OBama: http://www.cafepress.com/xevstereyesores/6082529

Más información de las elecciones en:

http://apps.facebook.com/eyesores/eyesores/elections

Avui hem creat un nou Eyesore: Oxfam. És un eyesore animat que ens va demanar la ONG Intermón Oxfam.

Des del primer contacte, no vam dubtar en cap moment en col·laborar en la difusió del missatge de solidaritat a la Terra. És un orgull per nosaltres poder ajudar amb un eyesore a una causa que fa front a la millora de la vida de les persones en aquesta planeta. A més a més del clar missatge visual de l’Eyesore, al final ens invita a fer-nos membre del grup de Facebook que ha creat Oxfam.

Hem aprofitat el llançament d’aquest Eyesore, per estrenar a la vegada el blog d’Eyesores on explicarem, en anglés, novetats d’EyesoreWorld.

Atenció al vídeo que m’ha passat avui el meu cunyat, Quim. M’ha retornat als meus orígens universitaris, ja que va de la Telecogresca, la festa dels Telecos UPC Barcelona.

Potser fa uns 6 anys que vaig viure personalment la festa de dia de Telecos. Fent memòria, recordo els concursos de paelles, els campionats de bàsquet, les classes buides, inclús recordo un any montar sobre un toro salvatge que es va instal·lar al mig de la plaça. Era un dia per trencar.

Realment havia perdut la pista a aquesta festa. Tot i això sí estava assabentat que mantenia el seu status de ser una de les “top 5″ festes universitàries, amb actuacions del nivell de Gigi d’Agostino com l’any passat al Fòrum. Aquest any per això els de l’organització s’han superat, el vídeo n’és testimoni. Decadència o elitisme?

Aquesta setmana se celebra a Girona la World Expo 2008. Aquest és el principal i més important esdeveniment de l’any i d’arreu del món per a totes les persones professionals i aficionades al món del modelisme i el miniaturisme històrico-fantàstic.

La World Expo és un concurs a nivell mundial on qualsevol persona, professional o simple aficionat, pot participar amb les seves pròpies figures. El concurs es divideix en diferents categories i nivells, així que per exemple un pot participar amb figures de temàtica fantàstica, amb figures històriques, amb maquetes de vehicles, avions d’època i altres. Aquestes figures seran puntuades per un jurat format per especialistes de cada categoria.

Tothom pot visitar l’exposició sense haver de concursar. Està oberta al públic els dies 6, 7, 8 i 9 de Juliol. Durant aquests dies a més de poder gaudir de l’exposició de totes les figures de concurs, es faran tallers per a conèixer aquest món, xerrades i conferències d’experts mundials, espectacles, etc… Val la pena, jo he quedat fascinat del què es capaç de fer una persona amb les seves mans amb un figura de plom de 75mm. Impressionant.

Jo no sóc aficionat en aquesta matèria però per temes professionals sí estic vinculat en aquest esdeveniment. He tingut la fortuna de conèixer el club “El Baluard“, que són els resposables de l’organització de la World Expo. És un projecte que des que me’l van plantejar, des d’un bon inici ja em va atreure, pel seu repte tècnic i per l’agradable entorn de treball.

Sóc responsable de l’implementació del software que gestiona tot el concurs. L’aplicació consta de tres zones:

• Zona pública: és la zona d’inscripcions online. Des de fa dos mesos qualsevol persona ha pogut inscriure’s online a: www.elbaluard.net/concurs/. Des d’aquí cada concursant tenia accés a la seva zona privada, des d’on podia insertar les seves figures, omplir el seu full d’inscripció i fer el pagamnt de la inscripció a través de la passarela online de La Caixa “Cyberpack”. Aquesta part té suport multillenguatje per a 4 idiomes.
• Zona privada: és la zona privada des d’on el Baluard controla les diferents inscripcions, la gestió de jurats, la gestió de puntuacions durant el concurs, el control de tot el concurs, la inserció de les fotos de les figures, i la gestió i assignació de premis. Des d’aquesta zona es genera automàticament una presentació en Flash, on presenta per Categoria, i de forma que es pugui visualitzar en un auditori, la classificació del concurs.
• Zona de jutges: un cop tancades les inscripcions el jurat disposa d’una zona web privada, a on se’ls presenta totes les figures a puntuar. Aquest sistema està programat de tal forma que és compatible per a navegadors de dispositius mòbils, com telèfons mòbils o smartphones, que es conecten amb Wifi. D’aquesta forma, el jutje es pot desplaçar per l’exposició caminant, analitzar amb calma la figura, i puntuar a la vegada la figura, a través del dispositu mòbil.

Per a la World Expo s’estima una participació de més de 1000 concursants - actualment online ja n’hi ha més de 700 inscrits - i unes 6000 figures participant. L’organització per gestionar aquesta quantitat gran de persones i de figures és vital. Cal tenir en compte que aquestes figures s’han d’etiquetar per a ser puntuades, per a ser identificades, fotografiades, perfectament localitzades, etc… Per això el programa té punts d’integració per imprimir etiquetes amb codis unívocs de figures, compatibles amb lectors de codi de barres.

Demà dimecres fem la instal·lació de tot el sistema al Palau de Fires de Girona. Anirà tot molt bé, segur. Dijous a la tarda rebrem ja a tots els concursants i començarà llavors 4 dies frenètics.

Més informació a www.elbaluard.net

Aquest mes de Juny s’ha estrenat la web www.catalunyaesalgomas.com que és el nucli central de la campanya publicitària d’estiu que està fent Turisme de Catalunya. La web ha estat publicitada a molts programes televisius d’àmbit estatal com Passapalabra o el Hormiguero, i durant espais publicitaris claus com durant el Gran Premi de motos de Catalunya.

Presento aquest projecte, perquè el disseny i la implementació tecnològica l’ha feta Omatech, i jo n’he estat un dels principals col·laboradors.

El missatge de la web és molt clar: Apropa’t a Catalunya que es alguna cosa més. Està presentada en català i en castellà, i la web es divideix tecnològicament en dos zones: zona flash i zona php.

En la zona flash, es presenten 3 mons: Natura, Platja i Ciutat, on apareixen unes fotos, i quan hi recorres amb el mouse, literalment aquella zona de la foto se t’apropa com amb un efecte Zoom, potenciant el lema de: Apropa’t a Catalunya. Tècnicament aquesta part Flash està molt ben resolta i és un efecte molt innovador, que encara no he vist en altres sites.

La zona PHP és on l’usuari té més participació i es divideix en tres part:

1. Zona promoció: és una on l’usuari pot apuntar-se en les promocions que Turisme Catalunya presentarà aquest estiu: Sorteigs de Setmanes Fantàstiques.
2. Vacances a mida: a través de selectors, l’usuari pot escollir les seves destinacions preferides.
3. Catfoto: l’usuari pot pujar les seves fotos de vacances, comentar-les, i enviar-les com a postals a altres usuaris.

La meva col·laboració ha estat en la implementació i programació de tota la Zona Php i la integració amb el zona flash. En els formularis de la zona Php, és on he fet ús del plugin Jquery d’upload form.

Un projecte on he disfrutat per la forma de treballar, per la intensitat que hi hem posat tots durant aquestes setmanes, i per comprobar un cop més que rematar un projecte per ser el màxim de rigurós i professional porta temps, i molt! El resultat finalment és molt satisfactori, i així el client ens ho ha volgut transmetre.

Durant la presentació dels Eyesores al Facebook Garage a Barcelona, la gent de Sclipo van grabar totes les presentacions, i les han fet públiques en el seu portal.

Sóc tímid, però sobretot vergonyós, però com és el meu bloc pel bo i dolent, em veig en l’obligació d’adjuntar el vídeo aquí. El vídeo d’uns 30 minuts de duració, presento qui som els components d’Eyesores, com va sorgir la ídea, quins vas ser els reptes tecnològics inicials, i explico l’experiència nostra del manteniment de l’aplicació durant aquests 9 mesos que portem online.

Feia un parell de dies que la bústia de correu electrònic s’omplia amb molts mails d’usuaris dels Eyesores que reportaven l’aplicació contra els Terms Of Service de Facebook. Aquests mails s’envien automàticament des del selector d’amics amb imatge. En aquest selector, Facebook va incorporar un enllaç, que un cop clickat ,automàticamentens enviava un mail a nosaltres, els desenvolupadors, informant que algú reportava l’aplicació com ofensiva i spaminosa.

Aquest link, ja el va incorporar FB des de fa temps, però a nosaltres no ens va perjudicar. Rebíem un parell de mails setmanals, i comptant que tenim més de 9000 visites diàries, la veritat és que era negligible. Aquest matí per això ,’he despertat amb 21 mails d’aquesta nit.

La meva sorpresa ha estat, que al entrar a l’aplicació per veure què passava, a qualsevol pàgina que tenia el selector d’amics es feia un Scroll automàtic cap avall, fins mostrar el selector, o sigui el botó de reportar l’aplicació com spam. M’imagino, l’experiència d’un usuari que s’instal·la per primer cop l’aplicació: La primera cosa que veu dels eyesores és una pantalla de selector d’amics per invitar. Fatal!!

Això ens perjudicava molt. El nostre valor afegit és l’aspecte visual, i els nous eyesores diaris, si no es veuen a la primera, l’aplicació pot caure en picat. Així que hem hagut de reaccionar. Solució?

Hem canviat els multi-friend-selector tags de FBML, pel multi-friend-selector del tipus condensed:

<!–<fb:multi-friend-selector actiontext=”" rows=”5″/>–>
<fb:multi-friend-selector condensed=”true”/>
<fb:request-form-submit />

Aquest selector no és tan fàcil de fer anar com el NO Condensed, però no té l’enllaç de reportar com a spam, ni tampoc et fa l’scroll down. Ara tornem a lluir Eyesores, i només deixem fer selecció d’amics per imatge des de la pantalla d’invite friends.

Realment, Facebook amb aquest canvi conseguirà fer molts canvis en les aplicacions. Tot i això crec que haurien de fer un altre tipus de mecanisme que jutjés primer quines aplicacions han de penalitzar per aplicar aquesta política de no spam i no invitacions. Nosaltres procurem una aplicació el menys ofensiva, sabem que ara és primordial per a l’usuari de Facebook quan tenim una competència de més de 400.000 aplicacions. No ens agrada, que seguint les pautes d’ús de Facebook, se’ns perjudiqui tant i tant agressivament.

Apa, ja m’he desfogat!

Facebook 1 any després d’estrenar la seva plataforma per desenvolupadors per a fer aplicacions, allibera aquesta mateixa plataforma a tots els desenvoluadors, amb el nom d’Open Facebook.

Obrir aquesta plataforma, significa que ara ens podem descarregar el software on es té tota l’API, tota la definició i implementació del llenguatge FBML, FBJS i les pròpies crides i funcions de l’API. Això vol dir, que ara qualsevol developer, podrà crear els seus propis tags, les ves pròpies funcions etc…

Això és bo, perquè en pocs mesos, m’aposto que trobarem funcionalitat de tots tipus que podrem incoporar en les nostres aplicacions.

Un altre bon pas de FB, que a la vegada es posa en la línea d’Opensocial.