Microformats

One of the buzzes in the web world at the moment is microformats (all part of this web 2.0 thingi). Basically microformats take the whole semantic web to the next level. Where valid markup uses correct tags to indicate headers, lists and tables, mircoformats use a combination of tags and class names to represent specific structured data.

The first 2 structures that this has been applied to are vcard & icalendar - the microformat equivalents are hcard and hcalendar. Formats also exist for reviews, resumes, relationships etc.

Microformats are a way of taking information that already exists and adding structure to allow the information to be parsed.

So whats the point? Imagine google indexing the site not just for plain text for for specific event information, being able to click on contact information or an event and adding it in your address book or calendar, clicking on an address and seeing it's location (and getting directions) from google maps?

The great thing is that it's not a lot of work to put things into this format. This is actually encapsulated in the official definition of microformats:

Designed for humans first and machines second, microformats are a set of simple, open data formats built upon existing and widely adopted standards.

I was able to convert the address in footer of the designIT site to a vcard with some simple re-formating.

<div class="vcard">
   <span class="fn org">designIT</span>
   <div class="adr">
     <span class="type">work</span>
     <span class="extended-address">10.01</span> <span class="street-address">365 Little Collins Street</span>
     <span class="locality">Melbourne</span>, <span class="region">Victoria</span>
     <span class="country-name">Australia</span> <span class="postal-code">3000</span>
   </div>
   P <span class="tel">
       <span class="type">work</span>
       <span class="value">+61 3 9913 0044</span>
     </span>
   <a class="email" href="mailto:info@designit.com.au">info@designit.com.au</a>
 </div>

The eZ publish Training & Certification in Sydney, Australia 4 - 6 December 2006 post was formatted using the hcalendar format and utilises embedded hcard information for the location.

Here is some more reading:

Tags:

Comments

Post a Comment

Popular posts from this blog

eZ Publish Admin Prototype extension

Following on from yesterdays post on checking out the eZ Admin Interface prototype I've created an extension that can be easily downloaded, installed and enabled. Download the extension from here Copy to your extension directory and untar: tar xzf admin2prototype.tgz Enable it in your admin siteaccess by editing settings/siteaccess/site_admin/site.ini.append.php and adding: [ExtensionSettings] ActiveAccessExtensions[]=admin2prototype Clear the cache To disable, simply remove the settings from step 3 above and clear the cache. Note: If you enable the extension via the admin interface (Setup -> Extensions) this will effect all site accesses including your front end ones.  Things to check out in the prototype: Lack of Shop and Design tabs - these are disabled by default in eZ Publish 4.3 Hidden right menu. Click on the [+] to expand Content menu (Left Hand side under Content, Users & Media Tabs) can be variably sized. Grab the bottom right hand corner an...
Read more

eZ Publish 5 Virtual Machine

One of the most common issues of newcomers to eZ Publish is the setup of a system suitable for running it. Without a correctly configured system in place they usually do not get beyond the installation process and abandon their evaluation before having experienced the product.  The eZ Publish puppet module is an attempt to codify the requirements  for running eZ Publish and provide a means for automatically creating a system suitable for running it - no more following a checklist of "setting up eZ Publish on XYZ". The eZ Publish 5 Virtual Machine can be found on github at  https://github.com/brucem/vagrant-puppet-ezpublish .   It combines Vagrant, VirtualBox & Puppet to generate a VM with the current eZ Publish community version (2013.4) installed and ready to be configured. The README.md  provides details of the requirements and how to use it. Vagrant is a system that  orchestrates the automatic creation and configuration of s...
Read more

eZ Publish Admin redesign - Dashboard = OpenSocial?

Image
In the preface to the current Admin interface specification the last paragraph caught my eye: A overview of user task need a dashboard , where she can follow here own content, approval and other tasks she might do on a regular basis. I recently saw a demo of the latest version of the bug tracking system JIRA 4.0 by Atlassian . It used an OpenSocial dashboard to allow users to customise their homepage to access and interact with information that was important to them.  The system not only displays JIRA widgets but any OpenSocial widgets (and those from other Atlassian products ). You can check out a video of it in action here and more information on how Atlassian is using OpenSocial here . What is OpenSocial? From the official site: OpenSocial defines a common API for social applications across multiple websites. With standard JavaScript and HTML, developers can create apps that access a social network's friends and update feeds. Google personal home page is an example o...
Read more