2 avisportsサンプル・サイトの概要
avisportsはスポーツ中心のサンプル・サイトで、Oracle WebCenter Sites: Contributorインタフェースでアセットをフォーム・モードおよびWebモードで作成および編集する機能などが用意されています。たとえば、記事をイメージ付きで説明しています。avisportsには、Webモードでアセットの「作成」ビューおよび「編集」ビューをレンダリングするようにコーディングされているサンプルのテンプレートが用意されています。
トピック:
2.1 コンテンツ・コントリビュータとしてのavisportsサンプル・サイトのツアー
Oracle WebCenter Sitesで何ができるのかを、avisportsのデモ・サイトを通して簡単に見ていきます。このサイトの設計に当たっては、WebCenter Sitesのツールとテクノロジを使用しました。デフォルトでは、WebCenter Sitesインスタンスにログインすると、Contributorインタフェースが起動します。
Contributorインタフェースの左側は、avisportsサイトの3つのサイト・ナビゲーションで構成される「サイト・ツリー」です。「デフォルト」サイト・ナビゲーション・ノードの下のavisportsサイトは、デスクトップおよびラップトップ・コンピュータ用です。「タッチ」サイト・ナビゲーション・ノードは、タッチ・スクリーン・デバイス用、非タッチ・サイト・ナビゲーション・ノードは、QWERTYキーパッド搭載の非タッチ・デバイス用です。これらのノードを展開すると、サイト・ページが表示されます。ページをダブルクリックすると、ページがWebモードで表示され、コンテンツ・コントリビュータでコンテンツを編集およびプレビューできます。
avisportsサイトは、単一または複数のデバイスのコンテキストでプレビューできます。avisportsを単一デバイスのコンテキストでプレビューするには、右側の「デバイスの表示/非表示」アイコンをクリックして、このサイトをプレビューするデバイスを選択します。マルチデバイス・プレビューの場合は、「マルチデバイス・プレビュー」アイコンをクリックします。これらのプレビューには、サイト訪問者のデバイスでサイトがどのように表示されるかを示します。
『Oracle WebCenter Sitesの使用』を参照してください。
2.2 avisportsサンプル・サイトのインフラストラクチャのツアー
ここでは、avisportsサイトのインフラストラクチャのエレメントを見ていきます。avisportsインフラストラクチャを一通り見るには、Adminインタフェースに切り替える必要があります。WebCenter Sitesインタフェースの左上にある「管理」アイコンをクリックすると、そこに速やかに移動できます。
Adminインタフェースで、「サイト」をクリックして、そのコンテンツを表示します。「サイト・ナビゲーション」ノードを開きます。Contributorインタフェースの「サイト・ツリー」に表示されるのと同じアセットを含むノードが3つあります。サイト・ナビゲーション・ノード(「デフォルト」、「タッチ」非タッチ)を開くと、「ホーム」ページ、ナビゲーション・パージ、記事およびイメージが表示されます。
「サイト管理者」ノードを開き、「アセット・タイプ」ノードを開くと、avisportsサイトに対して有効にしたアセットが表示されます。
「サイト・ナビゲーション」ノードを開きます。これにより、新しいサイト・ナビゲーションの作成と、既存のサイト・ナビゲーションの並べ替えが可能になります。
「一般的な管理」ツリーで、「モビリティ」ノードを開きます。「デバイス・グループ」、「デバイス」、「デバイス・リポジトリ」およびイメージのプロパティ」の各ノードが表示されます。これらのノードは、タッチ・スクリーン・デバイスおよびQWERTYデバイス用にavisportsサイトを設計する場合に使用されています。
avisportsサイトに使用されるテンプレートを表示するには、ツールバーの「検索」をクリックします。「検索」ドロップダウン・リストで、「接尾辞」を選択し、「検索文字列」ドロップダウン・リストでデフォルトの「すべて」を選択します。これらの選択により、デスクトップおよびラップトップ・デバイス、タッチ・スクリーン・デバイス、および非タッチQWERTYデバイス向けのavisportsに使用されるテンプレートが表示されます。
Adminインタフェースには、Contributorインタフェースでプレビューしたサイトのインフラストラクチャが表示されます。
開発プロセスの概要を理解するには、「WebCenter Sitesの開発プロセス」を参照してください。WebCenter Sitesで開発可能なWebサイトのタイプを学習するには、「WebCenterサイトのユースケース・シナリオ」を参照してください。