ヘッダーをスキップ
Oracle® Fusion Middleware Oracle WebCenter Portal: Spaces用チュートリアル
11g リリース1 (11.1.1.7.0)
B55931-04
  目次へ移動
目次

前
 
次
 

6 ページの作成

El Pijuは、環境に優しい住居の設計と建築に加えて、建築サービスも提供します。Servicesサブスペースに、これらを説明する2つのページを作成します。その前に、新しいページの移入に使用するコンテンツをアップロードする必要があります。

ここでは、ページにコンテンツを移入する3つの方法として、最初にリッチ・テキスト・エディタを使用して.txtドキュメントで作業する非常に簡単な例を、次にコンテンツ・プレゼンタを使用して単純なHTMLファイルを表示する簡単な例を、最後にコンテンツ・プレゼンタを使用して3つのタブ付きページを構築する方法を説明します。

6.1 手順1: 「Construction」ページの作成

ページを作成し、El Pijuの建築サービスに関する事前提供済のテキストを追加し、リッチ・テキスト・エディタを使用してテキスト・スタイルを変更します。

「Construction」ページを作成するには、次の手順を実行します。

  1. Admin Linksを開いてServices Adminをクリックし、「ページ」タブを選択します。

  2. 「ページの作成」をクリックします。

    「ページの作成」ダイアログが表示されます。

  3. 「ページ名」フィールドに、Constructionと入力します。

  4. 「ページ・スタイル」が「空白」であることを確認して、「作成」をクリックします。「アクション」アイコンをクリックし、表示されるポップアップ・メニューから「ページの編集」を選択します。

    ページが編集モードで表示されます(図6-1を参照)。

    図6-1 「Construction」ページ

    図6-1の説明が続きます
    「図6-1 「Construction」ページ」の説明

  5. 「コンテンツの追加」をクリックします。

    「リソース・カタログ」が表示されます。

  6. 「Web開発」の隣にある「オープン」をクリックします。

  7. 「テキスト」の隣にある「追加」をクリックし、「閉じる」をクリックします。

    ページは図6-2のようになります。

    図6-2 「Construction」ページの「テキスト」要素

    図6-2の説明が続きます
    「図6-2 「Construction」ページの「テキスト」要素」の説明

  8. 事前提供済のコンテンツをWebCenter Portal管理者が格納した場所からconstruction.txtファイルを開きます。

  9. テキストをコピーしてSpacesに戻ります。

  10. 右側で「テキストの編集」をクリックします。

  11. 「テキスト」ボックスの下で「テキストをここに入力してください」を選択し、construction.txtファイルからコピーしたテキストを貼り付けます。

  12. リッチ・テキスト・エディタで提供される編集ツールを使用して、テキストの拡大、色の変更およびフォントの変更を行います。終了したら、「編集完了」をクリックします。

  13. 「保存」「閉じる」の順にクリックします。

  14. ナビゲーション・モデルの上部とツリーの両方で、Servicesノードに新しいページが追加されたことを確認します(図6-3を参照)。

    図6-3 メニューおよびツリーからアクセス可能な「Construction」ページ

    図6-3の説明が続きます
    「図6-3 メニューおよびツリーからアクセス可能な「Construction」ページ」の説明

単純なページを作成し、リッチ・テキスト・エディタを使用してスタイルおよび色を編集したプレーン・テキストを追加しました。次に、コンテンツおよびグラフィックをServicesサブスペースにアップロードし、それらを使用して新しいページを作成します。

6.2 手順2: Servicesサブスペースへのコンテンツのアップロード

ここでは、この後で作成する新しいページ「Green Building」用のコンテンツをアップロードします。

  1. Admin Linksを開いてServices Adminをクリックし、「コンテンツ」タブを選択します。

  2. 「ドキュメント」をクリックします。

    Servicesサブスペースのルート・ディレクトリが表示されます。

  3. 「アップロード」をクリックします。

  4. 「ファイルを選択します」をクリックし、ドキュメントgrbuilding_image1.jpggrbuilding_image2.jpggrbuilding_image3.jpgおよびgreenbuilding.htmを参照します。「アップロード」をクリックします。

  5. アップロードされたファイルの名前が「ドキュメント」ページに表示されます(図6-4を参照)。

    図6-4 アップロードされた「Green Building」のイメージ

    図6-4の説明が続きます
    「図6-4 アップロードされた「Green Building」のイメージ」の説明

次に、ここでアップロードしたコンテンツを使用して「Green Building」ページを構築します。

6.3 手順3: 「Green Building」ページの作成

ここでは、コンテンツ・プレゼンタの機能を使用して「Green Building」ページを設計します。コンテンツ・プレゼンタを使用すると、Oracle WebCenter ContentのSite Studioファイル、1つのコンテンツ・アイテム、複数のコンテンツ・アイテムまたはコンテンツへの問合せを選択するか、あるいはWebCenter PortalのPersonalization Conductorシナリオの結果に基づいてコンテンツを選択してから、Spacesアプリケーションのページにコンテンツをレンダリングするテンプレートを選択できます。これらの項目すべてについて理解している必要はありません。

引き続き「コンテンツ」タブで作業します。

  1. 「ページ」タブをクリックします。

  2. 「ページの作成」をクリックします。

  3. 「ページ名」フィールドに、Green Buildingと入力します。

  4. 「ページ・スタイル」セクションで「右を狭く」オプションを選択し、「作成」をクリックします。

  5. 「アクション」アイコンをクリックし、表示されるポップアップ・メニューから「ページの編集」を選択します。「Green Building」ページが編集モードで表示されます。

  6. 左側の領域で、「コンテンツの追加」をクリックします。

    「リソース・カタログ」が表示されます。

  7. 「コンテンツ管理」の隣にある「オープン」をクリックします。

  8. 「スペース・ドキュメント」の隣にある「オープン」をクリックします。


    ヒント:

    手順6および手順7をスキップして、直接「スペース・ドキュメント」を検索できます。


    「スペース・ドキュメント」を使用すると、現行のスペースにアップロード済のすべてのドキュメントにアクセスできます。

  9. greenbuilding.htmの隣にある「追加」をクリックします。ポップアップ・メニューから「コンテンツ・プレゼンタ」を選択して、「閉じる」をクリックします。

    図6-5 リソース・カタログ - 追加 - コンテンツ・プレゼンタ

    図6-5の説明が続きます
    「図6-5 リソース・カタログ - 追加 - コンテンツ・プレゼンタ」の説明

    greenbuilding.htmファイルのテキストが左側の領域に表示されます(図6-6を参照)。

    図6-6 「Green Building」 - テキストが移入された左側の領域

    図6-6の説明が続きます
    「図6-6 「Green Building」 - テキストが移入された左側の領域」の説明

  10. 右側の領域で、「コンテンツの追加」をクリックします。

    「リソース・カタログ」が表示されます。

  11. grbuilding_image1.jpgの隣にある「追加」をクリックし、ポップアップ・メニューから「コンテンツ・プレゼンタ」を選択します。

    図6-7 リソース・カタログ - 追加 - コンテンツ・プレゼンタ

    図6-7の説明が続きます
    「図6-7 リソース・カタログ - 追加 - コンテンツ・プレゼンタ」の説明

  12. 手順10を繰り返してgrbuilding_image2.jpgおよびgrbuilding_image3.jpgを追加した後、「閉じる」をクリックします。

    領域の右側には3つのイメージが追加され、左側にはコンテンツが表示されます。「Green Building」ページは図6-8のようになります。

    図6-8 「Green Building」 - イメージが移入された右側の領域

    図6-8の説明が続きます
    「図6-8 「Green Building」 - イメージが移入された右側の領域」の説明

    ページ・テンプレートに囲まれたコンテンツの外観を確認します。

  13. 「保存」「閉じる」の順にクリックします。

    これで、「Green Building」ページは、ServicesメニューとServicesツリーの両方のナビゲーションからアクセス可能になりました(図6-9を参照)。

    図6-9 「Green Building」ページ

    図6-9の説明が続きます
    「図6-9 「Green Building」ページ」の説明

ページの準備ができました。このページは、コンテンツ・プレゼンタのタスク・フローを使用して作成したため、実行時に編集できます。これがエンド・ユーザーに与える影響を簡単に確認します。

6.4 手順4: 実行時における「Green Building」ページの編集

ここでは、ユーザーがこのページをインラインで編集する適切な権限を持っていると仮定して、その編集方法を確認します。エンド・ユーザーは、コンテンツ・プレゼンタを使用することで、実行時の編集を簡単に行えます。

  1. 「Green Building」ページが表示された状態で、[Ctrl]と[Shift]を押しながら[C]を押します。

    コンテンツを含む各領域が、ハッシュされた境界線で青色にアウトラインされます。

  2. テキストを含む領域で、「このドキュメントを表示および管理します」アイコンをクリックします。

    「編集」ダイアログが表示されます。

  3. 「編集」をクリックします。

  4. 最初の文にイタリック体を使用するなど、テキストに変更を加えます(図6-10を参照)。

    実行時にSpacesで直接コンテンツを編集していますが、これもコンテキスト内編集と呼ばれるコンテンツ・プレゼンタの機能の1つであり、これによってユーザーはオンライン・コンテンツを管理できるようになります。

    図6-10 「編集」ダイアログ

    図6-10の説明が続きます
    「図6-10 「編集」ダイアログ」の説明

    実行時に、ユーザーは、手順3: 「ドキュメント」ページの有効化でドキュメント・ページを有効にした際に理解した機能を使用できます。ドキュメントの新しいバージョンのアップロード、編集目的での現行のバージョンのチェックアウト、「表示」メニューを使用したダウンロード・リンクのコピーなどを実行できます。

  5. 「保存して閉じる」をクリックします。

  6. [Ctl]と[Shift]を押しながら[C]を押して、ハッシュされた境界線を消します。

6.5 手順5: Adviceサブスペースへのコンテンツのアップロード

ここでは、この後で作成する新しいページ「Key Decisions」にコンテンツをアップロードします。

  1. Admin Linksを開いてAdvice Adminをクリックし、「コンテンツ」タブを選択します。

  2. 「ドキュメント」をクリックします。

    ルート・ディレクトリが表示されます。

  3. 「アップロード」をクリックします。

  4. 「ファイルを選択します」をクリックし、ドキュメントComparing Earthbag and Adobe.htmMaking Wheat Paste.htmおよびarticle.htmを参照して選択します。

  5. 「アップロード」をクリックします。

    図6-11 リンクとして表示されるアップロード済ファイル

    図6-11の説明が続きます
    「図6-11 リンクとして表示されるアップロード済ファイル」の説明

6.6 手順6: 「Key Decisions」ページの作成

ここでは、Adviceサブスペースに3つのタブ付きのページを作成します。再びコンテンツ・プレゼンタによるタスク・フローを使用しますが、今回は拡張機能を使用するため、利用可能なオプションからコンテンツ・プレゼンタの事前構成済フォーマットおよびテンプレートを選択してコンテンツを追加できます。

「Advice - 設定」ページで作業します。

  1. 「ページ」タブを選択します。

  2. 「ページの作成」をクリックします。

  3. 「ページ名」フィールドに、Key Decisionsと入力します。

  4. 「ページ・スタイル」が「空白」であることを確認して、「作成」をクリックします。使用可能なページのリストにページが表示されます。

  5. 「アクション」アイコンをクリックし、表示されるポップアップ・メニューから「ページの編集」を選択します。「Key Decisions」ページが編集モードで表示されます。

  6. 「コンテンツの追加」をクリックします。

    「リソース・カタログ」が表示されます。

  7. 「コンテンツ管理」の隣にある「オープン」をクリックします。

  8. 「コンテンツ・プレゼンタ」の隣にある「追加」をクリックし、「閉じる」をクリックします。

    「コンテンツ・プレゼンタ」タスク・フローが追加されます。特定のフォーマットに3つのコンテンツを表示するために、最初に、コンテンツではなくコンテンツ・プレゼンタを選択します。「Green Building」ページを作成した際は、表示する3つのファイルに関連性がなかったため、一度に1つずつファイルを追加しました。

  9. 右側で、1つ目のレンチ・アイコンをクリックします(図6-12を参照)。

    図6-12 コンテンツ・プレゼンタのタスク・フローでのレンチ・アイコン

    図6-12の説明が続きます
    「図6-12 コンテンツ・プレゼンタのタスク・フローでのレンチ・アイコン」の説明

    コンテンツ・プレゼンタの「構成」ウィザードが表示されます(図6-13を参照)。

    図6-13 コンテンツ・プレゼンタの「構成」ウィザード

    図6-13の説明が続きます
    「図6-13 コンテンツ・プレゼンタの「構成」ウィザード」の説明

  10. 「コンテンツ」タブで、「コンテンツ・ソース」ドロップダウン・リストから「アイテムのリスト」を選択します。

  11. 「表示するアイテムの選択」で、「追加」をクリックします。

    「1つ以上のコンテンツ・アイテムを選択」ダイアログが表示されます。

  12. 手順5: Adviceサブスペースへのコンテンツのアップロードでアップロードした3つのファイルをハイライト表示し、「選択」をクリックします。

  13. 「テンプレート」タブで、「テンプレート」ドロップダウン・リストから「タブ・ビュー」を選択し、「保存」をクリックします。

  14. ページを保存して閉じます。画面は図6-14のようになります。

    図6-14 Adviceサブスペースの3つのタブ付きのページ

    図6-14の説明が続きます
    「図6-14 Adviceサブスペースの3つのタブ付きのページ」の説明

  15. 各タブをクリックすると記事が表示されます。

6.7 まとめ

ページの様々な設計方法を使用して、サブスペースに3つのページを作成しました。最初に、リッチ・テキスト・エディタによる単純なレイアウトを使用して、「Construction」を作成しました。「Green Building」では、「右を狭く」レイアウトを選択し、コンテンツ・プレゼンタを使用してコンテンツを表示しました。また、コンテンツ・プレゼンタの実行時の編集機能を使用して、実行時に「Green Building」ページを編集しました。最後に、3つの記事を追加してコンテンツ・プレゼンタの事前構成済テンプレートを適用し、3つのタブ付きの「Key Decisions」ページを設計しました。コンテンツ・プレゼンタは強力なツールであり、考えられるほぼすべてのコンテンツ・シナリオを実現できます。コンテンツ・プレゼンタを使用して実現可能な内容の詳細は、Oracle Fusion Middleware Oracle WebCenter Portal: Spacesユーザーズ・ガイドを参照してください。