Siebel .COM アプリケーション 設定ガイド バージョン6.0

Transcription

1 SIEBEL ebusiness APPLICATIONS SIEBEL.COM アプリケーション 設 定 ガイド SIEBEL JPA1-HR 年 3 月

2 Siebel Systems, Inc., 1855 South Grant St., San Mateo, CA Copyright 2000 Siebel Systems, Inc. All rights reserved. Published Printed in the United States of America 本 著 作 物 の 一 部 または 全 部 を Siebel Systems, Inc. の 事 前 の 同 意 および 書 面 による 許 可 なく 転 載 複 製 情 報 検 索 に 保 管 することは その 形 態 ( 複 写 写 真 磁 気 などの 記 憶 媒 体 を 含 みますがそれだけに 限 りませ ん ) を 問 わず 禁 じられています Target Account Selling Methodologies, Copyright 1996 Target Marketing International, Inc. All rights reserved. Siebel ebusiness Applications のフルテキスト 検 索 機 能 には Fulcrum Technologies とのライセンス 契 約 のもと 同 社 の 技 術 を 採 用 しており 著 作 権 は Fulcrum Technologies, Inc. およびその 使 用 許 諾 許 可 者 に 帰 属 しています Siebel Siebel のロゴ TrickleSync TSQ Universal Agent およびここで 参 照 したその 他 の Siebel 製 品 名 は Siebel Systems, Inc. の 商 標 であり 一 部 の 国 地 域 においては 登 録 商 標 である 可 能 性 があります Windows は Microsoft Corporation の 登 録 商 標 です これ 以 外 のすべての 製 品 名 マーク ロゴ 記 号 に 関 しても 各 々の 所 有 者 の 商 標 または 登 録 商 標 である 可 能 性 があります 合 衆 国 政 府 制 限 つき 権 利 国 防 総 省 連 邦 調 達 規 制 補 足 を 条 件 として 配 布 されたプログラム 補 助 プログラ ム 文 書 は DFARS "Commercial Computer Software and Commercial Computer Software Documentation" で 制 定 された 商 用 コンピュータソフトウェア であり プログラム 補 助 プログラム 文 書 のいかなる 使 用 複 製 および 公 開 は Siebel の 当 該 使 用 許 諾 契 約 に 含 まれている 制 限 に 従 うものとします その 他 すべての 合 衆 国 政 府 によるプログラム 補 助 プログラム 文 書 の 使 用 複 製 および 公 開 は Siebel の 当 該 使 用 許 諾 契 約 および FAR の (c) 項 Commercial Computer Software - Restricted Rights (1987 年 6 月 ) または FAR Rights in General Data Alternate III (1987 年 6 月 ) に 記 述 されている 制 限 に 従 うものとしま す 契 約 者 / 使 用 許 諾 付 与 者 は Siebel Systems, Inc. (1855 South Grant Street, San Mateo, CA 94402) です 所 有 権 情 報 Siebel Systems, Inc. は Siebel ebusiness Applications のオンラインヘルプ 中 に 記 載 されている 情 報 を 社 外 秘 とみなします 本 社 外 秘 文 書 は 以 下 の 条 項 と 条 件 のもとでのみ 入 手 ならびに 利 用 できます (1) 有 効 で お 客 様 が 同 契 約 書 の 条 項 に 拘 束 されることを 承 諾 されたものとするSiebel Systemsソフトウェア ライセンスサービス 契 約 書 (2) 本 書 に 含 まれる 著 作 ならびに 制 限 された 権 利 通 知

3 目 次 はじめに このマニュアルの 対 象 読 者 はじめに-2 このマニュアルの 構 成 はじめに-2 関 連 資 料 はじめに-3 Siebel テクニカルサポートへの 連 絡 はじめに-4 Siebel へのご 意 見 はじめに-5 第 1 章 Siebel.COM アプリケーション コンフィギュレータの 概 要 概 要 Siebel.COM アプリケーションと HTML シンクライアント システムの 主 なコンポーネント Siebel テンプレートについて ファイル 名 の 命 名 規 則 テンプレートの 種 類 Siebel タグについて コントロールと ID 間 のマッピング 単 独 タグとマルチパートタグ This タグ ネスティングと Siebel タグ Siebel Tools の Web エディタ Web アプリケーションの 設 定 の 概 要 COM アプリケーションの 設 定 COM アプリケーションの 実 装 Siebel.COM アプリケーション 設 定 ガイド iii

4 目 次.COM アプリケーションの 実 行 Siebel Web Engine による Web アプリケーションの 生 成 方 法 Siebel テンプレートのインターフェースの 作 成 方 法 第 2 章 Siebel.COM アプリケーションの 設 定 方 法 設 定 手 順 の 概 要 設 定 の 7 つのフェーズ フェーズ 1 専 用 クライアントを 使 用 した.COM アプレットと ビューの 作 成 フェーズ 2 各 アプレットとビューの 正 しいテンプレートへの 関 連 付 け フェーズ 3 テンプレートを 必 要 に 応 じて 変 更 した 企 業 イメージの 作 成 フェーズ 4 コントロールとテンプレート 間 のマッピングの 確 立 フェーズ 5 レポジトリの 変 更 内 容 の.SRF ファイルへのコンパイル フェーズ 6 アプリケーションのテスト フェーズ 7 アプリケーションの 実 装 第 3 章 設 定 上 のその 他 の 重 要 ポイント グラフィックスの 操 作 グラフィックスの 追 加 グラフィックスファイル 用 のディレクトリの 作 成 Web アプリケーションのパーソナライゼーション Siebel ebriefings による Web コンテンツの 管 理 コントロールのレイアウトと 書 式 のカスタマイズ SWE でカスタム HTML タイプを 使 用 する 場 合 書 式 の 詳 細 について 例 Siebel esmartscript によるデータの 動 的 な 取 り 込 み アプリケーションへのソート 機 能 の 追 加 例 iv Siebel.COM アプリケーション 設 定 ガイド

5 目 次 セキュリティに 関 する 検 討 事 項 セキュリティが 確 立 されているビュー 明 示 的 なログイン LDAP (Lightweight Directory Access Protocol) 認 証 定 義 済 みクエリー Dynamic Drilldown Web スクリプト Web スクリプトの 使 用 WebApplet オブジェクトがサポートしているイベント アップロード 可 能 な 添 付 ファイル 設 定 した.COM アプリケーションのアップグレード 第 4 章 6.0 より 前 のバージョンの Siebel からの HTML アプリケーションの 移 行 この 章 について アプリケーションの 移 行 時 期 の 検 討 レポジトリのアップグレード レポジトリベースの 表 示 オブジェクトの 設 定 とテンプレートへの 関 連 付 け テンプレートの 移 行 カスケードスタイルシート カスタムコントロールと 書 式 の 移 行 アプリケーションの 設 計 より 前 のオブジェクトの 6.0 への 移 行 専 用 クライアントと HTML シンクライアント 間 の 類 似 性 を 高 める 新 しいオブジェクトのドキュメント 化 JavaScripts の 使 用 View Bar Page Tab およびバナー 要 素 の 移 行 View Bars と Page Tabs Siebel.COM アプリケーション 設 定 ガイド v

6 目 次 ユーザーに 関 する 情 報 のバナーへの 表 示 Applet Template ファイルと View Web Template ファイルの 設 計 第 5 章 Siebel テンプレートとタグのリファレンス この 章 について Siebel テンプレート ビューテンプレート アプレットテンプレート Siebel タグ swe:applet swe:control swe:for-each swe:for-each-row swe:form swe:include swe:pageitem swe:pdq swe:screenbar swe:screenlink swe:screenname swe:scripts swe:this swe:viewbar swe:viewlink swe:viewname 第 6 章 トラブルシューティング 問 題 と 解 決 策 後 続 のユーザーがログオンできない ユーザー 数 が 多 いとパフォーマンスが 低 下 する 付 録 A Siebel テンプレートの 索 引 ( アルファベット 順 ) この 付 録 について A-2 Siebel テンプレート A-2 vi Siebel.COM アプリケーション 設 定 ガイド

7 目 次 付 録 B Web 関 連 のオブジェクトとプロパティの 要 約 この 付 録 について B-2 新 しい Web 関 連 のオブジェクトタイプ B-2 Web 関 連 プロパティ B-4 Applet Web Templates と Web Pages で 使 用 するコントロールで サポートされている 汎 用 メソッド B-6 Web コントロール B-8 Type コントロールプロパティ B-9 設 定 パラメータ B-10 Siebel.COM アプリケーション 設 定 ガイド vii

8 目 次 viii Siebel.COM アプリケーション 設 定 ガイド

9 はじめに このマニュアルの 対 象 読 者 はじめに-2 このマニュアルの 構 成 はじめに-2 関 連 資 料 はじめに-3 Siebel テクニカルサポートへの 連 絡 はじめに-4 Siebel へのご 意 見 はじめに-5 Siebel.COM アプリケーション 設 定 ガイド はじめに- 1

10 はじめに このマニュアルの 対 象 読 者 このマニュアルの 対 象 読 者 0 このマニュアルでは Siebel.COM アプリケーションの 設 定 に 関 するすべての 事 柄 について 説 明 します このマニュアルは 以 下 の 方 々を 対 象 としています Siebel アプリケーション 開 発 者 Siebel.COM アプリケーション コンフィギュレータ Siebel アプリケーションの 計 画 導 入 および 設 定 を 行 う 担 当 者 通 常 Siebel Tools に 精 通 している 情 報 サービス 部 門 のスタッフが 担 当 Siebel HTML シンクライアントアーキテクチャを 使 用 して.COM アプリケーションの 設 定 を 行 う 担 当 者 Siebel.COM アプリケーションコンフィギュレータは HTML アプリ ケーションの 開 発 に 精 通 している 必 要 がある このマニュアルの 構 成 0 このマニュアルでは Siebel.COM アプリケーションを 開 発 する 際 に 必 要 となる 情 報 を 提 供 します このマニュアルは 次 の 各 章 で 構 成 されています 第 1 章 Siebel.COM アプリケーション コンフィギュレータの 概 要 - Siebel.COM アプリケーションの 設 定 方 法 の 概 要 について 説 明 します 第 2 章 Siebel.COM アプリケーションの 設 定 方 法 - Siebel.COM アプリケー ションの 設 定 に 関 する 詳 細 手 順 について 説 明 します 第 3 章 設 定 上 のその 他 の 重 要 ポイント - コンフィギュレータが 知 っておく べきその 他 の 重 要 ポイントについて 説 明 します 第 4 章 6.0 より 前 のバージョンの Siebel からの HTML アプリケーションの 移 行 - HTML アプリケーションを Siebel より 前 のバージョンか ら 移 行 する 方 法 について 説 明 します 第 5 章 Siebel テンプレートとタグのリファレンス - Siebel のテンプレートと タグのリストをリファレンスとして 使 用 できます 第 6 章 トラブルシューティング - Siebel.COM アプリケーションの 設 定 時 の トラブルシューティングに 役 立 つ 情 報 を 提 供 します はじめに- 2 Siebel.COM アプリケーション 設 定 ガイド

11 はじめに 関 連 資 料 付 録 A Siebel テンプレートの 索 引 ( アルファベット 順 ) - Siebel のすべてのテ ンプレートをアルファベット 順 で 紹 介 しています 付 録 B Web 関 連 のオブジェクトと プロパティの 要 約 - Siebel Tools の HTML 関 連 のオブジェクトとプロパティについて 説 明 します 関 連 資 料 0 次 のマニュアルでも このマニュアルで 扱 っているトピックの 説 明 を 参 照 するこ とができます Siebel クライアントのインストールおよび 管 理 ガイド Siebel アプリケーション 管 理 ガイド Siebel Tools ガイド Siebel リリースノート Siebel システム 用 件 とサポートされているプラットフォーム Siebel サーバー 管 理 ガイド Siebel スマートスクリプトガイド Siebel Object Interfaces Reference Siebel ebriefings Guide このマニュアルは Siebel.COM アプリケーションを 設 定 するときに 使 用 できる ようになっています このマニュアルでは レコードやクエリー あるいは Windows の 使 い 方 など ソフトウェアに 関 する 一 般 的 な 概 念 については 説 明 していません また Siebel アプリケーションの 基 本 的 な 操 作 方 法 については 説 明 していません このような Siebel アプリケーションについての 説 明 は Siebel 基 本 操 作 ガイド を 参 照 して ください マーケティング 管 理 者 コールセンター 管 理 者 アプリケーション 開 発 者 などの 管 理 者 や 開 発 者 は Siebel アプリケーション 管 理 ガイド も 読 み Siebel アプリ ケーションの 機 能 のセットアップや 保 守 方 法 についても 理 解 する 必 要 があります Siebel Technical Servicesおよび Professional Servicesについては Guide to Siebel Global Services を 参 照 してください Siebel.COM アプリケーション 設 定 ガイド はじめに- 3

12 はじめに Siebel テクニカルサポートへの 連 絡 これらのマニュアルを 入 手 する 場 合 は Siebel Books Online をご 利 用 ください Siebel Books Online には Siebel Systems 社 の Web サイト ( の Worldwide Services からアクセスできます こ こでは その 他 のマニュアルや Bookshelf for Siebel ebusiness Applications (CD- ROM 版 ) をご 注 文 頂 けます Siebel アプリケーションの 使 用 については Siebel オンラインヘルプでも 参 照 で きます Siebel テクニカルサポートへの 連 絡 0 Siebel テクニカルサポートのご 利 用 方 法 をご 存 知 ですか まず サポートを 受 け るための 要 件 を 理 解 することが 重 要 です これにより 最 も 素 晴 らしい 成 果 を 得 ることができます ご 不 明 な 点 がある 場 合 は ぜひお 問 い 合 せください Siebel 製 品 についての 理 解 を 最 大 限 に 深 めて 投 資 収 益 を 上 げるには 次 のよう な 方 法 があります Siebel のトレーニングを 受 講 して 指 定 担 当 者 となる 必 要 があります トレーニングされた 指 定 担 当 者 がユーザーにテクニカルサポートを 提 供 しま す テクニカルサポートは この 指 定 担 当 者 のみにサポートを 提 供 します 次 のような 方 法 でサポートを 効 果 的 にかつ 迅 速 に 提 供 し 問 題 に 対 処 できるよう にしています Siebel テクニカルサポートは 主 に Web ベースで 提 供 され Siebel SupportWeb ( からアクセスできます 新 しいサー ビスリクエストがある 場 合 は SupportWeb にご 登 録 ください SupportWeb で は 解 決 策 のナレッジベースを 検 索 することもできます 指 定 担 当 者 には SupportWeb への 読 み 込 み / 書 き 込 みアクセス 権 が 与 えられま す プロジェクトチームのその 他 のメンバー 全 員 には 読 み 込 み 専 用 アカウ ントが 与 えられ ナレッジベースのサポートを 受 けることができます はじめに- 4 Siebel.COM アプリケーション 設 定 ガイド

13 はじめに Siebel へのご 意 見 Siebel トレーニングに 登 録 するには siebeluni_jpn.html にアクセスして Siebel University トレーニングコース を 選 択 してください これまでの 説 明 に 関 してのご 質 問 は 次 の Siebel テクニカ ルサポートまでお 問 い 合 せください ebusiness をご 利 用 のお 客 様 : siebelsupport-jp@oracle.com 米 国 : または ロンドン : 東 京 : ( 代 表 ) ミュンヘン : シンガポール : ( 代 表 ) 技 術 的 な 問 題 やアップデートに 関 する 質 問 は Siebel SupportWeb にご 連 絡 くださ い ( SupportWeb アカウントがない 場 合 は ここで 示 した 各 アドレスに 電 子 メールでご 連 絡 ください Siebel テクニカル サポートがお 役 に 立 てることを 願 っています Siebel へのご 意 見 0 Siebel では 今 後 リリース 予 定 のバージョンに 反 映 させるため 修 正 すべき 点 ま たは 不 明 な 箇 所 など お 客 様 からのご 意 見 をお 待 ちしております ご 意 見 をお 寄 せいただく 際 には 次 の 情 報 をお 知 らせください このマニュアルのタイトルとバージョン お 名 前 会 社 名 部 署 または 役 職 電 話 番 号 電 子 メールアドレス 郵 便 または 電 子 メールをご 利 用 ください 連 絡 先 は 次 のとおりです Siebel Systems, Inc. Technical Publications Department 1855 South Grant Street San Mateo, CA doc@siebel.com ご 意 見 ご 感 想 をお 待 ちしております Siebel.COM アプリケーション 設 定 ガイド はじめに- 5

14 はじめに Siebel へのご 意 見 はじめに- 6 Siebel.COM アプリケーション 設 定 ガイド

15 Siebel.COM アプリケーション コンフィギュレータの 概 要 1 概 要 Siebel.COM アプリケーションと HTML シンクライアント システムの 主 なコンポーネント Siebel テンプレートについて ファイル 名 の 命 名 規 則 テンプレートの 種 類 Siebel タグについて コントロールと ID 間 のマッピング 単 独 タグとマルチパートタグ This タグ ネスティングと Siebel タグ Siebel Tools の Web エディタ Web アプリケーションの 設 定 の 概 要 COM アプリケーションの 設 定 COM アプリケーションの 実 装 COM アプリケーションの 実 行 Siebel Web Engine による Web アプリケーションの 生 成 方 法 Siebel テンプレートのインターフェースの 作 成 方 法 Siebel.COM アプリケーション 設 定 ガイド 1-1

16 Siebel.COM アプリケーション コンフィギュレータの 概 要 概 要 概 要 このマニュアルでは Siebel.COM アプリケーションの 設 定 に 関 するすべての 事 柄 について 説 明 します Siebel Web Engine テンプレート タグに 関 する 情 報 と Siebel.COM アプリケーションの 設 定 プロセスのすべてのフェーズを 紹 介 し ます A Siebel では Siebel.COM アプリケーションの 外 観 と 操 作 性 を 企 業 内 の Web サイ トに 一 致 させるツールを 提 供 しています 社 内 の Web サイトの 構 築 と 設 定 に 使 用 されている 同 じ HTML 開 発 ツールを 使 用 できます Siebel.COM アプリケーションを 開 発 するには Siebel Tools に 精 通 していて ビ ジネスオブジェクト ビジネスコンポーネント ビュー アプレットなど Siebel アーキテクチャの 概 念 を 理 解 している 必 要 があります これらの 概 念 を 十 分 に 把 握 していない 場 合 は Siebel Tools の 次 のマニュアルを 参 照 してください Siebel Tools ガイド Siebel Object Types Reference また HTML アプリケーションの 開 発 にも 精 通 している 必 要 があります Siebel.COM アプリケーションと HTML シンクライアント Siebel.COM アプリケーションは Siebel オブジェクト 定 義 に 基 づいて Web アプ リケーションを 開 発 および 実 装 できるようになる HTML シンクライアントと いうテクノロジをベースに 構 築 されています HTML シンクライアントテクノ ロジでは 次 のことを 実 行 できます A Siebel Database のデータを 含 む 動 的 に 生 成 した Web ページの 表 示 Siebel Database へのデータの 追 加 ユーザが 標 準 のSiebel 専 用 クライアントで 実 行 している 可 能 性 があるクエリー やソートなどの 操 作 の 実 行 1-2 Siebel.COM アプリケーション 設 定 ガイド

17 Siebel.COM アプリケーション コンフィギュレータの 概 要 Siebel.COM アプリケーションと HTML シンクライアント Web アプリケーションとサーバー 側 のさまざまなコンポーネント 間 で 連 係 動 作 が 行 われるため HTML シンクライアントは Application Object Manager Database Server および Web Server を 含 んでいる 大 規 模 なシステムの 一 部 として 機 能 します 図 1-1 に Web アプリケーションと HTML シンクライアントのアーキテクチャ を 示 します Webブラウザ Webアプリケーション ( 生 成 されたHTMLページ) Web Server Siebel Web Server Extension Siebel Server Siebel アプリケーション 定 義 (.srf) Application Object Manager Siebel Web Engine テンプレート データベース 灰 色 のボックスは HTMLシンクライア ントコンポーネント を 示 す 図 1-1 Web アプリケーションと HTML シンクライアントのアーキテクチャ Siebel.COM アプリケーション 設 定 ガイド 1-3

18 Siebel.COM アプリケーション コンフィギュレータの 概 要 Siebel.COM アプリケーションと HTML シンクライアント システムの 主 なコンポーネント このシステムの 主 なコンポーネントを 次 に 示 します A Siebel タグ Siebel が 開 発 したタグのライブラリで 各 タグは 標 準 の HTML ファイルに 埋 め 込 むことができます タグは Siebel 固 有 のコンテンツ 用 のプレースホル ダです タグは ビュー アプレット またはスクリーンバーなどのコント ロールや 他 のユーザーインターフェースオブジェクトを Siebel テンプレート に 挿 入 するプレースホルダとして 使 用 します タグは 反 復 子 タグの 場 合 の ように アルゴリズムに 従 ってレイアウトを 制 御 するのにも 使 用 できます Siebel テンプレート HTML タグと Siebel タグの 両 方 を 含 んでいる HTML ページです テンプレー トは Siebel Tools で 作 成 したオブジェクトのレイアウトと 書 式 を 提 供 します Siebel Web Server Extension Web Server 内 部 で 実 行 されるライブラリで ユーザーリクエストを Application Object Manager のサービスに 転 送 します Siebel Web Engine Siebel テンプレートのインタープリタです Siebel Server 内 のこのサービス は アプリケーションのユーザーインターフェースを 構 成 する HTML ページ を 動 的 に 生 成 します Application Object Manager データベースと Siebel Web Engine 間 で Siebel オブジェクト 定 義 とデータを 渡 すコンポーネントです これらのオブジェクト 定 義 は アプリケーションロ ジックと ユーザーがデータベースとやり 取 りするための 機 能 を 提 供 します 1-4 Siebel.COM アプリケーション 設 定 ガイド

19 Siebel.COM アプリケーション コンフィギュレータの 概 要 Siebel テンプレートについて Siebel テンプレートについて Siebel テンプレートは ユーザーインターフェース ( ビュー アプレット およ びコントロール ) の 要 素 のレイアウトと 書 式 を 定 義 する 特 殊 な HTML ファイル です 専 用 クライアントのアプリケーションのレイアウトと 書 式 は ユーザーの デスクトップ 上 のクライアントアプリケーションで 定 義 されるため この 定 義 を 必 要 としません しかし Web ブラウザは ページのレイアウトと 書 式 を 定 義 するのに HTML を 必 要 とします Siebel Web Templates は アプリケーションの レポジトリ 定 義 内 の Siebel オブジェクトを 表 示 するときに この HTML レイア ウト 情 報 を Siebel Web Engine に 提 供 します テンプレートで HTML アプリケーションのレイアウトと 書 式 を 定 義 している 間 に Siebel Tools でアプリケーションの 定 義 が 実 行 されます アプリケーション の 開 発 を 開 始 する 前 に Siebel Tools の 使 用 方 法 を 理 解 しておく 必 要 があります また この 章 で 説 明 している.COM アプリケーションのアーキテクチャ 全 体 も 理 解 しておく 必 要 があります たとえば アプレットを.COM アプリケーショ ンの 既 存 のビューに 追 加 する 場 合 Siebel Tools を 使 用 してアプレットを 作 成 し 既 存 のビューに 関 連 付 けられているテンプレート 内 の Siebel Applet タグにこの 新 しいアプレットをマップする 必 要 があります Siebel Web Engine には Siebel の.COM アプリケーションのレイアウトと 書 式 を 定 義 している 一 連 のテンプレートが 含 まれています デフォルトのテンプレート を 修 正 して 社 内 の Web サイトの 外 観 と 操 作 性 を 取 り 入 れることも 完 全 に 新 し いテンプレートを 作 成 することもできます Siebel テンプレートでは 有 効 な HTML を 使 用 する 必 要 があります Siebel Web Engine によってすでに 生 成 されて いる JavaScript 以 外 はできるかぎり 使 用 しないでください テンプレートは 空 の 容 器 のようなものです Siebel Tools 内 で 定 義 されている ビュー アプレット コントロール および 他 のオブジェクトとテンプレートを 関 連 付 けることで データとユーザーインターフェース 要 素 を 入 れることができ ます ビュー アプレット またはコントロールごとに レポジトリ 定 義 をテン プレート 内 のプレースホルダにマップします たとえば 3 つのアプレットを 伴 う View オブジェクトがあるとします この 場 合 View Template をビューと 関 連 付 け 各 アプレットをそのテンプレート 内 のプレースホルダにマップします A Siebel.COM アプリケーション 設 定 ガイド 1-5

20 Siebel.COM アプリケーション コンフィギュレータの 概 要 Siebel テンプレートについて Siebel Web Templates の 重 要 な 機 能 の 一 つは レポジトリ 内 の 複 数 のオブジェク ト 間 でテンプレートを 共 有 できることです テンプレートにはプレースホルダし か 含 まれていないため 任 意 の 数 のレポジトリオブジェクトを 特 定 のプレースホ ルダにマップできます これにより 1 つのテンプレートを 変 更 するだけで ス タイルまたは 構 造 的 な 変 更 を 多 くのユーザーインターフェース 要 素 に 適 用 できま す 標 準 的 な.COM アプリケーションは 5 ~ 50 個 のテンプレートを 含 んでい て 数 百 あるビューやアプレットの 基 盤 となります たとえば 標 準 のリストア プレットのレイアウトと 書 式 を 定 義 しているテンプレートは アプリケーション 内 のすべてのリストアプレットのレポジトリ 定 義 間 で 共 有 できます テンプレートの 再 利 用 性 をさらに 高 められるように Siebel Web Engine は レポ ジトリにマップされていないテンプレートのプレースホルダをスキップします プレースホルダがマップされていない 場 合 プレースホルダと プレースホルダ を 定 義 している Siebel タグ 間 に 含 まれている HTML は 無 視 されます たとえば テンプレートに 10 個 のカラム 幅 のリストアプレットのレイアウトが 含 まれてい て そのうち 2 個 のカラムだけがマップされている 場 合 8 個 のカラムは 無 視 さ れます.COM アプリケーションを 変 更 するには まず 専 用 クライアントでアプリケー ションを 設 定 およびテストします ビューとアプレットが 予 想 どおりに 動 作 して いる 場 合 は 使 用 する 適 切 なテンプレートを 識 別 し レポジトリ 項 目 をテンプ レートにマップして そのテンプレートが Siebel Web Engine を 通 じて 提 示 され るようにします ファイル 名 の 命 名 規 則 命 名 規 則 により Siebel テンプレートには.SWT 拡 張 子 が 付 きます たとえば ファイル 名 は CCPageContainer.SWT や CCHomePageView.SWT のようになり ます Siebel が 推 奨 するこの 規 則 は Siebel Web Template の 頭 文 字 を 取 ったも のです この 命 名 規 則 に 従 う 必 要 はありません どのような 名 前 を 付 けても Siebel Web Engine は 正 しくファイルを 認 識 および 解 釈 します ただし Siebel ファイル 名 に.SWT 拡 張 子 を 使 用 すると 他 のファイルと 簡 単 に 区 別 できるようになります A 1-6 Siebel.COM アプリケーション 設 定 ガイド

21 Siebel.COM アプリケーション コンフィギュレータの 概 要 Siebel テンプレートについて テンプレートの 種 類.COM アプリケーション 用 に 変 更 するテンプレートは テンプレートの 目 的 やテ ンプレートの 内 容 に 従 って 複 数 のグループに 分 類 されます 各 テンプレートの 説 明 と 例 については 第 5 章 Siebel テンプレートとタグのリファレンス で 説 明 します A ビューテンプレート ビューを 表 示 するのに 使 用 します アプレットや 他 のページレベルのコント ロールのビュー 上 でのレイアウトと ビューの 書 式 を 指 定 します アプレットテンプレート アプレットのフィールドとコントロールのレイアウトを 指 定 します また アプレット 内 の 要 素 の 書 式 も 指 定 します アプレットには 複 数 のモードを 持 たせることができます モードの 種 類 を 次 に 示 します Base: データの 表 示 は 行 えるが 編 集 は 行 えない 読 み 取 り 専 用 モード ビューは デフォルトでは Base モードで 表 示 されます Edit: 既 存 のレコードを 編 集 するためのモード New: 新 しいレコードを 作 成 するためのモード Query: query-by-example (QBE) を 実 行 できるようにするモード 各 モードには 対 応 するテンプレートがあります Edit モードのテンプレー トなど 多 くのアプレットで 共 有 できるテンプレートもあります Web ページテンプレート ログインページやエラーページなど アプレットやビューコンテキスト 内 に 含 まれないページ 用 のテンプレート ページコンテナテンプレート ビューテンプレート 用 のコンテナページとして 使 用 ページコンテナの 主 な 目 的 は アプリケーション 全 体 の 構 造 を 提 供 することです アプリケーショ ンごとに 1 つのページコンテナがありますが それを 使 用 しないように Web ページテンプレートにフラグを 付 けることもできます ( たとえば ログイン ページではページコンテナを 使 用 できないようにする 場 合 など ) Siebel.COM アプリケーション 設 定 ガイド 1-7

22 Siebel.COM アプリケーション コンフィギュレータの 概 要 Siebel タグについて 書 式 テンプレート 特 殊 なコントロール リスト 項 目 およびページ 項 目 など 独 自 の HTML タ イプを 作 成 できるようにするテンプレート これらのテンプレートには 拡 張 子.SWF (Siebel Web Format) が 付 きます.SWF ファイルの 詳 細 については 3-4 ページの コントロールのレイアウトと 書 式 のカスタマイズ を 参 照 し てください Siebel タグをまったく 含 んでいないページをアプリケーションに 入 れることもで きます たとえば バージョン 情 報 というヘルプページを 入 れることができ ます このページは 定 義 上 テンプレートではありません Siebel タグについて Siebel タグは テンプレートファイルに 挿 入 する 特 殊 なタグです これらのタグ は レポジトリに 定 義 されているオブジェクトが ユーザーの Web ブラウザで 表 示 される 最 終 的 な HTML ページでどのようにレイアウトおよび 書 式 化 される かを 定 義 します A.COM アプリケーションの 設 定 プロセスでは レイアウトと 書 式 化 の 手 順 は ア プリケーション 定 義 やデータへのバインド 手 順 から 切 り 離 されています アプリ ケーションでのコントロールのレイアウトと 書 式 は Siebel タグを 使 用 して 決 定 します コントロールと ID 間 のマッピング.SWT テンプレートファイルは レポジトリ 内 の 特 定 のコントロールへの 参 照 は 含 んでいません その 代 わりに プレースホルダタグでレイアウトとスタイルを 指 定 します Web ページに Web ページ 項 目 を 配 置 する Siebel タグの 例 を 次 に 示 します 他 の Siebel タグを 使 用 して ビューバー アプレット またはコント ロールなどの 項 目 を Web ページに 配 置 することもできます <swe:pageitem id="1" property="formattedhtml"/> A 1-8 Siebel.COM アプリケーション 設 定 ガイド

23 Siebel.COM アプリケーション コンフィギュレータの 概 要 Siebelタグについて このタグを 処 理 して 最 終 的 な HTML を 生 成 するには Siebel Web Engine で 次 の ことを 実 行 します 1 現 在 の Web ページ 内 の Web ページ 項 目 のプロパティのうち 項 目 ID が 1 に なっているものがあるかどうかをコンパイル 済 みの.SRF ファイルで 調 べま す 1 は テンプレートファイルオブジェクトとレポジトリオブジェクト 間 のマッピングを 示 します 2 このレポジトリオブジェクトの 書 式 化 された HTML を テンプレートファイ ル 内 の 抽 象 的 なプレースホルダの 代 わりに 表 示 します 図 1-2 は 新 しい 担 当 者 を 追 加 するためのリンクとしてイメージを 表 示 するとき に コントロールと ID 間 のマッピングがどのように 機 能 するかを 示 していま す この 例 は 一 般 的 なポイントを 示 していますが 実 際 の 実 装 では HREF が このとおりになるわけではありません 適 切 なコントロールとテンプレートマッ ピングを 作 成 すれば Siebel Web Engine によって メソッド NewRecord を 正 し いコンテキストで 実 行 する URL が HREF 部 分 に 構 築 されます アプレットの.swtファイル... <swe:control id="1" property="formattedhtml"> <img scr="images/new_contact.gif" width="14" height="14"> </swe:control>... Control 1 Properties: Method: NewRecord Type: Link レポジトリの Control サーバーの HTML 出 力... <a href="start.swe?swecmd=newrecord> <img src="images/new_contact.gif" width="14" height="14"> </a>... 図 1-2 コントロールと ID 間 のマッピング Siebel.COM アプリケーション 設 定 ガイド 1-9

24 Siebel.COM アプリケーション コンフィギュレータの 概 要 Siebel タグについて 単 独 タグとマルチパートタグ 単 独 タグとマルチパートタグは SGML の 基 本 言 語 の 一 部 であるため ここで はこのマニュアルで 使 用 している 概 念 と 用 語 のみを 紹 介 します Siebel は 単 独 タグとマルチパートタグを 標 準 的 な 方 法 で 使 用 します 単 独 タグは タグ 名 と 同 じタグ 内 にタグ 終 了 スラッシュを 含 んでいるタグです 単 独 タグには 子 の 要 素 はありません 単 独 タグの 例 を 次 に 示 します <swe:pageitem name="value"/> マルチパートタグの 例 を 次 に 示 します このタグにはタグ 終 了 スラッシュはあり ません <swe:control id="1" property="formattedhtml">... ここに HTML... </swe:control> A This タグ マルチパートタグを 使 用 する 必 要 があり 開 始 タグと 終 了 タグ 以 外 の 場 所 で SWE が 生 成 したコントロールへの 参 照 を 行 いたい 場 合 があります これを 行 う には This タグを 使 用 します <swe:control id="1">... ここに HTML... <swe:this property="formattedhtml"/> </swe:control> <swe:this> タグは 最 も 近 くにあるタグで 囲 まれている Siebel コンテキスト のエイリアスです 通 常 このコンテキストは <swe:xxx> 要 素 で 囲 まれた 状 態 になっています たとえば <swe:this> は 通 常 マルチパートタグ <swe:control> の 内 部 で 使 用 されます この 場 合 <swe:this> タグは コ ントロールのエイリアスになり コントロールのプロパティを 表 示 するのに 使 用 されます 場 合 によっては コンテキストが 間 接 的 であることもあります たと えば <swe:this> タグがアプレットテンプレートファイル 内 の <swe:control> タグの 外 側 にある 場 合 これはアプレットのエイリアスであ り アプレットのプロパティを 表 示 するのに 使 用 されます A 1-10 Siebel.COM アプリケーション 設 定 ガイド

25 Siebel.COM アプリケーション コンフィギュレータの 概 要 Siebel Tools の Web エディタ ネスティングと Siebel タグ HTML タグの 内 部 で Siebel タグをネストすることはできません 次 に 例 を 挙 げ ます A <img src="<swe:control id="1"/>"> この 例 は 無 効 で エラーが 生 成 されます また Siebel タグをネストすることもできません 次 に 例 を 挙 げます <swe:control id="1"> <swe:control id="2" property="formattedhtml"/> <swe:this property="formattedhtml"/> </swe:control> この 例 は 無 効 で エラーが 生 成 されます Siebel Tools の Web エディタ Siebel Tools には テンプレートファイルと Siebel Tools で 作 成 したデータオブ ジェクトをビジュアルにマッピングできるエディタが 含 まれています コント ロールをアプレットにドラッグアンドドロップしたり アプレットをビューにド ラッグアンドドロップできます また Web エディタ 内 で 動 的 にコントロール を 作 成 できます Web エディタにアクセスするには 適 切 な Web テンプレート 項 目 を 右 クリック し [Edit Layout] を 選 択 します A Siebel.COM アプリケーション 設 定 ガイド 1-11

26 Siebel.COM アプリケーション コンフィギュレータの 概 要 Web アプリケーションの 設 定 の 概 要 Web アプリケーションの 設 定 の 概 要 ここでは.COM アプリケーションの 設 定 手 順 ( オーサリング 実 装 実 行 時 ま でを 含 めて ) と アプリケーションの 設 定 手 順 の 概 要 について 説 明 します A.COM アプリケーションの 設 定 Web アプリケーション 開 発 者 は Siebel Tools とテキストエディタまたは HTML オーサリングツールを 使 用 して 次 のことを 実 行 します A 1 Siebel Tools を 使 用 して ビジネスオブジェクト アプレット ビュー およ び Siebel アプリケーションの 他 のすべての 標 準 的 な 要 素 を 設 定 します 通 常 既 存 のアプリケーション 内 のオブジェクトの 定 義 を 変 更 します SRF にコンパイルし 専 用 クライアントを 使 用 してアプリケーションをテストし ます 2 ビューとアプレットを.SWT ファイルに 関 連 付 けます 3 必 要 に 応 じて 新 しい.SWT ファイルを 修 正 または 作 成 し 会 社 のレイアウト や 書 式 を 統 合 します 4 Siebel Tools で アプレット フィールドおよびコントロールを 適 切 なテンプ レート 内 のプレースホルダにマップします 5 レポジトリの 変 更 内 容 を.SRF ファイルにコンパイルします 6 アプリケーションをテストします 7 アプリケーションを 実 装 します.COM アプリケーションの 実 装 サイト 管 理 者 は 次 のことを 実 行 します A 1 テンプレートファイルを Siebel Server のインストールディレクトリの webtempl にコピーします 2 すべての 新 しい HTML とイメージを Web Server マシン 上 のパブリックディレ クトリにコピーします 3 既 存 のインターネットサイトまたはイントラネットサイトにアプリケーショ ンへのリンクを 追 加 します 1-12 Siebel.COM アプリケーション 設 定 ガイド

27 Siebel.COM アプリケーション コンフィギュレータの 概 要 Web アプリケーションの 設 定 の 概 要.COM アプリケーションの 実 行 ユーザーが.COM アプリケーションにアクセスすると ( ボタンまたはブラウザ ウィンドウのハイパーリンクをクリックして ) Siebel Web Engine で 次 のことが 実 行 されます 1 アプリケーションのレポジトリ 定 義 を 読 み 取 ります 2 Application Object Manager を 通 じて データベースから 関 連 するデータを 取 得 します 3 ビューとアプレットのレポジトリオブジェクト 定 義 を 取 得 して その 中 の データを 表 示 します 4.SWT ファイルを 読 み 取 り 取 得 したデータ アプレット ビュー 情 報 を.SWT ファイル 内 の 対 応 するプレースホルダにマップします 5 Web Server 経 由 で HTML ページ ( 標 準 の HTML と 取 得 したデータを 含 む ) を ユーザーのブラウザに 戻 し Web ページとして 表 示 します 実 行 時 の 動 作 の 詳 細 については 1-15 ページの Siebel テンプレートのインター フェースの 作 成 方 法 を 参 照 してください A Siebel.COM アプリケーション 設 定 ガイド 1-13

28 Siebel.COM アプリケーション コンフィギュレータの 概 要 Siebel Web Engine による Web アプリケーションの 生 成 方 法 Siebel Web Engine による Web アプリケーション の 生 成 方 法.COM アプリケーションのユーザーは それぞれの Web ブラウザを 通 じてアプ リケーションと 対 話 します このユーザーには Siebel Web Engine によってアプ リケーションのレポジトリ 定 義 と Web アプリケーションの 開 発 者 がカスタマイ ズしたテンプレートが 組 み 合 わされ 動 的 に 作 成 された 一 連 の Web ページが 表 示 されます 次 の 図 は.COM アプリケーション 内 のさまざまなオブジェクト 間 の 関 係 を 示 し ています ユーザーインターフェース 要 素 は 従 来 のクライアントと 同 じです が.COM アプリケーションでは 画 面 レイアウトのセクタ 数 は 8 セクタに 制 限 さ れていません A ページ ビュー ビジネスオブジェクト アプレット ビジネスコンポーネント コントロール/ Webコントロール フィールド 図 1-3.COM アプリケーション 内 のオブジェクト 間 の 関 係 1-14 Siebel.COM アプリケーション 設 定 ガイド

29 Siebel.COM アプリケーション コンフィギュレータの 概 要 Siebel Web Engine による Web アプリケーションの 生 成 方 法 Siebel テンプレートのインターフェースの 作 成 方 法 ここでは 実 行 時 の 環 境 の 詳 細 と 1 つの Web ページが 一 連 の Siebel テンプ レートからどのように 生 成 されるかについて 説 明 します A.COM アプリケーションを 設 定 して Web サイトに 実 装 すると クライアントの ブラウザで 表 示 できるようになります クライアントがアプリケーションの URL を 直 接 入 力 するか 他 のページ 内 の 適 切 なリンクをクリックして 特 定 のビューを 要 求 すると Siebel Web Engine で 次 のこ とが 実 行 されます 1.SRF からビューのオブジェクト 定 義 を 取 得 し そのビュー 内 の 各 アプレット のオブジェクト 定 義 を 取 得 します 2 Application Object Manager のデータマネージャ 層 から そのオブジェクト 定 義 に 指 定 されているデータを 取 得 します 3 このデータを ビューとその 中 の 各 アプレットで 指 定 されているテンプレー トと 組 み 合 わせます 4 テンプレート 内 のプレースホルダを 使 用 してオブジェクト 定 義 内 の 各 要 素 の 配 置 場 所 と 書 式 を 定 義 し ビューを 表 示 します ユーザーが 生 成 された HTML ファイルを Web ブラウザで 表 示 すると 元 のテン プレートに 指 定 されているすべてのレイアウトと 取 得 したデータとコントロー ルが 含 まれた Web ページとして 表 示 されます 次 の 例 は Siebel Tools でのアプレットの 定 義 表 示 された Web ページ Siebel テンプレートコード 生 成 された HTML ファイルを 示 しています Siebel.COM アプリケーション 設 定 ガイド 1-15

30 Siebel.COM アプリケーション コンフィギュレータの 概 要 Siebel Web Engine による Web アプリケーションの 生 成 方 法 Tools での 定 義 図 1-4 は Siebel Tools での [ オーダー ( 個 人 )] アプレットの 定 義 を 示 しています 図 1-4 Siebel Tools での [ オーダー ( 個 人 )] アプレットの 定 義 1-16 Siebel.COM アプリケーション 設 定 ガイド

31 Siebel.COM アプリケーション コンフィギュレータの 概 要 Siebel Web Engine による Web アプリケーションの 生 成 方 法 表 示 された Web ページ 図 1-5 は 1-16 ページの 図 1-4 で 定 義 した [ オーダー ( 個 人 )] アプレットを 含 ん でいるサンプル Web アプリケーションのページが ユーザーのブラウザでどの ように 表 示 されるかを 示 しています 図 1-5 サンプル Web ページ このページは 複 数 のアプレットで 構 成 されています 次 の 項 では 図 1-5 の [ オーダー ( 個 人 )] アプレットを 生 成 するのに 使 用 したテンプレートの 詳 細 につ いて 説 明 します Siebel.COM アプリケーション 設 定 ガイド 1-17

32 Siebel.COM アプリケーション コンフィギュレータの 概 要 Siebel Web Engine による Web アプリケーションの 生 成 方 法 Siebel テンプレート すでに 説 明 したように 図 1-5 の Web ページは 複 数 の Siebel テンプレートか ら 生 成 されています ここでは [ オーダー ( 個 人 )] アプレット ( この 例 では CCAppletListTiny.SWT) を 生 成 するのに 使 用 したテンプレートについて 説 明 しま す このアプレットテンプレートのコードの 一 部 を 次 に 示 します <!-- テンプレート 開 始 :CCAppletListTiny.swt --> <table bgcolor="#333399" valign="top" width="100%" cellpadding="0" cellspacing="0" border="0"> <tr class="top"> <td valign="top" class="top"><img src="images/ table_corner.gif" width="7" height="22" border="0"></td> <td width="1%" valign="middle" class="top" nowrap> <swe:control id="90"> <font color="#ffffff" class="top"> <swe:this property="displayname"/> </font> </swe:control> <swe:control id="184" property="formattedhtml"> <font color="#ffffff" class="top"> <swe:this property="displayname"/> </font> </swe:control> </td> <td width="98%" align="center" valign="middle" class="top"> </td> 1-18 Siebel.COM アプリケーション 設 定 ガイド

33 Siebel.COM アプリケーション コンフィギュレータの 概 要 Siebel Web Engine による Web アプリケーションの 生 成 方 法 <swe:include file="cclistbuttons.swt"/> </tr> </table> <table bgcolor="#f0f0f0" valign="top" width="100%" cellpadding="0" cellspacing="0" border="0"> <tr bgcolor="#cccccc" class=header> <td class=header><img src="images/spacer.gif" height=18 width=5> </td> <swe:control id="144"> <td class=header align="center"><swe:this property="displayname"/></td> <td width=1% class=header background="images/ header_div.gif" nowrap> </td> </swe:control> <swe:for-each startvalue="501" count="20" iteratorname="currentid"> <swe:control id="swe:currentid"> <td align="swe:this.textalignment" class=header><swe:this property="displayname"/></td> </swe:control> <swe:control id="swe:currentid+1"> <td width=1% class=header background="images/ header_div.gif" nowrap> </td> </swe:control> </swe:for-each> <swe:control id="132"> Siebel.COM アプリケーション 設 定 ガイド 1-19

34 Siebel.COM アプリケーション コンフィギュレータの 概 要 Siebel Web Engine による Web アプリケーションの 生 成 方 法 <td width=1% class=header background="images/ header_div.gif" nowrap> </td> <td class=header align="center"><swe:this property="displayname"/></td> </swe:control> <swe:control id="133"> <td width=1% class=header background="images/ header_div.gif" nowrap> </td> <td class=header align="center"><swe:this property="displayname"/></td> </swe:control> <swe:control id="142"> <td width=1% class=header background="images/ header_div.gif" nowrap> </td> <td class=header align="center"><swe:this property="displayname"/></td> </swe:control> <swe:control id="143"> <td width=1% class=header background="images/ header_div.gif" nowrap> </td> <td class=header align="center"><swe:this property="displayname"/></td> </swe:control> <swe:control id="145"> <td width=1% class=header background="images/ header_div.gif" nowrap> </td> 1-20 Siebel.COM アプリケーション 設 定 ガイド

35 Siebel.COM アプリケーション コンフィギュレータの 概 要 Siebel Web Engine による Web アプリケーションの 生 成 方 法 <td class=header align="center"><swe:this property="displayname"/></td> </swe:control> <swe:control id="145"> <td width=1% class=header background="images/ header_div.gif" nowrap> </td> <td class=header align="center"><swe:this property="displayname"/></td> </swe:control> </tr> <swe:for-each-row count="10"> <tr> <td class=row><img src="images/spacer.gif" height=18 width=5> </td> <swe:control id="144"> <td align=center class=row><swe:this property="formattedhtml"/></td> <td width=1% class=row background="images/col_div.gif" nowrap> </td> </swe:control> <swe:for-each startvalue="501" count="20" iteratorname="currentid"> <swe:control id="swe:currentid"> <td align="swe:this.textalignment" class=row><swe:this property="formattedhtml"/> </td> </swe:control> Siebel.COM アプリケーション 設 定 ガイド 1-21

36 Siebel.COM アプリケーション コンフィギュレータの 概 要 Siebel Web Engine による Web アプリケーションの 生 成 方 法 <swe:control id="swe:currentid+1"> <td width=1% class=row background="images/col_div.gif" nowrap> </td> </swe:control> </swe:for-each> <swe:control id="132"> <td width=1% class=row background="images/col_div.gif" nowrap> </td> <td align=center class=row><swe:this property="formattedhtml"/></td> </swe:control> <swe:control id="133"> <td width=1% class=row background="images/col_div.gif" nowrap> </td> <td align=center class=row><swe:this property="formattedhtml"/></td> </swe:control> <swe:control id="142"> <td width=1% class=row background="images/col_div.gif" nowrap> </td> <td align=center class=row><swe:this property="formattedhtml"/></td> </swe:control> <swe:control id="143"> <td width=1% class=row background="images/col_div.gif" nowrap> </td> 1-22 Siebel.COM アプリケーション 設 定 ガイド

37 Siebel.COM アプリケーション コンフィギュレータの 概 要 Siebel Web Engine による Web アプリケーションの 生 成 方 法 <td align=center class=row><swe:this property="formattedhtml"/></td> </swe:control> <swe:control id="145"> <td width=1% class=row background="images/col_div.gif" nowrap> </td> <td align=center class=row><swe:this property="formattedhtml"/></td> </swe:control> <swe:control id="146"> <td width=1% class=row background="images/col_div.gif" nowrap> </td> <td align=center class=row><swe:this property="formattedhtml"/></td> </swe:control> </tr> <tr> <td bgcolor="#cccccc" class=rowdiv><img src="images/ spacer.gif" width=1 height=1></td> <swe:control id="144"> <td bgcolor="#cccccc" class=rowdiv><img src="images/ spacer.gif" width=1 height=1></td> <td bgcolor="#cccccc" class=rowdiv><img src="images/ spacer.gif" width=1 height=1></td> </swe:control> Siebel.COM アプリケーション 設 定 ガイド 1-23

38 Siebel.COM アプリケーション コンフィギュレータの 概 要 Siebel Web Engine による Web アプリケーションの 生 成 方 法 <swe:for-each startvalue="501" count="20" iteratorname="currentid"> <swe:control id="swe:currentid"> <td bgcolor="#cccccc" class=rowdiv><img src="images/ spacer.gif" width=1 height=1></td> </swe:control> <swe:control id="swe:currentid+1"> <td bgcolor="#cccccc" class=rowdiv><img src="images/ spacer.gif" width=1 height=1></td> </swe:control> </swe:for-each> <swe:control id="132"> <td bgcolor="#cccccc" class=rowdiv><img src="images/ spacer.gif" width=1 height=1></td> <td bgcolor="#cccccc" class=rowdiv><img src="images/ spacer.gif" width=1 height=1></td> </swe:control> <swe:control id="133"> <td bgcolor="#cccccc" class=rowdiv><img src="images/ spacer.gif" width=1 height=1></td> <td bgcolor="#cccccc" class=rowdiv><img src="images/ spacer.gif" width=1 height=1></td> </swe:control> <swe:control id="142"> <td bgcolor="#cccccc" class=rowdiv><img src="images/ spacer.gif" width=1 height=1></td> 1-24 Siebel.COM アプリケーション 設 定 ガイド

39 Siebel.COM アプリケーション コンフィギュレータの 概 要 Siebel Web Engine による Web アプリケーションの 生 成 方 法 <td bgcolor="#cccccc" class=rowdiv><img src="images/ spacer.gif" width=1 height=1></td> </swe:control> <swe:control id="143"> <td bgcolor="#cccccc" class=rowdiv><img src="images/ spacer.gif" width=1 height=1></td> <td bgcolor="#cccccc" class=rowdiv><img src="images/ spacer.gif" width=1 height=1></td> </swe:control> <swe:control id="145"> <td bgcolor="#cccccc" class=rowdiv><img src="images/ spacer.gif" width=1 height=1></td> <td bgcolor="#cccccc" class=rowdiv><img src="images/ spacer.gif" width=1 height=1></td> </swe:control> <swe:control id="146"> <td bgcolor="#cccccc" class=rowdiv><img src="images/ spacer.gif" width=1 height=1></td> <td bgcolor="#cccccc" class=rowdiv><img src="images/ spacer.gif" width=1 height=1></td> </swe:control> </tr> </swe:for-each-row> </table> <p></p> Siebel.COM アプリケーション 設 定 ガイド 1-25

40 Siebel.COM アプリケーション コンフィギュレータの 概 要 Siebel Web Engine による Web アプリケーションの 生 成 方 法 生 成 された HTML ファイル 1-17 ページの 図 1-5 に 示 すように テンプレートを 生 成 された Web ページとし て 表 示 するには その 前 に Siebel Web Engine で Siebel タグを Siebel Database か らのデータで 置 き 換 え ID をレポジトリ 内 のコントロールで 置 き 換 えて 標 準 の HTML を 生 成 する 必 要 があります [ オーダー ( 個 人 )] アプレットは リストアプレットテンプレートから 作 成 され ています リストアプレットテンプレートはビューアプレットテンプレートの 内 部 にネストされていて そのビューアプレットテンプレートはページコンテナテ ンプレートの 内 部 にネストされていてるという 構 造 で HTML ページ 全 体 が 作 り 上 げられています Siebel Web Engine は これらのテンプレートを 解 釈 した 後 1 つの HTML ドキュメントを 生 成 します 図 1-6 は Siebel Web Engine で テンプレート レポジトリ 定 義 HTML を 使 用 して HTML 出 力 がどのように 生 成 されるかを 示 しています 内 部 HTML 編 集 テンプレート アプレット HTML 生 成 HTML 出 力 テンプレート へマップ アプレット エディタ 編 集 Siebel Web Engine Siebel Tools 図 1-6 Siebel Web Engine の HTML 出 力 の 生 成 方 法 1-26 Siebel.COM アプリケーション 設 定 ガイド

41 Siebel.COM アプリケーション コンフィギュレータの 概 要 Siebel Web Engine による Web アプリケーションの 生 成 方 法 生 成 された HTML の 一 部 Siebel Web Engine が 生 成 した [ オーダー ( 個 人 )] アプレットの HTML の 一 部 を 次 に 示 します <TABLE bgcolor="#333399" valign="top" width="100%" cellpadding="0" cellspacing="0" border="0"> <TR class="top"> <TD valign="top" class="top"> <IMG src="images/table_corner.gif" width="7" height="22" border="0"></td> <TD width="1%" valign="middle" class="top" nowrap> <A href='/esales/ start.swe?sweview=order+history+view+(esales)&swecmd=gotovie w&swecount=42'>my Orders</A> </TD> <TD width="98%" align="center" valign="middle" class="top"> </TD> </TR> </TABLE> <TABLE bgcolor="#f0f0f0" valign="top" width="100%" cellpadding="0" cellspacing="0" border="0"> <TR bgcolor="#cccccc" class="header"> <TD class="header"><img src="images/spacer.gif" height="18" width="5"> </TD> <TD align="left" class="header">order #</TD> <TD width="1%" class="header" background="images/ header_div.gif" nowrap> </TD> <TD align="left" class="header">order Date</TD> Siebel.COM アプリケーション 設 定 ガイド 1-27

42 Siebel.COM アプリケーション コンフィギュレータの 概 要 Siebel Web Engine による Web アプリケーションの 生 成 方 法 <TD width="1%" class="header" background="images/ header_div.gif" nowrap> </TD> <TD align="left" class="header">status</td> <TD width="1%" class="header" background="images/ header_div.gif" nowrap> </TD> <TD align="right" class="header">total</td> </TR> <TR> <TD class="row"><img src="images/spacer.gif" height="18" width="5"> </TD> <TD align="left" class="row"><a href='/esales/ start.swe?swemethod=drilldown&sweapplet=order+list+applet+ti ny+(esales)&sweview=home+page+view+(esales)&swefield=l_order +Number&SWECmd=InvokeMethod&SWECount=42&SWERowIds=SWERowId0% 3d1-5413'>1-5413</A> </TD> <TD width="1%" class="row" background="images/col_div.gif" nowrap> </TD> <TD align="left" class="row">03/20/2000 </TD> <TD width="1%" class="row" background="images/col_div.gif" nowrap> </TD> <TD align="left" class="row">open </TD> <TD width="1%" class="row" background="images/col_div.gif" nowrap> </TD> <TD align="right" class="row">$ </TD> </TR> <TR> 1-28 Siebel.COM アプリケーション 設 定 ガイド

43 Siebel.COM アプリケーション コンフィギュレータの 概 要 Siebel Web Engine による Web アプリケーションの 生 成 方 法 <TD bgcolor="#cccccc" class="rowdiv"><img src="images/ spacer.gif" width="1" height="1"></td> <TD bgcolor="#cccccc" class="rowdiv"><img src="images/ spacer.gif" width="1" height="1"></td> <TD bgcolor="#cccccc" class="rowdiv"><img src="images/ spacer.gif" width="1" height="1"></td> <TD bgcolor="#cccccc" class="rowdiv"><img src="images/ spacer.gif" width="1" height="1"></td> <TD bgcolor="#cccccc" class="rowdiv"><img src="images/ spacer.gif" width="1" height="1"></td> <TD bgcolor="#cccccc" class="rowdiv"><img src="images/ spacer.gif" width="1" height="1"></td> <TD bgcolor="#cccccc" class="rowdiv"><img src="images/ spacer.gif" width="1" height="1"></td> <TD bgcolor="#cccccc" class="rowdiv"><img src="images/ spacer.gif" width="1" height="1"></td> </TR> <TR> <TD class="row"><img src="images/spacer.gif" height="18" width="5"> </TD> <TD align="left" class="row"><a href='/esales/ start.swe?swemethod=drilldown&sweapplet=order+list+applet+ti ny+(esales)&sweview=home+page+view+(esales)&swefield=l_order +Number&SWECmd=InvokeMethod&SWECount=42&SWERowIds=SWERowId0% 3d1-5417'>1-5417</A> </TD> <TD width="1%" class="row" background="images/col_div.gif" nowrap> </TD> <TD align="left" class="row">03/20/2000 </TD> Siebel.COM アプリケーション 設 定 ガイド 1-29

44 Siebel.COM アプリケーション コンフィギュレータの 概 要 Siebel Web Engine による Web アプリケーションの 生 成 方 法 <TD width="1%" class="row" background="images/col_div.gif" nowrap> </TD> <TD align="left" class="row">open </TD> <TD width="1%" class="row" background="images/col_div.gif" nowrap> </TD> <TD align="right" class="row">$1, </TD> </TR> <TR> <TD bgcolor="#cccccc" class="rowdiv"><img src="images/ spacer.gif" width="1" height="1"></td> <TD bgcolor="#cccccc" class="rowdiv"><img src="images/ spacer.gif" width="1" height="1"></td> <TD bgcolor="#cccccc" class="rowdiv"><img src="images/ spacer.gif" width="1" height="1"></td> <TD bgcolor="#cccccc" class="rowdiv"><img src="images/ spacer.gif" width="1" height="1"></td> <TD bgcolor="#cccccc" class="rowdiv"><img src="images/ spacer.gif" width="1" height="1"></td> <TD bgcolor="#cccccc" class="rowdiv"><img src="images/ spacer.gif" width="1" height="1"></td> <TD bgcolor="#cccccc" class="rowdiv"><img src="images/ spacer.gif" width="1" height="1"></td> <TD bgcolor="#cccccc" class="rowdiv"><img src="images/ spacer.gif" width="1" height="1"></td> </TR> <TR> 1-30 Siebel.COM アプリケーション 設 定 ガイド

45 Siebel.COM アプリケーション コンフィギュレータの 概 要 Siebel Web Engine による Web アプリケーションの 生 成 方 法 <TD class="row"><img src="images/spacer.gif" height="18" width="5"> </TD> <TD align="left" class="row"><a href='/esales/ start.swe?swemethod=drilldown&sweapplet=order+list+applet+ti ny+(esales)&sweview=home+page+view+(esales)&swefield=l_order +Number&SWECmd=InvokeMethod&SWECount=42&SWERowIds=SWERowId0% 3d1-541B'>1-541B</A> </TD> <TD width="1%" class="row" background="images/col_div.gif" nowrap> </TD> <TD align="left" class="row">03/20/2000 </TD> <TD width="1%" class="row" background="images/col_div.gif" nowrap> </TD> <TD align="left" class="row">open </TD> <TD width="1%" class="row" background="images/col_div.gif" nowrap> </TD> <TD align="right" class="row">$2, </TD> </TR> <TR> <TD bgcolor="#cccccc" class="rowdiv"><img src="images/ spacer.gif" width="1" height="1"></td> <TD bgcolor="#cccccc" class="rowdiv"><img src="images/ spacer.gif" width="1" height="1"></td> <TD bgcolor="#cccccc" class="rowdiv"><img src="images/ spacer.gif" width="1" height="1"></td> <TD bgcolor="#cccccc" class="rowdiv"><img src="images/ spacer.gif" width="1" height="1"></td> <TD bgcolor="#cccccc" class="rowdiv"><img src="images/ spacer.gif" width="1" height="1"></td> Siebel.COM アプリケーション 設 定 ガイド 1-31

46 Siebel.COM アプリケーション コンフィギュレータの 概 要 Siebel Web Engine による Web アプリケーションの 生 成 方 法 <TD bgcolor="#cccccc" class="rowdiv"><img src="images/ spacer.gif" width="1" height="1"></td> <TD bgcolor="#cccccc" class="rowdiv"><img src="images/ spacer.gif" width="1" height="1"></td> <TD bgcolor="#cccccc" class="rowdiv"><img src="images/ spacer.gif" width="1" height="1"></td> </TR> </TABLE> <P></P> 1-32 Siebel.COM アプリケーション 設 定 ガイド

47 Siebel.COM アプリケーションの 設 定 方 法 2 設 定 手 順 の 概 要 設 定 の 7 つのフェーズ フェーズ 1 専 用 クライアントを 使 用 した.COM アプレットと ビューの 作 成 フェーズ 2 各 アプレットとビューの 正 しいテンプレートへの 関 連 付 け フェーズ 3 テンプレートを 必 要 に 応 じて 変 更 した 企 業 イメージの 作 成 フェーズ 4 コントロールとテンプレート 間 のマッピングの 確 立 フェーズ 5 レポジトリの 変 更 内 容 の.SRF ファイルへのコンパイル フェーズ 6 アプリケーションのテスト フェーズ 7 アプリケーションの 実 装 Siebel.COM アプリケーション 設 定 ガイド 2-1

48 Siebel.COM アプリケーションの 設 定 方 法 設 定 手 順 の 概 要 設 定 手 順 の 概 要 他 の 形 式 のソフトウェアの 設 定 手 順 と 同 様 Web アプリケーションの 設 定 手 順 も 完 全 に 直 線 的 なものではありません つまり フェーズによっては 複 数 の 部 分 を 同 時 に 設 定 することに 意 味 があります また テストやデバッグなどの 作 業 は 繰 り 返 し 実 行 する 必 要 があるため 設 定 手 順 は 直 線 的 というよりもループ 的 な ものに 近 くなります このため この 章 で 説 明 している 単 純 化 された 直 線 的 な 手 順 を 単 に 適 用 するのではなく それぞれのニーズに 合 った 手 順 に 適 宜 変 更 するこ とをお 勧 めします.COM アプリケーションの 設 定 はモジュール 形 式 で 実 行 し スタイルと 構 造 ( ス タイルシートとテンプレート ) を HTML 表 示 オブジェクトのデータへのバイン ドから 切 り 離 します スタイルと 構 造 は Siebel テンプレートを 使 用 して 複 数 の HTML 表 示 オブジェクト 間 で 再 使 用 できます つまり スタイルと 構 造 に 対 する 変 更 は すべての HTML 表 示 オブジェクトに 簡 単 に 適 用 できます 図 2-1 に スタイルシート テンプレート アプレットやビューなどの HTML 表 示 オブジェクト ビジネスオブジェクトコンポーネント および 最 終 的 な HTML 出 力 などの 関 係 を 示 します B スタイルシート (STYLE) テンプレート (STRUCTURE) 生 成 (Siebel Web Engineを 使 用 ) HTML 出 力 アプレット/ビュー (BINDING) ビジネスコンポーネント/ ビジネスオブジェクト 図 2-1 Siebel HTML シンクライアントアプリケーション 内 のコンポーネント 間 の 関 係 2-2 Siebel.COM アプリケーション 設 定 ガイド

49 Siebel.COM アプリケーションの 設 定 方 法 設 定 手 順 の 概 要.COM アプリケーションの 設 定 手 順 の 概 要 を 次 に 示 します 1 変 更 する Siebel.COM アプリケーションのビュー アプレットなどの 部 分 を 識 別 します Siebel Tools を 使 用 して 次 の HTML 表 示 オブジェクト ( アプ レットとビュー ) を 設 定 します.COM アプリケーションの 新 しいビューとアプレットを 定 義 する 必 要 に 応 じて 相 互 のドリルダウン ( たとえば 要 約 ビューから 詳 細 ビュー への ) を 含 める 2 各 アプレットとビューを 適 切 なテンプレートに 関 連 付 けます Siebel Tools を 使 用 して アプレットやビューをそれぞれのテンプレートに マップします 3 会 社 に 合 ったレイアウトや 書 式 を 取 り 入 れるように 必 要 に 応 じてテンプ レートを 変 更 します 4 コントロールやリストカラムと テンプレートファイル 内 の 対 応 するプレー スホルダとのマッピングを 確 立 します 5 レポジトリの 変 更 内 容 を.SRF ファイルにコンパイルします 6 アプリケーションをテストしてデバッグします 7 アプリケーションを 次 の 方 法 で 実 装 します テンプレートを Siebel Server インストールディレクトリの 下 の webtempl にコピーする すべての 新 しい HTML とイメージを Web Server マシン 上 のパブリックディ レクトリにコピーする 既 存 のインターネットサイトまたはイントラネットサイトにアプリケー ションへのリンクを 追 加 する Siebel.COM アプリケーション 設 定 ガイド 2-3

50 Siebel.COM アプリケーションの 設 定 方 法 設 定 の 7 つのフェーズ 設 定 の 7 つのフェーズ ここでは.COM アプリケーションを 設 定 する 1 つの 方 法 について 説 明 します 別 の 手 順 でも 同 じ 結 果 を 得 ることができますが 高 品 質 な.COM アプリケー ションを 効 率 的 に 設 定 できる 実 証 済 みの 方 法 をここでは 紹 介 します フェーズ 1 専 用 クライアントを 使 用 した.COM アプレットと ビューの 作 成 最 初 のフェーズでは Siebel Tools を 使 用 してビジネスオブジェクトを 設 定 しま す ビジネスオブジェクトやビジネスコンポーネントなどで 構 成 されるビジネス モデルは Siebel Tools の 現 在 の 機 能 を 使 用 して 定 義 します または.COM アプ リケーションに 含 まれているビジネスオブジェクトを 使 用 することもできます ユーザーインターフェースは 前 のフェーズで 作 成 したビジネスオブジェクトモ デルに 基 づいて HTML 表 示 オブジェクト ( アプレットとビュー ) を 構 築 および 設 定 することで 設 定 できます アプレットとビューの Web レイアウトは この 手 順 で 変 更 されます この 時 点 で アプリケーションを HTML でどのように 表 示 して 動 作 させるかを 検 討 します HTML アプリケーションは いくつかの 関 連 する 表 示 オブジェク ト ( ページコンテナ ビュー およびアプレット ) で 構 成 されます これらのオ ブジェクトによっては ( 特 にアプレットとビュー ) 実 装 したアプリケーション ( 専 用 クライアントと HTML シンクライアント ) 間 で 共 有 されます オブジェクトの 作 成 方 法 については Siebel Tools ガイド を 参 照 してください B B 2-4 Siebel.COM アプリケーション 設 定 ガイド

51 Siebel.COM アプリケーションの 設 定 方 法 設 定 の 7 つのフェーズ フェーズ 2 各 アプレットとビューの 正 しいテンプレートへの 関 連 付 け B このフェーズでは Siebel Tools でアプリケーションの 定 義 を 作 成 します.COM アプリケーションは 基 本 アプリケーションと 一 緒 に 提 供 されたさまざまな HTML 表 示 オブジェクトとテンプレート 設 定 手 順 でカスタマイズした 同 等 な 要 素 Siebel の 要 素 を 含 んでいない Web ページなどで 構 成 されます アプレットやビューとそれぞれのテンプレート 間 のマッピングは Siebel Tools で.SRF ファイルを 使 用 してビジュアルに 行 えます この 手 順 の 詳 細 について は Siebel Tools ガイド を 参 照 してください 図 2-2 は.COM アプリケーションがどのように 構 築 されるかを 示 しています スタイル シート テンプレート 1 編 集 テンプレート 外 部 HTML エディタ HTML アプリケーション Repository Validator 3 確 証 HTML アプリケーション Webブラウザ 2 アプレット ビューの 編 集 Siebel Tools Webアプレット/ ビューエディタ 図 2-2.COM アプリケーションへのコンポーネントの 組 み 込 み.COM アプリケーション 定 義 の 必 要 性 アプリケーション 定 義 が 存 在 しないため この 時 点 でアプリケーションは 何 も 実 行 できません したがって Siebel Tools で.COM アプリケーションのバージョ ンを 作 成 する 必 要 があります つまり.COM アプリケーション 用 の.SRF ファ イルを 作 成 します Siebel.COM アプリケーション 設 定 ガイド 2-5

52 Siebel.COM アプリケーションの 設 定 方 法 設 定 の 7 つのフェーズ Siebel Tools で.COM アプリケーション 定 義 を 作 成 するには 1 Object List Editor で Name や Project などの 必 須 属 性 を 入 力 して 新 しいアプ リケーションオブジェクトを 作 成 します 2 ホームページ 用 の.COM アプリケーションにページコンテナテンプレートを 追 加 します 3 利 用 可 能 な Web ページのリストから デフォルトのログインページ エラー ページ および 確 認 ページを 選 択 します Siebel HTML シンクライアントモデルでは データを データベースサーバーや Application Object Manager から Siebel Web Engine やユーザーのブラウザに 移 動 する 必 要 があります このデータ 転 送 を 低 帯 域 幅 の 回 線 で 行 う 必 要 がある 場 合 は HTML シンクライアントシステムではかなり 一 般 的 になっているように ユーザーが 期 待 しているパフォーマンスを 実 現 できるように 元 のアプリケーショ ン 定 義 を 変 更 する 必 要 があります 次 の 項 では パフォーマンスを 向 上 させるた めのアプリケーション 定 義 の 変 更 方 法 について 説 明 します アプリケーションパフォーマンスを 最 適 化 するための 方 法 ここでは パフォーマンスを 向 上 させるためのアプリケーションの 変 更 方 法 をい くつか 説 明 します オブジェクト 数 を 減 らす 特 に 次 のものを 減 らしてください ページコンテナの 数 画 面 あたりのビューの 数 アプレットあたりのフィールドの 数 備 考 : HTML ページはスクロールできるため ビューあたりのアプレットの 数 は 削 減 する 必 要 はありません ただし ビューあたりのアプレットの 数 を 削 減 することでロード 時 間 を 短 縮 できます 2-6 Siebel.COM アプリケーション 設 定 ガイド

53 Siebel.COM アプリケーションの 設 定 方 法 設 定 の 7 つのフェーズ 不 要 な 重 複 部 分 を 削 減 する 専 用 クライアントアプリケーションは 同 じビューに 同 じ 情 報 を 別 の 方 法 で 表 示 することがあります たとえば ビューでは 複 数 の 行 で 構 成 されるリ ストアプレットが 上 部 にあり そのリスト 内 の 各 行 の 詳 細 を 示 すフォームア プレットがその 下 にあるという 一 般 的 なレイアウトが 使 用 されます しかし.COM アプリケーションでは このような 重 複 を 省 く 必 要 がありま す ビューあたりのアプレット 数 は HTML ページを 表 示 する 画 面 サイズに よっては 制 限 されませんが ロード 時 間 を 短 縮 する 必 要 がある 場 合 は でき るかぎり 複 数 のアプレットを 使 用 しないでください グラフィックス オーディオ ビデオなどのマルチメディアオブジェクトの 数 を 最 小 限 にする グラフィックスの 詳 細 については 3-2 ページの グラフィックスの 操 作 を 参 照 してください フェーズ 3 テンプレートを 必 要 に 応 じて 変 更 した 企 業 イメージの 作 成 B テンプレート 内 の 構 造 を 変 更 する 必 要 がある 場 合 は テンプレートを HTML エ ディタで 開 いて 変 更 します たとえば リストアプレットを 作 成 しているとき に 列 を 太 字 にします または Web サイト 全 体 に 渡 ってグローバルなスタイ ル 変 更 を 適 用 します 備 考 : テンプレートは Siebel Server インストールディレクトリ 下 の webtempl にあります フェーズ 4 コントロールとテンプレート 間 のマッピングの 確 立 テンプレートは ユーザーインターフェースのレイアウトと 書 式 の 定 義 です 各 テンプレートには コントロール 用 のプレースホルダが 含 まれています このフェーズでは 各 アプレットとビューのレポジトリ 定 義 内 の 各 コントロール と 対 応 するテンプレートファイル 内 のプレースホルダ 間 のマッピングを 作 成 し ます コントロールとテンプレート 間 のマッピングの 詳 細 については 1-8 ペー ジの コントロールと ID 間 のマッピング を 参 照 してください B Siebel.COM アプリケーション 設 定 ガイド 2-7

54 Siebel.COM アプリケーションの 設 定 方 法 設 定 の 7 つのフェーズ Web Layout Editor Siebel Tools には テンプレートとオブジェクトをビジュアルにマップできる Web Layout Editor があります 詳 細 については 1-11 ページの Siebel Tools の Web エディタ を 参 照 してください フェーズ 5 レポジトリの 変 更 内 容 の.SRF ファイルへのコンパイル B このフェーズでは.SRF をコンパイルします この 手 順 の 詳 細 については Siebel Tools ガイド を 参 照 してください.COM アプリケーションを 実 行 すると Siebel Web Engine によって 次 のことが 実 行 されます 1.SRF ファイルからオブジェクト 定 義 を 読 み 取 ります 2 指 定 したテンプレートを 選 択 します 3 オブジェクト 定 義 とテンプレートを 組 み 合 わせます 4 基 礎 になるビジネスオブジェクトとビジネスコンポーネントから 必 要 なデー タを 取 得 します 5 HTML 出 力 をユーザーに 提 示 します Repository Validator Siebel Tools のRepository Validatorを 使 用 して.COM アプリケーションの 設 定 と 関 連 付 けられているテンプレート 内 のエラーを 検 出 できます このツールによ り 無 効 なオブジェクト 参 照 を 検 出 したり コントロールや Web コントロール の 必 要 なすべての 属 性 が 指 定 されていることを 確 認 できます フェーズ 6 アプリケーションのテスト 各 オブジェクト 定 義 と 適 切 なテンプレート 間 のデフォルトのマッピングを 作 成 し たら アプリケーション 全 体 をテストします Siebel Server Web Server および Gateway Server を 再 起 動 し ブラウザからアプ リケーションの URL にリンクしてテストを 開 始 します リンクのテストともに 次 のこともテストします B 2-8 Siebel.COM アプリケーション 設 定 ガイド