Re: RDFa for HTML imagemap accessibility and clipart?

Ivan Herman wrote:
> 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.
> 

Sorry, I meant _: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