Carles Bonfill Asperó

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.

Avui he suat i he “perdut” un temps increible en la configuració d’un client vpn mobil, roadwarrior, contra un gateway vpn Ipsec Linux Fedora Core 6, amb Openswan 2.4.

Necessitava fer una configuració ràpida i pràctica: PSK compartida. He tutlitzat un clent vpn de Zyxell, que està basat en el client VPN Greenbow. És comptaible amb totes les versions Windows, inclós Vista. La veritat és que la configuració ha estat ràpida, i de seguida he establert la primera i segona fase. Però tenia problemes d’enrutament. Un cop la connexió estava establerta, des del roadwarrior, feia ping al gateway, el paquet apareixia a l’intèrficie d’ipsec, però ja no apareixia amb el tcpdump en la intèrficie de la lan. A on desapareixia el packet?

Per suposat, regles de forward, iptables, l’opció d’ip_forward estava tot habilitat. Però tenia clar que tenia un problma d’enrutament.

Després de Googlejar, documentar-me, testejar, etc… fent prova i error, he trobat la solució, aquesta línea en la connexió openswan referent al roadwarrior:

rightsubnet=vhost:%no,%priv

Aquesta línea és indispensable, si utlitzes roadwarriors darrera un router amb NAT. Un 0 a la documentació Openswan que no ho tenia cobert.

L’entorn gràfic d client Greenbow, és més usable que el que utilitzava fins ara, el Safenet.

Ahir vaig presentar els Eyesores a l’event organitzat per Sclipo sobre aplicacions de Facebook. Aquest event era un garage per a desenvolupadors, i de caire totalment tècnic. Així és com ho volia en Gregor, l’organitzador, i haig de dir que així va ser.

Aquest va ser el segon garage de Facebook organitzat a Espanya. El primer va ser fa aproximadament dos mesos a Madrid, coincidint amb el llançament de la plataforma Facebook en espanyol. Entre els dos garage hi ha diferències. La primera és el número de persones i l’entorn de presentació. A Madrid en un teatre ple de gom a gom amb aroximadament 200 persones. A Barcelona es va fer a les oficines d’Sclipo. Realment autèntic: al bell mig de la Barceloneta, al costat del mercat, amb una oficina que es corresponia amb el nom de Garage. Vam ser unes 80 persones aproximadament, però allà dins és veia totalment ple.

L’entorn que va organitzar Sclipo només podia cabre en un event de developers. I aquest és l’altre gran diferència amb Madrid: Allà va ser un garage de marketing i comercial, al qual personalment ho vaig copsar en les presentacions (descripcions d’aplicacions que just començaven), i en totes les converses que vam tenir durant el networking 0% tècnic.

En general de Madrid vaig tornar amb una sensació de frustació, ja que per tot el què es va parlar i presentar semblava que Facebook era la gran oportunitat del creixement viral i que Facebook et donava les eines per fer aplicacions d’una manera ràpida i fàcil. Frustat, perquè a Madrid vam veure presentacions d’aplicacions d’1 setmana de vida (tot il·lusió), i no ens van deixar l’oportunitat d’exposar la nostra aplicació, i deixar una opinió respecte el creixement viral, no sé si diferent, però sí més escèptica.

A Barcelona, la sensació final és diferent, ja que en les presentacions els developers vam poder testificar de quines són les dificultats a la hora de desenvolupar, i tots vam coincidir del repte tècnic que és mantenir una aplicació que depén de servidors de Facebook, d’opinions dels usuaris, dels canvis de l’API, etc… A Barcelona es va posar en dubte el creixement viral, i va quedar clar que fer una aplicació de Facebook no és sinònim de: en 1 mes tindré 100k usuaris.

Després de les pizzes i el pica-pica, en Gregor va presentar la plataforma d’Sclipo, i va deixar un missatge important: Sclipo busca developers per a contractar. Molt interessant, perquè Sclipo treballa amb última tecnología web, el nucli del qual va nèixer a Omatech. Treballen amb temes d’streaming, i video conferència. Una bona oportunitat.

Després ja van venir les presentacions:

• vaig començar jo amb els Eyesores. Ànecdota: jst el dia de la presentació, FB va tenir un bug amb el CSS, però per sort durant la presentació estava ja solucionat. Es va poder lluir bé
• a continuació l’aplicació de ProductPulse: 3k usuaris diaris, una aplicació de qualitat, tècnica i estètica, on pujes productes, i la gent n’opina, dóna feedback, etc… Molt interessant pq els 4 dveloppers ja han migrat l’aplicació a OpenSocial. Dicen que van passar per un infern, i els resultats de moment no són bons. MySpace de moment no respon tan ràpid com el Facebook.
• En Gilles de França, no va presentar una aplicació, però personalment va ser del més interessant. Va presentar Grow Together, una plataforma de publicitat OpenSource, un sistema d’escalabilitat i alt rendiment basat en el clustering de cahe, i finalment va presentar gràfiques mostrant com el creixement viral no és tant com anuncia FB.
• Es va acabar amb una presentació de la gent de Yahoo, i els companys de Bilbao de La Porra, on van presentar l’EuroPorra, per la EuroCopa d’aquest estiu, i Mavenia. Mucha suerte!

Amb la plataforma Sclipo Live, vam fer una comunicació amb Javier Olivan, de Facebook España. A destacar el seu anunci el mateix dia de Facebook en català i la imminència de l’obertura de la FB plataform.

Aquest cap de setmana és el concurs d’Eurovisió. Espanya aquest any participa amb el Rodolfo Chiquilicuatre.

Des de EyesoresWorld hem volgut recolzar la participació del chikilicuatre, amb el disseny d’un nou Eyesore per a Facebook: l’eurovisionsore, que aquí us el presento:

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.

Aquesta tarda de dissabte, necessitava fer feina de taller. Feina de taller, és busca feina de manualitat, artesania, etc… De tant en tant m’agafa aquesta mania. El fet és que a Sant Julià hem organitzat un concurs de fotografia, i ja feia temps que hi donava voltes, i tenia moltes ganes de participar-hi. Aquesta tarda era un bon moment. Així que en un moment d’inspiració m’ha sortit aquesta foto. No n’estic molt orgullós, però alguna cosa he fet, i de moment pel número de participants del concurs, ja és molt.

Aquestes són les dades de la meva participació:

• Nick: Telecobàsquet (Carles)
• Títol: La comunicació de les estrelles
• Descripció: El bàsquet evoluciona, com evoluciona la tecnologia, però el seu èxit sempre ha estat, és i serà el joc d’equip i la comunicació dels jugadors, en especial les estrelles.