grouping-examples

2008-12-19T23:56:20Z

BoeltDeltr: liercna

ricbolarelc
= Grouping =

Grouping is a fundamental mechanism for understanding the relationship between objects. Where an object resides in a network of relationships can clarify its purpose. Grouping relationships are fundamental to how we understand object interactions.

== The Problem ==

It is useful to understand the relationship between objects on a website. A blogger may want to describe several different objects on a web page and group them explicitly. It is important that the structure of the page not affect this grouping as network relationships are often not hierarchical (HTML is always hierarchical).

Where an object resides in a network of relationships can clarify its purpose. For example, an audio album can have a number of audio tracks. It is desirable that the tracks and the album can be associated with one another without needing to be hierarchically grouped. The same goes for chapters in a DVD movie, sections of a podcast, and a set of geographic points.

Grouping relationships are fundamental to how we understand object interactions.

== Contributors ==

* [[User:ManuSporny | Manu Sporny]], [http://www.bitmunk.com/ Bitmunk] - [http://blog.digitalbazaar.com Digital Bazaar], Inc. (PI, editor)
* Danny Ayers
* Rudy Desjardins
* Chris Griego
* Scott Reynen
* Brian Suda
* Mary Hodder
* Ryan King
* Kevin Marks

== Discussions ==

Discussions related to grouping:

* April 17th, 2007 - [http://microformats.org/discuss/mail/microformats-new/2007-April/000152.html Suggestion for collections (audio, video, images)]
* April 22nd, 2007 - [http://microformats.org/discuss/mail/microformats-new/2007-April/000183.html collection-design-pattern proposal]
* April 23rd, 2007 - [http://microformats.org/discuss/mail/microformats-new/2007-April/000202.html collection-design-pattern proposal (cont.)]
* May 1st, 2007 - [http://microformats.org/discuss/mail/microformats-new/2007-May/000255.html Namespacing in hAudio]
* May 4th, 2007 - [http://microformats.org/discuss/mail/microformats-new/2007-May/000325.html More grouping discussion]
* May 14th, 2007 - [http://microformats.org/discuss/mail/microformats-new/2007-May/000396.html Grouping examples updated]
* May 14th, 2007 - [http://microformats.org/discuss/mail/microformats-new/2007-May/000397.html Revisiting grouping problem solution proposal: hset]

== Real-World Examples ==

=== PLEASE USE THIS TEMPLATE WHEN MARKING UP EXAMPLES ===

* [http://www.sitename.com Site Name]
** [http://www.someexample.com/ Example]
*** Information: unordered, ordered, sparse, non-sparse

==== Types of grouping ====

* '''unordered''' - Unordered grouping is a type of grouping where the items in the group have no particular order or are not numbered in any way. These lists can be marked by <ul> HTML tags, but do not have to be.
* '''ordered''' - Ordered grouping is when items in a group have a very clear order. The easiest way to differentiate ordered grouping is if the items are numbered. These lists are almost always marked by <ol>
* '''sparse''' - Sparse grouping means that the items in the group are spread over the entire page and are not contained in a single list. Sparse groups are also created when items of the same type are interspersed, but don't belong to the same group. For example, an example of two sparse groups would be birds and fish: crow, dolphin, dove, shark, pigeon.
* '''non-sparse''' - Non-sparse grouping means that the items in the group are very close together on the page and are usually encapsulated in a single list. For example: crow, dove, pigeon.

=== People and Song Grouping in Music Podcasting ===

These sites usually list one big file containg multiples songs, speech, audio advertising and prerecorded audio (such as voicemail or promos). Effort is taken to list each section of the recording as a group (aka: playlist).

* [http://www.coverville.com Coverville]
** [http://www.coverville.com/archives/2007/04/coverville_313.html Example episode ]
*** Information: unordered, sparse

* [http://magnatune.com/podcasts/ Magnatune podcasts]
** [http://magnatune.com/podcasts/details/magnatune_middle-eastern_podcast_2006_12_14 episode example]
*** Information: ordered, sparse

* [http://www.mutantpop.net/radioclash/ Radio Clash]
** [http://www.mutantpop.net/radioclash/archives/2007/03/24/rc-113/ episode example]
*** Information: unordered, sparse

* [http://www.dailysourcecode.com/ Daily Source Code]
** [http://www.podshow.com/shows/?mode=detail&episode_id=56721 episode example]
*** Information: unordered, sparse

* [http://tinyurl.com/ypfs3c Rock and Roll Geek show]
** [http://indiecastwp.podshow.com/?p=76 episode example]
*** Information: unordered, non-sparse

* [http://www.accidenthash.com/ Accidenth hash]
** [http://www.accidenthash.com/2007/04/02/gray-wet-yuck-monday/ episode example]
*** Information: unordered, sparse

* [http://veercast.com/ Veer cast]
** [http://veercast.com/2007/03/23/episode-8-sorry-princess-aquaman-powned-your-paint-skillz/ episode example]
*** Information: unordered, sparse

* [http://www.concertblast.com/ Concert Blast]
** [http://www.concertblast.com/ mp3 episode example]
*** Information: unordered, sparse

* [http://threehive.libsyn.com/ 3 hive podcast]
** [http://threehive.libsyn.com/index.php?post_id=111596 episode example]
*** Information: unordered, non-sparse

=== Album and Track Grouping in Music Services ===

* [http://audiofind.ru/ AudioFind]
** [http://audiofind.ru/music/album/-/Lost%20Angel/Destination/?id=591 Album Example]
*** Information: ordered, sparse

* [http://bigpondmusic.com Telstra BigPond]
** [http://bigpondmusic.com/Album/The-Decemberists/The-Crane-Wife.aspx Album Example]
*** Information: ordered, sparse

* [http://www.bitmunk.com/ Bitmunk]
** [http://www.bitmunk.com/view/media/6068744 Album Example]
*** Information: ordered, sparse

* [http://downloadpunk.com Download Punk]
** [http://www.downloadpunk.com/?webaction=AlbumDetail&albumid=13202 Album Example]
*** Information: unordered, non-sparse

* [http://www.fye.com FYE]
** [http://www.fye.com/Not-Too-Late-Music_stcVVproductId7456462VVcatId458211VVviewprod.htm Album Example]
*** Information: ordered, unordered, sparse

* [http://imusic.libero.it/ iMusic]
** [http://imusic.libero.it/compilation.php?icom_id=105902&ptipo=pus&pid=171437 Album Example]
*** Information: ordered, sparse

* [http://musicdownload.aon.at/v7/ AON Music ]
** [http://www.omds.de/servlets/2452685121527Dispatch/31/Call?htmltemplate=./album/viewalbum.htm&lmtype=ALBUM&albumid=2310333 Album Example]
*** Information: ordered, non-sparse

* [http://music.msn.com MSN]
** [http://music.msn.com/album/?album=50538895 Album Example]
*** Information: unordered, ordered, sparse

* [http://musik.tdconline.dk/servlets/2452306090224Dispatch/19/Call?htmltemplate=./index.htm TDC Online]
** [http://musik.tdconline.dk/servlets/2452306090224Dispatch/19/call?htmltemplate=./album/viewalbum.htm&trackid=5010526 Album Example]
*** Information: unordered, sparse

* [http://www.audiolunchbox.com Audio Lunchbox]
** [http://www.audiolunchbox.com/album?a=75751 Album Example]
*** Information: unordered, ordered, sparse, non-sparse

* [http://www.chaosmusic.com/music/ Chaos Music]
** [http://chaos.com/product.asp?intProductID=739720&intArtistID=167488 Album Example]
*** Information: unordered, ordered, sparse, non-sparse

* [http://www.digirama.co.nz/ Digirama]
** [http://www.digirama.co.nz/AlbumDetails.aspx?MediaID=578456 Album Example]
*** Information: ordered, non-sparse

* [http://www.emusic.com eMusic]
** [http://www-v3.emusic.com/album/10917/10917324.html Album Example]
*** Information: unordered, ordered, sparse

* [http://www.fnacmusic.com/ FNAC]
** [http://www.fnacmusic.com/album/7088f214-6187-4845-afdc-6391e103f67d.aspx Album Example]
*** Information: unordered, ordered, non-sparse

* [http://sanity.com.au Sanity]
** [http://www.sanity.com.au/product/rockpop.asp?sku=-942394 Album Example]
*** Information: ordered, non-sparse

* [http://www.misrolas.com/ MisRolas]
** [http://www.misrolas.com/downloadmusic/album.php?id=1316 Album Example]
*** Information: ordered, sparse

* [http://www.mtv.com MTV]
** [http://www.mtv.com/#/music/artist/my_chemical_romance/albums.jhtml?albumId=1367908 Album Example]
*** Information: ordered, non-sparse

* [http://www.musica360.com/ Musica360]
** [http://musica360.com/store/product_info.php?products_id=232 Album Example]
*** Information: unordered, ordered, sparse, non-sparse

* [http://www.musicload.de/ Musicload]
** [http://www.musicload.de/item.ml?releaseid=1884260_2 Album Example]
*** Information: unordered, ordered, non-sparse

* [http://www.napster.com Napster]
** [http://www.napster.com/view/album/index.html?id=12376484 Album Example]
*** Information: unordered, ordered, sparse, non-sparse

* [http://www.partymob.com/edl/browse/?tab=music PartyMob]
** [http://www.partymob.com/edl/details/default.aspx?album=2089814 Album Example]
*** Information: unordered, non-sparse

* [http://www.peerimpact.com Peer Impact]
** [http://www2.peerimpact.com/contentstorage-xml/album30.do?templateName=WEB-INF/conversion-templates/album30.vm&albumId=89449 Album Example]
*** Information: ordered, non-sparse

* [http://www.puretracks.com Pure Tracks]
** [http://us.puretracks.com/catalog/details.aspx?pid=emi_094638723653 Album Example]
*** Information: ordered, non-sparse

* [http://www.reggaecountry.com Reggae Country]
** [http://www.reggaecountry.com/shop/ItemInfo.aspx?AlbumID=9951 Album Example]
*** Information: unordered, sparse

* [http://www.rhapsody.com Real/Rhapsody]
** [http://www.rhapsody.com/harryconnickjr/chansonduvieuxcarrconnickonpiano3 Album Example]
*** Information: unordered, ordered, non-sparse

* [http://www.ruckusnetwork.com Ruckus]
** [http://wapps.ruckus.com/cgi-bin/WebObjects/ruckus.woa/2/wo/bQ5EBCLVYbWMuHOuCRElwM/0.0.27.15.13.1.16.3.3 Album Example]
*** Information: ordered, non-sparse

* [http://www.starzik.com/starzik.php Starzik SARL]
** Album Example (hidden url)
*** Information: ordered, unordered, non-sparse, sparse

* [http://www.thecellcity.com CellCity]
** [http://www.thecellcity.com/4DACTION/CDMProductQuery?CDMCommand=fuzzyquery&CDMdepartment=music&cdmalbum=What's%20The%20Word%20Vol.%201&CDMReturnURL=/music/albumdetails.shtml] Album Example]
*** Information: unordered, non-sparse

* [http://www.top100.cn top100.cn]
** [http://www.top100.cn/Product/Product.aspx?ProductID=S0043406000 Album Example]
*** Information: ordered, non-sparse

* [http://www.wippit.com/default.aspx Wippit]
** [http://www.wippit.com/AlbumDet.aspx?StrId=28724&StrCatType=S Album Example]
*** Information: unordered, ordered, non-sparse

* [http://www.yanga.ru Yanga]
** [http://yanga.ru/music/album/-/Duke%20Ellington/Jack%20The%20Bear/?id=28510 Album Example]
*** Information: ordered, non-sparse

* [http://www.somesongs.com/ somesongs]
** [http://www.somesongs.com/list_songs.php Album Example]
*** Information: unordered, non-sparse

* [http://magnatune.com/ Magnatune]
** [http://magnatune.com/artists/albums/ammonite-recon/ Album Example]
*** Information: unordered, ordered, sparse, non-sparse

* [http://www.songfight.org/ SONG FIGHT!]
** [http://www.songfight.org/artistpage.php?key=15-16_puzzle&sortkey=date Album Example]
*** Information: unordered, non-sparse

* [http://www.yes.com/ Yes.com]
** [http://www.yes.com/ Album Example]
*** Information: ordered, non-sparse

* [http://www.myspace.com MySpace]
** [http://myspace.com/theradioknives Album Example]
*** Information: unordered, sparse

* [http://musicbrainz.org MusicBrainz.org]
** [http://musicbrainz.org/release/1138abc1-77f4-4ba9-900d-5cf52baaf4bf.html Album Example]
*** Information: unordered, ordered, sparse, non-sparse

* [http://www.apple.com/itunes/podcasts/techspecs.html iTunes RSS extensions]
** [http://www.apple.com/itunes/store/podcaststechspecs.html#_Toc526931673 Album Example]
*** Information: unordered, ordered, sparse, non-sparse

* [http://www.discogs.com/ Discogs]
** [http://www.discogs.com/release/705805 Album Example]
*** Information: ordered, non-sparse

* [http://www.last.fm/ Last.fm]
** [http://www.last.fm/music/Muse/+albums Album Example]
*** Information: unordered, ordered, non-sparse

=== Wikipedia Article Grouping Examples ===

* [http://http://en.wikipedia.org/ Wikipedia]
** [http://en.wikipedia.org/wiki/Japan Japan Article Example]
*** Information: unordered, sparse, non-sparse

* [http://http://en.wikipedia.org/ Wikipedia]
** [http://en.wikipedia.org/wiki/Bone_%28comics%29 Bone Comic Book Article Example]
*** Information: unordered, ordered, sparse, non-sparse

* [http://http://en.wikipedia.org/ Wikipedia]
** [http://en.wikipedia.org/wiki/David David Article Example]
*** Information: unordered, ordered, sparse, non-sparse

* [http://http://en.wikipedia.org/ Wikipedia]
** [http://en.wikipedia.org/wiki/Mazinger_Angels Mazinger Angels Article Example]
*** Information: unordered, sparse, non-sparse

* [http://http://en.wikipedia.org/ Wikipedia]
** [http://en.wikipedia.org/wiki/Legacy_of_the_Aldenata Legacy of the Aldenata Article Example]
*** Information: unordered, ordered, sparse, non-sparse

* [http://http://en.wikipedia.org/ Wikipedia]
** [http://en.wikipedia.org/wiki/Inline_speed_skating Inline Speed Skating Article Example]
*** Information: unordered, sparse

* [http://http://en.wikipedia.org/ Wikipedia]
** [http://en.wikipedia.org/wiki/Intelligent_network Intelligent Network Article Example]
*** Information: unordered, sparse, non-sparse

* [http://http://en.wikipedia.org/ Wikipedia]
** [http://en.wikipedia.org/wiki/Richmond%2C_Ohio Richmond Ohio Article Example]
*** Information: unordered, sparse, non-sparse

* [http://http://en.wikipedia.org/ Wikipedia]
** [http://en.wikipedia.org/wiki/Pachycephalosauria Pachycephalosauria Article Example]
*** Information: unordered, sparse, non-sparse

* [http://http://en.wikipedia.org/ Wikipedia]
** [http://en.wikipedia.org/wiki/PowerPC_5000 PowerPC 5000 Article Example]
*** Information: unordered, sparse, non-sparse

* [http://http://en.wikipedia.org/ Wikipedia]
** [http://en.wikipedia.org/wiki/Great_White_Fleet Great White Fleet Article Example]
*** Information: unordered, sparse, non-sparse

* [http://http://en.wikipedia.org/ Wikipedia]
** [http://en.wikipedia.org/wiki/Green_Monster Green Monster Article Example]
*** Information: unordered, sparse

* [http://http://en.wikipedia.org/ Wikipedia]
** [http://en.wikipedia.org/wiki/Abney_Park_Chapel Abney Park Chapel Article Example]
*** Information: unordered, sparse, non-sparse

* [http://http://en.wikipedia.org/ Wikipedia]
** [http://en.wikipedia.org/wiki/Immigration_to_the_United_States US Immigration Article Example]
*** Information: unordered, ordered, sparse, non-sparse

* [http://http://en.wikipedia.org/ Wikipedia]
** [http://en.wikipedia.org/wiki/HBO HBO Article Example]
*** Information: unordered, ordered, sparse, non-sparse

* [http://http://en.wikipedia.org/ Wikipedia]
** [http://en.wikipedia.org/wiki/Project_Mercury Project Mercury Article Example]
*** Information: unordered, ordered, sparse, non-sparse

* [http://http://en.wikipedia.org/ Wikipedia]
** [http://en.wikipedia.org/wiki/Ezra_Cornell Ezra Cornell Article Example]
*** Information: unordered, sparse, non-sparse

* [http://http://en.wikipedia.org/ Wikipedia]
** [http://en.wikipedia.org/wiki/Axel_F_%28Crazy_Frog_song%29 Axel F Article Example]
*** Information: unordered, ordered, sparse, non-sparse

* [http://http://en.wikipedia.org/ Wikipedia]
** [http://en.wikipedia.org/wiki/Citrate Citrate Article Example]
*** Information: unordered, sparse, non-sparse

* [http://http://en.wikipedia.org/ Wikipedia]
** [http://en.wikipedia.org/wiki/Milla_Jovovich Milla Jovovich Article Example]
*** Information: unordered, sparse, non-sparse

=== Analysis ===

This analysis was performed on May 14th on all of the grouping examples listed on the page at that point.

Total examples: 68

* 100% of examples contained some form of grouping
* 75%: unordered
* 71%: non-sparse
* 66%: sparse
* 59%: ordered

== Existing Practices ==

Listed below is an overview of existing patterns and practices found in the wild for grouping metadata.

===Summary of common patterns discovered===

* There are typically 4 different methods of grouping: sparse, non-sparse, ordered and unordered.

===Other attempts to solve The Problem===

* [[collections-examples]] - Grouping information in libraries.

== See Also ==

Microformats Wiki - User contributions [en]

grouping-examples