Microformats : hResume
Paris - June 2007 - CV 2007

give human and computer a common ground
for discussing information

Wikipedia : Microformat
• A Microformat (sometimes abbreviated μF or uF)
is a way of adding simple semantic meaning to
human-readable content which is otherwise, from
a machine's point of view, just plain text.
• They allow data items such as events, contact
details or locations, on HTML (or XHTML) web
pages, to be meaningfully detected and the
information in them to be extracted by software,
and indexed, searched for, saved or cross-
referenced, so that it can be reused or combined.

• contacts - hCard
• calendar events - hCalendar
• locations - geo, adr
• spam urls - rel-nofollow
• relationships - XFN
• resumes - hResume...

hResume specification
• a simple schema for publishing resumes
• authored by Ryan King
• followed the recommendation process
• existing formats (Europass, XML Résumé)
and examples of web resumes ‘in the wild’
were researched
• property names are reused from existing
microformats

hResume schema
• root element : hResume
• summary property
• overview of qualifications and objectives
• contact details
• education
• experience
• skills
• affiliations
• publications

summary property
<div class=\"hResume\">
<h1>Resume: John Example</h1>
<p class=\"summary\">
I have 10 years experience with all Web
2.0 technologies– I've been working with
Ajax since 1996, designing with pastels
while others will still using tiled
background images and frames...
</p>
</div>

hResume schema
• root element : hResume
• summary property
• overview of qualifications and objectives
• contact details
• reuse hCard for contact details
• education
• experience
• skills
• affiliations

contact details - hCard
<div class=\"hResume\">
<h1>Resume:
<address class=\"vcard contact\">
<a class=\"fn email\"
href=\"mailto:john@example.com\">
John Example
</a>
</address>
</h1>
<p class=\"summary\">
I have 10 years experience with all Web
2.0 technologies– I've been working with
Ajax since 1996, designing with pastels
while others will still using tiled
background images and frames...
</p>

hResume schema
• root element : hResume
• summary property
• contact details
• education
• series of events - hCalendar
• experience
• skills
• affiliations
• publications

education
source : http://www.goube.org/hresume/francois-goube.html
<div id=\"education\">
<h2>Formation</h2>
<ol class=\"vcalendar\">
<li class=\"vevent education\">
<abbr class=\"dtstart\" title=\"20010501\">2001</abbr> -
<abbr class=\"dtend\" title=\"20031201\">2003</abbr> :
<span class=\"vcard\"><a class=\"fn org url\"
href=\"http://www.esc-toulouse.fr/\"
title=\"Ecole superieure de Commerce de Toulouse\">ESC Toulouse</a>
</span><br/>
Diplômé de l'<abbr title=\"Ecole Superieure de Commerce de Toulouse\">ESC
Toulouse
</abbr> :
<span class=”summary”>grade de <abbr title=\"Master's degree\">Master</abbr>
spécialité Marketing</span>
</li>
<li class=\"vevent education\">
...
</li>
<li class=\"vevent education\">
...
</li>
</ol>
</div>

hResume schema
• root element : hResume
• summary property
• contact details
• education
• experience
• series of events - hcalendar
• skills
• affiliations

experience

hResume schema
• root element : hResume
• summary property
• contact details
• education
• experience
• skills
• class value “skills” + use rel-tag
• affiliations
• publications

skills
I have skills in
<a class=\"skill\" rel=\"tag\" href=\"http://
en.wikipedia.org/wiki/Bow_%28weapon%29\">bow
hunting</a>
and <a class=\"skill\" rel=\"tag\" href=\"http://
en.wikipedia.org/wiki/Nunchucks\">nunchucks</a>.

hResume schema
• root element : hResume
• summary property
• contact details
• education
• experience
• skills
• affiliations
• class value “affiliation” + hCard
• publications

affiliations
<ul>
<li class=\"affiliation vcard\">
<a href=”http://www.webstandards.org/”
class=\"fn org\">Web Standard Projects
</a>
</li>
<li>
...
</li>
</ul>

hResume schema
• root element : hResume
• summary property
• contact details
• education
• experience
• skills
• affiliations
• publications
• microformat citation (compound)

publications
<h2>Publication</h2>
<ul>
<li>
Co-auteur avec Benoît Desavoye de
<cite><a href=\"http://tinyurl.com/2vlplo\">Les Blogs</a></cite>
- M2 Editions – 2004 (section blogs et business).
</li>
</ul>

hResume :
tools and services
• hResume creator
• hResume Wordpress plugin
• Emurse
• Linked In
• resolio

Thanks for your
attention
Christophe Ducamp
christophe.ducamp@gmail.com
http://microformats.org (en)
http://microformateurs.org (fr)