Yop Concept » web-dev

Ma 1ère application Facebook pour les 10 ans des SIMS

Olivier — Thu, 18 Feb 2010 08:31:43 +0000

J’ai eu de la chance d’avoir un projet sympa pour commencer le FMBL,une sorte d’HTML spécifique aux applications Facebook : Les 10 Ans des SIMS. Le projet consistait à mettre en place un système de votes d’images, ces dernières étant téléchargées par les utilisateurs de l’application en y posant un prisme vert. En lisant les différents tutoriaux, je me suis rendu compte qu’il était important de savoir où l’applicaiton allait être insérer. En effet, 2 placements sont disponibles, dans une page séparée, on les désigne sous le terme de ‘Canvas’, ou directement dans un onglet d’une Fan Page ou d’un profil utilisateur, les ‘Profile Applications’.

Il est souvent plus intéressant de positionner son application dans sa page, l’utilisateur à ainsi l’impression de rester dans le même univers, et cela incite à y rester plus longtemps et à le faire naviguer à travers toutes vos sections et liens.

Il existe une balise ‘magique’ en FBML, c’est , elle vous permet, comme sa soeur en HTML, d’insérer une page hébergée sur un autre serveur. Vous pouvez donc sans problème créer une application classique et l’intégrer dans Facebook, si vous vous y connaissez un mininum en développement. Malheureusement, cette balise n’est pas disponible dans les onglets, tout passe obligatoirement par Facebook qui filtre et transforme votre code. Tout ceci est très bien expliqué à cette adresse, et explique comment le réseau social interprète ainsi vos scripts.

Vous pouvez consulter l’application à cette adresse, n’hésitez pas à participer, il y avait des lots sympas à gagner. Et si vous avez des questions, ou besoin d’aide, il y a les commentaires pour cela !

Mozilla Weave Sync, ou comment synchroniser vos données Firefox sur plusieurs postes

Olivier — Tue, 24 Nov 2009 21:34:43 +0000

Le 16 Novembre 2009, Mozilla proposait le téléchargement de la Beta de Weave, un add-on pour Firefox qui permet de synchroniser les données personnelles de votre navigateur sur plusieurs postes.

1. Fonctionnalités

Les données prises en compte pour l’instant sont :

les marques-pages
l’historique de navigation
les champs mémorisés de formulaires
les onglets
les mots de passes sauvegardés
les préférences système

A noter que Weave fonctionne aussi pour la version mobile de Firefox : Fennec. Les données transmises sont encryptées avant leur envoi sur les serveurs de Mozilla afin d’assurer leurs confidentialités.

2. Installation & Configuration

La mise en place est très simple :

Téléchargez l’add-on sur la page officielle
Une fois installé, allez dans le menu « Outils » puis « Weave »
Créez un nouveau compte et suivez les étapes, il vous sera demandé un login, un mot de passe et une phrase secrète pour l’encryptage

Une nouvelle section est disponible dans les préférences de votre navigateur, où vous pouvez définir quels types de données vous souhaitez synchroniser.

Une fois les paramètres enregistrés, la synchronisation se fait d’une manière invisible à intervalles réguliers. Vous n’avez plus qu’à l’installer sur un autre navigateur pour avoir accès à vos paramètres !

Lors de l’installation sur un autre poste, plusieurs procédés de synchronisation sont proposés :

Fusionner les données de cet ordinateur avec votre compte Weave, cela combinera les données de votre ordinateur avec les autres postes déjà synchronisés via Weave.
Remplacer sur cet ordinateur toutes les données des autres postes déjà synchronisés via Weave, toutes vos données locales seront effacées et remplacées par celles stockées sur le serveur Weave.
Remplacer les données de vos autres postes avec les données de cet ordinateur, toutes les données stockées sur le serveur Weave seront remplacées par les données de cet ordinateur.

3. Le coin des développeurs

Installer son propre serveur Weave

Mozilla donne des instructions via son wiki pour installer un serveur Weave, Ce système peut être intéressant pour une entreprise ou une association.
Vous avez besoin de PHP avec les extensions PDO et JSON pour le faire marcher. Weave supporte les base de données MySQL et SQLite.

Utilisation de l’API

Mozilla propose aussi une API pour l’utilisation de services Web. Cela permettra aux développeurs de créer des applications ou des extensions qui pourront utiliser ces données.

4. Conclusion

Voilà un add-on quasi indispensable pour les personnes qui travaillent sur plusieurs postes. Il y aussi un bel avenir grâce à l’API qui va pouvoir ouvrir de nombreuses possibilités.

Malheureusement, il ne prend pas en compte les autres add-ons installés, et du coup, pour quelqu’un comme moi qui utilise Delicious pour gérer les favoris, je me retrouve dans l’impossiblité de les synchroniser sur d’autres postes. Enfin, Delicious est là pour ça !

Comment intégrer son flux Twitter dans Feedburner

Olivier — Tue, 27 Oct 2009 08:17:30 +0000

J’ai eu ce problème lorsque j’ai voulu intégrer mon flux Twitter dans SimplePie. Tout se passe bien la première fois que le flux est chargé et mis en cache, malheureusement par la suite, un bug connu empêche le bon fonctionnement et le rafraîchissement des status. Cela est dû à Twitter qui s’embrouille les pinceaux sur la date de dernière modification du contenu et du coup, crée un conflit avec la gestion de cache de SimplePie.

En pensant solutionner le bug en intégrant le flux Twitter dans Feedburner, je me suis retrouvé confronté à un autre obstacle : Feedburner ne mettait pas à jour les status. Après un peu de recherche sur le Net, je suis tombé sur cet article : How to get a Twitter feed in Google Reader [EN].

En clair, au lieu de rentrer le flux RSS de son compte Twitter ( que l’on trouve sur son profil et qui se compose ainsi : http://twitter.com/statuses/user_timeline/xxxxxxx.rss ) dans Feedburner, il suffit de rajouter son identifiant et son mot de passe dans l’URL de cette manière : http://username:password@twitter.com/statuses/user_timeline/xxxxxxx.rss, un peu à la manière d’une connexion FTP.

Et voilà ! Plus aucun bug avec Feedburner, ni avec SimplePie !