0) { obj.className = "imgborder_on"; } } } function hideImage(obj) { if (obj.className.substr(0, 10) == "imgborder_") { obj.src = eyeglass.src; obj.className = "imgborder_off"; } } function showAllImages() { imgs = document.images; for (i=0; i < imgs.length; i++) { showImage(imgs[i]); } } function hideAllImages() { imgs = document.images; for (i=0; i < imgs.length; i++) { hideImage(imgs[i]); } } //-->
Oracle WebCenterアプリケーションでのSiebel Webサービスの使用
目的
このチュートリアルでは、Oracle WebCenterアプリケーションでSiebel Webサービスを使用する方法について説明します。
所要時間
約20分
トピック
このチュートリアルでは、以下のトピックについて説明します。
スクリーンショットの表示
![]()
このアイコンの上にカーソルを置くと、すべてのスクリーンショットがロードし、表示されます。 （警告：すべてのスクリーンショットが同時にロードされるため、ご使用のインターネット接続によってはレスポンス・タイムが遅くなる場合があります。）
注：各手順に関連したスクリーンショットのみを表示する場 合は、それぞれの手順にある各アイコンの上にカーソルを置いてください。
概要
このチュートリアルでは、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サービスの機能を利用できるようにするものです。
トピック・リストに戻る
前提条件
このチュートリアルを始める前に次のことを確認してください。
| 1.
|
Oracle JDeveloper Studio Edition（10.1.3.2.0またはそれ以上）にアクセスできるか、またはインストール済みであること。
このリリースには、Oracle WebCenterアプリケーションの構築に必要なすべての機能が含まれています。 Oracle JDeveloper Studio Editionは、Oracle Technology Network（
http://www.oracle.com/technology/global/jp/software/products/jdev/htdocs/soft10134.html） からダウンロードできます。
|
| 2.
|
Oracle Siebelにアクセスできるか、またはインストール済みであること。 この例では、Siebel Call Center v 8.0を使用します。
|
| 3.
|
ローカル・ディレクトリに
SiebelAccountInsertWS_80.wsdlファ イルがあること。 この必須条件を満たすには、OBEの
Siebel AccountサービスでのインバウンドWebサービスの作成を終了している必要が あります。
|
| 4.
|
Oracle JDeveloperを起動すること。 解凍先のルート・ディレクトリ（
<jdev_home>）にあるOracle JDeveloperの実行可能ファイル（「
jdeveloper.exe」）をダブルクリックします。
Migrate User Settingsダイアログ・ボックスが開いたら、「
NO」 をクリックします。
Tip of the Day windowウィンドウを閉じます。
|
トピック・リス トに戻る
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.
|
アプリケーション・ナビゲータで「
Model」ノードを右ク リックし、コンテキスト・メニューから「
New」を選択します。
![]()
|
| 2.
|
New Galleryで、Filter Byドロップダウン・リストから「
All Technologies」を選択します。
カテゴリの「
Business Tier」→「
Web Services」を選択し、「
Web Service
Data Control」項目を選んだら、「
OK」をクリックします。
![]()
|
| 3.
|
Create Web Service Data Controlウィザードで、「
Next」 をクリックしてWelcomeページをスキップします。
|
| 4.
|
ステップ1では、Nameフィールドに
SiebelAccount_WSと 入力し、URLフィールドにある「
Browse」ボタンをクリックします。
![]()
Select WebService Descriptionで、WSDLファイルをダウンロードしたディレクトリを探し、「
SiebelCustomerAccount_80.wsdl」 ファイルを選択します。
![]()
「
Open」をクリックします。
ウィザードのServiceフィールドにURLが生成されたことを確認します。
「
Next」をクリックします。
|
| 5.
|
ステップ2では、このWebサービスで利用可能なすべての操作が表示されます。 このOBEでは、1つの操作を実行します。 「
AccountQueryById」を選択します。 「
Add」 ボタンをクリックして、Selectedペインに選択肢を移動します。
![]()
「
Next」をクリックします。
|
| 6.
|
アプリケーション・ナビゲータで、Modelノードとそのサブノードを開き、作成されたエントリ を表示します。 アプリケーション・ナビゲータは、次のように表示されます。
![]()
|
| 7.
|
「
Save All」
![]() アイコンをクリックして作業内容 を保存します。
|
トピックに戻 る
トピック・リス トに戻る
ユー ザー・インタフェースの作成
このトピックでは、Oracle JDeveloperのJSFナビゲーション・モデラーを使用して、アプリケーションのページとそのページ間の移動を図式的に作成します。
ページ・フロー・ダイアグラムを作成するには、以下の手順を実行してください。
| 1.
|
アプリケーション・ナビゲータで「
ViewController」 ノードを右クリックし、コンテキスト・メニューから「
New」を選択します。
![]()
|
| 2.
|
New Galleryで、「
Web Tier」ノードを開 き、「
JSF」を選択します。 Itemsペインで、「
JSF Page Flow & Configuration (faces-config.xml)」を選択します。
![]()
「
OK」をクリックします。
|
| 3.
|
Create JSF Configuration Fileで、「
OK」 をクリックしてデフォルトを受け入れます。
![]()
空のページ・フロー・ダイアグラムが開きます。 ダイアグラム・エディタの右側に
Component Paletteと
Data Control Paletteがあります。 これを使用して、JSFナビゲーション・モデルのコンポーネントを作成します。
|
| 4.
|
「
Save All」
![]() アイコンをクリックして作業内容 を保存します。
|
ページとナビゲーションをページ・フロー・ダイアグラムに追加するには、以下の手順に従います。
| 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の内部でページを実行すると、このサーバーが自動的に起動します。
トピック・リス トに戻る
IDを使用してSiebel Accountを問い合わせる前に、Siebelインスタンスで利用可能なIDを特定する必要があります。 次の項を実行するには、Siebel Call Centerへアクセスしてください（必要に応じて、前提条件を参照してください）。
Siebel Account値を問い合わせるには、以下の手順を実行します。
| 1.
|
関連する
User IDと
Passwordの 組合せを使用して、Siebel Call Centerへログインします。
![]()
|
| 2.
|
Site Mapを使用して、Accounts Listへ移動します。
![]()
|
| 3.
|
「
Accounts」リンクをクリックします。
![]()
|
| 4.
|
「
Accounts List
」 リンクをクリックします。
![]()
|
| 5.
|
返されたリストから、問い合わせるアカウントをハイライトします。
![]()
|
| 6.
|
トップ・メニューから「
Help」→「
About Record」へ移動します。
![]()
|
| 7.
|
Row #フィールドでID値を探します。
![]()
返された値をメモします。
|
トピックに戻 る
トピック・リス トに戻る
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アプリケーションの構築 - ステップ・バイ・ステップ』（
チュー トリアル）
|
トピック・リス トに戻る
![]()
このアイコンの上にカーソルを置くと、すべてのスクリーンショットが 非表示になります。
|
おすすめコンテンツ
Printer View