ここでは、ページに新しいタブを追加し、地理コンポーネントを使用して在庫の位置を表示します。また、ガント・チャートとピボット・テーブルを作成します。

詳細表示

ADF地理マップはADFデータ可視化コンポーネントの1つであり、Oracle ADFフレームワーク内でOracle Spatialの機能を提供します。 このコンポーネントを使用すると、ユーザーは地理マップ上にビジネス・データを表示し、1つのマップ上に複数の情報レイヤー（テーマ）を重ねて表示できます。

1. JDeveloperに戻り、OrdersAndStocksページの「StockLevels」タブを右クリックし、「Insert after Show Detail Item」→「Show Detail Item」を選択します。

   

2. Property InspectorのCommonグループを使用して、TextをLocationに変更します。

   

3. Styleグループで「」Layoutタブをクリックし、Heightを600pxに設定します。

   

4. 「Location」タブをクリックし、Data Controlsパネルで「OrdersView1」→「OrderItemsView2」ノードを開きます。 「WarehouseStockLevelsView1」ノードを選択し、Locationタブ内のページ上にドロップします。 Createコンテキスト・メニューから、「Geographic Map」→「Map and Point Theme」を選択します。

   

5. Create Geographic Mapダイアログで、「」Newアイコンをクリックして、新規マップ構成を作成します。

   

6. 必要な場合は、IdにmapConfig1と入力し、次にMapViewer URLフィールドのリストから「tapViewer」を選択し、「」Editボタンをクリックします。

   

7. Create URL Connectionダイアログで、URL情報としてhttp://elocation.oracle.com/mapviewerを入力し、「Test Connection」ボタンをクリックします。 接続が成功することを確認します。

   

   「OK」をクリックします。

   MapViewer URLは、Oracle Application Server MapViewerサービスのURLを指しています。

8. Geocoder URLフィールドに対して、geoという値を使用して上記手順を繰り返し、「」Editをクリックします。

   

9. URL情報としてhttp://elocation.oracle.com/geocoder/gcserverを入力し、「Test Connection」ボタンをクリックします。 接続が成功することを確認します。

   
   Geocoder Webサービスは、住所をマップの緯度座標と経度座標に変換します。

10. 「OK」をクリックします。 Edit Geographic Map Configurationダイアログに戻り、「OK」をクリックします。

    

11. 世界地図が表示されます。

    

12. Starting Xに'-100'を、Starting Yに'40'を入力して、北米に焦点を合わせます。 「Refresh」をクリックします。

    

    「OK」をクリックします。

13. Create Map Point Theme Bindingダイアログが表示されます。 Addressに「US (street, city, state, zip)」を選択して、次のフィールドを指定します。
    

    プロパティ	値
    Street	Address1
    City	City
    State	StateProvince
    Zip Code	PostalCode
    Label	WarehouseName

    Point Dataセクションで、次の値を指定します。

    プロパティ	値
    Data	QuantityOnHand
    Label	Quantity

    

    「OK」をクリックしてマップを挿入します。

    地理マップの変換は、住所フィールドに基づいて実行されます。 詳細表示
    
    ただし、Geocoderを介してx座標とy座標への変換を実行する必要のあるAddressコントロールを使用するよりも、x座標とy座標を使用した方がより効率的にマップにデータを表示できます。 データが100行を超える場合は、適切なパフォーマンスを確保するためにx座標とy座標を使用してください。

14. Structureウィンドウで、「dvt:map」コンポーネントを選択します。 Property InspectorのBehaviorグループで、PartialTriggersプロパティを::OrdItem（表のID）に設定します。

    

    注： ドロップダウン・リストの矢印から「Edit」オプションを選択し、「OrderItem」を選択することもできます。

15. AppearanceグループでMapZoomを3に設定して北米に焦点を合わせます。

    

16. マップにツールバーを追加してズームやエリア選択などの機能を使用できるようにするには、Component Paletteの「ADF Data Visualizations」→「Map」ライブラリから「Toolbar」コンポーネントを選択し、dvt:mapコンポーネント上にドラッグ・アンド・ドロップします。

    

17. Create Map Toolbarダイアログで、map id（マップ・コンポーネント名）として「map」を選択します。

    

    「OK」をクリックします。

18. ページは次のように表示されます。

    

19. JDeveloperメニュー・バーの「」Save Allアイコンをクリックするか、「File」→「Save All」を選択します。

20. 「」Runボタンをクリックして、OrdersAndStocks.jspxページを実行します。 製品が複数の場所に保管されている品目を含む注文を選択します。 「Location」タブをクリックします。

    

21. マップ上の赤い丸印が、この製品の倉庫を示しています。 右下の埋込みウィンドウに注目してください。

    
    デフォルトでは、mapPointThemesは"オレンジ色の丸印"として表示されます。 詳細表示
    
    Point ThemeコンポーネントのBuiltInImageプロパティを使用すると、事前定義したその他の値に表示を変更できます。
    
    

22. 埋込み内のウィンドウを移動して、マップ上の他の地域を選択します。

    

23. 埋込みウィンドウの左上をクリックして、非表示にします。

    

24. ツールバーのボタンを使用してみます。たとえば、「」Zoom inボタンをクリックし、マップ内をクリックしてズームインします。

    

25. ツールバーの「」Handアイコンをクリックしてから、任意の赤い丸印をクリックすると、場所の名前と在庫数量を示したウィンドウが表示されます。

    

    ポップアップ・ウィンドウを閉じます。

26. その他の機能を使用してみます。たとえば、「」Areaボタンを選択して、「」Rectangular選択ボタンをクリックします。次に、マップをクリックして長方形のエリアを選択します。 選択したエリアの表面積が計算されて表示されます。

    

27. ツールバーで「View」をクリックし、「Information Panel」を選択します。

    

28. マップ上の任意の位置にマウスを合わせ、地理座標（経度/緯度）を取得します。

    

29. ツールバーの「」distanceアイコンをクリックします。

    

30. マップ上で最初のスポットをダブルクリックし、次に地図の別のスポットをダブルクリックして2つの場所の間の距離を調べます。

    

31. ブラウザ・ウィンドウを閉じます。

Modelプロジェクトの新規Viewを使用して、既存ページの新規タブ内にピボット・テーブルを作成します。

1. JDeveloperに戻り、「Model」→「Application Sources」→「oracle.fod.model」を開き、「SalesPivotTable」ビューをダブルクリックして、エディタで開きます。

   

2. エディタの「Query」タブをクリックして、SQL文を表示します。 このビューでは、製品カテゴリ、製品名、および米国の州ごとにまとめて販売情報が表示されます。
   

   SELECT category_translations.CATEGORY_NAME as "Category",
   products_base.product_name as "Product",
   addresses.state_province as "State",
   sum(order_items.QUANTITY * order_items.UNIT_PRICE) as "Sales"
   FROM products_base, product_categories_base, category_translations, orders, order_items, addresses
   WHERE products_base.product_id = order_items.product_id and
   products_base.CATEGORY_ID = product_categories_base.CATEGORY_ID and product_categories_base.CATEGORY_ID = category_translations.CATEGORY_ID and orders.SHIP_TO_ADDRESS_ID = addresses.ADDRESS_ID and
   orders.order_id = order_items.ORDER_ID and addresses.COUNTRY_ID = 'US'
   GROUP BY category_translations.CATEGORY_NAME, products_base.product_name, addresses.state_province
   ORDER BY category_translations.CATEGORY_NAME, products_base.product_name

   
   

3. 「OrdersAndStocks」タブをクリックしてページを開き、「Location」タブ上で右クリックして、「Insert after Show Detail Item」→「Show Detail Item」を選択します。

   

4. Property InspectorのCommonグループで、TextをPivotTableに変更します。

   

5. 「Pivot Table」タブをクリックします。次に、Data Controlsパネルで、「SalesPivotTable1」データ・コントロールをページにドラッグします。 Createコンテキスト・メニューから「Tables」→「ADF Pivot Table」を選択します。

   
   ADFピボット・テーブルは行と列を使用してデータを格子状に表示します。また、行や列にデータを表示しないようにするピボット・フィルタ・バーを任意で表示できます。詳細表示
   
   ピボット・テーブルは次の要素で構成されます。
   列エッジ： ピボット・テーブル上部の横軸であり、ピボット・テーブルに含まれる情報レイヤーを1つ以上含みます。
   行エッジ： ピボット・テーブル左側の縦軸であり、ピボット・テーブルに含まれる情報レイヤーを1つ以上含みます。
   ページ・エッジ： 任意で表示されるピボット・フィルター・バーであり、場合によって、ピボット・テーブルのデータ表示をフィルタリングするための情報レイヤーを含みます。
   データ本体： ピボット・テーブルのセル内に表示される1つまたは複数の単位またはデータ値です。

6. Create Pivot Table Bindingダイアログが表示されます。 「Category」と「Product」を行エッジにドラッグします。

   

7. 「State」を列エッジにドラッグします。

   

8. 最後に、行と列が交差するデータ領域に「Sales」をドラッグします。

   

   「Next」をクリックします。

9. Data ValuesセクションでSales属性のLabelとしてSalesを入力し、Categoriesセクションで次のAttribute Display Valuesをドロップダウン・リストから選択します。
   

   Attribute	Attribute Display Value
   State	State
   Category	Category
   Product	Product

   

   「Next」をクリックします。

10. Configure Drillingペインで「Insert Drilling」オプションを選択し、Before Childrenを指定し、Category to Productのドリル・パスを有効化します。

    

    「Next」をクリックします。

11. Configure Aggregationペインで、「」Newボタンをクリックします。 Sum関数のAttribute-level OverridesにSales属性が追加されます。

    

12. 「Category Totals」タブを選択します。 「」Addボタンをクリックし、「Category」属性を選択してTotal LabelにTotal Categoryと入力します。

    

    「Next」をクリックします。

13. Configure Sortingペインで、「」Addボタンをクリックし、Attributeに「Category」を、Sort Attributeに「Product」を選択します。

    

    「Next」をクリックします。

14. Previewペインにサンプル・デザインが表示されます。

    

15. 「Finish」をクリックして、ページにピボット・テーブルを挿入します。

    

16. Structureウィンドウで、「dvt:pivotTable」コンポーネントを選択します。 Property InspectorのStyleグループで「」Layoutアイコンをクリックし、Widthプロパティを600pxに設定します。

    

17. JDeveloperメニュー・バーの「」Save Allアイコンをクリックするか、「File」→「Save All」を選択します。

18. 「」Runボタンをクリックして、ページを実行します。

19. ブラウザでOrdersAndStocksページが開きます。「PivotTable」タブをクリックします。

    

20. ピボット・テーブルが表示されます。

    

    Total Category行に注目します。

21. カテゴリを開いて製品の詳細情報を表示します。

    

22. ピボット機能をテストします。たとえば、「Product」列を選択して、State行のすぐ下に移動します。

    

23. 新しい表に、各州の売上が製品別に表示されます。 再計算された新しい合計値を確認します。

    

24. その他の列や行も移動してみます。 たとえば、「State」行を選択して、Product列の横に移動し、州別の製品売上を表示します。

    
    
    

    また、レイヤーを交換することもできます。たとえば、レイヤーを別のレイヤー上にドロップすることで、CategoryとStateを交換できます。

25. ブラウザ・ウィンドウを閉じます。

この項では、ページにガント・チャートの新しいタブを追加します。 マスター/ディテール関係にリンクされたOrderShippingSummaryとOrderShippingDetailsの2つの既存のビューを使用して、ページに新しいタブを追加し、新しいページにガント・チャートを作成します。

ガント・チャートは棒グラフの1種であり、横軸に時間が表示されています。詳細表示
これはプロジェクトの計画や追跡に使用されるチャートであり、開始および終了時期の異なるタスクやリソースが一定の時間枠内に表示されます。 作成するガント・チャートは、次の種類から選択できます。

'プロジェクト'ガント・チャートはタスクを上下に並べて、各タスクの継続期間を水平時間軸バーとして表示します。

'リソース使用率'ガント・チャートは、リソース割当てに過不足がないかどうかを視覚的に示します。 上下にリソースを表示して、その割当て（および任意で最大限度）を水平時間軸上に表示します。

'スケジューリング'ガント・チャートは手書きのスケジュール板をベースとしたものであり、上下にリソースを表示し、水平時間軸に該当するアクティビティを示します。 リソースの例には、人、マシン、部屋があります。

1. JDeveloperに戻り、「Model」→「Application Sources」→「oracle.fod.model」の順にノードを開き、「OrderShippingSummary」ビュー・オブジェクトを選択します。

   

2. エディタの「Query」タブをクリックして、SQL文を表示します。 この問合せは、各ユーザーに対して、すべての注文の中からもっとも古い発注日と最新の出荷日を取得します。 問合せは次のように表示されます。

   SELECT persons.PERSON_ID,
   persons.FIRST_NAME as "First Name",
   persons.LAST_NAME as "Last Name",
   min(orders.ORDER_DATE) as "Order Date",
   max(orders.ORDER_SHIPPED_DATE) as "Shipped Date",
   concat('Summary', '') as "Task Type"
   FROM orders, persons
   WHERE orders.CUSTOMER_ID = persons.PERSON_ID
   GROUP BY persons.person_id, persons.FIRST_NAME, persons.last_name
   
   

3. 「Model」→「Application Sources」→「oracle.fod.model」の順にノードを開き、「OrderShippingDetails」ビュー・オブジェクトを選択します。

   

4. エディタの「Query」タブをクリックして、SQL文を表示します。 この問合せは各ユーザーのすべての注文を取得し、OrderShippingSummaryの詳細情報を返します。 問合せは次のように表示されます。
   

   SELECT persons.PERSON_ID,
   orders.ORDER_ID,
   orders.ORDER_DATE as "Order Date",
   orders.ORDER_SHIPPED_DATE as "Shipped Date",
   persons.FIRST_NAME as "First Name",
   persons.LAST_NAME as "Last Name",
   concat('Normal', '') as "Task Type"
   FROM orders, persons
   WHERE orders.CUSTOMER_ID = persons.PERSON_ID
   
   
   
   

5. アプリケーション・ナビゲータで「FODModule」をダブルクリックし、「Data Model」タブを使用してOrderShippingSummaryとOrderShippingDetailsの既存関係を視覚化します。

   

6. OrdersAndStocksページに戻り、「PivotTable」タブ上で右クリックして、「Insert after Show Detail Item」→「Show Detail Item」を選択します。

   

7. Property InspectorのCommonグループを使用して、TextをOrdersPlanningに変更します。

   

8. 「OrdersPlanning」タブをクリックします。次に、Data Controlsパネルで「OrderShippingSummary2」を選択し、ページにドロップします。 メニューから、「Gantts」→「Project」を選択します。

   

9. Create Project GanttダイアログのTasksタブで、ドロップダウン・リストから次の値を選択します。

   プロパティ	値
   Task Id	PersonId
   Task Type	TaskType
   Start Time	OrderDate
   End Time	ShippedDate

   
   Tasksタブの値。 詳細表示
   
   これらの値を指定することで、各ユーザー（顧客）に対して、すべての個別注文の中でもっとも古い発注日から最新の出荷日までのサマリー・タスク期間が作成されます。
   
   

10. 「PersonId」属性を選択して、「Delete」ボタンをクリックします。

    
    

11. ダイアログの「Subtasks」タブをクリックし、ドロップダウン・リストから次の値を選択します。

    プロパティ	値
    Subtasks Accessor	OrderShippingDetails
    Sub Task Id	OrderId
    Sub Task Type	TaskType
    Start Time	OrderDate
    End Time	ShippedDate

    
    
    
    Subtasksの値。 詳細表示
    
    OrderShippingDetailsアクセッサに基づくこれらのサブタスクは、個々の注文に対して発注日から出荷日までの期間を示します。

    「OK」をクリックします。

12. Property InspectorのCommonグループで、Start TimeとEnd Timeの値を、それぞれ現在の日付（またはFODスキーマをインストールした日付）の2カ月前と1カ月後に変更します。
    この例に示されている日付は、実際に使用しているデータベースの日付とはおそらく一致しないことに注意してください。

    

13. ページは次のように表示されます。

    

14. 「」Runボタンをクリックして、ページを実行します。

15. ブラウザにページがロードされます。 「OrdersPlanning」タブをクリックします。

    

16. ガント・チャートに、ユーザー/顧客ごとの全注文の延べ期間が表示されます。

    

17. いずれかのユーザーの「+」アイコンをクリックして、発注明細を開き、各注文の状態を表示します。

    

18. 左側のペインを広げて表示列を増やし、各注文の発注日と出荷日を確認します。 次に、最初の位置にサイズを変更します。

    

19. デフォルトで作成されているガント・チャートのツールバーを確認します。 「」Zoom outアイコンをクリックし、タスク上部の表示に注目します。列ラベルが日付から週単位や月単位へと変わります。

    
    
    ズームインとズームアウト。 詳細表示
    
    もう一度ズームアウトすると、実際の月と週の表示から四半期と月の表示へと変わります。 また、[Ctrl]キーを押しながらマウスのスクロール・ホイールを使用することで、ガント・チャートのタイム・スケールをズームインおよびズームアウトできます。 一度に複数レベルのズームを実行する場合、ユーザーが現在のレベルを把握できるようにツールチップが表示されます。 これは、クリック機能なしのスクロール・ホイールを使用しているユーザーにとって特に便利です。
    

20. メニューから「View」→「Time Scale」をクリックします。 タイム・スケールの単位を選択できます。

    

21. 新しいガント・チャートが表示されます。

    

22. ブラウザ・ウィンドウを閉じます。

23. これでこのチュートリアルは完了です。

すべて表示 | すべて非表示