So much data on the web.... [Social Network]

So much data on the web.... [Craigslist]

So much data on the web.... [Flickr]

So much data on the web.... [CC Tech Summit Program]

Chasm Between Human and Data Webs

2 published documents, 2 document types

Chasm Between Human and Data Webs

A significant gap between what browsers see and what humans see

Visual Correspondence

Visual Correspondence

Don't Repeat Yourself

Change the visual, change the machine-readable

distributed under a 
<a href="http://creativecommons.org/licenses/by/3.0/">CC License</a>

To:

distributed under a 
<a href="http://creativecommons.org/licenses/by-nc/3.0/">CC License</a>

The Machine Readers should Follow

Remix Friendliness

Remix Friendliness

Extensibility & Modularity

The Flickr Photostream

Extensibility & Modularity

Flickr used by a Newsreader

Extensibility & Modularity

Flickr used by a Digital Photo Frame

Extensibility & Modularity

Flickr used by an Asset Management Program

Extensibility & Modularity for CC Apps

Extensibility & Modularity for CC Apps

Extensibility & Modularity for CC Apps

A Link with Flavor

distributed under a
<a href="http://creativecommons.org/licenses/by/3.0/">
    Creative Commons License
</a>

A Link with Flavor

distributed under a
<a rel="license" href="http://creativecommons.org/licenses/by/3.0/">
    Creative Commons License
</a>

Text with Flavor

<h2>The Trouble with Bob</h2>
<h3>Alice</h3>

Text with Flavor

<h2 property="dc:title">The Trouble with Bob</h2>
<h3 property="dc:creator">Alice</h3>

• why dc:title, why not just title?
• which meaning of "title"? Article title, job title, real estate title?
• license is a reserved HTML keyword, but title is not.
• we must "import" this concept from somewhere.
• the Dublin Core vocabulary: http://purl.org/dc/elements/1.1/
  concepts including: title, creator, copyright, etc.

<div xmlns:dc="http://purl.org/dc/elements/1.1/">
    ....
</div>

Text with Flavor

<div xmlns:dc="http://purl.org/dc/elements/1.1/">
    <h2 property="dc:title">The Trouble with Bob</h2>
    <h3 property="dc:creator">Alice</h3>
</div>

A Few Articles

<div ...>
    <h2 property="dc:title">The Trouble with Bob</h2>
    <h3 property="dc:creator">Alice</h3>
</div>

...

<div ...>
    <h2 property="dc:title">Jo's Barbecue</h2>
    <h3 property="dc:creator">Eve</h3>
</div>

A Few Articles

<div about="/alice/posts/trouble_with_bob"...>
    <h2 property="dc:title">The Trouble with Bob</h2>
    <h3 property="dc:creator">Alice</h3>
</div>

...

<div about="/alice/posts/jos_barbecue"...>
    <h2 property="dc:title">Jo's Barbecue</h2>
    <h3 property="dc:creator">Eve</h3>
</div>

A Few Articles

Image within an Article

<div about="/alice/posts/trouble_with_bob"...>
    <h2 property="dc:title">The Trouble with Bob</h2>
    <h3 property="dc:creator">Alice</h3>
</div>

Image within an Article

<div about="/alice/posts/trouble_with_bob"...>
    <h2 property="dc:title">The Trouble with Bob</h2>
    <h3 property="dc:creator">Alice</h3>

    <p>The trouble with Bob is that he takes
    much better photos than I do:</p>

    <div>
        <img src="/bob/photos/sunset.jpg" />
        <span>Beautiful Sunset</span>
        by <a href="/bob/">Bob</a>
    </div>
</div>

Image within an Article

<div about="/alice/posts/trouble_with_bob"...>
    <h2 property="dc:title">The Trouble with Bob</h2>
    <h3 property="dc:creator">Alice</h3>
    
    <p>The trouble with Bob is that he takes
    much better photos than I do:</p>
    
    <div about="/bob/photos/sunset.jpg">
        <img src="/bob/photos/sunset.jpg" />
        <span property="dc:title">Beautiful Sunset</span>
        by <a rel="dc:creator" href="/bob/">Bob</a>
    </div>
</div>

Image within an Article

Conclusion

• bridging the human and data webs.
• distributed extensibility: find vocabularies, reuse them, extend them, evolve them.
• more about RDFa: rdfa.info, rdfa.info/wiki.
• more about ccREL: cc.org/projects/ccrel.

Questions: http://wiki.creativecommons.org/TechSummit