grouping-examples: Difference between revisions
ManuSporny (talk | contribs) m (→Contributors) |
m (Reverted edits by BoeltDeltr (Talk) to last version by ManuSporny) |
||
(22 intermediate revisions by 2 users not shown) | |||
Line 7: | Line 7: | ||
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). | 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 | 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. | Grouping relationships are fundamental to how we understand object interactions. | ||
Line 13: | Line 13: | ||
== Contributors == | == Contributors == | ||
* [[User:ManuSporny | Manu Sporny]], [http://www.bitmunk.com/ Bitmunk] - [http://blog.digitalbazaar.com Digital Bazaar], Inc. (editor) | * [[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 | * Scott Reynen | ||
* Brian Suda | * Brian Suda | ||
* Mary Hodder | * Mary Hodder | ||
* Ryan King | * Ryan King | ||
* Kevin Marks | |||
== Discussions == | == Discussions == | ||
Line 25: | Line 29: | ||
* April 17th, 2007 - [http://microformats.org/discuss/mail/microformats-new/2007-April/000152.html Suggestion for collections (audio, video, images)] | * 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 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 == | == Real-World Examples == | ||
=== Grouping in Music Podcasting === | === 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). | 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 Coverville] | ||
** [http:// | ** [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/ Magnatune podcasts] | ||
** [http://magnatune.com/podcasts/details/magnatune_middle-eastern_podcast_2006_12_14 episode example] | ** [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/ Radio Clash] | ||
** [http://www.mutantpop.net/radioclash/archives/2007/03/24/rc-113/ episode example] | ** [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.dailysourcecode.com/ Daily Source Code] | ||
** [http://www.podshow.com/shows/?mode=detail&episode_id=56721 episode example] | ** [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://tinyurl.com/ypfs3c Rock and Roll Geek show] | ||
** [http://indiecastwp.podshow.com/?p=76 episode example] | ** [http://indiecastwp.podshow.com/?p=76 episode example] | ||
*** Information: unordered, non-sparse | |||
* [http://www.accidenthash.com/ Accidenth hash] | * [http://www.accidenthash.com/ Accidenth hash] | ||
** [http://www.accidenthash.com/2007/04/02/gray-wet-yuck-monday/ episode example] | ** [http://www.accidenthash.com/2007/04/02/gray-wet-yuck-monday/ episode example] | ||
*** Information: unordered, sparse | |||
* [http://veercast.com/ Veer cast ] | * [http://veercast.com/ Veer cast] | ||
** [http:// | ** [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/ Concert Blast] | ||
** [ | ** [http://www.concertblast.com/ mp3 episode example] | ||
*** Information: unordered, sparse | |||
* [http://threehive.libsyn.com/ 3 hive podcast ] | * [http://threehive.libsyn.com/ 3 hive podcast] | ||
** [http://threehive.libsyn.com/index.php?post_id=111596 episode example] | ** [http://threehive.libsyn.com/index.php?post_id=111596 episode example] | ||
*** Information: unordered, non-sparse | |||
=== Grouping in Music Services === | === Album and Track Grouping in Music Services === | ||
* [http://audiofind.ru/ AudioFind] | * [http://audiofind.ru/ AudioFind] | ||
** [http://audiofind.ru/music/album/-/Lost%20Angel/Destination/?id=591 Album Example] | ** [http://audiofind.ru/music/album/-/Lost%20Angel/Destination/?id=591 Album Example] | ||
*** Information: ordered, sparse | |||
* [http://bigpondmusic.com Telstra BigPond] | * [http://bigpondmusic.com Telstra BigPond] | ||
** [http://bigpondmusic.com/Album/The-Decemberists/The-Crane-Wife.aspx Album Example] | ** [http://bigpondmusic.com/Album/The-Decemberists/The-Crane-Wife.aspx Album Example] | ||
*** Information: ordered, sparse | |||
* [http://www.bitmunk.com/ Bitmunk] | * [http://www.bitmunk.com/ Bitmunk] | ||
** [http://www.bitmunk.com/ | ** [http://www.bitmunk.com/view/media/6068744 Album Example] | ||
*** Information: ordered, sparse | |||
* [http://downloadpunk.com Download Punk] | * [http://downloadpunk.com Download Punk] | ||
** [http://www.downloadpunk.com/?webaction=AlbumDetail&albumid=13202 Album Example] | ** [http://www.downloadpunk.com/?webaction=AlbumDetail&albumid=13202 Album Example] | ||
*** Information: unordered, non-sparse | |||
* [http://www.fye.com FYE] | * [http://www.fye.com FYE] | ||
** [http://www.fye.com/Not-Too-Late-Music_stcVVproductId7456462VVcatId458211VVviewprod.htm Album Example] | ** [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/ iMusic] | ||
** [http://imusic.libero.it/compilation.php?icom_id=105902&ptipo=pus&pid=171437 Album Example] | ** [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://musicdownload.aon.at/v7/ AON Music ] | ||
** [http://www.omds.de/servlets/2452685121527Dispatch/31/Call?htmltemplate=./album/viewalbum.htm&lmtype=ALBUM&albumid=2310333 Album Example] | ** [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 MSN] | ||
** [http://music.msn.com/album/?album=50538895 Album Example] | ** [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=./index.htm TDC Online] | ||
** [http://musik.tdconline.dk/servlets/2452306090224Dispatch/19/call?htmltemplate=./album/viewalbum.htm&trackid=5010526 Album Example] | ** [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 Audio Lunchbox] | ||
** [http://www.audiolunchbox.com/album?a=75751 Album Example] | ** [http://www.audiolunchbox.com/album?a=75751 Album Example] | ||
*** Information: unordered, ordered, sparse, non-sparse | |||
* [http://www.chaosmusic.com/music/ Chaos Music] | * [http://www.chaosmusic.com/music/ Chaos Music] | ||
** [http://chaos.com/product.asp?intProductID=739720&intArtistID=167488 Album Example] | ** [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/ Digirama] | ||
** [http://www.digirama.co.nz/AlbumDetails.aspx?MediaID=578456 Album Example] | ** [http://www.digirama.co.nz/AlbumDetails.aspx?MediaID=578456 Album Example] | ||
*** Information: ordered, non-sparse | |||
* [http://www.emusic.com eMusic] | * [http://www.emusic.com eMusic] | ||
** [http://www-v3.emusic.com/album/10917/10917324.html Album Example] | ** [http://www-v3.emusic.com/album/10917/10917324.html Album Example] | ||
*** Information: unordered, ordered, sparse | |||
* [http://www.fnacmusic.com/ FNAC] | * [http://www.fnacmusic.com/ FNAC] | ||
** [http://www.fnacmusic.com/album/7088f214-6187-4845-afdc-6391e103f67d.aspx Album Example] | ** [http://www.fnacmusic.com/album/7088f214-6187-4845-afdc-6391e103f67d.aspx Album Example] | ||
*** Information: unordered, ordered, non-sparse | |||
* [http://sanity.com.au Sanity] | * [http://sanity.com.au Sanity] | ||
** [http://www.sanity.com.au/product/rockpop.asp?sku=-942394 Album Example] | ** [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/ MisRolas] | ||
** [http://www.misrolas.com/downloadmusic/album.php?id=1316 Album Example] | ** [http://www.misrolas.com/downloadmusic/album.php?id=1316 Album Example] | ||
*** Information: ordered, sparse | |||
* [http://www.mtv.com MTV] | * [http://www.mtv.com MTV] | ||
** [http://www.mtv.com/#/music/artist/my_chemical_romance/albums.jhtml?albumId=1367908 Album Example] | ** [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://www.musica360.com/ Musica360] | ||
** [http://musica360.com/store/product_info.php?products_id=232 Album Example] | ** [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/ Musicload] | ||
** [http://www.musicload.de/item.ml?releaseid=1884260_2 Album Example] | ** [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 Napster] | ||
** [http://www.napster.com/view/album/index.html?id=12376484 Album Example] | ** [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/browse/?tab=music PartyMob] | ||
** [http://www.partymob.com/edl/details/default.aspx?album=2089814 Album Example] | ** [http://www.partymob.com/edl/details/default.aspx?album=2089814 Album Example] | ||
*** Information: unordered, non-sparse | |||
* [http://www.peerimpact.com Peer Impact] | * [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] | ** [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://www.puretracks.com Pure Tracks] | ||
** [http://us.puretracks.com/catalog/details.aspx?pid=emi_094638723653 Album Example] | ** [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 Reggae Country] | ||
** [http://www.reggaecountry.com/ | ** [http://www.reggaecountry.com/shop/ItemInfo.aspx?AlbumID=9951 Album Example] | ||
*** Information: unordered, sparse | |||
* [http://www.rhapsody.com Real/Rhapsody] | * [http://www.rhapsody.com Real/Rhapsody] | ||
** [http://www.rhapsody.com/harryconnickjr/chansonduvieuxcarrconnickonpiano3 Album Example] | ** [http://www.rhapsody.com/harryconnickjr/chansonduvieuxcarrconnickonpiano3 Album Example] | ||
*** Information: unordered, ordered, non-sparse | |||
* [http://www.ruckusnetwork.com Ruckus] | * [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] | ** [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] | * [http://www.starzik.com/starzik.php Starzik SARL] | ||
** Album Example (hidden url) | ** Album Example (hidden url) | ||
*** Information: ordered, unordered, non-sparse, sparse | |||
* [http://www.thecellcity.com CellCity] | * [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] | ** [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 top100.cn] | ||
** [http://www.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/default.aspx Wippit] | ||
** [http://www.wippit.com/AlbumDet.aspx?StrId=28724&StrCatType=S Album Example] | ** [http://www.wippit.com/AlbumDet.aspx?StrId=28724&StrCatType=S Album Example] | ||
*** Information: unordered, ordered, non-sparse | |||
* [http://www.yanga.ru Yanga] | * [http://www.yanga.ru Yanga] | ||
** [http://yanga.ru/music/album/-/Duke%20Ellington/Jack%20The%20Bear/?id=28510 Album Example] | ** [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/ somesongs] | ||
** [Album Example] | ** [http://www.somesongs.com/list_songs.php Album Example] | ||
*** Information: unordered, non-sparse | |||
* [http://magnatune.com/ Magnatune] | * [http://magnatune.com/ Magnatune] | ||
** [http://magnatune.com/artists/albums/ammonite-recon/ Album Example] | ** [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/ SONG FIGHT!] | ||
** [http://www.songfight.org/artistpage.php?key=15-16_puzzle&sortkey=date Album Example] | ** [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/ Yes.com] | ||
** [http://www.yes.com/ Album Example] | ** [http://www.yes.com/ Album Example] | ||
*** Information: ordered, non-sparse | |||
* [http://www.myspace.com MySpace] | * [http://www.myspace.com MySpace] | ||
** [http://myspace.com/theradioknives Album Example] | ** [http://myspace.com/theradioknives Album Example] | ||
*** Information: unordered, sparse | |||
* [http://musicbrainz.org MusicBrainz.org] | * [http://musicbrainz.org MusicBrainz.org] | ||
** [http://musicbrainz.org/release/1138abc1-77f4-4ba9-900d-5cf52baaf4bf.html Album Example] | ** [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/podcasts/techspecs.html iTunes RSS extensions] | ||
** [http://www.apple.com/itunes/store/podcaststechspecs.html#_Toc526931673 Album Example] | ** [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/ Discogs] | ||
** [http://www.discogs.com/release/705805 Album Example] | ** [http://www.discogs.com/release/705805 Album Example] | ||
*** Information: ordered, non-sparse | |||
* [http://www.last.fm/ Last.fm] | * [http://www.last.fm/ Last.fm] | ||
** [http://www.last.fm/music/Muse/+albums Album Example] | ** [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 === | === 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 == | == Existing Practices == | ||
Line 198: | Line 352: | ||
===Summary of common patterns discovered=== | ===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=== | ===Other attempts to solve The Problem=== |
Latest revision as of 19:02, 20 December 2008
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
- Manu Sporny, Bitmunk - 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 - Suggestion for collections (audio, video, images)
- April 22nd, 2007 - collection-design-pattern proposal
- April 23rd, 2007 - collection-design-pattern proposal (cont.)
- May 1st, 2007 - Namespacing in hAudio
- May 4th, 2007 - More grouping discussion
- May 14th, 2007 - Grouping examples updated
- May 14th, 2007 - Revisiting grouping problem solution proposal: hset
Real-World Examples
PLEASE USE THIS TEMPLATE WHEN MARKING UP EXAMPLES
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).
- Coverville
- Example episode
- Information: unordered, sparse
- Example episode
- Magnatune podcasts
- episode example
- Information: ordered, sparse
- episode example
- Radio Clash
- episode example
- Information: unordered, sparse
- episode example
- Daily Source Code
- episode example
- Information: unordered, sparse
- episode example
- Rock and Roll Geek show
- episode example
- Information: unordered, non-sparse
- episode example
- Accidenth hash
- episode example
- Information: unordered, sparse
- episode example
- Veer cast
- episode example
- Information: unordered, sparse
- episode example
- Concert Blast
- mp3 episode example
- Information: unordered, sparse
- mp3 episode example
- 3 hive podcast
- episode example
- Information: unordered, non-sparse
- episode example
Album and Track Grouping in Music Services
- AudioFind
- Album Example
- Information: ordered, sparse
- Album Example
- Telstra BigPond
- Album Example
- Information: ordered, sparse
- Album Example
- Bitmunk
- Album Example
- Information: ordered, sparse
- Album Example
- Download Punk
- Album Example
- Information: unordered, non-sparse
- Album Example
- FYE
- Album Example
- Information: ordered, unordered, sparse
- Album Example
- iMusic
- Album Example
- Information: ordered, sparse
- Album Example
- AON Music
- Album Example
- Information: ordered, non-sparse
- Album Example
- MSN
- Album Example
- Information: unordered, ordered, sparse
- Album Example
- TDC Online
- Album Example
- Information: unordered, sparse
- Album Example
- Audio Lunchbox
- Album Example
- Information: unordered, ordered, sparse, non-sparse
- Album Example
- Chaos Music
- Album Example
- Information: unordered, ordered, sparse, non-sparse
- Album Example
- Digirama
- Album Example
- Information: ordered, non-sparse
- Album Example
- eMusic
- Album Example
- Information: unordered, ordered, sparse
- Album Example
- FNAC
- Album Example
- Information: unordered, ordered, non-sparse
- Album Example
- Sanity
- Album Example
- Information: ordered, non-sparse
- Album Example
- MisRolas
- Album Example
- Information: ordered, sparse
- Album Example
- MTV
- Album Example
- Information: ordered, non-sparse
- Album Example
- Musica360
- Album Example
- Information: unordered, ordered, sparse, non-sparse
- Album Example
- Musicload
- Album Example
- Information: unordered, ordered, non-sparse
- Album Example
- Napster
- Album Example
- Information: unordered, ordered, sparse, non-sparse
- Album Example
- PartyMob
- Album Example
- Information: unordered, non-sparse
- Album Example
- Peer Impact
- Album Example
- Information: ordered, non-sparse
- Album Example
- Pure Tracks
- Album Example
- Information: ordered, non-sparse
- Album Example
- Reggae Country
- Album Example
- Information: unordered, sparse
- Album Example
- Real/Rhapsody
- Album Example
- Information: unordered, ordered, non-sparse
- Album Example
- Ruckus
- Album Example
- Information: ordered, non-sparse
- Album Example
- Starzik SARL
- Album Example (hidden url)
- Information: ordered, unordered, non-sparse, sparse
- Album Example (hidden url)
- top100.cn
- Album Example
- Information: ordered, non-sparse
- Album Example
- Wippit
- Album Example
- Information: unordered, ordered, non-sparse
- Album Example
- Yanga
- Album Example
- Information: ordered, non-sparse
- Album Example
- somesongs
- Album Example
- Information: unordered, non-sparse
- Album Example
- Magnatune
- Album Example
- Information: unordered, ordered, sparse, non-sparse
- Album Example
- SONG FIGHT!
- Album Example
- Information: unordered, non-sparse
- Album Example
- Yes.com
- Album Example
- Information: ordered, non-sparse
- Album Example
- MySpace
- Album Example
- Information: unordered, sparse
- Album Example
- MusicBrainz.org
- Album Example
- Information: unordered, ordered, sparse, non-sparse
- Album Example
- iTunes RSS extensions
- Album Example
- Information: unordered, ordered, sparse, non-sparse
- Album Example
- Discogs
- Album Example
- Information: ordered, non-sparse
- Album Example
- Last.fm
- Album Example
- Information: unordered, ordered, non-sparse
- Album Example
Wikipedia Article Grouping Examples
- Wikipedia
- Japan Article Example
- Information: unordered, sparse, non-sparse
- Japan Article Example
- Wikipedia
- Bone Comic Book Article Example
- Information: unordered, ordered, sparse, non-sparse
- Bone Comic Book Article Example
- Wikipedia
- David Article Example
- Information: unordered, ordered, sparse, non-sparse
- David Article Example
- Wikipedia
- Mazinger Angels Article Example
- Information: unordered, sparse, non-sparse
- Mazinger Angels Article Example
- Wikipedia
- Legacy of the Aldenata Article Example
- Information: unordered, ordered, sparse, non-sparse
- Legacy of the Aldenata Article Example
- Wikipedia
- Inline Speed Skating Article Example
- Information: unordered, sparse
- Inline Speed Skating Article Example
- Wikipedia
- Intelligent Network Article Example
- Information: unordered, sparse, non-sparse
- Intelligent Network Article Example
- Wikipedia
- Richmond Ohio Article Example
- Information: unordered, sparse, non-sparse
- Richmond Ohio Article Example
- Wikipedia
- Pachycephalosauria Article Example
- Information: unordered, sparse, non-sparse
- Pachycephalosauria Article Example
- Wikipedia
- PowerPC 5000 Article Example
- Information: unordered, sparse, non-sparse
- PowerPC 5000 Article Example
- Wikipedia
- Great White Fleet Article Example
- Information: unordered, sparse, non-sparse
- Great White Fleet Article Example
- Wikipedia
- Green Monster Article Example
- Information: unordered, sparse
- Green Monster Article Example
- Wikipedia
- Abney Park Chapel Article Example
- Information: unordered, sparse, non-sparse
- Abney Park Chapel Article Example
- Wikipedia
- US Immigration Article Example
- Information: unordered, ordered, sparse, non-sparse
- US Immigration Article Example
- Wikipedia
- HBO Article Example
- Information: unordered, ordered, sparse, non-sparse
- HBO Article Example
- Wikipedia
- Project Mercury Article Example
- Information: unordered, ordered, sparse, non-sparse
- Project Mercury Article Example
- Wikipedia
- Ezra Cornell Article Example
- Information: unordered, sparse, non-sparse
- Ezra Cornell Article Example
- Wikipedia
- Axel F Article Example
- Information: unordered, ordered, sparse, non-sparse
- Axel F Article Example
- Wikipedia
- Citrate Article Example
- Information: unordered, sparse, non-sparse
- Citrate Article Example
- Wikipedia
- Milla Jovovich Article Example
- Information: unordered, sparse, non-sparse
- Milla Jovovich Article Example
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.