grouping-examples: Difference between revisions

From Microformats Wiki
Jump to navigation Jump to search
m (Reverted edits by BoeltDeltr (Talk) to last version by ManuSporny)
 
(18 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 explicitly grouped. The same goes for chapters in a DVD movie, sections of a podcast, and a set of geographic points.  
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 ==
Line 41: Line 50:
* '''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.
* '''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 Music Grouping in Music Podcasting ===
=== 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).
Line 81: Line 90:
*** Information: unordered, non-sparse
*** Information: unordered, non-sparse


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


* [http://audiofind.ru/ AudioFind]
* [http://audiofind.ru/ AudioFind]
Line 165: Line 174:
* [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, ordered, sparse, non-sparse
*** 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: unordered, ordered, sparse, non-sparse
*** 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: unordered, ordered, sparse, non-sparse
*** Information: ordered, non-sparse


* [http://www.reggaecountry.com Reggae Country]
* [http://www.reggaecountry.com Reggae Country]
** [http://www.reggaecountry.com/Shopping/Browse.aspx?mode=item&category=209&item=35745 Album Example]
** [http://www.reggaecountry.com/shop/ItemInfo.aspx?AlbumID=9951 Album Example]
*** Information: unordered, ordered, sparse, non-sparse
*** 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, sparse, non-sparse
*** 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: unordered, ordered, sparse, non-sparse
*** Information: ordered, non-sparse
 
* [http://www.sanity.com.au Sanity]
** [http://www.sanity.com.au/product/rockpop.asp?sku=-943269 Album Example]
*** Information: unordered, ordered, sparse, 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: unordered, ordered, sparse, non-sparse
*** 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, ordered, sparse, non-sparse
*** Information: unordered, non-sparse


* [http://www.top100.cn top100.cn]
* [http://www.top100.cn top100.cn]
** [http://www.top100.cn/product/specialall/S0027876000.htm Album Example]
** [http://www.top100.cn/Product/Product.aspx?ProductID=S0043406000 Album Example]
*** Information: unordered, ordered, sparse, non-sparse
*** 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, sparse, non-sparse
*** 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: unordered, ordered, sparse, non-sparse
*** 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, ordered, sparse, non-sparse
*** Information: unordered, non-sparse


* [http://magnatune.com/ Magnatune]
* [http://magnatune.com/ Magnatune]
Line 221: Line 226:
* [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, ordered, sparse, non-sparse
*** 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: unordered, ordered, sparse, non-sparse
*** 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, ordered, sparse, non-sparse
*** 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://reactor-core.org/ogg-tagging.html Vorbis Comment Recommendations]
** [http://reactor-core.org/ogg-tagging.html Album Example]
*** Information: unordered, ordered, sparse, non-sparse
*** Information: unordered, ordered, sparse, non-sparse


Line 245: Line 246:
* [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: unordered, ordered, sparse, non-sparse
*** 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
*** 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 259: 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

Discussions

Discussions related to grouping:

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).

Album and Track Grouping in Music Services

  • Starzik SARL
    • Album Example (hidden url)
      • Information: ordered, unordered, non-sparse, sparse
  • CellCity
    • [1] Album Example]
      • Information: unordered, non-sparse

Wikipedia Article Grouping Examples

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

See Also

Retrieved from "http://microformats.org/wiki/index.php?title=grouping-examples&oldid=36316"