Oracle APEX Workshop I 日本語版

Oracle APEX Workshop I 初心者向けハンズオン 2020年8月 20.1対応版日本オラクル株式会社 Copyright ©
2020, Oracle and/or its affiliates 1

• スプレッドシートからアプリケーションを作成 • 対話モード・レポートの操作 • フォームの編集 • 警告を表示するリージョンの追加とフォームのレイアウト調整 • 動的アクションの追加による、CostとBudgetアイテムの有効化/無効化の実装
• タスクがクローズしたときに電子メールを送信する • カレンダの追加 • テーマのカスタマイズ • ダッシュボードの更新本ワークショップにて実施する内容 Copyright © 2020, Oracle and/or its affiliates 2

3 Copyright © 2020, Oracle and/or its affiliates 資料のダウンロード •
以下のリンクにアクセスし、資料をダウンロードする。ワークショップで使用するCSVファイル https://apex.oracle.com/pls/apex/r/japancommunity/simcontents/downloa d?id=Project_and_Tasks.csv ワークショップで使用するスニペット https://apex.oracle.com/pls/apex/r/japancommunity/simcontents/downloa d?id=APEX_Workshop1_snippets.txt

5 Copyright © 2020, Oracle and/or its affiliates Step 1
- ワークスペースのリクエスト • ブラウザよりhttps://apex.oracle.com/にアクセスする。 • 「無料で開始」をクリックする。 • 「無償ワークスペース」のリクエストをクリックする。

- 新規に作成するワークスペース情報の指定 • 名、姓、電子メール、ワークスペース名、国、使用状況を、それぞれ入力する。 • Oracleプライバシ・ポリシーを確認する。 • 国は「日本」、使用状況の組織は教育機関を想定しているため、「個人」を選択します。ワークスペースの制限は • 英数字と”_”アンダースコア • 30文字以下 • 大文字小文字の区別なし • 他の利用者も含み、既に使用済みのワークスペース名は使えない

- アンケートへの回答 • 「Oracle APEXは初めてですか？」という質問に回答する。 • 「学校の授業で使いますか？」という質問に回答する。

- リクエストする理由の入力 • ワークスペースを作成する理由について入力する。

- サービス規約への同意 • 本サービスの利用規約に同意します。 • apex.oracle.comは学習/検証の用途の利用に制限されています。

– ワークスペースの作成リクエストを送信 • 指定した内容が正しいことを確認し、「リクエストの送信」をクリックする。

– メールを受信した後、ワークスペースを作成 • 数分で、[email protected] からメールが届く。 • メール本文にある「Create Workspace」をクリックする。

– サインイン画面に進む • 「サインイン画面に進みます」をクリックする。

– パスワードの設定 • パスワードを設定して、「パスワードの変更」をクリックする。

– Oracle APEXホーム画面 • アプリケーション・ビルダー • アプリケーション開発を行う。 • SQLワークショップ • DBの操作、表、ビュー、索引、パッケージといったDBオブジェクトの作成 /更新/削除を行う。 • チーム開発 • アプリケーションのリリース管理を行う機能を提供する。 • アプリケーション・ギャラリー • サンプル・アプリケーションを提供する。

• 以下のURLからワークショップで使用するCSVファイルをダウンロードし、ファイルに保存する。 Step 1 – CSVファイルのダウンロード Copyright © 2020, Oracle
and/or its affiliates 16 https://apex.oracle.com/pls/apex/r/japancommunity/simcontents/download?id=Project_and_Tasks.csv ファイルの内容 Project,Task Name,Start Date,End Date,Status,Assigned To,Cost,Budget ACME Web Configuration,Identify server requirements,2020-5-17,2020-5-18,Closed,John Watson,100,200 Maintain Support Systems,HR software upgrades,2020-5-17,2020-7-14,On-Hold,Pam King,8000,7000 Maintain Support Systems,Apply Billing System updates,2020-5-17,2020-7-18,On-Hold,Russ Sanders,9500,7000 ACME Web Configuration,Determine Web listener configuration(s),2020-5-18,2020-5-18,Closed,James Cassidy,100,100 ACME Web Configuration,Specify security authentication scheme(s),2020-5-19,2020-5-21,Closed,John Watson,200,300 ACME Web Configuration,"Select servers for Development, Test, Production",2020-5-19,2020-5-24,Closed,James Cassidy,200,600 Email Integration,Complete plan,2020-5-24,2020-7-1,Closed,Mark Nile,3000,1500 ACME Web Configuration,Configure Workspace provisioning,2020-5-26,2020-5-26,Closed,John Watson,200,100 ACME Web Configuration,Create pilot workspace,2020-5-26,2020-5-26,Closed,John Watson,100,100 ACME Web Configuration,Run installation,2020-5-27,2020-5-27,Closed,James Cassidy,100,100 Bug Tracker,Implement bug tracking software,2020-5-31,2020-5-31,Closed,Myra Sutcliff,100,100 Bug Tracker,Review automated testing tools,2020-6-1,2020-7-2,On-Hold,Myra Sutcliff,2750,1500

• 未ログインの場合: • apex.oracle.comに作成したワークスペースにログインする。 • ログイン済み、および、ログイン後の場合: • ホーム画面下の選択肢より「日本語」に切り替える。
Step 2 – ログイン Copyright © 2020, Oracle and/or its affiliates 17 言語選択は「日本語」にする。「日本語」をクリックする。

• メニューによるナビゲーションとアイコンによるナビゲーションがあります。どちらからでも、同じ機能を呼び出すことができます。 Tips – メニューとアイコンのナビゲーション Copyright © 2020, Oracle
and/or its affiliates 19 アイコンのクリックから呼び出すメニューから呼び出す

• 「ファイルから」を選択する。 Step 4 – アプリケーションの作成方法を選択 Copyright © 2020, Oracle
and/or its affiliates 20

• 「ファイルのアップロード」の画面で、「ファイルの選択」をクリックし、先ほどダウンロードした「Project_and_Tasks.csv」を指定する。 Step 5 – サンプルデータのロード Copyright © 2020,
Oracle and/or its affiliates 21

• ページの「編集」をクリックして、名前を変更する。 • Tasks検索を「検索」へ変更する。 • Tasksレポートを「レポート」へ変更する。 Step 10 – ページ名を変更
Copyright © 2020, Oracle and/or its affiliates 26

• アプリケーション・ビルダーとアプリケーションは、異なるウィンドウ/タブで実行されます。 • 認証やセッションなどは、それぞれ独立しています。 • アプリケーション・ビルダーおよびページ・デザイナから実施された変更は、アプリケーションに即時で反映されます。 • 表示中のページへの反映は、ページの再ロードを行う必要があります。 Tips
– アプリケーション・ビルダーとアプリケーションの画面 Copyright © 2020, Oracle and/or its affiliates 32 変更は即時で確認可能アプリケーション実行中に変更可能

• メニューから「レポート」を選ぶ。 • 「Project」のカラム・ヘッダーをクリックする。 • 「コントロール・ブレーク」のアイコンをクリックする。 •
レポートがプロジェクト毎のリストとして表示される。 Step 1 – Projectへのコントロール・ブレークの設定 Copyright © 2020, Oracle and/or its affiliates 34

• 「End Date」のカラム・ヘッダーをクリックする。 • 「列の非表示」のアイコンをクリックする。 • End
Date列がレポートに表示されなくなる。 Step 2 – End Dateカラムを非表示 Copyright © 2020, Oracle and/or its affiliates 35

• 「Start Date」のカラム・ヘッダーをクリックする。 • 「昇順ソート」のアイコンをクリックする。 • Start
Date列の昇順（Project単位）で並べ替えられる。 Step 3 – Start Dateにてソート Copyright © 2020, Oracle and/or its affiliates 36

• 「Status」のカラム・ヘッダーをクリックする。 • 値リストから「Open」を選択する。 • StatusがOpenの行のみが表示される。 Step 4 –
Statusカラムに条件設定 Copyright © 2020, Oracle and/or its affiliates 37

• アクション・メニューから、「アクション -> 書式 -> ハイライト」を選択する。 • 白紙ページが開く場合は、一旦「取
消」をクリックして、再度、ハイライトを選択する。 Step 5 – ハイライトの追加 Copyright © 2020, Oracle and/or its affiliates 38

• 以下の値を指定する： • 名前：予算多い • バックグラウンド・カラー：淡い黄色 • 列：Budget • 演算子：>=
• 式：1000 • 「適用」をクリックする。 • Budgetが1000以上であれば、行のバックグラウンドが淡い黄色になる。 Step 6 – ハイライトの追加 Copyright © 2020, Oracle and/or its affiliates 39

• アクション・メニューから「アクション -> レポート -> レポートの保存」を選択する。 Step 7
– レポートの保存 Copyright © 2020, Oracle and/or its affiliates 40

• 保存（開発者にのみ表示）に「名前付きレポートとして保存」を選択する。 • 名前に「予算の多いプロジェクト」を入力し、「適用」をクリックする。 Step 8 – レポートの保存

• 「プライマリ・レポート」を選択する。 • 「リセット」をクリックする。 • 元のレポート形式に戻る。 Step 9 –
現在表示されているレポートのリセット Copyright © 2020, Oracle and/or its affiliates 42

• 「予算の多いプロジェクト」を選択し、設定を反映させる。 • 「プライマリ・レポート」を選択し、デフォルトのレポートへ戻す。 Step 10 – レポート形式の切り替え

• 以下の値を指定する： • チャート・タイプ：棒グラフ • ラベル：Project • 値：Cost • ファンクション：合計
• 向き：横 • 「適用」をクリックする。 • 棒グラフが表示される。 Step 12 – チャートの作成 Copyright © 2020, Oracle and/or its affiliates 45

• アクション・メニューから「アクション -> レポート -> レポートの保存」を選択する。 Step 13
– チャートの保存 Copyright © 2020, Oracle and/or its affiliates 46

• 保存（開発者にのみ表示）の項目として「デフォルトのレポート設定として保存」を選択する。 • デフォルトのレポート・タイプとして「代替」を選択する。 • 名前：プロジェクトのコスト •
「適用」をクリックする。 Step 14 – チャートの保存 Copyright © 2020, Oracle and/or its affiliates 47

• 以下の値を指定する： • 列ラベル：予算コスト差 • 書式マスク：プルダウン・リストから４番目の(5,345)を選択 • 計算式: I
– H • 「適用」をクリックする。 • レポートに予算コスト差という列が追加され、それぞれのタスクのBudgetから Costを引いた値が表示される。 Step 17 – 計算カラムの追加 Copyright © 2020, Oracle and/or its affiliates 50

• 保存：デフォルトのレポート設定として保存 • デフォルトのレポートタイプ：主 • 「適用」をクリックする。 Step 19 -
デフォルトのレポートとして保存 Copyright © 2020, Oracle and/or its affiliates 52

• 任意の行の編集アイコンをクリックし、編集フォームを開く。 Step 2 – 一行を編集 Copyright
© 2020, Oracle and/or its affiliates 55

• Oracle APEXのアプリケーション・ビルダーから起動したアプリケーションには、開発者ツール・バーが表示されます。 • ホーム：アプリケーション・ビルダーのホーム画面に戻ります。 • アプリケーションnnnn：実行中のアプリケーションの編集画面に戻ります。 • ページの編集nn：実行中のページをページ・デザイナで開きます。
• セッション：セッション情報の表示画面（デバッグ画面のひとつ）を開きます。 • デバッグの表示：デバッグ画面を開きます。 • デバッグ：アプリケーションの実行ログの取得を開始します。 • ページ情報：画面レイアウト、ページ処理に要した時間を表示します。 • クイック編集：指定したリージョンのテンプレート・オプションを編集する画面を開きます。 • テーマ・ローラー：アプリケーションの見た目を更新します。 Tips – 開発者ツール・バーについて Copyright © 2020, Oracle and/or its affiliates 56 赤字のコンポーネントは、本ワークショップで使用します。

• 開発者ツール・バーの「クイック編集」をクリックし、ポインタをアイテム「Status」に合わせてクリックする。 Step 3 – フォームにあるStatusのアイテムを編集 Copyright

• Oracle APEXのページはページにコンポーネントを配置することで作成されます。 • コンポーネントには、リージョン、ページ・アイテム、ボタン、プロセスなどがあります。 • それぞれのコンポーネントはプロパティを持ちます。そのプロパティを編集する画面が、プロパティ・エディタです。 Tips –
プロパティ・エディタ Copyright © 2020, Oracle and/or its affiliates 59 ページに含まれるコンポーネントが配置されているプロパティ・エディタ選択されたコンポーネントのプロパティを編集する

• クリックして開いたタイプの一覧から「SQL 問合せ」を選ぶ。 • SQL問合せの隣にある、拡大アイコンをクリックしてエディタを開く。 Step 5 –
LOVのタイプを指定 Copyright © 2020, Oracle and/or its affiliates 60

• すべてのページで共通する操作を実行します。 • ページの保存と実行：ページに実施した変更を保存し、対象ページをアプリケーションを実行している画面で開きます。 • ページの保存：ページに実施した変更を保存します。これ以降、実施した変更を元に戻す/やり直すことができなくなります。 • 共有コンポーネント：共有コンポーネントの画面を呼び出します。
• ユーティリティ：ユーティリティを呼び出します。 • 作成：コンポーネントを作成します。 • 元に戻す/やり直し：実施した変更を元に戻したり、やり直したりできます。 • ロック：現在のページの、他の開発者による変更を禁止します。 • ページ・ロケータ：ページ番号を指定して、ページ・デザイナで開きます。 Tips – ページ・デザイナのツール・バー Copyright © 2020, Oracle and/or its affiliates 61

• 以下のSELECT文を設定： select distinct status d, status r from tasks
order by 1 Step 6 – LOVにSQLのSELECT文を設定 Copyright © 2020, Oracle and/or its affiliates 62

• 検証アイコンをクリックする。検証成功を確認する。 • 「OK」をクリックする。 Step 7 – SQLのSELECT文を検証 Copyright

• 以下の値を指定する： • 追加の表示：OFF • NULL値の表示：ON • NULL表示値：-ステータスを選択- • 「保存」をクリックする。
Step 8 – LOV属性を調整 Copyright © 2020, Oracle and/or its affiliates 64

• アプリケーションが実行されているタブへ移動する。 • フォームが開いている場合、「取消」をクリック指定、フォームを閉じる。 • メニューから「レポート」を選び、レポートを再表示
する。 Step 9 – フォームのテスト Copyright © 2020, Oracle and/or its affiliates 65

• 行の編集を実行し、「Status」アイテムをクリックする。 • 選択リストから、値の設定ができることを確認する。 Step 10 – フォームのテスト

• ページ・デザイナのレイアウト画面の下にあるコンポーネント・ギャラリから「静的コンテンツ」をドラッグして、CONTENT BODYの下、Taskリージョンの上にドロップする。 Step 2 –
ページに静的リージョンを追加 Copyright © 2020, Oracle and/or its affiliates 69

• 中央ペインには、レイアウトやコンポーネント・ギャラリの他に、オンライン・ヘルプもあります。 • 中央ペインで「ヘルプ」を選んで、プロパティをクリックすると、そのプロパティのヘルプが表示されます。 Tips –
中央ペイン Copyright © 2020, Oracle and/or its affiliates 70

• プロパティ・エディタにて以下を指定する： • タイトル：警告 • ソースのテキスト：このプロジェクトはクローズしました。 • テンプレート：Alert
• 「保存」をクリックする。 Step 3 – リージョンの属性を調整 Copyright © 2020, Oracle and/or its affiliates 71

• コンポーネントを横並びにするか、縦並びにするかは、「レイアウト」で調整します。 • 縦に並べるには、後続のコンポーネントの「新規行の開始」を「On」にします。 Tips –
コンポーネントの表示位置の調整 Copyright © 2020, Oracle and/or its affiliates 72

• アプリケーションが実行されているタブへ移動する。 • フォームを閉じて、再度開く。 • 追加したリージョンが表示されていることを確認する。 Step 4
– フォームのテスト Copyright © 2020, Oracle and/or its affiliates 73

• 開発者ツール・バーの「クイック編集」をクリックする。 • 警告リージョンにポインタを合わせ、スパナのアイコンをクリックする。 • ライブ・テンプレート・オプションの画面が開く。
Step 5 – テンプレート・オプションを開く Copyright © 2020, Oracle and/or its affiliates 74

• 「Highlight Background」オプションにチェックを入れる。 • Alert Titleを「Hidden but Accessible」に設定する。 •
「保存」をクリックする。 Step 6 – テンプレート・オプションの設定 Copyright © 2020, Oracle and/or its affiliates 75

• 「クイック編集」をクリックし、警告リージョン（スパナ・アイコンを外す）をクリックする。 • ページ・デザイナが開き、対象リージョンにフォーカスが当たった状態で、プロパティ・エディタが開く。 Step 7
– ページ・デザイナを開く Copyright © 2020, Oracle and/or its affiliates 76

• プロパティ・エディタより「サーバー側の条件」を探す。 • 次を設定する： • タイプ：アイテム = 値 •
アイテム：P6_STATUS • 値：Closed • 「保存」をクリックする。 Step 8 – 警告リージョンに条件を追加 Copyright © 2020, Oracle and/or its affiliates 77

• 「保存」をクリックする。 • アプリケーションを実行しているタブに切り替える。 • フォームをクローズして、再度オープンする。 • StatusがClosedのタスクと、Closedでないタスクの双方の編集を試みる。 Step 11
– 保存してフォームをテスト Copyright © 2020, Oracle and/or its affiliates 80 StatusがClosedの場合 StatusがClosed以外の場合

• StatusがClosedに設定されたときに、CostとBudgetの入力を禁止する。 • ページ・デザイナのタブに移動する。 • レンダリング・ツリーにあるページ・アイテムP6_STATUS上で右ク
リックすると表示されるメニューから、「動的アクションの作成」を実行する。 Step 1 – 動的アクションの作成 Copyright © 2020, Oracle and/or its affiliates 82

• プロパティ・エディタにて、名前に「予算コストの有効/無効化」を設定する。 • クライアント側の条件に移動し、以下を設定する： • タイプ：アイテム =
値 • アイテム：P6_STATUS • 値：Closed Step 2 – 動的アクションの名前と条件を指定 Copyright © 2020, Oracle and/or its affiliates 83

• レンダリング・ツリーからTrueアクションの表示をクリックする。 • プロパティ・エディタにて： • アクションとして「クラスの追加」を設定する。 • クラスとして
「apex_disabled」を設定する。 • 影響を受ける要素の選択タイプとしてアイテムを設定する。 • アイテムの横にあるアイコンをクリックし、P6_COSTを選択する。 • 同様にP6_BUDGETを選択する。 Step 3 – Trueアクションの設定 Copyright © 2020, Oracle and/or its affiliates 84 アクションに「有効化/無効化」があるが、こちらで無効化するとページ・サブミット時に値の送信が行われない。クラスapex_disabledの追加は、入力のみ不可になり、値は送信の対象となる。

• レンダリング・ビューのTrueアクションクラスの作成上で、右クリックし「反対のアクションの作成」をクリックする。 • Falseアクションとしてクラスの削除が追加されたことを確認する。 •
「保存」をクリックする。 Step 4 – 反対のアクションの作成 Copyright © 2020, Oracle and/or its affiliates 85

• アプリケーションの画面に切り替える。 • フォームを一旦閉じる。 • StatusがClosedであるタスクを、フォームで開く。 • CostとBudgetが無効化されてい
ることを確認する。 • StatusをOpenやその他、Closed 以外のステータスに変更し、 CostとBudgetが有効になることを確認する。 Step 5 – 動的アクションの動作確認 Copyright © 2020, Oracle and/or its affiliates 86

• ページ・デザイナの開発者ツール・バーにあるアイコンをクリックし、共有コンポーネントへ移動する。 Step 2 – 共有コンポーネントへ移動

• ページをまたがって使用されるコンポーネントです。 • アプリケーション・ロジック：アプリケーション・アイテム（グローバル変数のようなもの）を含みます。 • セキュリティ：アプリケーションの認証や認可のスキームを設定します。 • ナビゲーション：メニューやブレッドクラムを含みます。 •
ユーザー・インターフェース：アプリケーションの外観を決めるテーマやテンプレートを含みます。 • ファイル：静的ファイルを保存します。 • データ・ソース：主に外部に存在するデータを定義します。 • グローバリゼーション：各言語への翻訳を定義します。 Tips – 共有コンポーネント Copyright © 2020, Oracle and/or its affiliates 90

• 「電子メール・テンプレートの作成」をクリックする。 • 識別として、以下を設定する： • テンプレート名：Task Closed • 静的識別子：TASK_CLOSED •
電子メールの件名：タスク #TASK_NAME# がクローズしました！ Step 4 – 電子メール・テンプレートの作成 Copyright © 2020, Oracle and/or its affiliates 92

• ヘッダーを編集する。 <b style="font-size: 20px;">タスク</b> Step 5 – テンプレート・ヘッダーの編集 Copyright

• 本文として以下を設定する： Step 6 – テンプレート・本文の編集 Copyright © 2020, Oracle
and/or its affiliates 94 <p style="font-size: 16px"> タスク<b>#TASK_NAME#</b>は#APP_USER#によって<b style="color: red">クローズ</b>されました。 </p> <table width="100%"> <tr> <th align="left">プロジェクト名</th> <td>#PROJECT#</td> </tr> <tr> <th align="left">期間</th> <td>#START_DATE# - #END_DATE#</td> </tr> <tr> <th align="left">コスト</th> <td>#COST#</td> </tr> <tr> <th align="left">予算</th> <td>#BUDGET#</td> </tr> </table> <br>

• プレイン・テキスト・フォーマットのコンテンツを設定する。 Step 7 – プレイン・テキスト・フォーマットの編集 Copyright © 2020, Oracle
and/or its affiliates 95 タスク #TASK_NAME# がクローズしました! タスク詳細 ------------------ プロジェクト: #PROJECT# 期間: #START_DATE# - #END_DATE# コスト: #COST# 予算: #BUDGET#

• 「電子メール・テンプレートの作成」をクリックする。 • 再編集するには、電子メール・テンプレートのページから、「Task Closed」の名前をクリックする。 Step 8 – 電子メール・テンプレートの保存と編集

• ページ・デザイナの左ペインにて、プロセス・タブをクリックし、プロセス・ビューを表示する。 • プロセスのノードで右クリックをし、表示したメニューの「プロセスの作成」をクリックする。 Step
11 – プロセスの作成 Copyright © 2020, Oracle and/or its affiliates 99

• レンダリング・ビュー：ページに表示に関連するコンポーネントを表示します。実際にはHTTP(S)の GETリクエストを受け付けたときに行われる処理を定義します。 • 動的アクション・ビュー：ブラウザ上のJavaScriptによって行われる処理を定義します。 • プロセス・ビュー：HTTP(S)のPOSTリクエストを受け付けたときに行われる処理を定義します。 •
ページ共有コンポーネント・ビュー：このページで使用されている共有コンポーネントを参照します。 Tips – 左ペインのビュー Copyright © 2020, Oracle and/or its affiliates 100 レンダリング・ビュー動的アクション・ビュープロセス・ビューページ共有コンポーネント・ビューページ共有コンポーネント・ビューページ共有コンポーネント・ビュー

• 新規に作成したプロセスをプロセス・フォームTask直後に実行されるよう移動する。 • プロパティ・エディタにて、名前を「クローズ時のメール送信」と設定する。 • ソースのPL/SQLコードは次ページで
設定する。 Step 12 – 電子メール送信プロセスの実行順序変更 Copyright © 2020, Oracle and/or its affiliates 101

• ソースのPL/SQLコードの入力で、拡大をクリックしてコード・エディタを開く。 • 以下のコードをコピペする。APIのサンプルにアイテムを設定している。 • 検証ボタンをクリックして、記述したコードのシ
ンタックスが正しいことを確認し、「OK」をクリックする。 Step 13 – 電子メール送信プロセスの編集 Copyright © 2020, Oracle and/or its affiliates 102 begin apex_mail.send ( p_to => :APP_USER, p_template_static_id => 'TASK_CLOSED', p_placeholders => '{' || ' "APP_USER":' || apex_json.stringify( lower(:APP_USER) ) || ' ,"BUDGET":' || apex_json.stringify( :P6_BUDGET ) || ' ,"COST":' || apex_json.stringify( :P6_COST ) || ' ,"END_DATE":' || apex_json.stringify( :P6_END_DATE ) || ' ,"PROJECT":' || apex_json.stringify( :P6_PROJECT ) || ' ,"START_DATE":' || apex_json.stringify( :P6_START_DATE ) || ' ,"TASK_NAME":' || apex_json.stringify( :P6_TASK_NAME ) || '}' ); end;

• プロパティ・エディタにて、サーバー側の条件までスクロールして、以下を設定する。 • ボタン押下時：SAVE • タイプ：アイテム = 値 • アイテム：P6_STATUS
• 値：Closed • 「保存」をクリックする。 Step 14 – サーバー側の条件の設定 Copyright © 2020, Oracle and/or its affiliates 103

• アプリケーションを実行しているタブに切り替える。 • フォームを一旦閉じる。 • StatusがClosedではないタスクをフォームで開く。 • StatusをClosedへ変更する。
• 「変更の適用」をクリックする。 • 電子メールの受信を確認する。右にあるようなメールを受信しているはずです。 Step 15 – 電子メールの送信を検証 Copyright © 2020, Oracle and/or its affiliates 104

• 以下の値を指定する： • ページ名：カレンダ • ブレッドクラム：Breadcrumb • 「次」をクリックする。 Step 3
– カレンダのページ属性を設定 Copyright © 2020, Oracle and/or its affiliates 108

• ナビゲーションのプリファレンス： • 新規ナビゲーション・メニュー・エントリの作成 • 新規ナビゲーション・メニュー・エントリ • カレンダ • 「次」をクリックする。
Step 4 – ナビゲーション・メニューの定義 Copyright © 2020, Oracle and/or its affiliates 109

• 表示列：TASK_NAME • 開始日列：START_DATE • 「作成」をクリックする。 Step 6 – カレンダの設定

• グローバル色のヘッダー・アクセントとして指定されている色をクリックする。 • カラー・ピッカーから会社としての指定色（または好きな色）を選ぶ。 • 16進数によるカラー・コードの入力も可。(右の例は#03b109)
• 色を指定したら、テーマ・ローラー内のどこかをクリックして、カラー・ピッカーを閉じる。 Step 2 – アクセント色の変更 Copyright © 2020, Oracle and/or its affiliates 115

• ナビゲーションに含まれる Navigation StyleをLightへ変更する。 Step 4 – ナビゲーションの色を変更 Copyright

• 本資料の画面ショットはVitaスタイルで取得している。 • 画面ショットと操作画面を合わせるには、Vitaスタイルを「現行として設定」する。 • テーマ・ローラーは右上のを
クリックして閉じる。 Tips – 定義済みスタイル Copyright © 2020, Oracle and/or its affiliates 120 Vita -Dark Vita - Red Vita - Slate Vita

• メニューから「ダッシュボード」をクリックする。 • 開発者ツール・バーの「ページの編集２」をクリックする。 Step 1 – ダッシュボードの編集

• レンダリング・ツリーの「シリーズ１」をクリックする。 • プロパティ・エディタで名前に「コスト」と入力する。 • レンダリング・ツリーのシリーズ１がコストに変わる。 •
SQL問合せに以下を入力する。 Step 4 – シリーズの更新 Copyright © 2020, Oracle and/or its affiliates 125 select PROJECT, sum(cost) value from TASKS group by PROJECT order by 1

• 予算とコストに含まれるシリーズ「コスト」上で右クリックする。 • 「重複」をクリックする。 Step 5 – シリーズ・予算の追加 Copyright

• レンダリング・ツリーの「コスト _1」クリックする。 • プロパティ・エディタの識別の名前を「予算」と入力する。 • レンダリング・ツリーのコスト _1が予算に変わる。 •
SQL問合せのcostを「budget」に変更する。 • ページの保存と実行をクリックする。 Step 6 – シリーズ・予算の調整 Copyright © 2020, Oracle and/or its affiliates 127 select PROJECT, sum(budget) value from TASKS group by PROJECT order by 1

• 新規行の開始を「OFF」にする。 • 新規列がONであることを確認する。 • 変更した後「保存」をクリックする。 Step 8 – 新規行の開始をOFF

• 予算とコスト・リージョンのチャートを確認する。 • X軸のプロジェクト名が切れている。 • Y軸は金額として表示されていない。 • どちらが予算でコストなのか分からない。
• 開発者ツール・バーの「クイック編集」をクリックする。 • 予算とコストリージョンをクリックして、編集画面へ移行する。 Step 10 – 予算とコストのチャートの編集 Copyright © 2020, Oracle and/or its affiliates 130

• ステータス・チャートの下にレポートを追加する。 • 開発者ツール・バーの「ページの編集２」をクリックする。 Step 18 – レポートの追加

• 新規に作成されたリージョンに以下を設定する。 • タイトルは「オープン中のタスク」 • タイプは「SQL問合せ」 • SQL問合せは以下を入力する。
Step 20 – レポート属性の設定 Copyright © 2020, Oracle and/or its affiliates 140 select project, task_name, start_date from tasks where status = 'Open' order by start_date

• オープン中のタスクリージョンとして作成されたレポートを確認する。 • 開発者ツール・バーの「ページの編集２」をクリックする。 Step 22 – クローズしたタスク一覧の追加

• 左ペインのレンダリング・ツリーにある「Content Body」上で右クリックする。 • 「リージョンの作成」をクリックする。 Step 23 – リージョンの作成

• 新規に作成されたリージョンに以下を設定する。 • 識別のタイトルは「クローズされたタスク」 • 識別のタイプは「クラシック・レポート」 •
ソースのタイプは「SQL問合せ」 • SQL問合せには以下を入力する。 • ページの保存と実行をクリックする。 Step 24 – リージョンの調整 Copyright © 2020, Oracle and/or its affiliates 144 select project, task_name, assigned_to, start_date, end_date from tasks where status = 'Closed' order by end_date desc

• 開発者ツール・バーの「クイック編集」をクリックする。 • オープン中のタスクリージョンのスパナ・アイコンをクリックする。 • 「Remove Body
Padding 」「Stretch Report」にチェックを入れる。 • 「保存」をクリックする。 Step 28 – オープン中のタスクにも適用 Copyright © 2020, Oracle and/or its affiliates 148

Oracle APEX Workshop I 日本語版

Oracle APEX Workshop I 日本語版

More Decks by oracle4engineer

Other Decks in Programming

Featured

Transcript