Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.

Microformats hResume

4,253 views

Published on

hResume

Published in: Technology

Microformats hResume

  1. 1. Microformats : hResume Paris - June 2007 - CV 2007
  2. 2. give human and computer a common ground for discussing information
  3. 3. 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.
  4. 4. • contacts - hCard • calendar events - hCalendar • locations - geo, adr • spam urls - rel-nofollow • relationships - XFN • resumes - hResume...
  5. 5. 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
  6. 6. hResume schema • root element : hResume • summary property • overview of qualifications and objectives • contact details • education • experience • skills • affiliations • publications
  7. 7. summary property <div class=quot;hResumequot;> <h1>Resume: John Example</h1> <p class=quot;summaryquot;> 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>
  8. 8. hResume schema • root element : hResume • summary property • overview of qualifications and objectives • contact details • reuse hCard for contact details • education • experience • skills • affiliations
  9. 9. contact details - hCard <div class=quot;hResumequot;> <h1>Resume: <address class=quot;vcard contactquot;> <a class=quot;fn emailquot; href=quot;mailto:john@example.comquot;> John Example </a> </address> </h1> <p class=quot;summaryquot;> 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>
  10. 10. hResume schema • root element : hResume • summary property • contact details • education • series of events - hCalendar • experience • skills • affiliations • publications
  11. 11. education source : http://www.goube.org/hresume/francois-goube.html <div id=quot;educationquot;> <h2>Formation</h2> <ol class=quot;vcalendarquot;> <li class=quot;vevent educationquot;> <abbr class=quot;dtstartquot; title=quot;20010501quot;>2001</abbr> - <abbr class=quot;dtendquot; title=quot;20031201quot;>2003</abbr> : <span class=quot;vcardquot;><a class=quot;fn org urlquot; href=quot;http://www.esc-toulouse.fr/quot; title=quot;Ecole superieure de Commerce de Toulousequot;>ESC Toulouse</a> </span><br/> Diplômé de l'<abbr title=quot;Ecole Superieure de Commerce de Toulousequot;>ESC Toulouse </abbr> : <span class=”summary”>grade de <abbr title=quot;Master's degreequot;>Master</abbr> spécialité Marketing</span> </li> <li class=quot;vevent educationquot;> ... </li> <li class=quot;vevent educationquot;> ... </li> </ol> </div>
  12. 12. hResume schema • root element : hResume • summary property • contact details • education • experience • series of events - hcalendar • skills • affiliations
  13. 13. experience
  14. 14. hResume schema • root element : hResume • summary property • contact details • education • experience • skills • class value “skills” + use rel-tag • affiliations • publications
  15. 15. skills I have skills in <a class=quot;skillquot; rel=quot;tagquot; href=quot;http:// en.wikipedia.org/wiki/Bow_%28weapon%29quot;>bow hunting</a> and <a class=quot;skillquot; rel=quot;tagquot; href=quot;http:// en.wikipedia.org/wiki/Nunchucksquot;>nunchucks</a>.
  16. 16. hResume schema • root element : hResume • summary property • contact details • education • experience • skills • affiliations • class value “affiliation” + hCard • publications
  17. 17. affiliations <ul> <li class=quot;affiliation vcardquot;> <a href=”http://www.webstandards.org/” class=quot;fn orgquot;>Web Standard Projects </a> </li> <li> ... </li> </ul>
  18. 18. hResume schema • root element : hResume • summary property • contact details • education • experience • skills • affiliations • publications • microformat citation (compound)
  19. 19. publications <h2>Publication</h2> <ul> <li> Co-auteur avec Benoît Desavoye de <cite><a href=quot;http://tinyurl.com/2vlploquot;>Les Blogs</a></cite> - M2 Editions – 2004 (section blogs et business). </li> </ul>
  20. 20. hResume : tools and services • hResume creator • hResume Wordpress plugin • Emurse • Linked In • resolio
  21. 21. Thanks for your attention Christophe Ducamp christophe.ducamp@gmail.com http://microformats.org (en) http://microformateurs.org (fr)

×