メニュー・バーから、「 View」→「 Database Navigator」 を選択します。

Database Navigatorで「 BrowseEditApp」を右クリックして、コンテ キスト・メニューから「 New Connection」を選択します。

接続の名前を入力し、接続タイプを選択して、ユーザー名とパスワードを入力します。 この例では、接続名に FOD、 ユーザー名に fod、パスワードに fusionを使用します。

「 Test Connection」をクリックして、接続可能であることを確認します。

接続に成功したら、「 OK」をクリックします。

アプリケーション・ナビゲータで、「 Application Resources」パネルをクリッ クして開きます。

アプリケーション・ナビゲータで、Application Resourcesパネルの「 Connections and Database」ノードを展開し、作成したFOD接続を表示します。 FODノードを開いて、データベース・オブジェクトを表示できます。

アプリケーション・ナビゲータを開き、「 Model」プロジェクト・ノードを展開します。 既存のエンティティ、ビュー、リンク・オブジェクト、FODモジュールを確認します。

モデル・プロジェクトには、アプリケーションに必要なすべてのコンポーネントが含まれています。 Modelプ ロジェクトを閉じます。

Business Componentテスターのモジュールをテストするため、アプリケーション・ナビゲータで「 FODModule」 を右クリックして、「 Run」を選択します。

Business Component Configurationダイアログで、「 Connect」 をクリックします。

ブラウザ・ウィンドウが開くまで待ちます。

Oracle Business Component Browserで、「 OrdersItemsOrdersFkLink1」 をダブルクリックします。

ナビゲーション・ボタンを使用して、注文を参照します。

Oracle Business Component Browserウィンドウを 閉じます。

「 ViewController」プロジェクト・ノードを展開します。 Fusion Web Application作成時にデフォルトで作成される既存のコンポーネントを確認します。

アプリケーション・ナビゲータで「 ViewController」ノードを右クリックし、コンテキ スト・メニューから「 New」を選択します。

New Galleryで、「 Current Project Technologies」タブを クリックします。次に、「 Web Tier」→「 JSF」カテゴリを選択し、「 JSF Page」項目を選択します。

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

File Nameフィールドに OrdersAndStocksを設定します。

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

設計エディタで新しいページが開きます。

コンポーネント・パレットの「 ADF Faces」→「 Layout」 ライブラリで、「 Panel Tabbed」コンポーネントをドラッグし、ページにドロップします。

プロパティ・インスペクタで、 Styleノードの Boxタブで Widthを 100 Percent、Heightを 600 Pixelに設定します。

「 showDetailItem」を選択し、プロパティ・インスペクタの Commonノー ドを使用して、テキスト・フィールドに MDOrdersと入力します。

アプリケーション・ナビゲータで、「 Data Controls」アコーディオン・パネルを展開 し、次に「 FODModuleDataControl」ノードを展開します。

「 OrdersView1」ノードをビジュアル・エディタにドラッグして、ページにドロップしま す。 Createコンテキスト・メニューから「 Forms」→「 ADF Read-only Form」を選択します。

Edit Form Fieldsダイアログで、 Include Navigation Controlsチェッ ク・ボックスにチェックを入れ、 OrderId、OrderDate、OrderStatusCode、OrderTotal、 CustomerIdを除くすべてのフィールドを選択します。 Delete「 」アイコンをクリックします。

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

Data Controlsパネルで、「 OrdersView1」ノードを展開します。 「 OrderItemsView2」 ノードをフォームの下部にドラッグします。

Createコンテキスト・メニューから「 Tables」→「 ADF Read-only Table」を選択します。

Edit Table Columnsダイアログで、「 Row Selection」と「 Sorting」 を選択します。 LineItemId、Quantity、UnitPrice、ProductNameを除くすべ ての列を選択します。 Deleteアイコン「 」をクリックします。

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

新しい表を選択した状態で、プロパティ・インスペクタの Styleノードで Boxタ ブを選択し、Widthを 100 Percentに設定します。 次に、Heightを 100 Pixelと設定します。

「 Common」タブを選択し、Idに OrdItemと入力し ます。

ページの設計で、OrdersViewのために作成された「 First」ボタンを選択します。次に、プロパティ・インス ペクタの Commonタブで、Idに firstと入力します。

Previousボタン、Nextボタン、Lastボタンに対して同じ操作を繰り返し、それぞれのIdに previous、 next、 lastと 入力します。

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

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

ページ内で右クリックし、コンテキスト・メニューから「 Run」を選択します。

ブラウザにページがロードされます。

ナビゲーション・ボタンを試します。

ディテール列の ソート機能を試します。

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

これで作業用ページが作成されました。次に、棒グラフ、ゲージ、ガント・チャート、地理情報などの グラフ・コンポーネントを追加して、ピボット・テーブルを作成します。

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

エディタの「 Query」タブをクリックして、SQL文を表示 します。 製品のあるUSの倉庫IDに基づいて、倉庫ID、倉庫名、製品ID、手もち在庫数量の列がビューに返されるのを確認します。

SELECT Warehouses.Warehouse_id,
Warehouses.Warehouse_Name,
WarehouseStockLevels.Product_Id,
WarehouseStockLevels.Quantity_On_Hand,
Addresses.Address1, Addresses.City,
Addresses.State_Province,
Addresses.POSTAL_CODE,
Addresses.Country_Id
FROM
WAREHOUSES Warehouses,
Warehouse_Stock_Levels WarehouseStockLevels,
Addresses Addresses
WHERE
Warehouses.warehouse_id = WarehouseStockLevels.warehouse_id
and Addresses.address_id = Warehouses.address_id and Addresses.Country_id='US'

エディタ・ウィンドウで、「 OrdersAndStocks」タブをクリックして、ページを表示し ます。

Data Controlsパネルで、「 OrdersView1」→「 OrderItemsView2」 ノードを展開します。 「 WarehouseStockLevelsView1」ノードを選択し、 OrderItemsディ テール表の下のStructureペインにドロップします。

Createコンテキスト・メニューから、「 Graphs」を 選択します。

Component Galleryダイアログで、カテゴリとして「 Pie」を選択します。次に、 グラフの種類として「 Pie」を選択します。それぞれのカテゴリに対し、Quick Start Layoutにさまざまなレイアウトが提供されていることを確認します。

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

必要に応じて、Create Pie Chartダイアログで「 Include Child Accessors」 の選択を解除します。次に、以下の値を指定します。
- Pie ： リストから「 Quantity on Hand」を選択します。
- Slices ： Add「 」 をクリックして、ドロップダウン・リストから「 WarehouseId」を選択します。

Attribute Labelsセクションで、以下の設定をします。

「 Preview」タブをクリックします。 データベースに接続後、ダイアグラムが表示されます。

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

プロパティ・インスペクタの Appearanceグループで、次のプロパティを設定します。

次に、「 Image」ノードを展開し、 次のプロパティを設定し ます。

BehaviorノードのPartialTriggers項目の横で「 Edit」 オプションを選択します。

次に、Edit Propertyダイアログから「 table* - OrdItem」を移動しま す。 これにより、グラフがOrder Item行の選択と同期化されるようになります。

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

PartialTriggersで、::OrdItemの次に ::first ::previous ::next ::lastと入力します。

Structureペインで、「 dvt:pieGraph」コンポーネントを展開します。 Structureペインの「 dvt:seriesSet」を展開して、「 dvt:series」 を選択します。

プロパティ・インスペクタで、PieSliceExplodeを 100に設定します。これは、分割 スライスとメインの円の間の距離を示します。 Idに aを設定します。

作業を 保存し、ツールバーの Runボタン「 」をクリックして、ページを実行します。

ブラウザにページがロードされます。 デフォルトでは、各スライスにパーセント値が表示され、各スライス・ラベルは異なる色と関連づけされます。 各スライスの上にカーソルを置くと、ツールチップ・ラベル（倉庫名と数量）が表示されます。

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

JDeveloperに戻り、「 dvt:pieGraph」コンポーネントを選択します。次に、 Appearance セクションで、SeriesEffectに SE_GRADIENT、 SeriesRolloverBehaviorに RB_HIGHLIGHTを設定します。

Appearanceの Animationセクションで、 AnimationOnDataChangeを ON、AnimationOnDisplayを Autoに 設定します。

注意： animateOnDisplay がonに設定されている場合、ページでグラフが最初に表示された際に、アニメーション・エフェクトが適用されます。
AnimateOnDataChangeがonに設定されている場合、データが変更されるたびに（表の列をクリックした場合も同様に）グラフにアニメー ション・エフェクトが適用されます。

Structureペインの「 dvt:graph」を展開し、「 dvt:sliceLabel」タグを選択して、textTypeプロパティに LDT_TEXT_PERCENTを 設定します。

Legend Areaで、Renderedプロパティを false、 AutomaticPlacementを AP_NEVERに設定します。

Pie Labelで、Rendered propertyを trueに 設定します。

作業を 保存し、 Runボタン「 」をクリックして、ページを実行します。

ブラウザ・ウィンドウにページが表示されます。

円グラフのスライスにカーソルを置くと、 ツールチップに各倉庫の倉庫名と数量が表示され、各スライ スの横にパーセント値が表示されます。

別の スライスを選択すると、円グラフにはこの製品の状況が新たに表示されます。

ほかの項目を選択します。 アニメーション・エフェクトが適用されることを確認します。

最後の円グラフまでこれを繰り返します。

別の注文で試すこともできます。

JDeveloperに戻り、エディタ・ウィンドウの OrdersAndStocks.jspxペー ジで、「 MDOrders」タブを右クリックして、コンテキスト・メニューから「 Insert after Show Detail Item」→「 Show Detail Item」を選択し ます。

プロパティ・インスペクタで Commonノードを使用して、Textを StockLevelsに 設定します。

「 StockLevels」タブをクリックし、「 Data Controls」 アコーディオンを開き、「 FODModuleDataControl」→「 OrdersView1」 →「 OrderItemsView2」→「 WarehouseStockLevelsView1」 の順に選択します。 StockLevelsペインにドロップします。

「 Tables」→「 ADF Read-only Table」 を選択します。

Edit Table Columnsダイアログで、「 Row Selection」と「 Sorting」 チェック・ボックスを選択します。 WarehouseId、Address1、PostalCode属性を削除（ ）します。

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

プロパティ・インスペクタの表コンポーネントで、StyleノードのBoxタブを使用して、Widthを 100 Percent、Heightを 600 Pixelに設定します。

Behaviorノードを使用して、Partial Triggersプロパティを ::OrdItemに 設定します。

コンポーネント・パレットで、「 ADF Data Visualization」→「 Gauge」 コンポーネントを選択して、 Quantity列にドロップします。

Create Gaugeダイアログで、「 Status Meter」カテゴリを選択し、「 Horizontal Status Meter with Thresholds」を選択します。

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

Structureペインで、「 outputText #{row.Quantity}」を右ク リックして、 削除します。

Structureペインで「 dvt:gauge」コンポーネントを選択し、プロパティ・インスペ クタで次のプロパティを設定します。 Commonノードで、Gauge Typeを STATUSMETERに 設定します。 Valueフィールドの横のリストから「 Expression Builder」を選択します。

Expression Builderダイアログで、「 JSP Objects」→「 Row」 を展開し、「 QuantityOnHand」をダブルクリックして、Expressionペインに移動させます。

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

「 Gauge Data」タブを選択し、MinValueに 0、 MaxValueに 1000を入力します。この例では便宜上、倉庫の単一製品の在庫レベルが常に1,000未満である と仮定します。

「 Style」ノードを選択し、Widthに 100 Percent、 Heightに 80 Pixelと入力します。

Structureペインで、Gaugeコンポーネントの上の「 af:column」を選択し、プ ロパティ・インスペクタの Appearanceノードで、Widthを 200に設 定します。

次に、ゲージのためのしきい値を使用して、最大と最小の在庫レベル指標を指定できるようにします。

Structureペインで、「 gauge」→「 ThresholdSet」 コンポーネントを展開します。

3つのしきい値がThreshold Setに存在することを確認します。

Structureペインで、 1番目の「 Threshold」 コンポーネントを選択します。 プロパティ・インスペクタで、idフィールドに t0、 ThresholdMaxValueに 30を設定します。これは、設定したい最小在庫レベルの警告値です。次に、 Textに miniを入力します。

Structureペインで、 2番目の「 Threshold」 コンポーネントを選択します。 プロパティ・インスペクタで、idフィールドに t1、 ThresholdMaxValueに 700を設定します。これは、設定したい最適な在庫レベルです。次に、Text に maxiを入力します。

Structureペインで、 3番目の「 Threshold」 コンポーネントを選択します。 プロパティ・インスペクタのThresholdMaxValueは、空欄のままにします。 AdvancedノードのIdフィールドを t2に設定します。

Structureペインで「 tickLabel」コンポーネントを右クリックして、コンテキス ト・メニューから「 Insert inside dvt:tickLabel」→「 Number Format」を選択します。

プロパティ・インスペクタのNumber Formatタグで、 Scaleタブを使用して、 ScaleFactorプロパティに SCALEFACTOR_NONEを設定します。

Structureペインで、「 Metric Label」コンポーネントを選択します。 Commonノー ドを使用して、Metric LabelのPositionプロパティを LP_INSIDE_GAUGE_RIGHTに 設定します。

Structureペインで「 metricLabel」コンポーネントを右クリックして、コンテキ スト・メニューから「 Insert inside dvt:metricLabel」→「 Number Format」を選択します。

プロパティ・インスペクタのNumber Formatタグで、 Scaleを使用して、 ScaleFactorプロパティを「 SCALEFACTOR_NONE」に設定します。

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

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

ナビゲーション・ボタンを使用して別の注文を選択し、「 orderItem」を選択します。 「 StockLevels」 タブをクリックして、対応するゲージ付きの在庫レベルを表示します。

在庫レベル・ゲージは、最小警告レベルと最大警告レベルに関して、倉庫内の製品の状況を示します。

ゲージ上にマウスを移動すると対応する数量が表示されます。

別の注文を使用して、 MDOrdersタブから StockLevelsタ ブへの切替えができます。

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

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

プロパティ・インスペクタで、 Commonノードを使用して、Textを Locationに 変更します。

Styleノードの Boxタブを使用して、Widthを 100 Percentに、Heightを 600 Pixelに設定します。

「 Location」タブをクリックします。次に、Data Controlsパネルで、「 OrdersView1」 →「 OrderItemsView2」ノードを展開します。 「 WarehouseStockLevelsView1」 ノードを選択し、Locationタブのページ上にドロップします。

Createコンテキスト・メニューから、「 Geographic Map」→「 ADF Map and Point Theme」を選択します。

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

MapViewer URLフィールドの横の Addボタン「 」をクリックします。

次のURL情報を入力します。
Name： MapViewer
URL： http://elocation.oracle.com/mapviewer
「 Test Connection」ボタンをクリックします。 接続が成功します。

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

Geocoderフィールドに前の手順を繰り返し、次のURL情報を入力します。

Name： Geocoder
URL： http://elocation.oracle.com/geocoder/gcserver
「 Test Connection」ボタンをクリックします。 接続が成功します。

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

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

表示されたマップの 左上の矢印をクリックして、問合せに対応する場所である北米にマップを再度セン タリングするか、またはStarting Xに -100、Starting Yに 40を 入力して、北米に焦点を合わせます。 次に、ズーム・カーソルを上に移動し、2倍に設定して「 Refresh」をク リックします。

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

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

Point Dataの下で、以下を指定します。

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

Structureウィンドウで、「 dvt:map」コンポーネントを選択します。 プロパティ・インスペクタの Behaviorノードで、 PartialTriggersプ ロパティを ::OrdItem（表のID）に設定します。

Appearanceノードで、MapZoomを 3に設定しま す。

マップにツールバーを追加して、ズームやエリア選択などの機能を使用できるようにするには、コンポーネント・パレットから「 Toolbar」 コンポーネントを選択して、 dvt:mapコンポーネントの下にドラッグ・アンド・ドロップします。

Insert Toolbarダイアログで、MapId（マップ・コンポーネント名）に mapと入 力します。

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

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

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

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

「 Location」タブをクリックして、この製品の倉庫の地理的な位置を示すマップを表示しま す。

右下のウィンドウを縮小します。 ツールバー・ボタンを使用してみます。ここでは、 Zoom inボ タン「 」をクリックします。

ズームを実行するため、マップ内をクリックします。

ツールバーのマウス・ポインタ・アイコンをクリックします。次に、任意の 赤色の点をクリックして、 場 所名と 数量を表示するウィンドウをポップアップ表示します。

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

そのほかの機能を使用してみます。たとえば、 Areaボタン「 」を選択して、 Rectangular selectionボタン 「 」をクリックします。次 に、マップをクリックして長方形エリアを選択します。

選択したエリアの表面積が計算されて表示されます。

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

マップ上にマウスを移動し、地理座標（経度/緯度）を取得します。

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

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

エディタの「 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

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

プロパティ・インスペクタの Commonノードで、Textを PivotTableに 変更します。

Styleノードの Boxタブで、Widthを 100 Percent、Heightを 600 Pixelに設定します。

「 Pivot Table」タブをクリックします。次に、Data Controlsパネルで、「 SalesPivotTable1」 データ・コントロールをページにドラッグします。

Createコンテキスト・メニューから「 Tables」→「 ADF Pivot Table」を選択します。

Create Pivot Table Bindingダイアログが表示されます。 「 Category」 と「 Product」を行エッジに、「 State」を列エッジに、「 Sales」 を右側のデータ領域にそれぞれドラッグします。

「 Data Aggregation」タブをクリックします。

Data Aggregationで、 Addボタン「 」をクリックして、新しい合計を作成します。 次の値を選択または入力します。
Attribute： Product
Function： Sum（デフォルト）
Aggregate Value Display： After
Aggregate Value Label： Total Product

「 Preview」タブをクリックして、設計をプレビューします。

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

Structureウィンドウで、「 dvt:pivotTable」コンポーネントを選択します。 プロパティ・インスペクタの Styleノードの Boxタブで、Widthを 800 Pixel、Heightを 100 Percentに設定します。

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

Sales Tableのデフォルト・ビューが表示されます。 列合計を確認します。

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

新しい表に各州の製品売上が表示されます。 新しい合計を確認します。

「 Product」行を選択して、元の位置に戻します。 そのほかの列や行も移動できます。 たとえば、「 product category」列を選択して、 State行の上 に移動し、州の各製品売上を表示します。

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

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

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

エディタの「 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

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

エディタの「 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

「 FODModule」をダブルクリックして、OrderShippingSummaryと OrderShippingDetails間の既存の関係を表示します。

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

プロパティ・インスペクタの Commonノードで、Textを OrdersPlanningに 変更します。

Styleノードの Boxタブで、Widthを 100 Percentに、Heightを 600 Pixelに設定します。

「 OrdersPlanning」タブをクリックします。次に、Data Controlsパネルで、「 OrderShippingSummary2」を選択し、ページにドロップします。

動的メニューから、「 Gantts」→「 Project」を選 択します。

Create Project Ganttダイアログで、「 PersonId」属性を選択して、 Deleteボタン「 」をクリックします。 Tasksタブで、ドロップダウン・リス トから次の値を選択します。

これらの値は、個々の注文すべてについて、各ユーザーに、もっとも古い発注日から最新の出荷日までのタスク期間のサマリーが作成される ことを示します。

次に、各注文に特定の期間を表示するサブタスクを作成します。 ダイアログの「 Subtasks」 タブをクリックし、ドロップダウン・リストから次の値を選択します。

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

プロパティ・インスペクタの Commonタブで、Start TimeとEnd Timeをそれぞれ 2007-09-01と 2007-12-31に変更します。

ここに示されている日付は、実際に使用しているデータベースの日付とは一致しない可能性が高いことに注意してください。 これらの値は、FODスキーマの作成日に依存します。

Styleノードの Boxタブで、Widthを 100 Percentに、Heightを 100 Percentに設定します。

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

ブラウザにページがロードされます。

「 OrdersPlanning」タブをクリックします。

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

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

左ペインを 拡大して、さらに列を表示します。

ガント・チャートのツールバーがデフォルトで作成されたことを確認します。 Zoom outア イコン「 」をクリックして、タスクの表示の変化を確認します。列ラベルを 週か ら 月や 四半期に置き換えます。

メニューの「 View」→「 Time Scale」をクリック します。

時間スケールの単位を選択できます。

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