Oracle by Exampleブランド棒グラフ・ウィジェットの作成および表示

セクション0始める前に

この20分間のOBEでは、JD Edwards EnterpriseOne Orchestrator Studioを使用して、複数の系列値を含む棒グラフを表示するウィジェットを作成する方法を理解し、ユーザーがEnterpriseOneの指定した会社内の各ビジネス・ユニットのコストと支出を比較できるようにします。

バックグラウンド

チャート・タイプ・ウィジェットは、EnterpriseOneでの情報の表示を大幅に強化できます。ウィジェットを使用すると、複合ページのタイルにチャートを表示できます

必要事項

  • Toolsリリース9.2.9.3以降および関連するToolsロールアップESUが適用されたJD Edwards EnterpriseOneリリース25環境へのアクセス。Oracle Cloud Infrastructureで実行されるJD Edwards EnterpriseOne Trial Editionは適していますが、適切なToolsリリースで任意の環境を使用できます。
  • Orchestrator Studioへのアクセス。
  • ウィジェット(WIDGET)の機能セキュリティおよびUDOアクション・セキュリティ。
  • コンポジット・ページ(COMPOSITE)の機能セキュリティおよびUDOアクション・セキュリティ。

セクション1 ビジネス・ユニット別支出を取得するためのオーケストレーションの作成

この演習では、Orchestrator Studioを使用して、データ・リクエストを含むオーケストレーションを作成し、各ビジネス・ユニットの購買オーダー数をフェッチします。

  1. Orchestrator Studioにアクセスします。
  2. 「データ・リクエスト」アイコンをクリックし、「新規」ボタンをクリックします。
  3. 「データ・リクエスト」設計ページで、次のフィールドに入力します。
    • 名前 = Spend Analysis by Business Unit
  4. 「製品コード」ドロップダウン・リストをクリックし、55から59の間の顧客製品コードを選択します。
  5. 「表/ビュー名」フィールドに、V43261Aと入力します。
  6. 「ロード」をクリックします。
  7. 「集計」オプションを有効にします。
  8. 「フィルタ」フィールドに、Or Tyと入力します。
  9. Or Ty [F4311] (DCTO)の行で、「フィルタ」アイコン「フィルタ」アイコンをクリックして、右側の「フィルタ基準」セクションに追加します。
  10. 次の値を設定します。
    • 演算子 = is equal to
    • = OP
  11. 左側の「フィルタ」フィールドの値をCoに変更します。
  12. Order Co [F4311] (KCOO)の行で、「フィルタ」アイコン「フィルタ」アイコンをクリックして、右側の「フィルタ基準」セクションに追加します。
  13. 左側で、「フィルタ」フィールドの値をExtendedに変更します。
  14. 拡張価格[F4311] (AEXP)行で、「集計」アイコン集計アイコンをクリックし、「合計」を選択します。
  15. 拡張コスト[F4311] (ECST)行で、「集計」アイコン集計アイコンをクリックし、「合計」を選択します。
  16. 左側で、「フィルタ」フィールドの値をBusiness Unit.に変更します。
  17. ビジネス・ユニット[F4311] (MCU)の行で、「グループ化基準」アイコン「グループ化」アイコンをクリックして、右側の「グループ化基準」セクションに追加します。
  18. 「グループ化基準」セクションで、「関連摘要」オプションを有効にします。
  19. データ・リクエストを保存します。
  20. スクリーンショット
    データ・リクエスト
  21. 「管理」メニューから、「オーケストレーションの作成」をクリックします。「名前」および「説明」フィールドのデフォルト値はそのままにします。
  22. 「終了」ノードをクリックし、「出力およびアサーション」をクリックします。
  23. すべての戻りフィールドが有効になっていることを確認します。そうでない場合は、「すべて選択」オプションを有効にします。
  24. スクリーンショット
    出力とアサーション
  25. オーケストレーションを保存します。
  26. 「開始」ノードをダブルクリックして、「オーケストレーションの実行」ページを起動します。
  27. オーダーCo1の「値」フィールドに00200 と入力し、「実行」をクリックします。
    結果には、「Spend Analysis by Business Unit」という名前の配列が表示され、各レコードには価格合計、原価合計およびビジネス・ユニット摘要が含まれます。
  28. スクリーンショット
    実行オーケストレーション

セクション2ビジネス・ユニット別の支出の棒グラフを表示するウィジェットの作成

この演習では、支出の棒グラフをビジネス・ユニット別に表示するウィジェットを作成します。

  1. 「オーケストレーションの実行」ページをクローズしてオーケストレーションに戻ります。
  2. 「管理」メニューをクリックし、「ウィジェットの作成」を選択します。
  3. 「ウィジェット」ページで、デフォルトの「名前」と「説明」を保持し、次のフィールドに入力します。
    • ウィジェット・タイプ = Chart
    • タイトル= Spend Analysis by Business Unit
    • チャート・タイプ = Bar
    • 凡例の表示 = Enable
    • ズームおよびスクロールの有効化 = Disable
  4. 「データ・ソース」タブをクリックします。
  5. 「入力」セクションで、「オーダーCo 1」フィールドの「ウィジェット入力」オプションを有効にします。
  6. 「入力」セクションで、「名前」フィールドの値をCompanyに変更します。
  7. 「デフォルト値」に00200と入力します。
  8. スクリーンショット
    入力
  9. 「チャート・データ」セクションで、「配列から」が有効で、最初の配列が自動的に選択されていることを確認します。
  10. 「チャート・データ」セクションで、拡張価格[F4311]- 合計と拡張コスト[F4311]- 合計の両方に対して「値」オプションを有効にします。
  11. Extended Price [F4311]-SumとExtended Cost [F4311]-Sumの両方について、「シリーズ名」列の「リテラル」オプションを有効にします。
  12. Extended Price [F4311]-SumおよびExtended Cost [F4311]-Sumの値をそれぞれPrice およびCost として入力します。
  13. ビジネス・ユニット[F4311]の「グループ」オプションを有効にします。
  14. スクリーンショット
    チャート・データ
  15. 「保存」をクリックします。
  16. 「Preview」タブをクリックします。
  17. ウィジェット・プロセスが自動的に実行され、プレビューに棒グラフが表示されます。
  18. スクリーンショット
    ウィジェットのプレビュー
  19. さらに学習するには、「会社」の値を00001 として入力し、「リフレッシュ」ボタンをクリックしてその会社のチャートを表示します。

セクション3EnterpriseOneでのウィジェットの表示

この演習では、ビジネス・ユニット別支出分析ウィジェットを表示するように構成したページを構成します。

  1. 「ツール」ドロップダウン・リスト(右上)から、「JD Edwards EnterpriseOne」を選択します。
  2. ユーザー名の下のメニューで、「コンテンツの管理」をクリックし、「作成ページ」をクリックします。
  3. 前のOBEで作成したページと同じページを使用するか、「名前」フィールドから(作成)オプションを選択します。
  4. 新しい合成ページを作成するには:
    1. 画面の左上にある「新規コンテンツの作成」ボタン(プラス記号付きのページ)をクリックします。
    2. 「デザイナ・ペイン」を選択します。
      スクリーンショット
      デザイナ・ペイン
    3. ペインの名前を入力します(たとえば、Widgets)。
    4. 「初期合計列」スライダと「初期合計行数」スライダを3 x 2グリッドに移動します。
    5. 「OK」をクリックします。
    6. スクリーンショット
      「デザイナ」ペインへのリンクの作成
    7. 「デフォルト・ページ・タイトル」の横にある「編集」(鉛筆)アイコンをクリックし、タイトルを削除します。
    8. 鉛筆アイコンの横にある「ページの構成」(歯車)アイコンをクリックします。次の値を入力します。
      • 説明の表示 = Hover Only
      • スタイル = Large Icons
    9. 「OK」をクリックします。
  5. デザイナ・ペインの最初の空のセルにマウス・ポインタを重ねて、「プラス」アイコンをクリックします。
  6. これらの値を入力して、ウィジェット・タイルを作成します。
    • タイル・タイプ = Widget
    • ウィジェット = #Spend Analysis by Business Unit (Spend Analysis by Business Unit) – Chart 
  7. 「ウィジェット入力」ウィンドウの「会社(文字列)」フィールドに00200と入力し、「OK」をクリックします。
  8. 「スタイル」ドロップダウン・リストから「ボックスなし」を選択し、「タイトル」をManufacturing/Distribution Co. Spend Analysisに変更します。
  9. 「Description(摘要)」フィールドに短い摘要を入力するか、またはクリーン・タイルの場合は空白のままにします。
  10. 「OK」をクリックして「タイルの構成」ウィンドウを閉じます。
  11. 構成ページ・デザイナの上部にある「保存」ボタンをクリックします。
    合成ページの名前(たとえば、Widgets)を新規の場合は入力します。Widgetsという名前のウィジェットがすでにある場合は、Widgets2を使用します。
  12. スクリーンショット
    「新規名の入力」ウィンドウ
  13. 「OK」をクリックします。
  14. 右上にある「X」アイコンをクリックして、デザイナ・ページを閉じます。棒グラフのウィジェットを含む新しい合成ページが表示されます。
  15. スクリーンショット
    支出分析棒グラフ・ウィジェット
    これで、棒グラフを表示して構成ページに含めるウィジェットを作成する方法がわかりました。

詳細情報さらに学習しますか。



T