Oracle WebCenterページのディスカッション・スレッドの表示

Size: px

Start display at page:

Download "Oracle WebCenterページのディスカッション・スレッドの表示"

くうしょうとりこし
5 years ago
Views:

1 テクニカルノート Oracle WebCenter Oracle WebCenter ページのディスカッションスレッドの表示 2008 年 1 月非常に効率的なコラボレーションツールのディスカッションサービスによってユーザーは関連メッセージのトピックとスレッドに関する意見を交換できますディスカッションサービスではカテゴリとフォーラムを管理しますユーザーはディスカッションサービスへログインしフォーラムにドリルダウンして新しいメッセージを投稿したり既存のメッセージに返信したりできます新しいメッセージでスレッドが開始され元のメッセージの返信がスレッドに追加されます Oracle WebCenter は受賞歴のある Jive Software Forums を利用したディスカッションサービスを提供しますこのテクニカルノートでは Oracle WebCenter アプリケーションページの Oracle WebCenter Discussions フォーラムのスレッドの表示方法を説明しますテクニカルノートの目次 1. 概要 2. URL サービスデータコントロールについて 3. WebCenter アプリケーションとデータコントロールの作成 4. アプリケーションページの作成 5. まとめ 1. 概要 Oracle WebCenter Discussions はディスカッションスレッドのアクセスにさまざまな RSS フィードを提供しますこのサンプルアプリケーションで使用するフィードは特定のフォーラムのスレッドリストを公開しますここではフィードの読取りおよび要約を行ってスレッドの情報を表示しますこのドキュメントでは URL データコントロールを使用して RSS フィードを要約します RSS フィードを要約する他の方法もありますたとえば XML データソースの読取りとコンテンツの表示が可能なビルトインポートレットの OmniPortlet を使用する方法ですこの方法のデモンストレーションを表示するにはここをクリックしてくださいこのドキュメントの例を作成するには Oracle JDeveloper をダウンロードする必要があります例で使用するサンプルファイルはダウンロードして解凍できる RSSDemoFiles.zip アーカイブに含まれますここでは C: RSSDemo XML サブディレクトリを作成した C ドライブにファイルを解凍しました完全な Oracle JDeveloper アプリケーション (RSSDemoApp.zip) をダウンロードすることもできますこのサンプルアプリケーションをテストする場合ディスカッションサービスにアクセスする必要もあります Oracle WebCenter Discussions のインストールまたは既存の Jive フォーラムのアクセスを実行できます Oracle は Jive を使用して OTN フォーラムを実行しますアプリケーションのテスト用に OTN フォーラムのいずれかを使用します図 1 は完全なアプリケーションページを示しています 1 ページ

図 1 完全なアプリケーションページの左側に ADF 表があります表のタイトルには選択したフォーラムの名前が表示されます各行にはスレッドの名前とそのスレッドの返信数が表示されます他の情報も取得できますがこの例では非表示を選択しました右側の領域には選択したスレッドのタイトルとスレッドのメッセージの先頭が表示されますユーザーがラジオボタンをクリックすると

2 図 1 完全なアプリケーションページの左側に ADF 表があります表のタイトルには選択したフォーラムの名前が表示されます各行にはスレッドの名前とそのスレッドの返信数が表示されます他の情報も取得できますがこの例では非表示を選択しました右側の領域には選択したスレッドのタイトルとスレッドのメッセージの先頭が表示されますユーザーがラジオボタンをクリックするとページがリフレッシュされて選択したスレッドのメッセージが表示されますスレッドのタイトルまたはメッセージの More リンクをクリックすると新しいブラウザウィンドウでスレッドが開きます 2. URL サービスデータコントロールについて URL サービスデータコントロールは XML ドキュメントで表される情報へのアクセスを提供する特別なデータコントロールです Web 上のこのようなドキュメントは HTTP プロトコルを使用したアクセスが一般的ですこの例にデータコントロールを作成する場合 URL を OTN フォーラムに設定しますこれによって XML ドキュメントが返されますこの例で使用する URL は以下のとおりです URL から返される XML ドキュメントを短縮した例は以下のとおりです <?xml version="1.0" encoding="utf-8"?> <rss version="2.0" xmlns:jf=" <channel> <title> MyOracle Forums : Thread List - ADF Faces (JSF Tech/ADFv) </title> <link> <description>list of forum threads</description> <language>en</language> <generator> Jive Forums Enterprise b ( </generator> 2 ページ

3 <pubdate>tue, 01 Jan :20: </pubDate> <item> <title>problem with unicode characters</title> <pubdate>tue, 01 Jan :20: </pubDate> <item> <title>problem with unicode characters</title> <link> </link> <description> <![CDATA[Hi... code for]]> </description> <jf:creationdate> Mon, 31 Dec :50: </jf:creationdate> <jf:modificationdate> Mon, 31 Dec :52: </jf:modificationdate> <jf:messagecount>2</jf:messagecount> <jf:replycount>1</jf:replycount> </item> <item> <title>build 4502: WebApp within ADF Library JAR File</title> <link> </link> <description> <![CDATA[How do I... and]]> </description> <jf:creationdate> Tue, 01 May :04: </jf:creationdate> <jf:modificationdate> Sun, 30 Dec :41: </jf:modificationdate> <jf:messagecount>3</jf:messagecount> <jf:replycount>2</jf:replycount> </item> </channel> </rss> ドキュメントは RSS 2.0 形式のフィードの例です RSS Advisory Board サイト ( でこの形式の詳細を確認できます RSS 2.0 仕様ではベンダー固有の拡張機能を使用できます上記の XML ドキュメントの場合 XML ドキュメントの先頭に定義されている "jf" 名前空間とドキュメント全体の "jf" 要素が拡張機能です Jive Software 社でこれらの追加の要素を指定しました個別の要素を抽出するには URL サービスデータコントロールが XML ドキュメントの形式を認識する必要がありますデータコントロールを作成する場合 XML ドキュメントの構造を示す XML スキーマ定義を指定します追加情報については RSSDemoFiles.zip アーカイブの完全な RSS 2.0 スキーマ定義がありますがこの例では異なる方法を使用します URL サービスデータコントロールの便利な機能は XML ドキュメントの分析と情報の抽出の前に XML ドキュメントを変換できることですここではこの例に必要な情報のみを選択する簡単な XML スタイルシートを使用します 3 ページ

4 次のような RSSdigest.xsl ファイルがダウンロードされたアーカイブに含まれます <?xml version="1.0" encoding="utf-8"?> <xsl:stylesheet version="1.0" xmlns:xsl=" xmlns:jf=" <xsl:output method="xml" indent="yes"/> <xsl:template match="/rss/channel"> <channel> <title><xsl:value-of select="./title"/></title> <xsl:apply-templates select="item"/> </channel> </xsl:template> <xsl:template match="item"> <item> <xsl:attribute name="id"> <xsl:value-of select="position()"/> </xsl:attribute> <link><xsl:value-of select="./link"/></link> <title><xsl:value-of select="./title"/></title> <description> <xsl:value-of select="./description"/> </description> <date><xsl:value-of select="./jf:creationdate "/></date> <author><xsl:value-of select="./jf:author"/></author> <replies><xsl:value-of select="./jf:replycount" /></replies> </item> </xsl:template> </xsl:stylesheet> 前述の XML の例に上記のスタイルシートを適用した後さらに簡潔なドキュメントを受け取ります <?xml version="1.0" encoding="utf-8"?> <channel> <title> MyOracle Forums : Thread List - ADF Faces (JSF Tech/ADFv) </title> <item id="1"> <link> </link> <title>problem with unicode characters</title> <description> <![CDATA[Hi... code for]]> </description> <date>mon, 31 Dec :50: </date> <author>sireesha.patibandla@oracle.com</author> <replies>1</replies> </item> <item id="2"> <link> </link> <title>build 4502: WebApp within ADF Library JAR File</title> 4 ページ

5 <description> <![CDATA[How do I... and]]> </description> <date>tue, 01 May :04: </date> <replies>2</replies> </item> </channel> Jive Software 名前空間を削除し一部の項目要素のみを保持して項目の ID 属性としてカウンタを便宜上追加しました変換した XML ドキュメントを示す XMLS スキーマ定義を提供する必要がありますが結果に表示する要素だけが変換で作成されるのでスキーマを簡単に作成できます RSSdigest.xsd ファイルで確認できる XML スキーマは以下のとおりです <?xml version="1.0" encoding="windows-1252"?> <xsd:schema xmlns:xsd=" version=" "> <xsd:element name="channel" type="tchannel" /> <xsd:complextype name="tchannel"> <xsd:sequence> <xsd:element name="title" type="xsd:string"/> <xsd:element name="item" type="titem" minoccurs="0" maxoccurs="unbounded"/> </xsd:sequence> </xsd:complextype> <xsd:complextype name="titem"> <xsd:sequence> <xsd:element name="link" type="xsd:anyuri"/> <xsd:element name="title" type="xsd:string"/> <xsd:element name="description" type="xsd:string"/> <xsd:element name="date" type="trfc822formatdate"/> <xsd:element name="author" type="xsd:string"/> <xsd:element name="replies" type="xsd:nonnegativeinteger"/> </xsd:sequence> <xsd:attribute name="id" type="xsd:positiveinteger"/> </xsd:complextype> <xsd:simpletype name="trfc822formatdate"> <xsd:restriction base="xsd:string"> <xsd:pattern value="(((mon) (Tue) (Wed) (Thu) (Fri) (Sat) (Sun)), *)? d d? +((Jan) (Feb) (Mar) (Apr) (May) (Jun) (Jul) (Aug) (Sep) (Oct) (Nov) ( Dec)) + d d( d d)? + d d: d d(: d d)? +(([+ - ]? d d d d) (UT) (GMT) (EST) (EDT) (CST) (CDT) (MST) (MDT) (PST) (PDT ) w)"/> </xsd:restriction> </xsd:simpletype> </xsd:schema> このスキーマのグラフ表示を図 2 に示します 5 ページ

6 図 2 スキーマのグラフ表示 3. WebCenter アプリケーションとデータコントロールの作成 Oracle JDeveloper を起動して RSSDemo と呼ばれる新しいアプリケーションを作成します WebCenter Application テンプレートを選択しディレクトリを指定してパッケージの接頭辞として rssdemo を設定します 6 ページ

New を選択します URL サービスデータコントロールがこのプロジェクトに表示されていないので New Gallery の Filter By リストから All Technologies を選択します

7 図 3 新しい WebCenter アプリケーションの作成次に URL サービスデータコントロールを作成しますデータコントロールの定義と使用方法を分割すると優れた実践となりますこのためユーザーインタフェースが作成される ViewController プロジェクトではなく Model プロジェクトでデータコントロールを作成しますアプリケーションナビゲータで Model プロジェクトを右クリックして New を選択します URL サービスデータコントロールがこのプロジェクトに表示されていないので New Gallery の Filter By リストから All Technologies を選択します Business Tier ノードを開いて Web Services を選択し URL Service Data Control 項目を選択します OK をクリックします図 4 新しいコンテンツリポジトリデータコントロール 7 ページ

8 データコントロールウィザードでデータコントロール名を DiscussionsDataControl に設定します Create New Connection が接続属性に選択されていることを確認し Next をクリックしますこのデータコントロール用の新しい接続が作成されます Connection ウィンドウで DiscussionsConnection 接続という名前を付け URL Endpoint を oracle.com/jive3/rss/rssthreads.jspa に設定して Source を?forumID=##forumID## に設定します ##forumid## を使用すると実行時にフォーラム ID を柔軟に変更できますただしこの例ではこの機能を使用しません Next をクリックします図 5 接続ウィザードの認証の詳細設定次のステップでは forumid パラメータのデフォルト値として 1565 を設定します Next をクリックします図 6 デフォルトのフォーラム ID の設定 Data Format ウィンドウでデータ形式に XML を選択し前述した次の XML スキーマと XSLT 変換ファイルを指定します 8 ページ

9 XSD URL = c: RSSDemo XML RSSdigest.xsd XSL URL = c: RSSDemo XML RSSdigest.xsl Finish をクリックします図 7 XML データ形式データコントロールパレットで新しいデータコントロールを確認できます DiscussionsDataControl を開いてデータコントロールの構造を表示します ( データコントロールパレットを表示するにはメインメニューから View Data Control Palette を選択します ) 図 8 URL サービスデータコントロールの構造チャネルタイトルを使用して個別のスレッドを表示するためにフォーラム名と項目ノードを表示します 4. アプリケーションページの作成 ViewController プロジェクトをダブルクリックして Project Properties ウィンドウを開きます J2EE Application ノードを選択して J2EE Web コンテキストルートを RSSDemo にしますこれによってアプリケーションページにアクセスする URL が簡素化されます 9 ページ

jspx を入力して JSP Document オプションを選択します図 9 新しい JSF ページの作成ウィザードの次のステップで Do Not Automatically Expose UI

10 新しい JSF ページをこのプロジェクトに追加するには ViewController を右クリックして New Gallery から Web Tier JSF カテゴリを選択します JSF JSP 項目を選択します Create JSF JSP ウィザードで File Name フィールドに threads.jspx を入力して JSP Document オプションを選択します図 9 新しい JSF ページの作成ウィザードの次のステップで Do Not Automatically Expose UI Components in a Managed Bean オプションを選択します Tag Libraries ステップで次のライブラリがページ用に選択されていることを確認します ADF Faces Components ADF Faces HTML JSF Core JSF HTML 図 10 必要なタグライブラリの選択 10 ページ

Finish をクリックしますこの例では ADF Faces コンポーネントパレットのレイアウト要素を使用して単一の行と 2 つの列で構成される表を作成します TableLayout コンポーネントをドラッグして空のページにドロップします表コンポーネントに RowLayout をドロップします ( ビジュアルエディタのコンポーネントの配置よりも詳細を制御できる Structure

11 Finish をクリックしますこの例では ADF Faces コンポーネントパレットのレイアウト要素を使用して単一の行と 2 つの列で構成される表を作成します TableLayout コンポーネントをドラッグして空のページにドロップします表コンポーネントに RowLayout をドロップします ( ビジュアルエディタのコンポーネントの配置よりも詳細を制御できる Structure ペインを使用してください ) 次に行コンポーネントに 2 つの CellFormat コンポーネントをドロップします図 11 は Structure ペインのページの表示内容を示しています図 11 ページを表示する Structure ペイン次にページの左側に表示される表を作成しますデータコントロールパレットで DiscussionsDataControl を開きます Structure ペインの最初の cellformat ノードに Return channel item ノードをドラッグします Create コンテキストメニューから ADF Read-only Table を選択します図 12 ADF 読取り専用表としてのドロップ loaddata 操作にパラメータが必要なので次に Action Binding Editor を開きます forumid を 1565 として定義します 11 ページ

図 14 表の列と動作の構成 ADF Faces Core パレットから OutputText コンポーネントを 2 つ目の

12 図 13 forumid パラメータの構成 Edit Table Columns ウィザードウィンドウが開かれる場合 title と replies 以外のすべての列を削除します Enable Selection チェックボックスを選択します図 14 表の列と動作の構成 ADF Faces Core パレットから OutputText コンポーネントを 2 つ目の CellFormat コンポーネントにドロップします図 15 は Design モードの結果ページの表示を示しています 12 ページ

図 15 選択可能な表と OutputText のページ自動送信を定義するため Submit ボタンを削除できます Submit ボタンをクリックして選択し Delete を押しますラジオボタンで自動送信を設定するにはラジオボタンのいずれかをクリックします Structure ペインで af:tableselectone ノードが選択されていることを確認します図 16 選択ファセット

13 図 15 選択可能な表と OutputText のページ自動送信を定義するため Submit ボタンを削除できます Submit ボタンをクリックして選択し Delete を押しますラジオボタンで自動送信を設定するにはラジオボタンのいずれかをクリックします Structure ペインで af:tableselectone ノードが選択されていることを確認します図 16 選択ファセットプロパティインスペクタで Text プロパティの値を削除して AutoSubmit を true に設定します表に一意で自己記述的な ID を付与するには af:table ノードを選択し Id プロパティを threads に設定しますアプリケーションをテストする前に 2 つ目のセルの OutputText コンポーネントで表の現在の行の説明列を表示します 2 つ目の cellformat コンポーネントの OutputText コンポーネントを選択しますプロパティインスペクタで 13 ページ

$その Value プロパティを #{bindings.loaddata_data_channelitem.$ $<af:outputtext value="#{bindings.loaddata_data_channelitem.$

14 その Value プロパティを #{bindings.loaddata_data_channelitem.description} にバインドします図 17 OutputText 値のバインドディスカッションメッセージのテキストに HTML タグが含まれる場合があるので OutputText の Escape プロパティを false に変更します最後にこの OutputText を囲む CellFormat コンポーネントを選択して PartialTriggers プロパティをページの ADF 表の識別子である threads に変更しますページのこの部分のソースは次のようになります <afh:cellformat partialtriggers="threads"> <af:outputtext value="#{bindings.loaddata_data_channelitem.description}" escape="false"/> </afh:cellformat> この段階でページを実行してアプリケーションをテストしますさまざまなスレッドを選択してください図 18 はサンプルページを示しています図 18 書式設定されていない結果ページこの例のすべての機能部分が配置されますただし見やすいレイアウトにするためにページの書式設定を行う必要があります 14 ページ

$にドラッグしますスレッドのタイトルを表示するには PanelBox を選択して表の現在選択されている要素のタイトルである #{bindings.loaddata_data_channelitem.$

15 現在のスレッドの詳細情報の表示ページの右側で簡単な OutputText コンポーネントのスレッドの説明を表示します以下に示されているように境界線を追加しタイトルを表示して完全なスレッドを表示するリンクを追加します図 19 現在のスレッドの詳細 2 つ目の CellFormat コンポーネントに PanelBox をドラッグし既存の OutputText をこの PanelBox にドラッグしますスレッドのタイトルを表示するには PanelBox を選択して表の現在選択されている要素のタイトルである #{bindings.loaddata_data_channelitem.title} にテキストプロパティを変更します新しい OutputText を PanelBox にドラッグして Value プロパティを削除しますこれによって説明の後に空の行が作成されます GoLink を PanelBox にドラッグしテキストプロパティを More... に変更して宛先プロパティを #{bindings.loaddata_data_channelitem.link} に変更します注 :Structure ペインでコンポーネントの属性を選択し Property Inspector ペインで適切なプロパティを選択して新しい値を入力することによってコンポーネントの属性を変更できますただし GoLink コンポーネントの Destination プロパティの式言語 (EL) を指定する場合既知の問題がありますつまりプロパティインスペクタは #{bindings.loaddata_data_channelitem.link} などの式を受け入れませんこのため手動で変更を行う場合ビジュアルエディタの Source モードへ移動し <af:golink...> タグを検索して destination="#{bindings.loaddata_ Data_channelitem.link}" 属性を挿入します結果ページの断片のソースは次のようになります <afh:cellformat partialtriggers="threads"> <af:panelbox text="#{bindings.loaddata_data_channelitem.title}"> <af:outputtext value="#{bindings.loaddata_data_channelitem.description}" escape="false"/> <af:outputtext/> <af:golink text="more..." destination="#{bindings.loaddata_data_channelitem.link}"/> </af:panelbox> 15 ページ

</afh:cellformat> フォーラムタイトルの追加およびリンクのスレッドタイトルの変更表示されているフォーラムのタイトルを示します Structure ペインで af:table ノードを右クリックしコンテキストメニューから Facets Table Header を選択します新しいファセットが Structure ペインに表示されます

af:outputtext ノードを右クリックしコンテキストメニューから Convert を選択します Convert OutputText ダイアログボックスの golink を選択します Confirm Convert ダイアログボックスの OK をクリックします結果の GoLink コンポーネントの Text プロパティを #{row.

link} TargetFrame プロパティを _blank に変更します Title および Replies とそれぞれを表示するために 2 つの列の HeaderText プロパティを変更します Replies 列に数値情報が含まれるので列の formattype 属性を number に設定します結果の表タグを以下に示します太字は

16 </afh:cellformat> フォーラムタイトルの追加およびリンクのスレッドタイトルの変更表示されているフォーラムのタイトルを示します Structure ペインで af:table ノードを右クリックしコンテキストメニューから Facets Table Header を選択します新しいファセットが Structure ペインに表示されますデータコントロールパレットでチャネルの title を前のステップで作成したヘッダーファセットにドラッグアンドドロップします Create コンテキストメニューから Texts ADF Output Text を選択します図 20 表ヘッダーの作成 Structure ペインで最初の列の OutputText を確認します図 21 タイトル列 af:outputtext ノードを右クリックしコンテキストメニューから Convert を選択します Convert OutputText ダイアログボックスの golink を選択します Confirm Convert ダイアログボックスの OK をクリックします結果の GoLink コンポーネントの Text プロパティを #{row.title} Destination プロパティを #{row.link} TargetFrame プロパティを _blank に変更します Title および Replies とそれぞれを表示するために 2 つの列の HeaderText プロパティを変更します Replies 列に数値情報が含まれるので列の formattype 属性を number に設定します結果の表タグを以下に示します太字はこのドキュメントに記述されている変更を示します <af:table... id="threads"> <af:column sortproperty="title" sortable="false" headertext="title"> <af:golink text="#{row.title}" destination="#{row.link}" targetframe="_blank" /> </af:column> <af:column sortproperty="replies" sortable="false" headertext="replies" formattype="number"> <af:outputtext value="#{row.replies}"/> 16 ページ

17 </af:column> <f:facet name="selection"> <af:tableselectone autosubmit="true"/> </f:facet> <f:facet name="header"> <af:outputtext value="#{bindings['loaddata_data_channeltitle'].inputvalue}"/> </f:facet> </af:table スレッドリスト表の書式設定 RowLayout の Valign プロパティを top に設定して 2 つのセルの上部を調整します表の両方の列のサイズを定義して表と列のコンテンツで使用できる領域が満たされるように指定しますレイアウトコントロールタグは以下のとおりです <afh:tablelayout width="100%"> <afh:rowlayout valign="top"> <afh:cellformat width="30%"> <af:table... width="100%">... </af:table> </afh:cellformat> <afh:cellformat... width="*"> <af:panelbox... width="100%">... </af:panelbox>... </afh:cellformat> </afh:rowlayout> </afh:tablelayout> 再度ページを実行して向上したレイアウトを確認しますこれがこの例の最後のバージョンになります 5. まとめ Oracle WebCenter は受賞歴のある Jive Software Forums を利用したディスカッションサービスを提供しますこのテクニカルノートでは Oracle WebCenter アプリケーションページの Oracle WebCenter Discussions フォーラムのスレッドの表示方法を説明しました Oracle WebCenter Discussions の RSS フィードの読取りと要約にはさまざまな方法がありますここでは URL サービスデータコントロールを使用しました 17 ページ

18 Oracle WebCenter テクニカルノート 2008 年 1 月著者 :Istvan Kiss 共著者 : Oracle Corporation World Headquarters 500 Oracle Parkway Redwood Shores, CA U.S.A. 海外からのお問合せ窓口 : 電話 : ファクシミリ : Copyright 2008, Oracle. All rights reserved. 本文書は情報提供のみを目的として提供されておりここに記載される内容は予告なく変更されることがあります本文書は一切間違いがないことを保証するものではなくさらに口述による明示または法律による黙示を問わず特定の目的に対する商品性もしくは適合性についての黙示的な保証を含みいかなる他の保証や条件も提供するものではありませんオラクル社は本文書に関するいかなる法的責任も明確に否認し本文書によって直接的または間接的に確立される契約義務はないものとします本文書はオラクル社の書面による許可を前もって得ることなくいかなる目的のためにも電子または印刷を含むいかなる形式や手段によっても再作成または送信することはできません Oracle JD Edwards PeopleSoft および Retek は米国 Oracle Corporation およびその子会社関連会社の登録商標ですその他の名称はそれぞれの会社の商標です Oracle JD Edwards PeopleSoft および Retek は米国 Oracle Corporation およびその子会社関連会社の登録商標ですその他の名称はそれぞれの会社の商標です 18 ページ

Oracle Web CacheによるOracle WebCenter Spacesパフォーマンスの向上

Oracle Web CacheによるOracle WebCenter Spacesパフォーマンスの向上 Oracle ホワイトペーパー 2010 年 2 月 Oracle Web Cache による Oracle WebCenter Spaces パフォーマンスの向上免責事項以下の事項は弊社の一般的な製品の方向性に関する概要を説明するものですまた情報提供を唯一の目的とするものでありいかなる契約にも組み込むことはできません以下の事項はマテリアルやコード機能を提供することをコミットメント