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)
 
(10 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
* Danny Ayers
* Rudy Desjardins
* Rudy Desjardins
Line 29: 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 246: Line 251:
** [http://www.last.fm/music/Muse/+albums Album Example]
** [http://www.last.fm/music/Muse/+albums Album Example]
*** Information: unordered, ordered, non-sparse
*** 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 April 23rd on all of the grouping examples listed on the page at that point.
This analysis was performed on May 14th on all of the grouping examples listed on the page at that point.


Total examples:  48
Total examples:  68


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


== Existing Practices ==
== Existing Practices ==

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