{"id":1250,"date":"2006-12-07T12:26:42","date_gmt":"2006-12-07T11:26:42","guid":{"rendered":"http:\/\/conclave.open.ac.uk\/guycarberry\/?p=123"},"modified":"2006-12-07T12:26:42","modified_gmt":"2006-12-07T11:26:42","slug":"tagging-widgets","status":"publish","type":"post","link":"https:\/\/guycarberry.co.uk\/guyweb\/2006\/12\/07\/tagging-widgets\/","title":{"rendered":"Tagging widgets"},"content":{"rendered":"

One of the features of the “My Stuff” eportfolio is the ability to ‘tag’ items put into the application.<\/p>\n

\n

A tag is a (relevant) keyword or term associated with or assigned to a piece of information (like picture, article, or video clip), thus describing the item and enabling keyword-based classification of information it is applied to.<\/p>\n<\/blockquote>\n

Source: Wikipedia – Tags<\/a><\/cite><\/p>\n

Tagging is used on many social software web applications such as Delicious, Flickr and Digg. Google Mail (gmail) uses the term “lables” but they amount to the same thing – being able to apply keywords to items so you can find things in the future.<\/p>\n

My Stuff needs to make it clear how tagging can be useful and it also needs to provide a simple and easily understood method for users to add tags to their stuff.<\/p>\n

Here are some screenshots illustrating how two popular Yahoo! web apps – Flickr and Delicious enable users to apply tags.<\/p>\n

01<\/h2>\n

\"01\"<\/p>\n

02<\/h2>\n

\"see<\/p>\n

Once we’ve clicked ‘add tags’ we get a text box and some contextual help.<\/p>\n

03<\/h2>\n

\"see<\/p>\n

Once our tags have loaded into view via AJAX we can click tags from the pool of tags we’ve already entered for other images that have been uploaded.<\/p>\n

04<\/h2>\n

\"see<\/p>\n

Here I clicked ‘guycarberry’ from the list of tags and it appeared in the text box. I typed nothing to achieve this, simply clicked on the relevant tag!<\/p>\n

05<\/h2>\n

\"see<\/p>\n

Delicious uses a different method. In their firefox extension quick tag favelet I begin typing a tag and a drop-down box appears showing me all my exiting tags that begin with the letter I typed. This is a lot like Sony Ericsson’s implementation of predictive text on their current mobile phone range. Therefore some users may be familiar with this style. Even if they’re not, it’s fairly intuitive.<\/p>\n

06<\/h2>\n

\"see<\/p>\n

Here I’m hovering over the tag ‘wordpress’.<\/p>\n

07<\/h2>\n

\"see<\/p>\n

Delicious also ‘suggests’ tags i might like to use. Because many users bookmark the same items and tag them accordingly delicious can see what tags are popular with the particular item and suggest them. This is where folksonomy really takes hold. Im not sure if delicious also analyses the target content for words and then suggests – but i imagine something like this is goin on.<\/p>\n

08<\/h2>\n

\"see<\/p>\n

Here I’ve clicked ‘folksonomy’ and it’s appeared in the textbox – just like Flickr.<\/p>\n

What next?<\/h2>\n

These are interesting widgets and I think we can take inspiration from them. But before I design these things it might be worth discussing the merits of the methods and if they can be reasonably executed within the technical scope of the project.<\/p>\n

Over to you..<\/p>\n","protected":false},"excerpt":{"rendered":"

One of the features of the “My Stuff” eportfolio is the ability to ‘tag’ items put into the application. A tag is a (relevant) keyword or term associated with or assigned to a piece of information (like picture, article, or video clip), thus describing the item and enabling keyword-based classification of information it is applied […]<\/p>\n","protected":false},"author":2,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[2,3],"tags":[19,87],"class_list":["post-1250","post","type-post","status-publish","format-standard","hentry","category-life","category-work","tag-eportfolio","tag-web-design"],"_links":{"self":[{"href":"https:\/\/guycarberry.co.uk\/guyweb\/wp-json\/wp\/v2\/posts\/1250"}],"collection":[{"href":"https:\/\/guycarberry.co.uk\/guyweb\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/guycarberry.co.uk\/guyweb\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/guycarberry.co.uk\/guyweb\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/guycarberry.co.uk\/guyweb\/wp-json\/wp\/v2\/comments?post=1250"}],"version-history":[{"count":0,"href":"https:\/\/guycarberry.co.uk\/guyweb\/wp-json\/wp\/v2\/posts\/1250\/revisions"}],"wp:attachment":[{"href":"https:\/\/guycarberry.co.uk\/guyweb\/wp-json\/wp\/v2\/media?parent=1250"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/guycarberry.co.uk\/guyweb\/wp-json\/wp\/v2\/categories?post=1250"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/guycarberry.co.uk\/guyweb\/wp-json\/wp\/v2\/tags?post=1250"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}