Greg Wolejko Microformats: building a semantic web Cognifide

1
Greg WolejkoMicroformats building a semantic
webCognifide
CogniConference 2008
2
Semantic web Microformats
3
Semantic web

• web 3.0
• method of knowledge representation
• keeping relations between

4
Microformats

• bits of HTML markup
• presentable and parsable
• reuse of widely adopted standards
• as simple as possible

5
Why is it cool?

• better markup
• easy to use
• provide considerable value

6
Microformats in action

• using HTML markup (, )
• using defined attributes (rel, class)
• enhancing existing markup

7
Simple Microformat

• me 3.0 Greg Wolejko hlx" rel"me" My Twitterhref"http//last.fm/users/hlx" rel"me" My
  Musicstruktor" rel"me" My Photos

8
XFN (XHTML Friends Network)

• representing human relationships using hyperlinks
  
• Bartek Szopka colleague" href"http//itsabodybuildingblog.com/"
  Bartek Szopka

9
Getting serious

• hCard
• 11 representation of vCard
• creating semantic person

10
Real life case study

• Map of Medicine
• Site Contact page Address
• let's make it semantic

11
From to hCard
12
Map of Medicine First Floor Clerkenwell House 67
Clerkenwell Road London EC1R 5BL United
Kingdom Tel. [phone]
13
Map of Medicine
/ First Floor
Clerkenwell House
/ 67 Clerkenwell Road
London
/ EC1R 5BL
United Kingdom
/
Tel. [phone]
14
Map of Medicine First Floor Clerkenwell House 67
Clerkenwell Road London EC1R 5BL United
Kingdom Tel. [phone]
15
Map of Medicine First Floor
Clerkenwell House 67 Clerkenwell Road London EC1R
5BL United Kingdom Tel. [phone]
7603
16
Map of
Medicine First Floor Clerkenwell House 67
Clerkenwell Road London EC1R 5BL United
Kingdom Tel. [phone]
17
Map of
Medicine First
Floor Clerkenwell House 67 Clerkenwell Road
London EC1R 5BL United Kingdom
Tel. [phone]
18
Map of
Medicine First
Floor Clerkenwell House s" 67 Clerkenwell Road London
EC1R 5BL United Kingdom Tel. 44
(0) 207 017 7603
19
Map of
Medicine First
Floor Clerkenwell House s" 67 Clerkenwell Road class"locality"London class"postal-code"EC1R 5BL class"country-name"United Kingdom
Tel. [phone]
20
Map of
Medicine First
Floor Clerkenwell House class"street-address" 67 Clerkenwell
Road London/span EC1R
5BL United
Kingdom Tel. class"tel"44 (0) 207 017 7603
21
Map of
Medicine class"extended-address" First Floor
Clerkenwell House class"street-address" 67 Clerkenwell
Road London/span EC1R
5BL United
Kingdom Tel. class"tel"44 (0) 207 017 7603
22
Map of
Medicine class"extended-address" First Floor
Clerkenwell House class"street-address" 67 Clerkenwell
Road London/span EC1R
5BL United
Kingdom Tel. class"tel"44 (0) 207 017 7603
23
There are plenty more fish in the sea

• XFN, hCard
• hEvent
• hReview
• hAtom
• hResume
• geo

24
Who is using this?

• Yahoo, Kelkoo
• BBC
• Microsoft
• Mahalo
• Last.fm

25
Trouble in paradise?

• abbr-design pattern
• The party is at 10 o'clock on the 10th.
• Microformat wayThe party is at class"dtstart" title"20051010T101010-0100"
  10 o'clock on the 10th.

26
The "BBC Issue"

• all the TV listing were in hCalendar
• times were using abbr-design pattern
• accessibility issues

27
Answer

• weigh the benefits

28
Why even bother?

• simplest way to semantic web
• meaningful markup
• all the cool kids are doing it
• easy to add
• not a pop-culture thing

29
Getting started with Microformats

• microformats.org
• Safari microformats plugin(http//zappatic.net/sa
  farimicroformats/)
• Tails extension for Firefox (http//blog.codeeg.co
  m/tails-firefox-extension-03/)
• hCard creator (http//microformats.org/code/hcard
  /creator)
• hCalendar creator (http//microformats.org/code/hc
  alendar/creator)
• XFN creator (http//gmpg.org/xfn/creator)

30
Thanks!
gregwolejko.com/microformats