Yahoo! Pipes : xPath Erwan Tanguy

La page pour l’exemple Sur la page de la bibliothèque de Rennes Métropole (http://www.bibliotheque-rennesmetropole.fr/), nous allons créer un flux RSS à partir du bloc Agenda. Ce sera un petit flux mais, comme il est actif, il pourrait déjà alimenter un compte Twitter régulièrement.

Mise en place du xPath Dans le module xPath, nous allons viser des éléments précis, le bloc agenda de la page. Il est nécessaire de connaître un minimum le html. Ce bloc est une div qui a pour identifiant « actuList » et qui proposer ensuite une liste sous forme de li. Nous allons traduire en xPath : //div[@id="actuList"] /ul /li

Création du flux En déroulant dans le debugger de Yahoo! Pipes, nous allons pouvoir retrouver le chemin exact de chaque élément du contenu et le placer dans le module Create RSS. Pour le titre : div.div.1.p Le lien : div.a.href L’image : div.div.0.img.src

Un flux créé, et ? Voilà, après quelques manipulations, un flux sur l’agenda de la bibliothèque prêt à l’emploi. Nous pouvons nous arrêter là. Il faudrait cependant ajouter un descriptif, pour que ce flux soit un peu plus attrayant. Pour cela nous allons créer un Pipe sur une des pages puis nous l’insérerons dans le premier Pipe.

Capturer un texte descriptif Dans ce Pipe, nous copions l’URL d’un des résultats du premier pour l’utiliser comme base. Le module URL Input va nous servir pour le lier au premier Pipe. Nous copions le xPath du premier paragraphe et le collons dans le module puis cochons « Emit items as string » pour ne garder du contenu que ce texte précisément.

Copier le xPath d’un élément Pour copier le xPath précis d’un élément, il faut utiliser une extension de Firefox qui s’appelle Firebug. Une fois trouvé dans le code les éléments souhaité, il suffit de faire un clic droit de la souris pour obtenir le xPath. Didacticiel pour Firebug : http://fr.openclassrooms.com/informatique/cours/firebug-une-merveille-de-plus-pour-firefox

Insérer un Pipe dans un autre Il ne reste plus qu’à relier le module « Create RSS » a un loop dans lequel on glisse le Pipe qui se trouve dans le menu à gauche, dans la section « My Pipe ». Nous définissons ensuite quel élément nous allons transmettre à ce Pipe. Nous voulons récupérer un texte à partir d’une page. Cette page est indiquée par l’URL que nous avons (item.link). Le résultat, quant à lui, devra apparaître dans item.description.

Le Pipe est accessible à cette adresse : http://goo.gl/qEukL5