Try annotating parts of an image. Choose your image first (or play with the sample photo). Then select region, annotate it, and finally an RDF will be generated (examples). 画像の構成部分を説明するメタデータを生成してみましょう。まず、画像のURIを指定してください（あるいは、サンプル画像で遊んでみてください）。エリアを選択して、そこに注釈を付けていくと、最終的にRDFによるメタデータが出来上がります（例）。
Click 'Start selection' button to begin (load image first).
Click top-left corner of area 1. or 'done' to add whole image description.
Now click bottom-right corner ...
Click 'Get area coords' button, or click top-left again to restart for area 1.
Input title and description, 'Generate RDF', then 'Start new selection' (skip 'Generate RDF' if need to re-select area 1).
Describe whole image, and complete annotation by adding it to RDF.
Test RDF with online XSLT, or load new image.
Click 'Start new selection' to select another area.
Specify the image URI to annotate. You can select a local file via file system dialog.
最初に画像のURIを入力して、画像をロードしてください。ローカルのファイルでもウェブ上のものでも構いません（ローカルファイルの場合は、生成後にfoaf:Imageの主語URIを絶対URIに修正してください）。
Then click "Start selection" button to select a part of the image. Selection is done not by dragging, but by clicking top-left, and then clicking again at the bottom-right. Click "Get area coords" button when done. If you click the image without get area coords, you will re-select the area.
画像をロードするとエリアの選択が始まります。サンプル画像を使う場合は、"Start selection"ボタンでエリアの選択を開始してください。選択は「ドラッグ」ではなく、エリアの左上をクリックし、もう一度右下をクリックします。選択が終了したら"Get area coords"ボタンで座標を取得してください。座標を取得しない状態でもう一度画像をクリックすると、エリアの再選択となります。
Input the title and description of the area, then click 'Generate RDF' button. You can select another area by clicking 'Start selection' button.
選択したエリアのタイトルと説明を入力し、'Generate RDF'をクリックしてください。もう一度'Start selection'ボタンをクリックすると、別のエリアを追加選択できます。ここで、「エリアの説明」と「エリアに描かれているものの説明」の違いに注意してください。
Once all needed areas are described, then click 'done', and describe the whole image.
必要なエリアの選択と記述を終えたら、'Done'ボタンをクリックし、画像全体のタイトル、説明、作者などを記述します。
There are some examples of image area annotations and their XSLT/CSS presentation.
画像のエリアに注釈を加えたRDFと、それをXSLT/CSSでレンダリングしてみる例をいくつか挙げておきます。
Since these annotations are RDF/XML metadata, different presentaition is also possible with another stylesheet. The following is rendering example with special XSLT for voice browser (in Japanese).
これらの注釈はRDF/XMLのメタデータなので、違う形でレンダリングすることも可能です。例えば、画像の内容を音声読み上げで理解できるように工夫したXSLTを用いてみます。
Another example of different presentation. This time annotations are presented via XHTML image map.
あるいは、XHTMLのイメージマップに変換することもできます。
In this trial annotator, a property 'image:depicts' is used to describe what the region depicts. Although it is important to distinguish between the description of the region itself and that of what the region depicts, the property for that purpose is not defined. 'image:depicts' is one candidate from Jim Ley's vocabulary. Another possibility is 'foaf:regionDepicts', which is not yet defined, too.
ここでは、エリアに描かれているものを説明するプロパティとして'image:depicts'を用いています。エリアそのものの説明と、エリアが描くものの説明を区別することは重要ですが、後者のためのプロパティはまだ明確に定義されていません。'image:depicts'はその候補のひとつで、他には'foaf:regionDepicts'というプロパティも検討されています。このプロパティの用法は、将来変更する可能性があります。
In this trial annotator, the shape of the area is limited to 'Rectangle' in order to make it easy to use CSS. Jim Leys vocabulary also defines another shapes such as Circle, Polygon etc.
ここでは、CSSによるプレゼンテーションを容易にするために、エリアの形はRectangleのみを用いていますが、Jim Leyの語彙ではCircle, Polygonなど他のクラスも定義されており、もちろんこれらを用いた注釈も可能です。
For further discussion, see Note: Image description 2004 in this site.