<?xml version="1.0" encoding="iso-8859-1"?>
<rss version="2.0"
  xmlns:dc="http://purl.org/dc/elements/1.1/"
  xmlns:sy="http://purl.org/rss/1.0/modules/syndication/">

<channel>
<title>ZoomClouds: API &#38; Mashups</title>
<link>http://clouds.zoomblog.com/</link>
<description>Better Tag clouds for your site, about your site... or about anything you want</description>
<dc:language>es</dc:language>
<dc:date>2006-02-27T06:58:00-08:00</dc:date>
<lastBuildDate>Tue, 14 Oct 2008 19:04:03 GMT</lastBuildDate>
<sy:updatePeriod>hourly</sy:updatePeriod>
<sy:updateFrequency>1</sy:updateFrequency>
<sy:updateBase>2000-01-01T12:00+00:00</sy:updateBase>
<image>
<title>ZoomBlog</title>
<url>http://clouds.zoomblog.com/photo.jpg</url><link>http://www.zoomblog.com/</link>
</image>

<item>
 <title>ZoomClouds API</title>
<link>http://clouds.zoomblog.com/archive/2006/02/27/zoomclouds-Api.html</link>
 <guid isPermaLink="true">http://clouds.zoomblog.com/archive/2006/02/27/zoomclouds-Api.html</guid>
 <description>
 <![CDATA[
ZoomClouds has a very simple API that allows you to take the results from your cloud and do with them, well, whatever you want. Let's describe first how it works and later I'll throw a couple of suggestions.<br /><br /><br /><font size="4"><span style="font-weight: bold;">Call format</span></font><br />Let's say that the name you gave your cloud is BDSV. Then, you can call ZoomClouds with the following URL:<br /><br />              
<div style="margin-left: 40px;"><span style="color: rgb(0, 102, 0);">http://www.zoomclouds.com/xml/BDSV/30/</span><br /></div><br />And ZoomClouds will return an XML page, very easy to parse. In the example above, the number 30 indicates how many tags we want the tag cloud to have. You can enter a number between 5 and 100. Therefore, the format of the call is:<br /><br />    
<div style="margin-left: 40px;"><span style="color: rgb(0, 102, 0);"><span style="font-weight: bold;">http://www.zoomclouds.com/xml/</span>[name of your cloud]<span style="font-weight: bold;">/</span>[number of tags]<span style="font-weight: bold;">/</span></span><br /></div><br /><br /><font size="4"><span style="font-weight: bold;">Response format</span></font><br />The response format will be something like this (we use colors here just to emphasize the different elements):<br /><br />              
<div style="margin-left: 40px;"><span style="color: rgb(0, 102, 0);">&lt;<span style="font-weight: bold;">cloud <span style="color: rgb(0, 0, 0);">name</span></span><span style="color: rgb(0, 0, 0);">="</span><span style="color: rgb(0, 0, 153);">BDSV</span>"&gt;</span><br style="color: rgb(0, 102, 0);" /><span style="color: rgb(0, 102, 0);">&nbsp;&nbsp; &lt;<span style="font-weight: bold;">tags <span style="color: rgb(0, 0, 0);">count</span></span><span style="color: rgb(0, 0, 0);">="</span><span style="color: rgb(0, 0, 153);">30</span>" <span style="font-weight: bold; color: rgb(0, 0, 0);">maxweight</span><span style="color: rgb(0, 0, 0);">="</span><span style="color: rgb(0, 0, 153);">24</span>" <span style="font-weight: bold; color: rgb(0, 0, 0);">minweight</span><span style="color: rgb(0, 0, 0);">="</span><span style="color: rgb(0, 0, 153);">2</span>"&gt;</span><br style="color: rgb(0, 102, 0);" /><span style="color: rgb(0, 102, 0);">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;<span style="font-weight: bold;">tag</span>&gt;</span><br style="color: rgb(0, 102, 0);" /><span style="color: rgb(0, 102, 0);">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;<span style="font-weight: bold;">name</span>&gt;<span style="color: rgb(102, 0, 0);">API</span>&lt;/<span style="font-weight: bold;">name</span>&gt;</span><br style="color: rgb(0, 102, 0);" /><span style="color: rgb(0, 102, 0);">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;<span style="font-weight: bold;">weight</span>&gt;<span style="color: rgb(102, 0, 0);">3</span>&lt;/<span style="font-weight: bold;">weight</span>&gt;</span><br style="color: rgb(0, 102, 0);" /><span style="color: rgb(0, 102, 0);">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;<span style="font-weight: bold;">link&gt;</span><span style="color: rgb(102, 0, 0);">http://www.zoomclouds.com/tag/BDSV/API</span>&lt;/<span style="font-weight: bold;">link</span>&gt;</span><br style="color: rgb(0, 102, 0);" /><span style="color: rgb(0, 102, 0);">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;/<span style="font-weight: bold;">tag</span>&gt;</span><br style="color: rgb(0, 102, 0);" /><span style="color: rgb(0, 102, 0);">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;<span style="font-weight: bold;">tag</span>&gt;</span><br style="color: rgb(0, 102, 0);" /><span style="color: rgb(0, 102, 0);">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;<span style="font-weight: bold;">name</span>&gt;<span style="color: rgb(102, 0, 0);">tomato</span>&lt;/<span style="font-weight: bold;">name</span>&gt;</span><br style="color: rgb(0, 102, 0);" /><span style="color: rgb(0, 102, 0);">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;<span style="font-weight: bold;">weight</span>&gt;<span style="color: rgb(102, 0, 0);">12</span>&lt;/<span style="font-weight: bold;">weight</span>&gt;</span><br style="color: rgb(0, 102, 0);" /><span style="color: rgb(0, 102, 0);">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;<span style="font-weight: bold;">link</span>&gt;<span style="color: rgb(102, 0, 0);">http://www.zoomclouds.com/tag/BDSV/tomato</span>&lt;/<span style="font-weight: bold;">link</span>&gt;</span><br style="color: rgb(0, 102, 0);" /><span style="color: rgb(0, 102, 0);">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;/<span style="font-weight: bold;">tag</span>&gt;</span><br style="color: rgb(0, 102, 0);" /><span style="color: rgb(0, 0, 0);">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; etc...</span><br style="color: rgb(0, 102, 0);" /><span style="color: rgb(0, 102, 0);">&nbsp;&nbsp; &lt;/<span style="font-weight: bold;">tags</span>&gt;</span><br style="color: rgb(0, 102, 0);" /><span style="color: rgb(0, 102, 0);">&lt;/<span style="font-weight: bold;">cloud</span>&gt;</span><br style="color: rgb(0, 102, 0);" /></div><br />That is... The response starts with a <span style="color: rgb(0, 102, 0);">&lt;</span><span style="font-weight: bold; color: rgb(0, 102, 0);">cloud</span><span style="color: rgb(0, 102, 0);">&gt;</span> entity that has a "<span style="font-weight: bold;">name</span>" attribute, where the cloud name is described.<br /><br />Within the <span style="color: rgb(0, 102, 0);">&lt;</span><span style="font-weight: bold; color: rgb(0, 102, 0);">cloud</span><span style="color: rgb(0, 102, 0);">&gt;</span> entity, there is one <span style="color: rgb(0, 102, 0);">&lt;</span><span style="font-weight: bold; color: rgb(0, 102, 0);">tags</span><span style="color: rgb(0, 102, 0);">&gt;</span> entity with three attributes:<br /><br />"<span style="font-weight: bold;">count</span>" tells you how many tags are included in the results.<br />"<span style="font-weight: bold;">maxweight</span>" is the largest tag weight you can find in this cloud.<br />"<span style="font-weight: bold;">minweight</span>" is the smallest tag weight you can find in the cloud.<br /><br />Within the <span style="color: rgb(0, 102, 0);">&lt;</span><span style="font-weight: bold; color: rgb(0, 102, 0);">tags</span><span style="color: rgb(0, 102, 0);">&gt;</span> entity you can find all the tags in the cloud, each of them within its&nbsp; <span style="color: rgb(0, 102, 0);">&lt;<span style="font-weight: bold;">tag</span>&gt; ...&lt;/<span style="font-weight: bold;">tag</span>&gt;</span> block.<br /><br />Each <span style="color: rgb(0, 102, 0);">&lt;</span><span style="font-weight: bold; color: rgb(0, 102, 0);">tag</span><span style="color: rgb(0, 102, 0);">&gt;...&lt;/<span style="font-weight: bold;">tag</span>&gt;</span> block comes with three sub-entities:<br /><br />            
<table cellspacing="0" cellpadding="2" border="0" style="width: 617px; height: 135px;">            
<tbody>            
<tr>            
<td valign="top" nowrap="top">&nbsp;<span style="color: rgb(0, 102, 0);">&lt;<span style="font-weight: bold;">name</span>&gt; ... &lt;/<span style="font-weight: bold;">name</span>&gt;</span></td>            
<td style="vertical-align: top;">&nbsp;&nbsp;&nbsp; <br /></td>            
<td style="vertical-align: top;">The name of the tag, UTF-8 encoded<br /></td></tr>            
<tr>            
<td valign="top" nowrap="top">&nbsp;<span style="color: rgb(0, 102, 0);">&lt;<span style="font-weight: bold;">weight</span>&gt; ... &lt;/<span style="font-weight: bold;">weight</span>&gt;</span></td>            
<td style="vertical-align: top;"><br /></td>            
<td style="vertical-align: top;">A positive integer indicating the weight of this tag.</td></tr>            
<tr>            
<td valign="top" nowrap="top">&nbsp;<span style="color: rgb(0, 102, 0);">&lt;<span style="font-weight: bold;">link</span>&gt; ... &lt;/<span style="font-weight: bold;">link</span>&gt;</span></td>            
<td style="vertical-align: top;"><br /></td>            
<td style="vertical-align: top;">Possibly redundant, so we'll describe it as optional. It indicates the URL associated to this tag and cloud.<br /></td></tr></tbody></table><span style="color: rgb(0, 102, 0);"><span style="color: rgb(0, 0, 0);">And that's it. What could you do with something like this? Well, a lot of things, although obviously they won't be as trivial as copying &amp; pasting a given piece of code.</span><br style="color: rgb(0, 0, 0);" /><span style="color: rgb(0, 0, 0);">&nbsp;<br /><br /><font size="4"><span style="font-weight: bold;">Some ideas</span></font><br style="color: rgb(0, 0, 0);" /></span><span style="color: rgb(0, 0, 0);">The first advantage is that by using this sort-of API, you get 100&#37; control over your cloud's data. That's not to say that you had no control over it without the API - we never stop claiming that you can customize itto your hearth's content&nbsp; - but now you can also "take" the tags and use them in any other way you want, not just to build a tag cloud.</span><br style="color: rgb(0, 0, 0);" /><br style="color: rgb(0, 0, 0);" /><span style="color: rgb(0, 0, 0);">For example, something that might be interesting could be to link your cloud data with tags in Flickr and build a mosaic of Flickr pictures based in your tags. Or building a Flash app that uses your tags in whatever way you want.</span><br style="color: rgb(0, 0, 0);" /><br style="color: rgb(0, 0, 0);" /><span style="color: rgb(0, 0, 0);">You could also build your own tag cloud, or a keyword catalog, or a directory and many other things.</span><br style="color: rgb(0, 0, 0);" /><br style="color: rgb(0, 0, 0);" /><span style="color: rgb(0, 0, 0);">The only requirement is that whatever you build, you reference it with a link to ZoomClouds, whether using the  </span></span><img style="padding: 6px; float: none;" src="http://www.zoomclouds.com/pics/ZoomClouds_mini.gif" alt="" /><span style="color: rgb(0, 102, 0);"><span style="color: rgb(0, 0, 0);"> icon, or with a small text link such as "<span style="font-style: italic;">Powered by ZoomClouds.com</span>" or something along those lines.</span><br style="color: rgb(0, 0, 0);" /><br style="color: rgb(0, 0, 0);" /><span style="color: rgb(0, 0, 0);">And of course, if you build an interesting mash-up, do let us know by leaving a comment right here, and we may feature it on a special ZoomClouds mashups collection.</span><br style="color: rgb(0, 0, 0);" /><br style="color: rgb(0, 0, 0);" /><span style="color: rgb(0, 0, 0);">&nbsp;</span></span>
 ]]>
</description>
 <dc:date>2006-02-27T06:58:00-08:00</dc:date>
 <dc:creator>RBA</dc:creator>
</item>

</channel>
</rss>

