Mettre des caractères spéciaux dans les statuts Facebook grâce à l’Unicode

Lovely Status

Depuis un bon moment, on voyait de plus en plus de statuts Facebook avec des jolies ? dedans !
Du coup, on s’est dit, pourquoi ne pas faire une petite application Facebook pour ajouter facilement des caractères spéciaux à nos statuts ?! Avouez que vous avez toujours rêvé d’épater vos amis en mettant des coeurs, des notes de musique, des nuages, des soleils, des boules avec numéros, des têtes de mort, des étoiles, des parapluies, des doigts, des pièces d’échec et autres smiley sur vos statuts Facebook ! Grâce à Magetys, votre rêve devient possible grâce à la superbe application Lovely Status !

Voilà par exemple ce que vous pourrez publier sur votre wall avec Lovely Status :
Mettre des coeurs sur les status Facebook

Pour ceux que ça intéresse, penchons nous sur le partie technique :
Afin d’afficher ces jolies icônes, nous avons dû utiliser les caractères spéciaux de l’Unicode. On a exploité les tables U2600 et U2700 de l’Unicode qui correspondent aux tables des caractères divers. Il faut savoir que pour chaque caractère, il existe un encodage HTML compréhensible (ndlr: théoriquement) par tous les navigateurs web. Par exemple, le caractère correspondant au code 2669 s’écrit en HTML &#x suivi du code, pour donner &#x2669.

Nous avons voulu rendre l’application très simple d’utilisation, sur une seule page bourrée de JavaScript. Nous avons donc mélangé du FBJS, une extension de JavaScript interprété par Facebook et du jQuery que l’on ne présente plus. Le FBJS nous a permis d’utiliser les boites de dialogue typiques de Facebook et d’utiliser leur objet Ajax() tellement pratique. En ce qui concerne le jQuery, ce n’était pas gagné de l’intégrer à Facebook car les restrictions au niveau des fichiers statiques sont assez importantes. Heureusement, des petits malins ont réussi à réécrire la librairie jQuery pour pouvoir l’intégrer sur Facebook. Cette petite merveille a été trouvée sur Google Code et se nomme FBjqRY. Malheureusement, quelques fonctionnalités de jQuery ne fonctionne pas, mais peuvent en général être compensées grâce au FBJS.

Pour parfaire le tout, on a utilisé le système de template Smarty, ce n’était pas très utile pour une si petite application, mais bon, quand on aime bien faire les choses !

Finissons maintenant sur le sujet qui fâche ! C’est la compatibilité de cette application. Nous développons sous Ubuntu et MacOS et nous n’avions remarqué aucun soucis. Mais lorsque l’on a testé sous Windows, c’était une autre affaire. Nous étions persuadé que l’unicode était implémenté sur tous les systèmes d’exploitations de la même manière, mais il se trouve que finalement, ce n’est pas du tout le cas. Et pour couronner le tout, sous Windows, d’un navigateur à un autre, nous n’avons pas la même interprétation de l’unicode. Sous Firefox ou Chrome, on se retrouve avec environ que la moitié des caractères qui s’affichent et sous Internet Explorer, là, aucun caractère ne s’affiche, à la place, nous avons le droit au code html ou à un carré blanc, incroyable…. Si vous voyez comment enrayer ce problème, nous sommes bien sûr preneur !

Une appli Facebook pour commencer !

Découvre la vérité

Magetys est heureux de vous présenter sa première application à destination du plus grand réseau social du monde, Facebook ! Cette application vous permet de découvrir ce que pensent vos amis de votre relation. Cette première application nous a permis d’expérimenter les possiblités qu’offre l’API Facebook, publication dans le stream, système de notification, Facebook Query Language et Facebook Meta Language. Afin d’afficher les résultats d’une façon plus sympatique, nous avons utilisé l’API Google Charts.