Microformats and FOAF


Published on

Using XHTML to make user content machine readable.

  • Be the first to comment

  • Be the first to like this

No Downloads
Total views
On SlideShare
From Embeds
Number of Embeds
Embeds 0
No embeds

No notes for slide
  • One of the purposes of HTML initially was to display a webpages characteristics (such as use of italics). Use of CSS sheets shifted the design of sites to be interpretted rather than stated... E.g use of emphasis may vary from CSS designs
  • Microformats and FOAF

    1. 1. By Daniel Cassidy<br />Microformats and FOAF<br />
    2. 2. Background: The Semantic Web<br />What do these sentences mean to you? <br />“I’m off to ComicCon on the 25-02-10 in London, who’s in?”<br />-Jess Smith, social networker extraordinaire <br />Hi! My name’s Joseph and welcome to my site, I live in my mansion in San Fran, work for Google and am a big fan of MJ’s music.<br />-Joe Bloggs, amateur blogger<br />What do these sentences really mean to a machine?...<br />
    3. 3. What are Microformats?<br />A markup language in XHTML and HTML designed to make natural language machine processable.<br />Uses common class-names and &quot;rel&quot; values<br />&lt;span class=&quot;vcard&quot;&gt; <br />&lt;a class=&quot;fn url&quot; href=&quot;http://jo-blggr.tk/&quot;&gt;Joseph Bloggs&lt;/a&gt;, <br />&lt;span class=&quot;org vcard&quot;&gt;<br />&lt;a class=&quot;url fn org&quot; href=“www.google.com&quot;&gt;Google&lt;/a&gt;&lt;/span&gt;<br /> &lt;/span&gt; <br />
    4. 4. Example Microformats<br />People and Organizations hCard, XFN<br />Calendars and Events hCalendar<br />Opinions, Ratings and Reviews VoteLinks, hReview<br />Licenses: rel-license<br />Tags, Keywords, Categories rel-tag<br />Lists and Outlines XOXO<br />Most popular formats: hCard, hCalendar, XFN (XTML Friends Network),<br />
    5. 5. And FOAF?<br />FOAF (Friend of a Friend) is a way for machines to understand social relationships and users.<br />E.g. Joe Bloggs is a fan of Michael Jackson, has a girlfriend called Jess and had met Jess’ friend ‘Dave’. <br />&lt;a href=&quot;http://michaeljackson.com/&quot; rel=&quot;follower not met&quot;&gt;MJ&lt;/a&gt; <br />&lt;a href=&quot;http://jessisthebest.net/&quot; rel=&quot;sweetheart date met&quot;&gt;Jane&lt;/a&gt; <br />&lt;a href=&quot;http://Davestoppatippas.net/&quot; rel=&quot;met acquaintance&quot;&gt;Dave&lt;/a&gt;<br />
    6. 6. Benefits <br />Useful for: Crawlers, spiders, web aggregators.<br />Reduces need for human admin/input.<br />May improve Search traffic to websites/quality of traffic/relevance to profiled users (e.g. People with google accounts)<br />Increasing integration of semantic text in a way that benefits users:<br />Accessing and archiving data better.<br />One format for both humans and machines to understand (vs. XML languages)<br />Understanding relationships and our contributions across multiple disaggregated sites.<br />Flexibility for users to do it ‘their own way’ without any disadvantages. E.g. Blog vs. Facebook<br />Ubiquity – “get-vcard”<br />
    7. 7. Drawbacks<br />Still in development. (‘follower’ vs. ‘fan’)<br />Host’s document needs to support XHTML<br />Will increase the demand on bandwidth as data gets richer (e.g. RSS feeds and other syndication services)<br />Still a degree of rigidity and inherently will become more complex.<br />Dangers of machine accessible information<br />http://pleaserobme.com/<br />Fraud/Spam<br />
    8. 8. Useful examples/further research<br />http://microformats.org/wiki/hcard<br />http://microformats.org/wiki/class-names<br />http://hresume.weblogswork.com/hresumecreator/(for those looking to publicise themselves on the web for their next job...)<br />http://gmpg.org/xfn/intro (examples of the XFN microformat)<br />http://codebits.eu/intra/s/session/79 (if you have 45mins spare...interesting though.)<br />
    9. 9. hCalendar: “I’m off to ComicCon on the 25-02-10 in London, who’s in?”<br />&lt;div id=&quot;hcalendar-comicon&quot; class=&quot;vevent&quot;&gt;&lt;a href=&quot;http://www.londonfilmandcomiccon.com/&quot; class=&quot;url&quot;&gt;&lt;abbr title=&quot;2010-02-25&quot; class=&quot;dtstart&quot;&gt;February 25th&lt;/abbr&gt;, &lt;abbr title=&quot;2010-02-25&quot; class=&quot;dtend&quot;&gt; 2010&lt;/abbr&gt; &lt;span class=&quot;summary&quot;&gt;comicon&lt;/span&gt; at &lt;span class=&quot;location&quot;&gt;London&lt;/span&gt;&lt;/a&gt;&lt;div class=&quot;tags&quot;&gt;Tags: &lt;a href=&quot;http://eventful.com/events/tags/Comiccon&quot; rel=&quot;tag&quot;&gt;Comiccon&lt;/a&gt;&lt;/div&gt;&lt;/div&gt;<br />
    10. 10. Any Questions? <br />