プライマリ・コンテンツに移動
Oracle® Fusion Middleware Oracle WebCenter Sitesでの開発
12c (12.2.1.1)
E77292-01
目次へ移動
目次

前
次

2 avisportsサンプル・サイトの概要

avisportsはスポーツを中心としサンプル・サイトで、イメージを添えたスポーツ記事が掲載されています。avisportsは、フォーム・モードおよびWebモードでのアセットの作成や編集など、Oracle WebCenter Sites: Contributorインタフェースでの機能を示すために使用します。また、avisportsでは、アセットの「作成」ビューおよび「編集」ビューをWebモードでレンダリングするようにコーディングされたサンプル・テンプレートが、開発者に提供されます。

この章の内容は次のとおりです。

2.1 コンテンツ・コントリビュータとしてのavisportsサンプル・サイトのツアー

Oracle WebCenter Sitesでできることを理解するには、最初に、WebCenter Sitesツールおよびテクノロジを使用して開発されるavisportsデモ・サイトをプレビューします。このサイトをプレビューするには、WebCenter Sitesインスタンスにログインします。デフォルトでは、Contributorインタフェースが起動します。

Contributorインタフェースの左側は、avisportsサイトの3つのサイト・ナビゲーションで構成される「サイト・ツリー」です。「デフォルト」サイト・ナビゲーション・ノードの下のavisportsサイトは、デスクトップおよびラップトップ・コンピュータ用です。「タッチ」サイト・ナビゲーション・ノードは、タッチ・スクリーン・デバイス用、非タッチ・サイト・ナビゲーション・ノードは、QWERTYキーパッド搭載の非タッチ・デバイス用です。これらのノードを展開すると、サイト・ページが表示されます。ページをダブルクリックすると、ページがWebモードで表示され、コンテンツ・コントリビュータでコンテンツを編集およびプレビューできます。

avisportsサイトは、単一または複数のデバイスのコンテキストでプレビューできます。avisportsを単一デバイスのコンテキストでプレビューするには、右側の「デバイスの表示/非表示」アイコンをクリックして、このサイトをプレビューするデバイスを選択します。マルチデバイス・プレビューの場合は、「マルチデバイス・プレビュー」アイコンをクリックします。これらのプレビューには、サイト訪問者のデバイスでサイトがどのように表示されるかを示します。

これらの機能の詳細は、『Oracle WebCenter Sitesの使用』を参照してください。

2.2 avisportsサンプル・サイトのインフラストラクチャのツアー

次に、Adminインタフェースでavisportsサイトの各部について見てみましょう。WebCenter Sitesインタフェースの左上の「管理」アイコンをクリックして、Adminインタフェースに切り替えます。

Adminインタフェースで、「サイト」をクリックして、そのコンテンツを表示します。「サイト・ナビゲーション」ノードを開きます。Contributorインタフェースの「サイト・ツリー」に表示されるのと同じアセットを含むノードが3つあります。サイト・ナビゲーション・ノード(「デフォルト」、「タッチ」非タッチ)を開くと、「ホーム」ページ、ナビゲーション・パージ、記事およびイメージが表示されます。

「サイト管理者」ノードを開き、「アセット・タイプ」ノードを開くと、avisportsサイトに対して有効にしたアセットが表示されます。

「サイト・ナビゲーション」ノードを開きます。これにより、新しいサイト・ナビゲーションの作成と、既存のサイト・ナビゲーションの並べ替えが可能になります。

「一般的な管理」ツリーで、「モビリティ」ノードを開きます。「デバイス・グループ」「デバイス」「デバイス・リポジトリ」およびイメージのプロパティ」の各ノードが表示されます。これらのノードは、タッチ・スクリーン・デバイスおよびQWERTYデバイス用にavisportsサイトを設計する場合に使用されています。

avisportsサイトに使用されるテンプレートを表示するには、ツールバーの「検索」をクリックします。「検索」ドロップダウン・リストで、「接尾辞」を選択し、「検索文字列」ドロップダウン・リストでデフォルトの「すべて」を選択します。これらの選択により、デスクトップおよびラップトップ・デバイス、タッチ・スクリーン・デバイス、および非タッチQWERTYデバイス向けのavisportsに使用されるテンプレートが表示されます。

Adminインタフェースには、Contributorインタフェースでプレビューしたサイトのインフラストラクチャが表示されます。

開発プロセスの概要を理解するには、「WebCenter Sitesの開発プロセス」を参照してください。WebCenter Sitesで開発可能なWebサイトのタイプの詳細は、「WebCenterサイトのユースケース・シナリオ」を参照してください。