/************************************************************/
/* 業務マニュアルブラウザ Version1.1                        */
/* README.txt                                               */
/* Copyright(c) 2015 DBC(WATANABE Kozo) All rights reserved.*/
/************************************************************/

【概要と注意】
X-TEA Modelerのコンテンツファイルに含まれる業務定義を、WEBブラウ
ザ上で「業務マニュアル」として表示するためのサーバサイドモジュー
ルです。

一部のブラウザでは利用できないうえ、セキュリティに関する厳密なチェ
ックもなされていないので、基本的にイントラネットでの利用が前提です。
必要ならばjavascriptを、イントラネット環境に合わせてカスタマイズし
てください。事前にAjaxのしくみを理解しておくことをお勧めします。

【モジュール構成】
基本となるＨＴＭＬファイル(.html)、スタイルシート(.css)、java-
script(.js)の３タイプのファイルを含みます。これらが職務一覧用、
業務一覧用、業務マニュアル用として提供されるため、以下の９ファ
イルで構成されます。

（職務一覧用）
・rolelist.html
・rolelist.css
・rolelist.js

（業務一覧用）
・tasklist.html
・tasklist.css
・tasklist.js

（業務マニュアル用）
・task.html
・task.css
・task.js

【基本的な利用方法】
１．イントラネットの管理者と相談しながら、上記の９個のファイルを
　　WEBサーバのフォルダ(例..../xtea)にアップロードする。

２．社内システムのＸＥＡＤコンテンツファイルの拡張子を".xead"から
　　".xml"に変更したうえで、同じフォルダにアップロードする。

　　例. xxxx.xead を xxxx.xml に変更して ..../xtea にアップロード

３．クライアント側のブラウザで次の例のようにURLを入力してページを
　　閲覧する

　　例..../xtea/rolelist.html?file=xxxx.xml
　　（フォルダが..../xteaでコンテンツファイルがxxxx.xmlの場合）

【応用編その１】
最初のページ（職務一覧）から展開される「職務(role)別業務一覧」の
ＵＲＬ（例..../xtea/tasklist.html?file=xxxx.xml&id=99）を、それ
ぞれの職務別メニューのヘルプキーにリンクさせることで、業務マニュ
アルをアプリケーションに連動できます。idの値はコンテンツファイル
上の職務定義のidと一致します。（上例ではid=99としてあります）

【応用編その２】
各機能定義の入出力フォームについては、規定名で画像ファイルを用意
すれば、ブラウザページ上でサムネイル表示されます。以下の手順で進
めてください。なお、.PNG形式ではなく、.GIFや.JPEG形式で画像を用意
したい場合には、task.js中に存在する".PNG"の文字列を該当形式名に置
き換えてください。なお、ファイルの拡張子を小文字で.png等とすると
画像表示されないことがあるので注意してください。

１．機能定義のＩＤ(一覧順)が"func1"、入出力フォーム定義のＩＤ
　　(一覧順)が"10"とすれば、"func1_10.PNG"の名前で入出力フォー
　　ム定義に対応する実画面のハードコピーの画像ファイルを用意し
　　てください。

２．それらをWEBサーバのフォルダのサブフォルダimages
　　(例..../xtea/images)にアップロードすれば、設計情報のパネル
　　イメージが示されていたブラウザページ領域に、ハードコピーイ
　　メージが表示されるようになります。（規定名の画像ファイルが
　　存在しない入出力定義については、通常の設計情報のイメージが
　　優先表示されます）

Ajaxモジュールとしては比較的単純なので、javascriptやスタイルシート
の勉強も兼ねて、いろいろとカスタマイズしてクールなページを作ってみ
てください。

以上
