-
Website data through the looking-glass
2009-03-05
PHP Québec Conference 2009
Sarven
Capadisli
-
Creative Commons
Share
Remix
Attribute
-
Overview
-
How are these related?
contentpagetitle
showhide_heading
csc-firstHeader
post-title
node-type-page
post-482
xyz
foobarbaz
junglelove
-
You say tomato, I say tomahto
Joomla: contentpagetitle
TikiWiki: showhide_heading
TYPO3: csc-firstHeader
ImpressCMS: post-title
Drupal: node-type-page
WordPress: post-482
Symfony: xyz
Zend framework: foobarbaz
eZ Components: junglelove
-
You say tomato, I say tomahto
-
Humans & machines
- Syntax - How you say something
- Semantics - Meanings behind what has been said
-
Humans & machines
- I love books!
- I
books!
- I <3 books!
-
We need to work on communication
-
What's up with XML/HTML?
- Capturing data in a most meaningful way (i.e. semantics, relationships, order)
- What about common data types?
- contacts
- events
- posts
- locations
- reviews
- products
- multi-media
- recipes
-
Where to?
- From Web of documents to...
- Web of things/concepts (databases)
-
Better access to information
-
Problem domain
-
What's up with microformats?
- General problem: RDF(a), NLP but ..
- Solve specific problems
- Built upon existing and widely adopted standards (e.g., vCard, iCal, Atom, WGS 84, ISO8601, HTML)
- Visible vs. Hidden meta-data
-
What's up with microformats?
microformats |
RDFa |
- No namespaces (e.g., URI, dirs, prefixes) |
- Namespaces |
- Limited vocabulary |
- Any vocabulary (e.g., FOAF) |
- Common problems and solutions |
- Open |
- Not extensible |
- Extensible |
- Visible data favoured |
- Meta data is okay |
- Community decides definition |
- Anyone can create their own definitions |
- Fairly easy to implement |
- Medium-ish |
-
hCard markup example
http://csarven.ca/
Sarven
Capadisli
-
hCard markup example
<div >
<a href="http://csarven.ca/">
<span >Sarven</span>
<span >Capadisli</span>
</a>
</div>
-
hCard markup example
<div class="vcard">
<a class="url fn n" href="http://csarven.ca/">
<span class="given-name">Sarven</span>
<span class="family-name">Capadisli</span>
</a>
</div>
-
hCard markup example
<div class="vcard">
<a class="url fn n" href="http://csarven.ca/">
<span class="given-name">Sarven</span>
<span class="family-name">Capadisli</span>
</a>
</div>
-
Example: hCalendar
http://csarven.ca/presentations/microformats-04
Ècole de technologie supérieure
2009 Jan 08
-
Example: hCalendar
<ol >
<li >
<a href="http://csarven.ca/presentations/microformats-04"
>
<span >Ècole de technologie supérieure</span>
2009 Jan 08
</a>
</li>
</ol>
-
Example: hCalendar
<ol class="vcalendar">
<li class="vevent">
<a href="http://csarven.ca/presentations/microformats-04"
class="url">
<span class="summary">Ècole de technologie supérieure</span>
<abbr class="dtstart" title="2009-01-08T19:00:00-05:00">
2009 Jan 08
</abbr>
</a>
</li>
</ol>
-
Example: hCalendar
<ol class="vcalendar">
<li class="vevent">
<a href="http://csarven.ca/presentations/microformats-04"
class="url">
<span class="summary">Ècole de technologie supérieure</span>
<abbr class="dtstart" title="2009-01-08T19:00:00-05:00">
2009 Jan 08
</abbr>
</a>
</li>
</ol>
-
Microformats: 2004 → 2008
-
- XFN - distributed social network
- blo.gs, WordPress, Rubhub, more
- rel-license - license links
- CC Creator, Yahoo CC search, Google Search
- XOXO - lists and outlines
- WordPress, Technorati, more
- VoteLinks - for/against/abstain a link
- hCalendar - events
- Yahoo Upcoming.org, Eventful.com, more
- hCard - people & orgs
- Avon.com, Eventful.com, more
- rel-tag - content tagging
- Technorati, Ice Rocket, more
-
-
Tools and Services
-
Cool stuff
- Combine information - mashups (powerful stuff)
- Show me a map of each news story
- Accidental API
- Subscribing to structured content
- Search!
- microformats -> GRDDL -> RDF (awesome!)
- DataPortability.org
-
Example uses
-
Example uses
-
Cost and benefits
- Open community development
- Observing common formats in our documents
- Easy to implement
- Standardised documents
- Reuse
- Search engine site caches + microformated data can help restore "catastrophic data loss"
- ...?
-
Good development process
- Data outlasts code: Open data > open source
- Search engine site caches + microformated data can help restore "catastrophic data loss"
- Managing projects
- Information architecture
- Development
- Content editorial
-
Microformats Community
- IRC
- Email
- Blog
- Wiki
- if you find errors, please fix them, like Wikipedia
- advocate microformats support on sites you use
- add examples, help research, brainstorm, etc.
- help translate!
-
Colophon
-
Thanks!