2. 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.
3. 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
4. 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
5. 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.
6. 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.
7. 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
8. 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.
9. Le Pipe est accessible à
cette adresse :
http://goo.gl/qEukL5