多面相XML(マルチルックス)

多面相XML(マルチルックス)を利用する手順は,概略次のようになる。

表示の対象となるXMLドキュメントをまず1つ用意する。 (→)
そのXMLドキュメントに対し多面的な表示をするスタイルシートを複数作成する。 (→)
それらをまとめて簡単にWebブラウザ(IE 5.0以上が必須)で表示するために, それらを統合するXMLファイル(multi-looks-main-1.xml)を作成する。 (→)
その中で基になるXMLドキュメントとスタイルシートのファイルとを, XLinkの記述方法を使って指定する。 (→)
multi-looks-main-1.xmlに対応するスタイルシートでは,ダイナミックHTMLを利用して,ある1つのスタイルシートをクリックしたら,対応するスタイルで表示させる。 (→)

以下に1つ1つの手順を簡単に追ってみる。

表示対象XMLファイルの作成

多面相XML(マルチルックス)を利用する場合には,まず, 表示とするXMLファイルを作成する。ここではそれを表示対象XMLファイルと呼ぶ。これはすでに作成されたXMLファイルでよい。

今回,サンプルとしては, というファイルである。 1つだけ用意する。

複数のスタイル(面相)ファイルの作成

表示対象XMLファイルに対し,複数個のスタイル(面相)を持ったスタイルシートを作成する。ここではそれらを面相XMLファイルと呼ぶ。これはすでに作成されたXML(XSLT)ファイルで良い。

今回のサンプルとして,

"xml-source.xsl" : XMLのソースにインデントを付けて表示
"xml-tree1.xsl" : 要素のネスと関係だけをインデントして表示
"xml-tree2.xsl" : 要素名と属性名だけを表示
"xml-dtd-1.xsl" : DTDの1つを表示
"xml-schema-1.xsl" : W3Cの作業案であるXML Schemaによる1つの表示
"xml-data-1.xsl" : W3Cのノート(案)であるXML-Dataによる1つの表示
"xml-xdr-1.xsl" : XML Data Reduced(XDR)による1つの表示
"xml-dcd-1.xsl" : W3Cの作業案であるDCDによる1つの表示
"xml-ddml-1.xsl" : W3Cの作業案であるDDMLによる1つの表示
"xml-xsc-1.xsl" : XSchemaによる1つの表示
"xml-rlx-1.xsl" : RelaxCoreによる1つの表示

というファイルを用意した。

基本台紙XMLファイルの作成

本題である多面相を実現するためのXMLファイルを作成する。ここではそれを基本台紙XMLファイルと呼ぶ。

基本台紙XMLファイルは,これまでに用意した表示対象XMLファイルと, 複数個(1つでも構わない)の面相XMLファイルの指定するXMLファイルである。

今回の場合, "multi-looks-main-1.xml" というファイルである。この中で具体的に指定する。指定する項目は, 次のとおりである。各項目について,タグの簡単な説明をしておく。

なお, メイン画面の図を, 見ながら確認していただきたい。

document-title : 多面相XMLファイルに対するタイトルを指定する。
document-header : 多面相インデクス部分の前にヘッダとして表示させたい内容を指定する。

HTMLで使用するいくつかのタグが使える。p,div,span,ul,ol,liなどである。
document-footer : 多面相インデクス部分の後にフッタとして表示させたい内容を指定する。

HTMLで使用するいくつかのタグが使える。p,div,span,ul,ol,liなどである。
caption-title : 多面相インデクスの1行目の左欄のタイトルを指定する。
caption-source : 多面相インデクスの1行目の中央欄のタイトルを指定する。
caption-source : 多面相インデクスの1行目の右欄のタイトルを指定する。
created-by : 多面相インデクス部分に載せる作成者情報を指定する。

属性指定で,URLを指定できる。

これまでの指定では, メイン画面の全般を見てきた。この図に対する基本台紙XMLファイルの中身は, 次のようになる。





<?xml version="1.0" encoding="UTF-16"?>

<?xml-stylesheet type="text/xsl" href="multi-looks-main-1.xsl"?>



<display-xml xmlns:xlink="http://www.w3.org/1999/xlink" >

  <head>

    <document-title>document-titleで指定</document-title>

    <document-header>

      <div style="background-color:lightblue; font-size:xx-small;

                  margin-top:0; margin-bottom:0; ">

        ここがヘッダ部分を表示する領域

      </div>

    </document-header>

    <document-footer>

      <div style="background-color:lightblue; font-size:small;

                  margin-top:0; margin-bottom:0; ">

        ここがフッタ部分を表示する領域

      </div>

    </document-footer>

    <caption-title>caption-titleで指定</caption-title>

    <caption-role>caption-roleで指定</caption-role>

    <caption-source>caption-sourceで指定</caption-source>

    <created-by hp-uri="http://www1.u-netsurf.ne.jp/~s-koba84/xml/xml-home.htm"

      >作成者情報(uriの指定も出来る)</created-by>

  </head>

  <xml-file  id="xml_1" 

      xlink:type="simple"

      xlink:href="test.xml"

      xlink:title="xlink:titleで指定"

      xlink:role="xlink:roeで指定"

  />

  <style-files>

    <file  id="xsl_s1"

      xlink:type="simple"

      xlink:href="test.xsl"

      xlink:title="xlink:titleで指定"

      xlink:role="xlink:roeで指定"

    />

  </style-files>

</display-xml>

この節で扱ったタグは, "display-xml"の子供である"head"の中に記述するものであることが分かる。

リンク関係の作成

表示対象XMLファイルについての情報と, 面相XMLファイルについての情報の指定について簡単に説明する。図とコードを適宜参照しながら読んでほしい。

これらの情報は,"xml-file"タグ及び"style-files"内の "file"タグに指定する。具体的な情報はそれぞれ,"xml-file"又は"file"にある属性として記述する。

id 属性 : 内部的に使用するID。文書内でユニークな名前を付けること。
xlink:type 属性 : XLinkでのタイプであり, "simple"を指定する。
xlink:href 属性 : 表示対象XMLファイルか, 面相XMLファイルを指定する。

面相選択インデックスでは,各面相情報の第4欄目(最右端) に表示する。第4欄をクリックすると,面相XMLファイルのソースリストを表示する。
xlink:title 属性 : リンク付けのタイトルを付ける。

面相選択インデックスでは,各面相情報の第2欄目に表示する文字列を指定する。第2欄をクリックすると,表示対象XMLファイルに対し面相XMLファイルスタイル化の結果を表示する。
xlink:role 属性 : リンク付けの役割を説明する。

面相選択インデックスでは,各面相情報の第3欄目に表示する文字列を指定する。

多面相XMLファイルの表示

さて, 基本台紙XMLファイルの指定が出来たら,そのスタイルシートを指定する。コードの2行目にあるスタイル指示の処理命令にある「href="ファイル名.xsl"」の所に実際のファイル名を設定する。多面相XML(マルチルックス)として提供するファイル名は, "multi-looks-main-1.xsl"である。そして,同一なディレクトリ又はリンク関係で指定したディレクトリにそれらのファイルを置く。

そしてWebブラウザ（IE 5.0)で, 基本台紙XMLファイルを開けば, の様な画面が出て,様々な面相での表示を見ることができるようになる。