Yahoo! Pipes is a web application from Yahoo! that provides a graphical user interface for building data mashups that aggregate web feeds, web pages, and other services, creating Web-based apps from various sources, and publishing those apps. The application works by enabling users to “pipe” information from different sources and then set up rules for how that content should be modified. Yahoo pipes are bit complex to understand and use . In order to make things simpler for my readers i wrote a step by step tutorial on how to use yahoo pipes.In this tutorial i m going to discuss about how to use yahoo pipes such that pipe takes RSS feed from your site and adds a photo from Flickr based on the keywords of each item.
Lets Start Making Pipes !!
Step 1:
Go to Yahoo pipes. You will need a yahoo username and password to access the site but if you use yahoo mail or any other yahoo service you can use your existing id. The pipes interface is just about at the cutting edge of web interactive design. Try not to think on it as a web site at all but as a programming environment
After logging in click on create pipe and a new environment will load as shown in the figure.
Step 2:
First of all your task is to link our blog to Yahoo Pipes. We can do this by choosing the “Fetch Feed” module from the menu and using drag-and-drop to drag the module to the development grid.
This will create a new module within the grid that we can then customize and manipulate.
Step 3:
After that in url fill your blog rss feed, i m going to filll my other blog url i.e www.gadgetsnmore.in/rss.xml
Step 4:
The next step is to tell Yahoo Pipes to read through the feed and pick out keywords from each post. We accomplish this by dragging a “Loop” module from the “Operators” menu and dropping it onto the development grid.
Once the Loop module is on the Yahoo Pipes development grid, we can link it to the Fetch Feed module by dragging the circle at the bottom of the Fetch Feed module and dropping it on the circle at the top of the Loop module.
Step 5:
Open the “String” menu within Yahoo Pipes and locate the module called “Term Extractor“. Drag this module to the box within the Loop module labeled “Drop module/pipe from toolbox here.”
Notice how the Term Extractor module pops into place in the middle of the Loop module. This allows us to use the Term Extractor module on each blog entry
Now, we need to configure the Term Extractor module to work correctly within Yahoo Pipes.Because we only want to send Flickr a single term, we need to change “Emit results as …” from “single item” to “list“.Next, we need to change the module from assigning “all” results to assigning “first” results. This tells Yahoo! Pipes to generate a list of keywords and only send the first item from the list to Flickr. The loop element should default to “item.loop:termextraction” and should not be changed.
Step 6:
We will now run through each of our keywords and use Yahoo Pipes to send the keywords to Flickr.First, drag a new loop onto the development grid and link this new loop to our old one by dragging the output circle at the bottom of our Term Extractor loop to the input circle at the top of our new loop.Next, drag the “Flickr” module from the “Sources” menu onto the box within the Loop module. Now, we will configure the Flickr module by changing “Find” from 20 to 1 because if we leave it 20 for each blog entry it will display 20 imanges then use the drop down box next to “images of” to select “item.loop:termextraction.content“. This tells Yahoo! Pipes to use the keywords we extracted to find a suitable image on Flickr.
Step 7:
To complete our Yahoo Pipes mashup, we need to drag the results from our Flickr loop to the “Pipe Output” module at the bottom of the development grid.
Save your pipe now and den run it. Now the pipe should work fine, here is the screen shot of working pipe which display my other blog Gadgets n More enteries with image from flickr
And you can verify its working by opening the real RSS feed link
What do you think?
Hope you like the tutorial. Kindly share your experience and views about it.
Article Directory : http://www.articlecube.com
