Yahoo Pipes Tutorial : Un tutoriel pour maîtriser Yahoo! pipes

Plusieurs internautes ont parcouru ce Blog en cherchant un tutoriel pour Yahoo! Pipes🙂

Je crois que la plupart parmi eux ont été déçus car ils trouvaient ce vieil article qui annonçait la publication d’un joli tutoriel par IBM Developer center qui est  devenu inaccessible en public😦

On commence alors :

Il faut disposer d’un compte Yahoo! pour pouvoir accèder à l’éditeur des pipes😉

login yahoopipe

Une fois connecté cliquez sur le bouton create a pipe

Imaginons qu’un blogger soit intéressé par l’île Djerba et veux proposer des photos comme contenu alternatif à ses articles. On va donc utiliser la galerie de photos de Djerba comme exemple !

Un outil Fetch Feed est mis à votre disposition pour lire les flux (RSS, Atom…)

à gauche en haut cliquez sur Sources puis faite glisser Fetch Feed dans l’interface

fetch feed

Une fois ajouté à l’interface, copiez l’URL du flux et collez- la dans le champ URL

feed url

Nous allons maintenant voir le résultat de cet outil, il suffit de connecter Fetch Feed à Pipe Output en glissant un cordon entre ces deux boites

feed connect

Si on se limite à ce niveau on aura une lecture statique du flux ! Donc on aura en résultat l’intégralité de ce que donne ce flux. (voir le résultat)

La même galerie propose un flux de recherche dynamique🙂    …/feed/?searchterms=mer

La langue de la galerie est en français ! Imaginons un australien qui ne comprend pas le français et qui cherche à proposer ces photos comme contenu dynamique alternatif à un texte anglais !

On va glisser un joli outil URL Builder 🙂

Cliquez sur URL puis faites glisser URL Builder puis collez l’URL dynamique du flux de recherche dans le champs Base.

url builder

C’est amusant cet outil détecte automatiquement les variables HTTP😉

Cliquez sur User inputs et faites glisser Text input puis cliquez sur String et faites glisser Translate

text input + string translate

Nous allons maintenant lier Text Input à Translate et ce dernier au champ de la variable de recherche de la boite URL Builder et lier cette URL à Fetch Feed pour finir à la sortie (Pipe Output)

schema

C’est joli le dictionnaire de Yahoo!🙂 Voir le résultat Veuillez changer la requête en cas de non pertinence due à un problème de mise en cache sur Yahoo😦

Vous trouvez ce tutorial amusant ! Il y a encore une surprise🙂

Je vais vous montrer comment créer un outil de recherche plus généralisée et bien méditer la beauté du ciel !

Flickr, Deviantart et plusieurs banques d’images populaires sont à 80% anglophones, donc afin de mieux voir le ciel, on va réaliser une recherche en français dans Flickr et DeviantArt😉

Alors : gardez Text Input puis Changer le dico « from french to english« 

Ajoutez une autre boite URL Builder et collez dans Base le flux de Flickr           http://api.flickr.com/services/feeds/photos_public.gne?tags=ciel

Utilisez un autre  URL Builder pour lire le contenu de DeviantArt et proposez cette URL :    http://backend.deviantart.com/rss.xml?q=boost%3Apopular+sea&type=deviation&offset=0

Vous pouvez facilement ajouter un autre Fetch Feed sans dupliquer l’outil en cliquant sur +URL

flickr et deviantart

Voir le ciel à ma façon :-)     il faut changer la requête en cas de problème de mise en cache sur Yahoo😦

Si vous comptez proposer des flux pareils sur vos sites, n’oubliez pas d’enregistrer vos pipes et de les publier (le lien de publication est dans la page publique du pipe ! )

D’autres outils comme des opérateurs logiques, des boucles itératives, des outils de recherche sur Yahoo! et Google Base et sans oublier le fameux String Regex😉

C’est est un outil très performant et j’espère que cette interface sera plus enrichie avec d’autres outils pratiques🙂

Bonne chance sur Yahoo! Pipes et à vous de choisir le contenu le plus pertinent😉

3 réflexions sur “Yahoo Pipes Tutorial : Un tutoriel pour maîtriser Yahoo! pipes

Laisser un commentaire

Choisissez une méthode de connexion pour poster votre commentaire:

Logo WordPress.com

Vous commentez à l'aide de votre compte WordPress.com. Déconnexion / Changer )

Image Twitter

Vous commentez à l'aide de votre compte Twitter. Déconnexion / Changer )

Photo Facebook

Vous commentez à l'aide de votre compte Facebook. Déconnexion / Changer )

Photo Google+

Vous commentez à l'aide de votre compte Google+. Déconnexion / Changer )

Connexion à %s