Image Annotator
Jan 18, 2005
This is a beautiful use of Javascript, RDF and XSLT to create a system that annotates images. Go to the image link to see the final result first. Take a look at the page source; you'll see that it is written in RDF, and specifically, a combination of three schemas: Dublin Core, FOAF and an Image schema. Now go to the image annotator itself to see how the RDF file was generated. Follow the instructions on the page and generate your own RDF. The page you are looking at is generated entirely in Javascript; you could download it and run it off your desktop (I did). The script generates the RDF you saw when you viewed the source. To actually view the image, you need to place the two associated stylesheets (available here and here and add a link to the the first at the top of the RDF file. I did this manually (here). The image can also be viewed in different formats - as an audio recording, as XHTML, as a Flash file - using different stylesheets. The Kanzaki site uses a server script to insert the associated stylesheet. I know this all looks complicated, but it's not; it's the same sort of thing I did here, and that Daniel Lemire did here. I'll explain it all in a paper sometime soon. But for now, here's the punchline: This is the future of learning objects. I'll have much, much more about this topic in the next twelve months.
Today: 2 Total: 11 [Share]