Oracle WebCenterアプリケーションでのSiebel Webサービスの使用

目的

このチュートリアルでは、Oracle WebCenterアプリケーションでSiebel Webサービスを使用する方法について説明します。

所要時間

約20分

トピック

このチュートリアルでは、以下のトピックについて説明します。

	概要
	シナリオ
	前提条件
	Oracle WebCenterアプリケーションの作成
	Siebel Webサービスに基づいたデータ・コントロールの作成
	ユーザー・インタ フェースの作成
	アプリケーションの テスト
	まとめ
	関連情報

スクリーンショットの表示

このアイコンの上にカーソルを置くと、すべてのスクリーンショットがロードし、表示されます。 （警告：すべてのスクリーンショットが同時にロードされるため、ご使用のインターネット接続によってはレスポンス・タイムが遅くなる場合があります。）

注：各手順に関連したスクリーンショットのみを表示する場 合は、それぞれの手順にある各アイコンの上にカーソルを置いてください。

概要

このチュートリアルでは、Siebel WebサービスをOracle WebCenterアプリケーションへ簡単に統合する方法について説明します。 このチュートリアルでは、まず新しいOracle WebCenterアプリケーションを作成します。 次に、アプリケーションに公開可能な操作を選択して、Siebel Webサービスに基づいたデータ・コントロールを定義します。 JSFページは、2つ作成します。 1つ目は、データ・コントロールからQueryById操作を実装します。 2つ目のJSFページは、問合せページでユーザーが入力したIDに基づき、詳細を返します。

Oracle WebCenterは、統合されたコンテキスト認識型のユーザー・エクスペリエンスを提供する統合テクノロジ・セットです。構造化コンテンツと非構造化コ ンテンツ、ビジネス・インテリジェンス、ビジネス・プロセス、コミュニケーション、コラボレーションなどのサービスを統合します。 また、Oracle Fusion Middleware製品群の1つで、オープンで標準ベースのアーキテクチャに基づいています。 Oracle WebCenterのおもな特徴は、Webベースのポータルとエンタープライズ・アプリケーションの境界を取り払い、作業環境を一変させる、次世代のコン テキストを中心とした複合アプリケーションの迅速な構築を可能にすることです。

このチュートリアルでは、Oracle JDeveloperに統合されているOracle WebCenter Frameworkで作業を行います。Oracle WebCenter Frameworkは、ポートレット、コンテンツ、およびカスタマイズ可能なコンポーネントをアプリケーションに組み込むことができます。

シナリオ

作成するアプリケーションは、Siebelによる別のOracle By Example（OBE）で作成したWSDLファイルを使用します。 Web Service Description Language（WSDL）拡張機能を持つファイルは、WSDLで記述されたWebサービス・インタフェースを含みます。 WSDLは、World Wide Web Consortiumで策定された標準XMLドキュメント型です。 WSDLファイルは、Webサービスのプロデューサとコンシューマ間でインタフェース情報を伝達する際に使用します。 また、クライアント・アプリケーションがWebサービスを利用する際に必要なすべての情報を提供します。 WSDL記述は、クライアントがWebサービスの詳細な実装情報を知らなくても、Webサービスの機能を利用できるようにするものです。

トピック・リストに戻る

前提条件

このチュートリアルを始める前に次のことを確認してください。

トピック・リス トに戻る

Oracle WebCenterアプリケーションの作成

Oracle WebCenterを作成するには、以下の手順に従います。

1.	アプリケーション・ナビゲータで「Applications」 を右クリックし、「New Application」を選択します。
2.	Create Applicationダイアログ・ボックスでアプリケーション名をAccountInfoに 変更し、Application Templateプルダウンから「WebCenter Application [Portlet, Content Repository, JSF]」を選択します。 Oracle WebCenterのテンプレートは必要なプロジェクトを作成し、Oracle WebCenterアプリケーションに適用可能なオプションのみを表示するよう、Oracle JDeveloperをターゲットに設定します。
3.	「OK」をクリックします。 3つのプロジェクトが作成されました。

トピックに戻 る

トピック・リス トに戻る

Siebel Webサービスに基づいたデータ・コントロールの作成

この項では、Webサービスに基づいたデー タ・コントロールを作成します。 このWebサービスはSiebelアプリケーションで作成しますが、BPEL、JD Edwards、PeopleSoftなどの別のアプリケーションで、同じ手順に従いWebサービスを作成してもかまいません。

WSDLベースのデータ・コント ロールを作成するには、以下の手順に従います。

トピックに戻 る

トピック・リス トに戻る

ユー ザー・インタフェースの作成

ページ・フロー・ダイアグラムを作成するには、以下の手順を実行してください。

ページとナビゲーションをページ・フロー・ダイアグラムに追加するには、以下の手順に従います。

1.	JSF Navigation Diagramコンポーネント・パレットで「JSF Page」を選択し、ダイアグラムをクリックします。 ページの名前をQueryByIDに変更します。
2.	Component Paletteで、別のJSF Pageを ドラッグし、前のJSFページの横にドロップします。 ページの名前をShowResultに変更します。
3.	JSF Navigation Diagramコンポーネント・パレットで「JSF Navigation Case」を選択します。 ソースJSFページのアイコン（「QueryByID」） をクリックし、ナビゲーション用のリンク先JSFページのアイコン（「ShowResult」）をクリックします。
4.	デフォルトのラベル（「success」）をクリックして、toResultと上書きします。
5.	画面の下部にある「Overview」タブをクリックしま す。 左側の表の「Navigation Rules」をクリックします。 ダイアグラムに作成したルールが、表にリストされたことを確認してください。 画面の下部にある「Source」タブをクリックします。 <from-view-id>タグはソース・ページを 識別し、<to-view-id>タグはリンク先ページを識別します。 Oracle JDeveloperは、faces-config.xmlファ イルの3つのビューを提供します。 表示から分かるとおり、ダイアグラムにある情報は宣言ダイアログからアクセスでき、ソースからも直接アクセスできます。
6.	ダイアグラム・ビューに切り替えて、Component Paletteの「JSF Navigation Case」を選択します。 ソースJSFページのアイコン（「ShowResult」） をクリックし、ナビゲーション用のリンク先JSFページのアイコン（「QueryByID」）をクリックします。
7.	デフォルトのラベル（「success」）をクリックして、toQueryと上書きします。
8.	「Save All」アイコンをクリックしてダイアグ ラムを保存します。

トピックに戻 る

トピック・リス トに戻る

QueryByldページを作成するには、以下の手順を実行してください。

1.	Page Flowダイアグラムで、「QueryById」 アイコンをダブルクリックし、Create JSF JSPウィザードを起動します。
2.	「Next」をクリックして、Welcomeページをスキッ プします。
3.	ウィザードのステップ1で、「JSP Document (*.jspx)」 オプションを選択します。 「Next」をクリックします。
4.	ステップ2で、「Do Not Automatically Expose UI Components in a Managed Bean」が選択されていることを確認します。 「Next」をクリックします。
5.	ステップ3で、次のライブラリが選択されていることを確認します。 ADF Faces Components 10_1_3_2_0 ADF Faces HTML 10_1_3_2_0 JSF Core 1.0 Cusomizable Components Core 10_1_3_2_0 「Finish」をクリックして、ページを作成します。 エディタのDesignタブに空のJSFページが開きます。
6.	Customizable Components Coreコンポーネント・パレットで、「ShowDetailFrame」 をクリックします。 ページにShowDetailFrameが表示されます。 注：Oracle WebCenterは、2つのカスタマイズ可能なコンポーネントを提供します。 PanelCustomizableとShowDetailFrameです。 この2つのコンポーネントは、各パネルを別個のスタンドアロン・ポートレットのようなオブジェクトとして扱うことで、最小化、再配置、独自のプルダウン・ メニューの作成などが実行可能であり、Webアプリケーションのコンテンツを簡単に整理できるようにします。
7.	ShowDetailFrameを選択し、Properties InspectorのTextプロパティをQuery By IDに変更します。 [Enter]を 押して、Visual Editorのページを更新します。
8.	「Data Control」パレットを開き、「SiebelAccount_WS」 ノードを開きます。 「AccountQueryById(String)」ノードをドラッグし、ページ内の showDetailFrameへドロップします。ポップアップ・メニューで、「Create」→「Parameters」 →「ADF Parameter Form」の順に選択します。
9.	Edit Form Fieldsで「OK」をクリックしま す。
10.	ページで生成された「AccountQueryById」ボ タンを選択し、Property Inspectorペインで以下のプロパティを変更します。 Text Submit Action toResult
11.	入力値に対応する入力フィールドを選択し、Property InspectorでLabelプロパティをAccount ID:に変更します。 この時点で、ページは次のように表示されます。 \
12.	「Save All」アイコンをクリックして作業内容 を保存します。

トピックに戻 る

トピック・リス トに戻る

結果ページを作成するには、以下の手順を実行してください。

1.	Page Flowダイアグラムに戻り（「faces-config.xml 」タブをクリック）、「ShowResult」 アイコンをダブルクリックしてページ・ウィザードを起動します。
2.	「Next」をクリックしてWelcomeページをスキップ し、ウィザードのステップ1で「JSP Document (*.jspx)」オプションを選択します。 「Next」をクリックします。
3.	ステップ2で、「Do Not Automatically Expose UI Components in a Managed Bean」が選択されていることを確認します。 「Next」をクリックします。
4.	ステップ3で、次のライブラリが選択されていることを確認します。 ADF Faces Components 10_1_3_2_0 ADF Faces HTML 10_1_3_2_0 JSF Core 1.0
5.	「Finish」をクリックして、ページを作成します。 エディタのDesignタブに新しい空のページが開きます。
6.	Customizable Components Coreコンポーネント・パレットから、「ShowDetailFrame」 をクリックします。 ページにShowDetailFrameコンポーネントが表示されます。
7.	ShowDetailFrameを選択し、Properties InspectorのTextプロパティをQuery Resultsに変更します。 [Enter]を押して、Visual Editorのページを更新します。
8.	Data Controlパレットで、「AccountQueryById」 →「Return」→「SiebelMessage」→「ListofAccountInterface」 の順に開き、「Account」ノードを選択します。 ShowDetailFrameのページにノードをドロップします。 ポップアップ・メニューから「Create」→「Forms」 →「ADF Read-only Form」を選択します。
9.	Edit Form Fieldsで「Delete」ボタンを使用し、提案された フィールドを以下のリストに従って制限します。 AccountID AccountStatus NumberOfEmployees CurrencyCode Location MainPhoneNumber Name Type 「Include Submit Button」チェック・ ボックスをチェックします。 「OK」をクリックします。
10.	Action Binding Editorで「OK」をクリックします。
11.	「Submit」ボタンを選択し、Property InspectorでタイトルをBack to Queryに変更して、Actionフィールドのリストから「toQuery」 を選択します。
12.	「Save All」アイコンをクリックして作業内容 を保存します。

アプリケーションのテスト

アプリケーションを構築したので、次にテストを行います。 組込みのアプリケーション・サーバーで、Oracle JDeveloperでJSFページを簡単にテストできます。 Oracle JDeveloperの内部でページを実行すると、このサーバーが自動的に起動します。

	Siebel Account値への問合せ
	JSF ページのテスト

トピック・リス トに戻る

IDを使用してSiebel Accountを問い合わせる前に、Siebelインスタンスで利用可能なIDを特定する必要があります。 次の項を実行するには、Siebel Call Centerへアクセスしてください（必要に応じて、前提条件を参照してください）。

Siebel Account値を問い合わせるには、以下の手順を実行します。

トピックに戻 る

トピック・リス トに戻る

JSFページのテスト

1.	ページをテストするため、ページ・フロー・ダイアグラムに戻ります。 「QueryById」 ページ・アイコンを右クリックし、コンテキスト・メニューから「Run」を選択します。
2.	ページがデフォルトのブラウザにロードされ、次のように表示されます。
3.	IDフィールドで、メモを取った値をROW #フィールドに 入力します。 「Submit」をクリックします。
4.	Detailsページには、関連するアカウントの詳細情報が表示されます。 他の値をテストするには、「Back to Query」を クリックして新しい問合せを入力します。
5.	これでOBEは完了です。 ブラウザ・ウィンドウを閉じることができます。

トピックに戻 る

トピック・リス トに戻る

まとめ

このチュートリアルでは、WSDLファイルをデータ・コントロールとして 使用し、操作を実行できるJSFページを作成することで、エンドツーエンドのアプリケーションを作成しました。 このチュートリアルで学習した内容は、以下のとおりです。

	Oracle WebCenterアプリケーションの作成
	WSDLファイルに基づいたデータ・モデルの構築
	ページ・フローの作成
	問合せおよび結果ページの作成
	JSFページのテスト

トピック・リス トに戻る

関連情報

Oracle WebCenterの詳細は、下記のWebサイトを参照してください。

	Oracle WebCenterのデモンストレーション（viewlets）
	OTN WebサイトのOracle WebCenter Quick Startページ
	『Oracle WebCenter Framework: WebCenterアプリケーションの構築 - ステップ・バイ・ステップ』（チュー トリアル）

トピック・リス トに戻る

このアイコンの上にカーソルを置くと、すべてのスクリーンショットが 非表示になります。