SlideShare une entreprise Scribd logo
1  sur  9
Télécharger pour lire hors ligne
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

Contenu connexe

En vedette

Gazette du 13 décembre 2011 au 26 janvier 2012
Gazette du 13 décembre 2011 au 26 janvier 2012Gazette du 13 décembre 2011 au 26 janvier 2012
Gazette du 13 décembre 2011 au 26 janvier 2012Ciné-Club Atmosphères
 
Presentaciones Digitales
Presentaciones DigitalesPresentaciones Digitales
Presentaciones DigitalesRichard Sanchez
 
Inferir significados ¨w¨
Inferir significados ¨w¨Inferir significados ¨w¨
Inferir significados ¨w¨Sandy-66
 
Deportes extremos
Deportes extremosDeportes extremos
Deportes extremos1992Darwin
 
Objetos virtuales de aprendizaje_Mafe
Objetos virtuales de aprendizaje_MafeObjetos virtuales de aprendizaje_Mafe
Objetos virtuales de aprendizaje_Mafemafeintel1
 
Witness curriculum 19-faites sortir votre message-2011
Witness curriculum 19-faites sortir votre message-2011Witness curriculum 19-faites sortir votre message-2011
Witness curriculum 19-faites sortir votre message-2011WITNESS
 
Actividad 7 el efecto de herramientas tecnologicas en el estudiante
Actividad 7 el efecto de herramientas tecnologicas en el estudianteActividad 7 el efecto de herramientas tecnologicas en el estudiante
Actividad 7 el efecto de herramientas tecnologicas en el estudianteVerito Aldana D'Garcia
 
Base de datos agencia de viajes
Base de datos  agencia de viajesBase de datos  agencia de viajes
Base de datos agencia de viajesWilmer Silva
 
Portafolio diagnóstico martha indira cassaleth g
Portafolio diagnóstico martha indira cassaleth gPortafolio diagnóstico martha indira cassaleth g
Portafolio diagnóstico martha indira cassaleth gMartha Indira Cassaleth
 
Workshops @ Les Ateliers d'Exception
Workshops @ Les Ateliers d'ExceptionWorkshops @ Les Ateliers d'Exception
Workshops @ Les Ateliers d'ExceptionRomain Goby
 
Palmares des cartes de vœux numeriques d'entreprise
Palmares des cartes de vœux numeriques d'entreprisePalmares des cartes de vœux numeriques d'entreprise
Palmares des cartes de vœux numeriques d'entrepriseMarketing PME
 
Witness curriculum 9-atelier entretien-2011
Witness curriculum 9-atelier entretien-2011Witness curriculum 9-atelier entretien-2011
Witness curriculum 9-atelier entretien-2011WITNESS
 
Tutorial de slideshare
Tutorial de slideshareTutorial de slideshare
Tutorial de slideshareivanabangerte
 
concours BODHRAN
concours BODHRANconcours BODHRAN
concours BODHRANvaldefrance
 

En vedette (20)

Gazette du 13 décembre 2011 au 26 janvier 2012
Gazette du 13 décembre 2011 au 26 janvier 2012Gazette du 13 décembre 2011 au 26 janvier 2012
Gazette du 13 décembre 2011 au 26 janvier 2012
 
PMO vs. COBIT
PMO vs. COBITPMO vs. COBIT
PMO vs. COBIT
 
Presentaciones Digitales
Presentaciones DigitalesPresentaciones Digitales
Presentaciones Digitales
 
Ada 1
Ada 1Ada 1
Ada 1
 
Inferir significados ¨w¨
Inferir significados ¨w¨Inferir significados ¨w¨
Inferir significados ¨w¨
 
Deportes extremos
Deportes extremosDeportes extremos
Deportes extremos
 
Diigo - formation
Diigo - formationDiigo - formation
Diigo - formation
 
Objetos virtuales de aprendizaje_Mafe
Objetos virtuales de aprendizaje_MafeObjetos virtuales de aprendizaje_Mafe
Objetos virtuales de aprendizaje_Mafe
 
Witness curriculum 19-faites sortir votre message-2011
Witness curriculum 19-faites sortir votre message-2011Witness curriculum 19-faites sortir votre message-2011
Witness curriculum 19-faites sortir votre message-2011
 
Actividad 7 el efecto de herramientas tecnologicas en el estudiante
Actividad 7 el efecto de herramientas tecnologicas en el estudianteActividad 7 el efecto de herramientas tecnologicas en el estudiante
Actividad 7 el efecto de herramientas tecnologicas en el estudiante
 
Base de datos agencia de viajes
Base de datos  agencia de viajesBase de datos  agencia de viajes
Base de datos agencia de viajes
 
Portafolio diagnóstico martha indira cassaleth g
Portafolio diagnóstico martha indira cassaleth gPortafolio diagnóstico martha indira cassaleth g
Portafolio diagnóstico martha indira cassaleth g
 
Gazette du 13 Avril au 20 Mai 2010
Gazette du 13 Avril au 20 Mai 2010Gazette du 13 Avril au 20 Mai 2010
Gazette du 13 Avril au 20 Mai 2010
 
Workshops @ Les Ateliers d'Exception
Workshops @ Les Ateliers d'ExceptionWorkshops @ Les Ateliers d'Exception
Workshops @ Les Ateliers d'Exception
 
Àngels Alemany
Àngels AlemanyÀngels Alemany
Àngels Alemany
 
Ada 1
Ada 1Ada 1
Ada 1
 
Palmares des cartes de vœux numeriques d'entreprise
Palmares des cartes de vœux numeriques d'entreprisePalmares des cartes de vœux numeriques d'entreprise
Palmares des cartes de vœux numeriques d'entreprise
 
Witness curriculum 9-atelier entretien-2011
Witness curriculum 9-atelier entretien-2011Witness curriculum 9-atelier entretien-2011
Witness curriculum 9-atelier entretien-2011
 
Tutorial de slideshare
Tutorial de slideshareTutorial de slideshare
Tutorial de slideshare
 
concours BODHRAN
concours BODHRANconcours BODHRAN
concours BODHRAN
 

Similaire à Créer des flux RSS avec Yahoo! Pipes et son module xPath

Support de formation : Yahoo! pipes les modules
Support de formation : Yahoo! pipes les modulesSupport de formation : Yahoo! pipes les modules
Support de formation : Yahoo! pipes les modulesErwan Tanguy
 
Stratégie et veille : Extraire et trier des données en ligne
Stratégie et veille : Extraire et trier des données en ligneStratégie et veille : Extraire et trier des données en ligne
Stratégie et veille : Extraire et trier des données en ligneErwan Tanguy
 
Support de formation : Filtrer des flux rss
Support de formation : Filtrer des flux rssSupport de formation : Filtrer des flux rss
Support de formation : Filtrer des flux rssErwan Tanguy
 
Présentation Yahoo pipes
Présentation Yahoo pipesPrésentation Yahoo pipes
Présentation Yahoo pipesVoyelle Voyelle
 
Mini projet individuel php
Mini projet individuel phpMini projet individuel php
Mini projet individuel phpKhadim Mbacké
 
Projet fin annee 2011 master min ISAMM
Projet fin annee 2011 master min ISAMMProjet fin annee 2011 master min ISAMM
Projet fin annee 2011 master min ISAMMAbdelmonem NAAMANE
 
Les Flux RSS
Les Flux RSSLes Flux RSS
Les Flux RSSAref Jdey
 
Tutorial Netvibes pour mise en place d'une page de veille
Tutorial Netvibes pour mise en place d'une page de veilleTutorial Netvibes pour mise en place d'une page de veille
Tutorial Netvibes pour mise en place d'une page de veilleThomas Hémery
 
Systèmes de Gestion de Contenu (SGC)
Systèmes de Gestion de Contenu (SGC)Systèmes de Gestion de Contenu (SGC)
Systèmes de Gestion de Contenu (SGC)Laurent Moccozet
 
Creation de-themes-wp
Creation de-themes-wpCreation de-themes-wp
Creation de-themes-wpChi Nacim
 
La puissance des pseudo-éléments
La puissance des pseudo-élémentsLa puissance des pseudo-éléments
La puissance des pseudo-élémentsGeoffrey Croftє
 
React redux-tutoriel-1
React redux-tutoriel-1React redux-tutoriel-1
React redux-tutoriel-1Sem Koto
 
React redux-tutoriel-1
React redux-tutoriel-1React redux-tutoriel-1
React redux-tutoriel-1Sem Koto
 
Formation PHP avancé - Cake PHP
Formation PHP avancé - Cake PHPFormation PHP avancé - Cake PHP
Formation PHP avancé - Cake PHPkemenaran
 
Import et mise à jour des contenus dans le cms rubedo 3.x
Import et mise à jour des contenus dans le cms rubedo 3.xImport et mise à jour des contenus dans le cms rubedo 3.x
Import et mise à jour des contenus dans le cms rubedo 3.xRubedo, a WebTales solution
 
Android-Tp5 : web services
Android-Tp5 : web servicesAndroid-Tp5 : web services
Android-Tp5 : web servicesLilia Sfaxi
 

Similaire à Créer des flux RSS avec Yahoo! Pipes et son module xPath (20)

Support de formation : Yahoo! pipes les modules
Support de formation : Yahoo! pipes les modulesSupport de formation : Yahoo! pipes les modules
Support de formation : Yahoo! pipes les modules
 
Stratégie et veille : Extraire et trier des données en ligne
Stratégie et veille : Extraire et trier des données en ligneStratégie et veille : Extraire et trier des données en ligne
Stratégie et veille : Extraire et trier des données en ligne
 
Support de formation : Filtrer des flux rss
Support de formation : Filtrer des flux rssSupport de formation : Filtrer des flux rss
Support de formation : Filtrer des flux rss
 
Présentation Yahoo pipes
Présentation Yahoo pipesPrésentation Yahoo pipes
Présentation Yahoo pipes
 
Mini projet individuel php
Mini projet individuel phpMini projet individuel php
Mini projet individuel php
 
SPIP
SPIPSPIP
SPIP
 
Projet fin annee 2011 master min ISAMM
Projet fin annee 2011 master min ISAMMProjet fin annee 2011 master min ISAMM
Projet fin annee 2011 master min ISAMM
 
Les Flux RSS
Les Flux RSSLes Flux RSS
Les Flux RSS
 
Tutorial Netvibes pour mise en place d'une page de veille
Tutorial Netvibes pour mise en place d'une page de veilleTutorial Netvibes pour mise en place d'une page de veille
Tutorial Netvibes pour mise en place d'une page de veille
 
Systèmes de Gestion de Contenu (SGC)
Systèmes de Gestion de Contenu (SGC)Systèmes de Gestion de Contenu (SGC)
Systèmes de Gestion de Contenu (SGC)
 
cours Php
cours Phpcours Php
cours Php
 
Creation de-themes-wp
Creation de-themes-wpCreation de-themes-wp
Creation de-themes-wp
 
La puissance des pseudo-éléments
La puissance des pseudo-élémentsLa puissance des pseudo-éléments
La puissance des pseudo-éléments
 
React redux-tutoriel-1
React redux-tutoriel-1React redux-tutoriel-1
React redux-tutoriel-1
 
React redux-tutoriel-1
React redux-tutoriel-1React redux-tutoriel-1
React redux-tutoriel-1
 
Formation PHP avancé - Cake PHP
Formation PHP avancé - Cake PHPFormation PHP avancé - Cake PHP
Formation PHP avancé - Cake PHP
 
React-cours.pdf
React-cours.pdfReact-cours.pdf
React-cours.pdf
 
Import et mise à jour des contenus dans le cms rubedo 3.x
Import et mise à jour des contenus dans le cms rubedo 3.xImport et mise à jour des contenus dans le cms rubedo 3.x
Import et mise à jour des contenus dans le cms rubedo 3.x
 
HTML, CSS et Javascript
HTML, CSS et JavascriptHTML, CSS et Javascript
HTML, CSS et Javascript
 
Android-Tp5 : web services
Android-Tp5 : web servicesAndroid-Tp5 : web services
Android-Tp5 : web services
 

Plus de Erwan Tanguy

Sendinblue freelance fair tour
Sendinblue freelance fair tourSendinblue freelance fair tour
Sendinblue freelance fair tourErwan Tanguy
 
Sendinblue : la plateforme française pour l'emailing et la newsletter
Sendinblue : la plateforme française pour l'emailing et la newsletterSendinblue : la plateforme française pour l'emailing et la newsletter
Sendinblue : la plateforme française pour l'emailing et la newsletterErwan Tanguy
 
Outils collaboratifs en formation
Outils collaboratifs en formationOutils collaboratifs en formation
Outils collaboratifs en formationErwan Tanguy
 
Automation et réseaux sociaux
Automation et réseaux sociauxAutomation et réseaux sociaux
Automation et réseaux sociauxErwan Tanguy
 
Meetup cssflip : shapes et clip-path
Meetup cssflip : shapes et clip-pathMeetup cssflip : shapes et clip-path
Meetup cssflip : shapes et clip-pathErwan Tanguy
 
Automation : publier sur les réseaux sociaux quand on a pas le temps
Automation : publier sur les réseaux sociaux quand on a pas le tempsAutomation : publier sur les réseaux sociaux quand on a pas le temps
Automation : publier sur les réseaux sociaux quand on a pas le tempsErwan Tanguy
 
Creer un site internet sous WordPress
Creer un site internet sous WordPress Creer un site internet sous WordPress
Creer un site internet sous WordPress Erwan Tanguy
 
Organiser une veille digitale
Organiser une veille digitaleOrganiser une veille digitale
Organiser une veille digitaleErwan Tanguy
 
Diigo – social bookmarking
Diigo – social bookmarkingDiigo – social bookmarking
Diigo – social bookmarkingErwan Tanguy
 
Video social marketing et cv - les bases
Video social marketing et cv - les basesVideo social marketing et cv - les bases
Video social marketing et cv - les basesErwan Tanguy
 
Référencement naturel (SEO) - les bases
Référencement naturel (SEO) - les basesRéférencement naturel (SEO) - les bases
Référencement naturel (SEO) - les basesErwan Tanguy
 
Extraire et trier des données en ligne 2015
Extraire et trier des données en ligne 2015Extraire et trier des données en ligne 2015
Extraire et trier des données en ligne 2015Erwan Tanguy
 
Sociallymap didacticiel
Sociallymap   didacticielSociallymap   didacticiel
Sociallymap didacticielErwan Tanguy
 
Animer un site web - web café
Animer un site web - web caféAnimer un site web - web café
Animer un site web - web caféErwan Tanguy
 

Plus de Erwan Tanguy (20)

Sendinblue freelance fair tour
Sendinblue freelance fair tourSendinblue freelance fair tour
Sendinblue freelance fair tour
 
Sendinblue : la plateforme française pour l'emailing et la newsletter
Sendinblue : la plateforme française pour l'emailing et la newsletterSendinblue : la plateforme française pour l'emailing et la newsletter
Sendinblue : la plateforme française pour l'emailing et la newsletter
 
Outils collaboratifs en formation
Outils collaboratifs en formationOutils collaboratifs en formation
Outils collaboratifs en formation
 
Automation et réseaux sociaux
Automation et réseaux sociauxAutomation et réseaux sociaux
Automation et réseaux sociaux
 
Meetup cssflip : shapes et clip-path
Meetup cssflip : shapes et clip-pathMeetup cssflip : shapes et clip-path
Meetup cssflip : shapes et clip-path
 
Automation : publier sur les réseaux sociaux quand on a pas le temps
Automation : publier sur les réseaux sociaux quand on a pas le tempsAutomation : publier sur les réseaux sociaux quand on a pas le temps
Automation : publier sur les réseaux sociaux quand on a pas le temps
 
Creer un site internet sous WordPress
Creer un site internet sous WordPress Creer un site internet sous WordPress
Creer un site internet sous WordPress
 
Organiser une veille digitale
Organiser une veille digitaleOrganiser une veille digitale
Organiser une veille digitale
 
Slack
SlackSlack
Slack
 
Wordpress meetup
Wordpress meetupWordpress meetup
Wordpress meetup
 
Diigo – social bookmarking
Diigo – social bookmarkingDiigo – social bookmarking
Diigo – social bookmarking
 
Video social marketing et cv - les bases
Video social marketing et cv - les basesVideo social marketing et cv - les bases
Video social marketing et cv - les bases
 
Référencement naturel (SEO) - les bases
Référencement naturel (SEO) - les basesRéférencement naturel (SEO) - les bases
Référencement naturel (SEO) - les bases
 
Les base du Html5
Les base du Html5Les base du Html5
Les base du Html5
 
Newsletters rwd
Newsletters rwdNewsletters rwd
Newsletters rwd
 
Les bases du CSS3
Les bases du CSS3Les bases du CSS3
Les bases du CSS3
 
Extraire et trier des données en ligne 2015
Extraire et trier des données en ligne 2015Extraire et trier des données en ligne 2015
Extraire et trier des données en ligne 2015
 
Sociallymap didacticiel
Sociallymap   didacticielSociallymap   didacticiel
Sociallymap didacticiel
 
Animer un site web - web café
Animer un site web - web caféAnimer un site web - web café
Animer un site web - web café
 
Twitter
TwitterTwitter
Twitter
 

Créer des flux RSS avec Yahoo! Pipes et son module xPath

  • 1. Yahoo! Pipes : xPath Erwan Tanguy
  • 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