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

956 views

Published on

Published in: Technology, Sports
  • Be the first to comment

  • Be the first to like this

Microformats

  1. 1. Microformats<br />Dushan Hanuska<br />1<br />
  2. 2. What I will feed you today<br />http://www.flickr.com/photos/cindyli/2836380076/<br />2<br />
  3. 3. http://www.flickr.com/photos/suda/363423118/<br />3<br />
  4. 4. Microformats - clever use of HTML<br />Add Machine-readability to everyday web pages, while preserving human-readability<br />Allow tools to make more sense of your web pages, while not changing the visual appearance for visitors to your site<br />4<br />
  5. 5. Multi-purpose Web 2.0 Glue<br />http://www.flickr.com/photos/callendercreates/1798710339/<br />5<br />
  6. 6. Microformat Specifications<br />People and Organisations<br />Calendars and Events<br />Opinions, Ratings and Reviews<br />Licenses<br />Tags, Keywords, Categories<br />Lists and Outlines<br />More...<br />6<br />
  7. 7. DEMO<br />Flickr<br />NBN Co People Directory<br />The Australian IT<br />IBM Employee Directory<br />7<br />
  8. 8. Browser Extensions<br />Firefox<br />Chrome<br />Flock<br />Internet Explorer<br />Safari<br />Mosembro for Android<br />8<br />http://microformats.org/wiki/browsers<br />
  9. 9. Microformat Specifications<br />People and Organisations<br />Calendars and Events<br />Opinions, Ratings and Reviews<br />Licenses<br />Tags, Keywords, Categories<br />Lists and Outlines<br />More...<br />9<br />
  10. 10. Licenses<br />10<br />
  11. 11. Licenses<br /><a href="http://creativecommons.org/..." >cc by 2.0</a><br />11<br />
  12. 12. Licenses – rel=“license”<br /><a href="http://creativecommons.org/..." rel="license">cc by 2.0</a><br />http://microformats.org/wiki/rel-license<br />12<br />
  13. 13. Microformat Specifications<br />People and Organisations<br />Calendars and Events<br />Opinions, Ratings and Reviews<br />Licenses<br />Tags, Keywords, Categories<br />Lists and Outlines<br />More...<br />13<br />
  14. 14. Tags<br /><a href="http://technorati.com/tag/tech" >tech</a><br />14<br />
  15. 15. Tags<br />15<br />
  16. 16. Tags – rel=“tag”<br /><a href="http://technorati.com/tag/tech" rel="tag">tech</a><br />http://microformats.org/wiki/rel-tag<br />16<br />
  17. 17. Microformat Specifications<br />People and Organisations<br />Calendars and Events<br />Opinions, Ratings and Reviews<br />Licenses<br />Tags, Keywords, Categories<br />Lists and Outlines<br />More...<br />17<br />
  18. 18. People and Organisations<br />18<br />
  19. 19. hCard 1.0<br /> Dushan Hanuska<br /> NBN Co Limited<br /> T: +61299261900<br /> F: +61299261901<br /> E: dushanhanuska@nbnco.com.au<br /> A: L11, 100 Arthur St, North Sydney NSW 2060<br />http://microformats.org/wiki/hcard<br />19<br />
  20. 20. hCard 1.0<br /><span class=“vcard”><br /> Dushan Hanuska<br /> NBN Co Limited<br /> T: +61299261900<br /> F: +61299261901<br /> E: dushanhanuska@nbnco.com.au<br /> A: L11, 100 Arthur St, North Sydney NSW 2060<br /></span><br />20<br />
  21. 21. hCard 1.0<br /><span class=“vcard”><br /><span class=“fn”>Dushan Hanuska</span><br /> NBN Co Limited<br /> T: +61299261900<br /> F: +61299261901<br /> E: dushanhanuska@nbnco.com.au<br /> A: L11, 100 Arthur St, North Sydney NSW 2060<br /></span><br />21<br />
  22. 22. hCard 1.0<br /><span class=“vcard”><br /><span class=“fn”>Dushan Hanuska</span><br /><span class=“org”>NBN Co Limited</span><br /> T: +61299261900<br /> F: +61299261901<br /> E: dushanhanuska@nbnco.com.au<br /> A: L11, 100 Arthur St, North Sydney NSW 2060<br /></span><br />22<br />
  23. 23. hCard 1.0<br /><span class=“vcard”><br /><span class=“fn”>Dushan Hanuska</span><br /><a href=“http://www.nbnco.com.au”<br /> class=“url org”>NBN Co Limited</a><br /> T: +61299261900<br /> F: +61299261901<br /> E: dushanhanuska@nbnco.com.au<br /> A: L11, 100 Arthur St, North Sydney NSW 2060<br /></span><br />23<br />
  24. 24. hCard 1.0<br /><span class=“vcard”><br /><span class=“fn”>Dushan Hanuska</span><br /><a href=“http://www.nbnco.com.au” <br /> class=“url org”>NBN Co Limited</a><br /> T: <span class=“tel”>+61299261900</span><br /> F: +61299261901<br /> E: dushanhanuska@nbnco.com.au<br /> A: L11, 100 Arthur St, North Sydney NSW 2060<br /></span><br />24<br />
  25. 25. hCard 1.0<br /><span class=“vcard”><br /><span class=“fn”>Dushan Hanuska</span><br /><a href=“http://www.nbnco.com.au” <br /> class=“url org”>NBN Co Limited</a><br /> T: <span class=“tel”>+61299261900</span><br /> F: <span class=“tel”>+61299261901</span><br /> E: dushanhanuska@nbnco.com.au<br /> A: L11, 100 Arthur St, North Sydney NSW 2060<br /></span><br />25<br />
  26. 26. hCard 1.0<br /><span class=“vcard”><br /><span class=“fn”>Dushan Hanuska</span><br /><a href=“http://www.nbnco.com.au” <br /> class=“url org”>NBN Co Limited</a><br /> T: <span class=“tel”>+61299261900</span><br /> F: <span class=“tel”>+61299261901</span><br /> E: <span class=“email”><br />dushanhanuska@nbnco.com.au</span><br /> A: L11, 100 Arthur St, North Sydney NSW 2060<br /></span><br />26<br />
  27. 27. hCard 1.0<br /><span class=“vcard”><br /><span class=“fn”>Dushan Hanuska</span><br /><a href=“http://www.nbnco.com.au” <br /> class=“url org”>NBN Co Limited</a><br /> T: <span class=“tel”>+61299261900</span><br /> F: <span class=“tel”>+61299261901</span><br /> E: <span class=“email”>dushan...</span><br /> A: <span class=“adr”><br /> L11, 100 Arthur St, North Sydney NSW 2060<br /></span><br /></span><br />27<br />
  28. 28. hCard 1.0<br /><span class=“vcard”><br /><span class=“fn”>Dushan Hanuska</span><br /><a href=“http://www.nbnco.com.au” <br /> class=“url org”>NBN Co Limited</a><br /> T: <span class=“tel”>+61299261900</span><br /> F: <span class=“tel”>+61299261901</span><br /> E: <span class=“email”>dushan...</span><br /> A: <span class=“adr”>...</span><br /></span><br />28<br />
  29. 29. hCard 1.0 – telephone numbers<br /><span class=“vcard”><br /><span class=“fn”>Dushan Hanuska</span><br /><span class=“org”>NBN Co Limited</span><br /> T: <span class=“tel”>+61299261900</span><br /> F: <span class=“tel”>+61299261901</span><br /> E: <span class=“email”>dushan...</span><br /> A: <span class=“adr”>...</span><br /></span><br />29<br />
  30. 30. hCard 1.0 – telephone numbers<br />...<br />T: <span class=“tel”><br /><span class=“type”>work</span><br /><span class=“value”>+61299261900</span><br /></span><br />F: <span class=“tel”><br /><span class=“type”>fax</span><br /><span class=“value”>+61299261901</span><br /></span><br />...<br />30<br />
  31. 31. hCard 1.0 – telephone numbers<br />...<br />T: <span class=“tel”><br /><span class=“type mf-hide”>work</span><br /><span class=“value”>+61299261900</span><br /></span><br />F: <span class=“tel”><br /><span class=“type mf-hide”>fax</span><br /><span class=“value”>+61299261901</span><br /></span><br />...<br />31<br />
  32. 32. hCard 1.0 - address<br /><span class=“vcard”><br /><span class=“fn”>Dushan Hanuska</span><br /><a href=“http://www.nbnco.com.au” <br /> class=“url org”>NBN Co Limited</a><br /> T: <span class=“tel”>+61299261900</span><br /> F: <span class=“tel”>+61299261901</span><br /> E: <span class=“email”>dushan...</span><br />A: <span class=“adr”><br /> L11, 100 Arthur St, North Sydney NSW 2060<br /> </span><br /></span><br />32<br />
  33. 33. hCard 1.0 - address<br />...<br />A: <span class=“adr”><br /> L11, 100 Arthur St, North SydneyNSW2060<br /></span><br />...<br />33<br />
  34. 34. hCard 1.0 - address<br />...<br />A: <span class=“adr”><br /><span class=“street-address”>L11, 100 Arthur St</span>, North SydneyNSW2060<br /></span><br />...<br />34<br />
  35. 35. hCard 1.0 - address<br />...<br />A: <span class=“adr”><br /><span class=“street-address”>L11, 100 Arthur St</span>, <span class=“locality”>North Sydney</span> NSW2060<br /></span><br />...<br />35<br />
  36. 36. hCard 1.0 - address<br />...<br />A: <span class=“adr”><br /><span class=“street-address”>L11, 100 Arthur St</span>, <span class=“locality”>North Sydney</span> <span class=“region” title=“New South Wales”>NSW</span> 2060Australia<br /></span><br />...<br />36<br />
  37. 37. hCard 1.0 - address<br />...<br />A: <span class=“adr”><br /><span class=“street-address”>L11, 100 Arthur St</span>, <span class=“locality”>North Sydney</span> <span class=“region” title=“New South Wales”>NSW</span> <span class=“postal-code”>2060</span><br /></span><br />...<br />37<br />
  38. 38. hCard 1.0 - address<br />...<br />A: <span class=“adr”><br /><span class=“street-address”>L11, 100 Arthur St</span>, <span class=“locality”>North Sydney</span> <span class=“region” title=“New South Wales”>NSW</span> <span class=“postal-code”>2060</span><br /> <span class=“country-name”>Australia</span><br /></span><br />...<br />38<br />
  39. 39. hCard 1.0 - address<br />...<br />A: <span class=“adr”><br /><span class=“street-address”>L11, 100 Arthur St</span>, <span class=“locality”>North Sydney</span> <span class=“region” title=“New South Wales”>NSW</span> <span class=“postal-code”>2060</span><br /> <span class=“mf-hide country-name”>Australia</span><br /></span><br />...<br />39<br />
  40. 40. hCard 1.0 - geo<br />...<br />A: <span class=“adr”>...</span><br /><span class=“geo”><br /><span class=“latitude”>-33.883121</span><br /><span class=“longitude”>151.130717</span><br /></span><br />...<br />40<br />
  41. 41. Microformat Specifications<br />People and Organisations<br />Calendars and Events<br />Opinions, Ratings and Reviews<br />Licenses<br />Tags, Keywords, Categories<br />Lists and Outlines<br />More...<br />41<br />
  42. 42. hCalendar 1.0<br /><div><br /><a href="http://..."><br />Brown Bag</a><br /> Consume Microformats: <br /> May 16 - 17, in the meeting room 12.2<br /></div><br />42<br />
  43. 43. hCalendar 1.0<br /><div class="vevent"><br /><a href="http://..."><br />Brown Bag</a><br /> Consume Microformats: <br /> May 16 - 17, in the meeting room 12.2<br /></div><br />43<br />
  44. 44. hCalendar 1.0<br /><div class="vevent"><br /><a class="url"href="http://..."><br />Brown Bag</a><br /> Consume Microformats: <br /> May 16 - 17, in the meeting room 12.2<br /></div><br />44<br />
  45. 45. hCalendar 1.0<br /><div class="vevent"><br /><a class="url" href="http://..."><br />Brown Bag</a><br /><span class="summary"><br /> Consume Microformats</span>: <br /> May 16 - 17, in the meeting room 12.2<br /></div><br />45<br />
  46. 46. hCalendar 1.0<br /><div class="vevent"><br /><a class="url" href="http://..."><br />Brown Bag</a><br /><span class="summary"><br /> Consume Microformats</span>: <br /><abbr class="dtstart" title="2011-05-16">May 16</abbr> - <abbr class="dtend" title="2011-05-17">17</abbr>, in the meeting room 12.2<br /></div><br />46<br />
  47. 47. hCalendar 1.0<br /><div class="vevent"><br /><a class="url" href="http://..."><br />Brown Bag</a><br /><span class="summary"><br /> Consume Microformats</span>: <br /><abbr class="dtstart" title="2011-05-16">May 16</abbr> - <abbr class="dtend" title="2011-05-17">17</abbr>, in the <span class="location">meeting room 12.2</span><br /></div><br />47<br />
  48. 48. hCalendar 1.0<br />Category<br />Description<br />dtend(ISO date), duration (ISO date)<br />Location<br />Geo (latitude, longitute)<br />Attendee, Contact, Organizer<br />48<br />
  49. 49. Dmitry Baranovskiy<br />http://http://www.flickr.com/photos/dmitry-baranovskiy/2401952999//<br />49<br />
  50. 50. Further Reading - online<br />http://www.microformats.org<br />http://microformats.org/wiki/hcard<br />http://microformats.org/wiki/geo<br />http://microformats.org/wiki/hcalendar<br />http://microformats.org/wiki/rel-license<br />http://microformats.org/wiki/rel-tag<br />50<br />
  51. 51. John Allsop – Microformats: Empowering Your Markup for Web 2.0<br />51<br />
  52. 52. Emily Lewis, TantekÇelikMicroformats Made Simplehttp://microformatsmadesimple.com/<br />52<br />

×