Thursday, December 29, 2005
by Nik Kalyani
Thursday, December 29, 2005 2:49:52 PM (Pacific Standard Time, UTC-08:00)

After coming up blank on a robust tagging API for ASP.Net apps, and wanting to incorporate this functionality into new versions of most Speerio products, I decided to create one. Along the way, I took a good, hard look at many websites to see how they implemented the UI for tagging. In most cases, everyone ripped Flickr’s UI. This is fine, but in the process they also copied some of limitations of the Flickr UI.

I took a clean-slate approach and decided I wanted to communicate more than just popularity through the tag cloud. The relative age of an item is just as relevant as how often an item is tagged with a certain tag, therefore I decided to introduce the concept of “age” into my tagging API. At a glance, the tag cloud not only tells you which items are more popular, but also which ones have newer/older information.

This ability to convey both popularity and age through a single UI is going to be an important feature of the (clean-slate) discussion forum I am creating. Imagine if you will, a discussion forum that is devoid of categorized groups of sub-forums, with only a tag cloud for navigation. If you’re looking for a solution or an answer to a question, you can instantly find all posts relevant to a keyword of interest to you simply by clicking on it. And then, you can explore clusters of related information to find the handful of posts that are most applicable to your situation. No paging through hundreds of posts only to find content that has no bearing on your situation. And if you want to browse, just click on “age” and you’ll see the topics that have been most recently posted.

Getting back to the API, here’s a screen grab of the cloud which can be added to any ASP.Net page or control with one line of code. The entire UI is customizable with CSS and works identically on IE and FireFox (should work on other browsers too, but I haven’t tested).

Cloud1

I also wanted to automate the detection of clusters between tags and users. I didn’t think this was information that was relevant on the main cloud UI, so I created a context-menu which allows a user to display a cross-browser, modal dialog containing more information about the tag.

Cloud2

I’ll have more details about the tagging API soon and an online demo in the next few days.

 

Friday, December 30, 2005 10:47:53 AM (Pacific Standard Time, UTC-08:00)
Which applications are you planning on putting this into Nik? Very nice by the way.
Friday, December 30, 2005 12:00:58 PM (Pacific Standard Time, UTC-08:00)
This will be in all the Speerio "Community Studio" apps (i.e. File Manager, Media Viewer, Blog, Calendar other than News and Chat. Once the suite is out, it will also be available as a standalone API for use in any ASP.Net app.

Nik
Nik Kalyani
Monday, March 27, 2006 12:43:21 PM (Pacific Standard Time, UTC-08:00)
Is the API for this amazing cloud available? I like the way you've approached the tag could and would love license the API for use in a .NET application of my own. Please post any information about the API or contact me directly.

Great job either way~

Todd
Todd Anglin
Monday, June 19, 2006 6:32:00 AM (Pacific Standard Time, UTC-08:00)
I've been looking for an ASP.NET example of how to do this. I'm interested in understanding some of the architecture behind persisting, organizing, and associating tags.
Friday, September 08, 2006 3:03:23 PM (Pacific Standard Time, UTC-08:00)
Nik,

I like the concept of Age !

Will this Cloud API be available as a DotNetNuke Module anytime soon ?

Best,
DNM
Saturday, September 09, 2006 12:50:43 AM (Pacific Standard Time, UTC-08:00)
Hi Nik,

I am working on a tag cloud that I want to be able to point at any (compatible) data source - seems a shame reinventing the wheel - are you planning on selling this?

Thanks
Rodney
http://www.pokerDIY.com
Name
E-mail
(will show your gravatar icon)
Home page

Comment (Some html is allowed: a@href@title, b, i, u) where the @ means "attribute." For example, you can use <a href="" title=""> or <blockquote cite="Scott">.  

Enter the code shown (prevents robots):

Live Comment Preview
RSS feed
Search and Links
Bling

View Nik Kalyani's profile on LinkedIn

Contact me: nik*kalyani.com (replace "*")

TechBubble
www.flickr.com
This is a Flickr badge showing public photos from techbubble. Make your own badge here.
Statistics
Total Posts: 213
This Year: 31
This Month: 8
This Week: 0
Comments: 235
About the author/Disclaimer

Disclaimer
The opinions expressed herein are my own personal opinions and do not represent my employer's view in anyway.

© Copyright 2008
Nik Kalyani
Sign In
All Content © 2008, Nik Kalyani