1. Interacting with microformats

    2009-01-08 PHPQuébec - Ècole de technologie supérieure

    Sarven Capadisli
  2. Creative Commons

    (cc) Creative Commons BY
  3. Humans & machines: one of those love/hate stories

  4. What's up with HTML?

  5. Where we are and where we would like to be

  6. A way of thinking about data

  7. What's up with microformats?

  8. 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
  9. hCard markup example

    
    
                               http://csarven.ca/
                               Sarven 
                                Capadisli
    
  10. hCard markup example

    
    <div              >
     <a                  href="http://csarven.ca/">
      <span                   >Sarven</span> 
      <span                    >Capadisli</span>
     </a>
    </div>
    
  11. 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>
    
  12. 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>
    
  13. Example: hCalendar

    
    
    
               http://csarven.ca/presentations/microformats-04 
    
                             Ècole de technologie supérieure
    
        2009 Jan 08
    
    
    
    
    
  14. 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>
    
  15. 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>
    
  16. 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>
    
  17. Microformats: 2004 → 2008

  18. Tools and Services

  19. Cool stuff

  20. 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
    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
  21. 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 More Magazine
    RDF/SPARQL query bot Query data
  22. Cost and benefits

  23. Adaptation

  24. Good development process

  25. Microformats Community

  26. Colophon

  27. Thanks!