Extract youtube id from url

Simple tip in PHP:

function youtubeid($url) {
        $url_parsed = parse_url($url);
	parse_str($url_parsed['query'],$params);
	return $params['v'];
}

So if $url is “http://www.youtube.com/watch?v=pw2-QCXVN2s&feature=popular“, this function will return pw2-QCXVN2s, the id of video.

You can use this id to embed a Youtube video, or paint a video thumbnail: http://img.youtube.com/vi/$id/2.jpg

1 comment 9 Juny, 2009

Facebook obre el seu STREAM.

A principis de Març, Facebook va posar en producció el nou disseny amb el nou concepte d’STREAM, que representa tot el fluxe d’informació. L’Stream en l’usuari se li representa en el seu perfil com el WALL, i en la home com el NEWS FEED.stream_fb

Des de la setmana passada Facebook va publicar una nova API, que permet a aplicacions de tercers de dins de Facebook o extrenes a través de FB Connect, accedir a la informació de l’STREAM d’un usuari. Aquest accés es proporciona a través de dues vies:

  1. Open Stream API: la nova API ja és descarregable a través del client de PHP i Javascript de Facebook. Disposa de mètodes per llegir totes les històries relacionades amb l’stream d’un usuari, llegir els comentaris de les històries, i l’estat de “like/don’t like”. A més a més proporciona mètodes per fer Sets: publicar una nova història, afegir un nou comentari, o votar per “like/don’t like”. Ei! i tot amb funcions per adjuntar vídeos, mp3, imatges i flash.
  2. Activity Streams: permet llegir l’stream de l’usuari a través d’una sindicació amb protocol ATOM.

Per a què una aplicació tingui accés a aquestes dades, l’usuari haurà de tenir una sessió activa i molt important, acceptar un permís adicional per a què l’API tingui accés: publish_stream (per escriure al stream) i read_stream (per llegir l'stream).

De moment l’API encara està en mode BETA, i només pots llegir l’STREAM dels desenvolupadors de l’aplicació, però aviat serà accessible per tothom. Crec que Facebook últimamemt s’està posicionament molt bé: també és notícia que aviat permetrà a usuaris amb OpenID, loguinar-se a FB.

Més informació a: http://wiki.developers.facebook.com/index.php/Using_the_Open_Stream_API

1 comment 8 Maig, 2009

Presentació de la borsa de treball i formació de l’Ajuntament de Girona

Aquest matí s’ha presentat la borsa de treball i formació online de l’Ajuntament de Girona. Aquest espai web des d’avui mateix ja és accessible per a qualsevol persona amb accés Internet. La seva direcció web és:

http://www.ajuntament.gi/borsadetreball

Aquest borsa de treball online ha de ser el complement a la tasca que es realitza al TiF/DIE de Girona (Treball i Formació / Dispositiu d’Inserció Econòmica de l’Ajuntament de Girona). TiF/DIE  es dedica a l’inserció de persones en el mercat laboral, ja sigui intermediant ofertes de treball, formant candidats per millorar l’inserció laboral, i tot des d’un tracte personalitzat i amb continuu seguiment. El volum de feina del TiF/DIE ha augmentat de forma molt important a causa de l’actual situació econòmica del país. És per això que han adoptat aquesta nova eina, la borsa de treball online, que ha de permetre agilitar tots els processos d’intermediació entre candidats i empreses.

borsa_treball_formacio_ajuntament_girona

La borsa de treball online es divideix en tres zones:

  • Zona ofertes: aquesta zona és accessible per tothom, i és on llisten totes les ofertes i cursos formatius que estan actius actualment, i des d’on s’espera que la gent s’apunti i s’interissi. Aquesta és una zona dinàmica, on cada dia poden aparèixer ofertes noves, o poden desaprèixer un cop una oferta ja hagi estat tancada. Aquesta zona és accessible des de la pàgina inicial de la borsa de treball, i disposa d’un cercador per a poder filtrar ofertes segons categoria laboral.
  • Zona candidats/es: aquesta és una zona privada des d’on qualsevol podrà donar d’alta el seu currículum. Per accedir a aquesta zona un haurà d’introduir el seu DNI i una clau d’accés privada. Per obtenir aquesta clau d’accés el candidat s’haura de registrar des de la pròpia borsa de treball, o presentant-se al TiF/DIE.
  • Zona empreses: aquesta és la zona privada per a empreses des d’on una empresa un cop donada d’alta podrà inserir noves ofertes a la borsa de treball per a què es facin públiques i els candidats es puguin apuntar.

Totes les accions que es realitzen a la borsa de treball online estaran validades pel TiF/DIE. Això significa que només s’intermediaran els candidats que hagin estat prèviament validats pel TiF/DIE, i igualment només es publicaran aquelles ofertes a la borsa de treball que hagin estat prèviament validades. Aquest fet fa que totes les dades que es publiquen a Internet siguin vàlides, i que tots els candidats que el TiF/DIE seleccioni per a les empreses seran candidats reconeguts pel Dispositiu d’Inserció.

Una empresa en insertar una oferta podrà seleccionar quines dades vol fer públiques de la pròpia empresa. A més també podrà seleccionar si la intermediació de l’oferta l’ha de fer el propi TiF/DIE o que directament els candidats s’adrecin a la pròpia empresa.

La borsa de treball a més a més de ser una eina de recerca de treball pública, disposa d’una zona privada de gestió pròpia del TiF/DIE. Aquesta zona privada permet al TiF/DIE ser més àgil i eficient a la hora de treballar amb les ofertes, candidats, empreses i les intermediacions.

Jo he estat el responsable tecnològic de la borsa de treball a través d’Omatech. Per aquest projecte ha calgut coordinar-se amb els resposanbles de sistemes de l’Ajuntament de Girona, amb els responsables de disseny, i a nivell funcional ha calgut una tasca important de col·laboració amb els propis responsables del TiF/DIE. A més a més de la implementació de l’aplicació ha estat necèssaria una migració massiva de totes les dades ja existents en els sistemes informàtics antics del TiF/DIE. Aquesta tasca per dir-ho d’alguna manera ha estat de xinos, però afortunadament puc dir que la migració s’ha completat de forma automàtica en un 98% de les dades totals a migrar. Tot el projecte ha estat un projecte d’implementació i integració de sistemes com PHP, Oracle, MySQL, Access, XHTML, CSS i Javascript i tot respectant els estàdards de la W3C i d’accessibilitat.

Un projecte viscut amb intensitat i interés pel fet que ajudarà a minimitzar aquest greu problema actual que és l’atur, i més a la meva ciutat Girona. Junt amb Omatech, hem aprofitat  la nostra experiència en altres borses de treball com la de Banyoles, o de projectes propis com Ipsojobs, per tenir aquesta borsa de treball de Girona implementada i migrada des de zero en només 3 mesos.

2 comments 29 Abril, 2009

Tercer Facebook Developer Garage a Barcelona

El passat 16 d’Abril es va celebrar el tercer Facebook Garage per a desenvolupadors a Barcelona. Com en els anteriors Garage, aquest també ha estat organitzat per Sclipo i aquest cop patrocinat per Intel.

fb_dev_garage2

El primer Garage que es va realitzar al Juny del 2008, es van presentar aplicacions espanyoles a Facebook, i es van donar notes generals de com funciona la Plataforma per a Desenvolupadors. El segon Garage del Setembre del 2008, va ser molt més pràctic i en aquest cas jo vaig ser el responsable de fer una aplicació online des de 0 amb la Plataforma de Facebook i amb el nou disseny de perfil. Aquest tercer Garage s’ha basat íntegrament en la presentació de Facebook Connect.

Aquest Garage es va fer a les instal·lacions de la Universitat Pompeu Fabra, i es va dividir en dues presentacions que es van fer en paral·lel. Per una banda una primera presentació destinada a participants sense una base tècnica, en el que es mostrava el funcionament general de Facebook Connect  i es discutia la seva aplicació en entorns reals. La segona presentació era totalment destinada a un perfil tècnic on es mostrava una integració des de 0 d’una web qualsevol amb Facebook Connect.

Aquesta presentació tècnica la vam donar entre Brent Goldman i jo mateix com experts en la matèria. En Brent és un dels enginyers que treballen actualment a Facebook, i és un dels desenvolupados de Facebook Connect. Entre els dos vam preparar un exercici que consistia en fer un llibre de visites (guestbook), on qualsevol pot deixar un comentari pràvia autenticació contra Facebook. Aquest és el resultat de l’exercici que vam proposar:

http://xevstereyesores.net/carles/garage09/carles_dev/visitas.php

Al final de l’exercici es van assolir els següents objectius:

  1. Aprendre com donar d’alta una aplicació amb Facebook Con nect, i com fer la integració bàsica en una web externa.
  2. Exercicis amb els diferents mètodes d’autenticació, i detecció dels estats dels usuaris respecte Facebook.
  3. Com fer crides a la API de la plataforma de Facebook a través del client Javascript i el client PHP, per donar contingut social a la nostra pròpia web.
  4. Integrar Facebook Connect i el seu sistema d’autenticació i detecció d’estat amb les pròpies llibreries de servidor.
  5. Com publicar accions generades en la meva web al stream de Facebook a través de Feed Forms.
  6. Aprendre de forma teòrica com enllaçar comptes de Facebook amb comptes d’usuari de la meva pròpia web.

L’exercici el va poder implementar qualsevol dels participants del garage que disposessin d’un ordinador, tot i que van haver problemes de connexió tan a nivell Wifi com a nivell de FTP amb el servidor de proves (i és que no ha passat mai en cap workshop que no hi hagi problemes de connexió?). També l’esdeveniment es podia seguir en paral·lel via streaming de vídeo a través d’Sclipo. En total van ser més de 80 persones les presents, i més de 150 persones que van seguir la presentació a través de vídeo.

Tot el material del Garage està disponible en el següent link: http://sclipo.com/courses/view/a3710027abc3428919b5600498824643. En total són:

  • 4 vídeos
  • 11 documents (presentació i exercici)
  • Codi font de l’exercici. (Aplicació en PHP)

fb_dev_garage01

El garage va ser tot un èxit tan per l’organització, com per l’assistència, com el posterior col·loqui que es va generar després. Eren molts els presents que tenien experiència en desenvolupaments d’aplicacions amb Facebook, o bé que tenien intenció d’integrar Facebook Connect en la seva pròpia Web.Vam poder comentar al final totes les nostres experiències en un bar del Born.

Quan tornava l’endemà cap a Girona, vaig intentar fer un balanç de l’esdeveniment i treure unes conclusions de tot plegat, que llisto a continuació:

  • La plataforma de desenvolupament de Facebook tecnològicament és un 10, però a causa de la quantitat gran de continguts, actualment la curva d’aprenentatge és molt gran, i cada dia que passa n’és més, perquè Facebook té una velocitat d’evolució enorme.
  • Aquesta curva d’aprenentatge fa que els desenvolupadors que tenim la capacitat d’implementar aplicacions web amb Facebook i amb eficiència (ràpids i amb un nivell de qualitat professional) actualment siguem escassos.
  • La documentació a Facebook és bona, però malhauradament mal organitzada i distribuida. Fa augmentar la curva d’aprenentatge.
  • Cal la intervenció d’un Facebook developer o un consultor amb coneixements REALS de la capacitat de la plataforma de Faceook i la seva política d’ús per vendre un projecte a tercers.
  • Actualment Facebook està fent un gir cap a Twitter, la qual cosa comporta (seguint la tendència de fa 8 mesos), més barreres per les aplicacions dins Facebook.
  • Aquestes barreres contra les aplicacions de Facebook potencien la utilitat de Facebook Connect.
  • Facebook Connect funciona correctament però actualment planteja dos problemes:
  • Rendiment: la política d’ús no ajuda a solucionar el problema intrínsec de Connect: el contingut Facebook el va a buscar al servidor de Facebook un cop carregada la pàgina actual. La política d’ús no permet un caching de més de 24 hores.
  • Funcionalitats avançades en estat beta: La publicació a través de Feed Forms, encara planteja molts dubtes entre els developers, a causa dels constants canvis que aplica Facebook; canvis que inclús el propi Brent – enginyer de Facebook – no sabia explicar.
  • Tots aquests garages a Barcelona estan fent que es consolidi cada dia més una bona relació entre developers. Aquesta relació és el que ens ha de permetre poder crear contingut web i social de qualitat a Internet, i que tots nosaltres que dediquem un esforç diari en aprendre noves tecnologies, ens fem valdre com cal, sense competència, sino amb col·laboració. Espero que això no es quedi aquí. Per la meva part faré les màximes accions possibles per mantenir aquest contacte entre developers.

No em volia deixar, un últim comentari al respecte d’aquest Garage. Vam conèixer a Laura de Facebook, la primera empleada de Facebook a Espanya (porta uns 3 mesos)! una gran notícia perquè ens ajudarà a la promoció de les nostres aplicacions. Una noia madrilenya, fantàstica amb una il·lusió encomanadora.

Add comment 29 Abril, 2009

Póster personalitzat d’una setmana a New York

Pòster d'una setmana a NY

Pòster d'una setmana a NY

Ara fa cosa de 3 setmanes que la Laia, i els meus futurs cunyats Quim i Mireia, vam anar a New York a passar 1 setmana, que coincidia amb la inauguració de tot l’enllumenat de Nadal. Va ser una setmana fantàstica, que tot i que el temps ens va anar una mica en contra (vent, fred, neu i pluja) crec que vam aprofitar molt bé, i vam poder visitar la majoria dels llocs i museus emblemàtics.

Una bona idea ha tingut avui la Laia: Fer un póster mida original (70cm. x 50cm.) d’un recull de fotografies del viatge. Hem fet un total de 100 fotos de 7×5 cm, i el resultat abans de passar per l’imprempta és bastant esperançador. El fitxer original és un JPEG de més o menys 8MB.

La veritat és que no hem trobat cap servei online per a fer poster que ens convencés; al final quatre nocions bàsiques d’Illustrator i Photosop han estat suficients, per a que ens hi posséssim nosaltres mateixos i passéssim un diumenge diferent.

Ja explicaré qué tal ens ha quedat en format paper i a quina imprempta hem anat, encara hem d’escollir…

Add comment 4 Gener, 2009

Feliç any 2009 amb una Eyesore Postcard

Eyesores Postcards / Ecards - Happy New Year 2009

Eyesores Postcards / Ecards - Happy New Year 2009

Vull felicitar aquest nou any que entra 2009, amb els meus millors desitjos, i amb aquesta postal dels Eyesores.

Hem volgut acabar l’any 2008 de la mateixa manera que el vam començar: amb molta energia i activitat, per això aquests últims dies ens hem posat les piles, i l’equip d’eyesoresworld – en Miki, en Xevi i jo – en un temps record hem fet volar els Eyesores fora de Facebook i els hem portat a la web en forma de:

http://www.eyesoresworld.com/postcards

D’aquesta forma disposem els eyesores en postals (postcards o ecards en el món d’Internet), per a què qualsevol pugui enviar una d’aquestes postals amb un missatge personalitzat a qualsevol dels seus contactes de email. Hem incorporat també un importador de contactes de hotmail, gmail, yahoo, aol i altres, perquè sigui més fàcil la selecció d’amics.

Hem començat amb més de 40 postals, i centrades sobretot en Nadal, Cap d’Any i aniversaris, i cada setmana anirem introduint postals noves. Ara ja no hi ha excusa per felicitar a tothom aquestes festes d’una forma original i divertida! (i en només 2 minuts!)

Molt bon any nou, i sobretot molta energia, ganes i salut per anar cada dia a més!

Add comment 31 Desembre, 2008

Cakephp 1.2… Estable!

Quina gran sorpresa al tornar d’aquests 3 dies de família, àpats, caga tiós i sobretot SENSE ordenadors ni Internet. La primera notícia que llegeixo al conectar-me als meus Feeds de notícies és de la Bakery de CakePHP: El dia 25 de Gener, el dia de Nadal, van alliberar la versió 1.2 estable de Cake PHP.

Una magnífica notícia que em motiva al màxim pels primers projectes del 2009.

Enhorabona Bakers!

Més informació a: http://bakery.cakephp.org/articles/view/the-gift-of-1-2-final

Add comment 27 Desembre, 2008

Els millors desitjos pel 2009

Christmas Online Intermón Oxfam 2009

Christmas Online Intermón Oxfam 2009

Intermón Oxfam ha creat una aplicación web online per a qué tothom pugui desitjar un bon any 2009. L’objectiu d’aquesta felicitació és construir la postal més gran de Nadal. Aquesta postal està formada pel nom de totes aquelles persones que participen en la felicitació i deixen un desig:

http://compartedeseos.intermonoxfam.org/deseos/

El resultat de la felicitació és impactant ja que sembla una postal textual i estàtica, però a la vegada és dinàmica i interactiva. Quan es mou el ratolí per sobre de qualsevol dels noms es desplega una caixa amb el desig escrit per aquesta persona. Aquest fet dóna un aspecte molt atractiu a l’aplicació, perquè amb un sol moviment de mouse pots llegir el desig de totes les persones. Al final, Intermón Oxfam estant aconseguint fer una postal amb noms de persones de tot el món, escrita en qualsevol llenguatje i alfabet, i tot barrejat i integrat entre sí. Sembla la postal de la Torre de Babel.

Aquest és un dels últims projectes que he ideat, dissenyat i implementat. A més a més de fer una bona feina amb tota la gent d’aquesta ONG, el projecte l’he fruït des de 0, perquè al final no deixa de ser una eina social que creix per la col·laboració d’entre tots nosaltres, els usuaris d’Internet.  Les eines socials a través d’Internet són els projectes amb qué més m’especialitzo, i dóna gust treballar i col·laborar amb gent que domina aquestes eines tant com jo.

Aquesta és ja la segona col·laboració que realitzo amb Intermón Oxfam, després que creéssim per ells l’Eyesores d’Oxfam

I tu, ja has deixat el teu desig pel 2009?

1 comment 22 Desembre, 2008

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…

1 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

Previous Posts


Categories

Entrades recents

Blogroll

Arxius

Etiquetes