Showing posts with label Semantic Web. Show all posts
Showing posts with label Semantic Web. Show all posts

Wednesday, April 2, 2008

Web 3.0 ("Semantic Web") and Microformats Preview

Interested in previewing Web 3.0 technology?

Better yet, want to create your very OWN "Web 3.0-enabled" web page right now?

OK - then just follow along with these easy steps...

1) Get latest version of Firefox browser if you don't already have.

http://www.mozilla.com/en-US/

2) Get the "Tails" add-in which lets you view Microformats (data structures embedded in the XHTML behind the page).

https://addons.mozilla.org/en-US/firefox/addon/2240

3) Get a Blogger account or use one you already have to create a new post.

4) Go here, create an hCard for yourself (Personal Contact Info) and paste the HTML into your Blog:

http://microformats.org/code/hcard/creator

5) Go here, create an hCalendar for some future event of yours and paste the HTML into your Blog:

http://microformats.org/code/hcalendar/creator

6) Publish your blog page and open it up in Firefox. The Tails add-on will have a separate panel on the left side. You should see these Microformats displayed there.

Below are the visible entires for the hCard and hCalendar I created for this post. If you are viewing in Firefox and Tails, you should see the Microformat Tags on the left side right now (if not, see screen shot below).

You should be able to mouse over them and see options for easily exporting into your Contact mgmt program, your Calendar program, etc.

Here's a MicroFormat hCard:

Charles F Byrne
Early to Rise
245 NE 4th Avenue
Delray Beach, FL , 33444
USA

This hCard created with the hCard creator. End of hCard.

Here's a MicroFormat hCalendar

November 9th – 12th, 2008 ETR 2008 Bootcamp– at Delray Beach, Florida
This hCalendar event brought to you by the hCalendar Creator.

End of hCalendar
----------

And here's how it looks when you open up this very post in Firefox with Tails.

Note the yellow/orange tags on the left side.

There's our Microformatted data!

Hey, it's not much but this really works.

Here I've clicked on the hCalendar "export" and now I've got a dialog box opened up.

If I like, I can now import this event into my Outlook calendar, all with the click of the mouse.