1. Website data through the looking-glass

    2009-03-05 PHP Québec Conference 2009

    Sarven Capadisli

  2. Creative Commons

    (cc) Creative Commons Share Share Remix Remix Attribution Attribute

  3. Overview

    Aletscher Glacier Overview

  4. How are these related?

    
                        contentpagetitle
                        showhide_heading
                        csc-firstHeader
                        post-title
                        node-type-page
                        post-482
                        xyz
                        foobarbaz
                        junglelove

  5. 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

  6. You say tomato, I say tomahto

    Tower of Babel by Pieter Brueghel the Elder

  7. Humans & machines

  8. Humans & machines

    Communicating with machines

  9. We need to work on communication

    Cave painting

  10. What's up with XML/HTML?

  11. Where to?

  12. Better access to information

  13. Problem domain

  14. What's up with microformats?

  15. 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

  16. hCard markup example

    

                           http://csarven.ca/
                           Sarven 
                            Capadisli

  17. hCard markup example

    
<div              >
 <a                  href="http://csarven.ca/">
  <span                   >Sarven</span> 
  <span                    >Capadisli</span>
 </a>
</div>

  18. 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>

  19. 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>

  20. Example: hCalendar

    


           http://csarven.ca/presentations/microformats-04 

                         Ècole de technologie supérieure

    2009 Jan 08

  21. 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>

  22. 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>

  23. 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>

  24. Microformats: 2004 → 2008

  25. Tools and Services

  26. Cool stuff

  27. Example uses

    hCard Technorati hCard to vCard export, How to use hCards to fill in forms, hCard to QR-Code, hKit - PHP serialisation of Sarven's hCard
    XFN rel-me to http://csarven.ca and http://claimid.com/sarven-capadisli, Google Social Graph - Contacts of http://csarven.ca csarven's identica contacts
    geo Company address, hCard to Google Map, Reusing geo to call Google Maps API
    hAtom hAtom to Atom for a search result
    rel-tag Article has visible tags
    hCalendar, hResume Sarven's CV exported to .ics

  28. Example uses

    .. and a zillion more out there
    hReview Book review
    rel-license Sarven's content licensed under CC 3.0, Flickr photo
    currency Items have amount (money)
    Microformat Support Built Into Firefox 3 JavaScript API - Intro
    Yahoo Search Monkey Custom search results for identica Profiles, .. More Magazine
    RDF/SPARQL query bot Query data

  29. Cost and benefits

  30. Good development process

  31. Microformats Community

  32. Colophon

  33. Thanks!