本文へジャンプ

System i スペシャリストが教えるV5 ちょっと、イイ話

第6回:WebFacing Tool

WebFacing Toolによる開発手順

  1. WSSDa (WebSphere Studio Site Developer Advanced)を起動
    WDScを導入したクライアントで、‘WebSphere Studio Site Developer Advanced’ を開始します。
  2. 新規プロジェクトの作成
    WSSDa上で ‘ファイル’ ⇒ ‘新規’ ⇒ ‘プロジェクト’ を選択します。
    新規プロジェクト ウィンドウが開くので ‘WebFacing プロジェクト’ を選択し、‘次へ’ ボタンを押します。
    以下のようなWebFacingプロジェクトのウィンドウが開くので、プロジェクト名に任意の名前を入力して ‘次へ’ ボタンを押します。
    プロジェクト名は主に開発ツール上で使用される名前ですので、開発者が分かりやすい名前にします。


  3. ‘変換する表示装置ファイル・ソース・メンバーの選択‘ ウィンドウが表示されます。

    1)  最初にWebFacingプロジェクトを開始した場合だけ、DDSソースの存在するSystem iの名前を登録します。
    2)  接続フィールドの右側にある、 ‘新規’ ボタンをクリックします。
    3)  ‘新規接続’ のウィンドウが表示されます。以下の項目を入力します。
    1. 接続名 : 任意(接続するSystem iの名前が分かるような名前を指定します)
    2. ホスト名  : CFGTCPのオプション12に指定したものと同じSystem iのIP上のシステム名を登録します。
      またはSystem iのIPアドレスを登録します。
    3. デフォルト・ユーザーID : System iに接続する際に使用するデフォルトのユーザー・プロフィールを指定します。
    以上を指定して、‘終了’ ボタンを押します。

  4. ‘ライブラリー・フィルター’ にDDSソース・ファイルの存在するライブラリー名を指定します。(*LIBLなども使用できます。)
    次に ‘リストのリフレッシュ’ ボタンを押します。(WDSc起動後、最初にSystem iに接続した場合、パスワード入力画面が表示されます。)
    指定したライブラリーが表示されます。ライブラリー名をクリックすると、下図のようにライブラリーに含まれるファイル一覧が表示されます。


  5. WebFacing ToolでWeb化したい、DSPFのソース・メンバーを含むファイルをクリックしてメンバー名を表示させます。
    変換したいDSPFのソース・メンバーを選択します。
    メンバー名を選択して ‘>>’ ボタンを押すと右側の欄に選択されたメンバーが追加されます。
    別のソース・ファイルにある場合には以上の操作を繰り返して、Web化対象となるDSPF ソース・メンバーを追加します。
    すべてのソース・ファイルが選択されたら、 ‘次へ’ ボタンを押します。


  6. ‘変換するUIMソース・メンバーの選択’ 画面が表示されます。
    UIMソースメンバーを変換する場合には上記4, 5と同じ操作で変換対象を選択します。
    選択が完了したら ‘次へ’ ボタンを押します。

  7. 以下のような‘CLコマンドの指定’ 画面が表示されます。


    この画面ではWebFacing Toolで変換したアプリケーションの第一画面を起動するための情報を入力します。
    WebFacing Toolでは、ここに入力した情報を使用してindex.htmlファイルを生成します。index.htmlには以下の情報に基づいてリンクが作成されます。
    1)  ‘コマンド・ラベル’ index.htmlに作成されるリンクの文字列に使用されます。
    2)  ‘CLコマンド’ index.html上に作成されたリンクをクリックすると、ここで指定されたCL、CLPがSystem i上で呼び出されます。ここで指定したCL、CLPからWebFacing ToolでWeb化した第一画面(初期メニュー画面)を起動します。
    上図ではindex.html上のリンクをクリックすると、System i上で DEMOK/K000CというCLPが呼び出され、K000Cが呼び出す初期メニュー(JSPに変換済み)がブラウザー上に表示されます。
    3)  ‘サインオンのプロンプト’ を選択した場合、index.htmlのリンクをクリックした後にlogon.htmlが表示され、画面にユーザー・プロフィール、パスワードを入力します。その後、指定したCL、CLPが入力したユーザー・プロフィールで実行されます。

    ‘指定値でサインオン’ を選択した場合は、logon.html画面をバイパスしてCL、CLPを開始することができます。この場合、この画面の‘ ユーザーID ’、‘ パスワード ’ 欄に指定した値がサインオン用に使用されます。
    4)  上記1)、2)、3)を入力した後に ‘ 追加 ’ ボタンを押します。 下行に登録情報が追加されます。(上図ではCALL IBM/TESTというプログラムを実行するためのリンクがすでに定義されています。)
    5)  以上を設定したら ‘ 次へ ’ ボタンを押します。

  8. 最後に変換するJSP画面のスタイルを選択します。
    デフォルトで複数のスタイルが定義されているので、変換に使用するスタイルを指定します。(スタイルはユーザー独自のカスタマイズも可能です。また、変換後にスタイルを変更することも可能です。)
    変換に使用するスタイルを選択したら、 ‘ 次へ ’ ボタンを押します。


  9. 以上ですべての指定は完了です。以下のページで ‘はい。プロジェクトを作成して、ここで続けて変換…’を選択し、‘ 終了 ’ ボタンを押すことでDSPFソース・ファイルからの変換が開始されます。(‘いいえ…’ を選択した場合はワークスペースに戻ります。後から変換を行うことが出来ます。)



  10. 前画面で ‘いいえ、ここでは…’ を選択して変換しなかった場合は、ワークスペースから ‘プロジェクト名’ ⇒ ‘DDS’ を選択して右クリックし、‘変換’ を実行します。


  11. 変換が完了すると、変換ログが表示されます。変換エラーがある場合などは内容をチェックします。以上でWebFacing Toolを使用したWebアプリケーションへの変換(作成)は全て完了です。