Re: RDFa for HTML imagemap accessibility and clipart?

Hi Dan,

I made a run at it; it is actually pretty close to Niklas' second 
version. What I guess you wanted to achieve was:

_:a a foaf:Person;
     foaf:name "Dan Brickley".
<#area> ex:depicts _:a.
<http://danbri.org> foaf:primaryTopic :_a.

According to the latest status of the group's discussions (not the 
syntax document as published, though), the following encoding does the 
trick:

<div instanceof="foaf:Person"
   property="foaf:name" content="Dan Brickley">
   <map name="da8bb51_b" id="da8bb51_b">
     <area id="area1"
       shape="POLY" coords="463,662,..."
       rev="foaf:primaryTopic" href="http://danbri.org/"/>
   </map>
   <span rev="foaf:depicts" resource="#area1"/>
   <img src="2169955372_503da8bb51_b.jpg"
      width="1024" height="770" usemap="#da8bb51_b"/>
</div>

The reason why a separate <span> is necessary is because for many use 
cases the special interpretation of @src is necessary, and does get a 
special usage in RDFa (essentially, it behaves like an @about). That is 
why the @rev and @resource pair could not be put on the <img> element. 
If, instead of <img> you had used something like <object>, for example, 
then you could also have

<div instanceof="foaf:Person"
   property="foaf:name" content="Dan Brickley">
   <map name="da8bb51_b" id="da8bb51_b">
     <area id="area1"
       shape="POLY" coords="463,662,..."
       rev="foaf:primaryTopic" href="http://danbri.org/"/>
   </map>
   <object data="2169955372_503da8bb51_b.jpg"
      width="1024" height="770" usemap="#da8bb51_b"
      rev="foaf:depicts" resource="#area1"
   />
</div>

which is, actually, quite nice!

Ivan




Dan Brickley wrote:
> 
> Hi folks
> 
> Digging out an old hack here, to see how it looks in the light of RDFa.
> 
> I'd like someone to explain to me how current RDFa could be used to 
> extract info from imagemap markup. I'll try to find out myself using the 
> .js parser, but I'm not currently intimate with the subtle details of 
> the spec.
> 
> HTML has a somewhat neglected notation for describing regions of images, 
> and associating them with links. Here's a picture of me markup up in 
> this way, using YokMap, a Shareware MacOSX imagemap editor:
> 
> http://danbri.org/2008/imagemap/real.html
> 
> The markup is small enough I'll include it inline here:
> 
> <map name="da8bb51_b" id="da8bb51_b">
> <area  shape="POLY"
> coords="463,662,450,633,441,604,433,573,429,561,431,542,431,531,439,503,446,487,465,460,476,435,486,407,500,382,511,363,528,348,543,315,549,301,581,288,629,279,652,275,668,275,681,263,693,257,710,250,706,248,700,240,697,221,696,204,691,198,688,186,691,173,693,167,693,158,697,146,699,135,706,128,702,123,709,113,710,104,722,101,723,93,742,93,756,92,766,86,767,93,778,85,803,82,803,88,813,89,813,95,826,104,842,113,853,123,864,145,871,160,879,172,875,176,881,184,879,190,882,199,879,213,877,222,869,229,866,234,859,256,853,267,866,282,875,284,923,283,936,284,941,290,948,295,962,301,969,310,977,328,986,338,990,350,1008,368,1015,373,1021,382,1012,526,1022,744,1007,741,982,721,962,732,949,731,947,767,517,767,520,759,488,720,475,697,466,681" 
> 
>   href="http://danbri.org/" />
> </map> <img  src="2169955372_503da8bb51_b.jpg"  width="1024" 
> height="770" usemap="#da8bb51_b" />
> 
> A few years ago, both in the FOAF project and as part of the EU 
> SWAD-Europe project some of us were experimenting with using this as 
> metadata in RDF, and as something that can be transformed and visually 
> presented with SVG.
> 
> The core imagemap markup just gives us a slot for an href on the area; 
> here I've put my homepage URI (also same as my OpenID URI). BTW I have 
> no idea what the current XHTML 2 and WhatWG/HTML5 folks have planned for 
> these elements. But I think this kind of markup has a lot of potential 
> for making images on the Web more automation friendly.
> 
> Here is a very basic XSLT by Max Froumentin that transforms
> the above markup into SVG, and shades out the background into pink:
> 
> http://danbri.org/2008/imagemap/imagemap2svg.xslt
> 
> SVG output is here: http://danbri.org/2008/imagemap/_output.svg
> 
> Here's an old screengrab of a big jumble of similar image fragments, 
> from RDF/SVG image annotation tools that Jim Ley. Also here's a 
> screenshot of Jim's SVG annotator in action, showing that such metadata 
> can be created easily in zero-install Web apps.
> http://rdfweb.org/images/foaf/faces-in-the-crowd.jpg
> http://rdfweb.org/images/foaf/codemo/sabrina-libby-nicole-codepiction.jpg
> 
> Right now I'm not sure exactly what triples we should be aiming for. I'd 
> like a way to say,
> 
> "this area of the image depicts the person who is the primaryTopic of 
> http://danbri.org/".
> 
> There were some #swig collaborations around this vocab a while back (see 
> links below), though I don't think the final vocab ever got uploaded to 
> http://www.w3.org/2004/02/image-regions  ... in a sense it doesn't 
> matter here, since if RDFa can be used freely with this markup, we 
> should be able to pick whichever RDF vocab is currently fashionable?
> 
> Any help RDFa-ifying http://danbri.org/2008/imagemap/real.html would be 
> much appreciated...
> 
> Why am I digging this up? Partly because it's time to revisit the 
> codepiction project, as a way of encouraging social-network-interop folk 
> to consider "evidence-based" as well as claim-based models. But that's 
> another story...
> 
> cheers,
> 
> Dan
> 
> 
> 
> related links:
> http://esw.w3.org/mt/esw/archives/000038.html
> http://www.kanzaki.com/docs/sw/img-annotator.html
> http://jibbering.com/svg/AnnotateImage.html
> http://www.w3.org/2001/sw/Europe/reports/dev_workshop_report_1/
> http://www.mindswap.org/2005/owl/digital-media
> http://www.bnowack.de/w3photo/
> http://www.bnowack.de/w3photo/pages/image_vocabs
> http://www.w3.org/2005/Incubator/mmsem/XGR-vocabularies/
> http://www.wasab.dk/morten/blog/archives/2007/12/09/authorization-by-codepiction 
> 
> 

-- 

Ivan Herman, W3C Semantic Web Activity Lead
Home: http://www.w3.org/People/Ivan/
PGP Key: http://www.ivan-herman.net/pgpkey.html
FOAF: http://www.ivan-herman.net/foaf.rdf