Posts filed under 'desenvolupament'

Funcionalitat “Enviar a un amigo” il·legal

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…


Add comment 6 Novembre, 2008

Codificació UTF-8 per a Outlook utilitzant comanda mailto

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>’;


Add comment 6 Novembre, 2008

Exposició Mundial de Figures Històriques, Girona World Expo 2008

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


Add comment 1 Juliol, 2008

Catalunya és alguna cosa més

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.


Add comment 14 Juny, 2008

Upload de fitxer amb Ajax: jquery.forms

Amb el projecte de picsore ja em vaig plantejar fer un upload de fitxer utilitzant Ajax. Finalment ho vaig resoldre, sense Ajax i fent una recàrrega normal de pàgina. Vaig estar investigant una mica sobre el tema, i la solució plantejada passava per l’invocació d’un iframe, de forma que quan es fa el submit del form es construeix un iframe que fa l’upload i el resultat ho llegeix l’Ajax. La solució era funcional però em faltava un wrapper que ajuntés aquest codi, i jo no comptava amb el temps per desenvolupar-lo.

Finalment, aquest wrapper l’he trobat amb un dels plugins de jquery, els jquery forms. Aquest plugin de jquery l’he trobat de molta utilitat, perquè amb un sola invocació d’una de les seves funcions: ajaxSubmit o ajaxForm, ja et fa tota la crida en ajax, i el millor suporta l’upload de fitxers, que fem una mica de hacking pel codi, és clar que utilitza la tècnica de l’iframe. L’he probat, he tardat 2 minuts en fer-lo funcionar, l’he integrat amb el cakephp , i s’ha convertit ja amb una llibreria bàsica pels meus formularis web.

La validació del cakephp 1.2 més la facilitat del plugin jquery.form, han fet que els meus formularis siguin molt i molt potents en el mínim de temps.

Espero que aquest plugin sigui un pas més per a la migració del helper d’Ajax de cakephp basat amb la llibreria Prototype a Jquery.


1 comment 23 Maig, 2008


Categories

Entrades recents

Enllaços

Arxius

Etiquetes