Title Slide with Picture

Transcription

1 Oracle Database Cloud Service 体験チュートリアルトライアル環境を使用した APEX アプリケーション作成 2016/06/21 日本オラクル Oracle Direct

2 Safe Harbor Statement The following is intended to outline our general product direction. It is intended for information purposes only, and may not be incorporated into any contract. It is not a commitment to deliver any material, code, or functionality, and should not be relied upon in making purchasing decisions. The development, release, and timing of any features or functionality described for Oracle s products remains at the sole discretion of Oracle. 2

3 Oracle Database Cloud Service 体験チュートリアルについて 本資料は Oracle Database Cloud Service のトライアル環境を使用して APEX アプリケーション作成を作成する体験チュートリアルです クラウド環境でのデータベース作成から環境準備 サンプルデータの取り込み WEB アプリケーション作成および使用まで 一連のデータベース活用の流れをご体験いただけます トライアル環境をお申込みでない方は 以下の手順を参考に トライアル環境をお申込み下さい 3

4 チュートリアル Agenda おおよそ 45 分程度 ( インスタンス作成にかかる時間を除く ) で データベース作成から環境準備 活用イメージまでの流れを一通りご体験いただけます 1 2 DBCS にアクセスし データベース インスタンスを作成しよう! Oracle APEX の開発環境を準備しよう! 3 4 データベースにデータを入れ アプリケーションを作ってみよう! 作成したアプリケーションをいじり倒してみよう! 4

5 DBCS にアクセスし データベース インスタンスを作成しよう! 次のチュートリアルをご参照下さい 上記チュートリアルは以下の Agenda で構成されており インスタンスの作成は Agenda2~4 の手順です Oracle Database Cloud サービス概要の理解 ユーザー登録とログイン データベース サービスの作成 4 5 サービスへの接続 サービスの管理 補足 [4-3. SSH 以外のポートへのアクセス ] の手順に従い APEX のセキュリティルール ( ora_p2_httpssl) を有効にして下さい 6 7 Virtual Image インスタンスの作成 その他の情報 5

6 チュートリアル Agenda おおよそ 30 分程度 ( インスタンス作成にかかる時間を除く ) で データベース作成から環境準備 活用イメージまでの流れを一通りご体験いただけます 1 2 DBCS にアクセスし データベース インスタンスを作成しよう! Oracle APEX の開発環境を準備しよう! 3 4 データベースにデータを入れ アプリケーションを作ってみよう! 作成したアプリケーションをいじり倒してみよう! 6

7 2 Oracle APEX の開発環境を準備しよう! はじめに Oracle APEX とは? Oracle Application Express (Oracle APEX) 概要 Oracle データベースを軸とした無償 Web アプリケーション開発ツール 専門的な知識は不要! コードを書かないウィザードによる開発スタイル 中身は PL/SQL プログラムなので SQL の知識があればすぐに使える 低コストで導入可能! Oracle Database 標準機能なので追加のライセンス購入は不要 すぐに使える! Oracle Database と共に構成されるため 追加構成は不要 ブラウザベースで開発でき クライアントソフトの導入も不要 開発画面例 : ページデザイナーを使い コードを書かずにあらゆる画面開発が可能 今回は Oracle APEX を使った Web アプリケーションを作成してみます! まずは 1. で作成したクラウド データベースに Oracle APEX 開発環境を準備しましょう! 7

8 Step 1. APEX の ADMIN 環境にアクセスします 2 Oracle APEX の開発環境を準備しよう! 作成した DB インスタンスの右のアイコンより [Application Express コンソールを開く ] をクリックします [Administration] をクリックします ADMIN 環境にアクセスします ユーザー名は ADMIN パスワードは DBCS インスタンスを作成した際に設定した管理パスワードを入力し [Sign In to Administration] をクリックします 8

9 Step 2. ADMIN 環境よりワークスペースを作成します 2 Oracle APEX の開発環境を準備しよう! [ Create Workspace > ] をクリックします 9

10 Step 3. APEX の ADMIN 環境にアクセスします 2 Oracle APEX の開発環境を準備しよう! 任意の Workspace Name を入力し [Next >] をクリックします 10

11 Step 4. APEX の ADMIN 環境にアクセスします 2 Oracle APEX の開発環境を準備しよう! 今回はワークスペースとともにスキーマも新規作成します [Re-use existing schema?] をデフォルト (No) のまま Schema Name と Schema Password に任意の値を入力します Space Quota はデフォルトのままで OK です 11

12 Step 4. APEX の ADMIN 環境にアクセスします 2 Oracle APEX の開発環境を準備しよう! ワークスペースの管理ユーザを作成します 任意の Administration Username と Administration Password と を入力してください ( はダミーでも OK です ) [Next >] をクリックします 12

13 Step 4. APEX の ADMIN 環境にアクセスします 2 Oracle APEX の開発環境を準備しよう! 設定内容が問題ないか確認し [Create Workspace] をクリックします 作成が完了すると 以下の画面が表示されます [Done] をクリックし TOP 画面に戻ります 13

14 Step 5. APEX の ADMIN 環境にアクセスします 2 Oracle APEX の開発環境を準備しよう! 作成したワークスペース環境にログインするために 右上の ADMIN アイコンより ADMIN 環境をサインアウトします 14

15 Step 6. APEX の ADMIN 環境にアクセスします 2 Oracle APEX の開発環境を準備しよう! Return to Sign In Page をクリックします 作成したワークスペースの名前 ユーザー名 パスワードを入力し [Sing In] をクリックします 初回アクセス時はパスワード変更が求められますので パスワード変更の上 [Apply Changes] をクリックします 15

16 Step 7. APEX の ADMIN 環境にアクセスします 2 Oracle APEX の開発環境を準備しよう! 作成したワークスペースにログインしました これで環境準備はすべて完了です いよいよ次の工程からデータ収集とアプリケーション作成を行っていきます! 16

17 チュートリアル Agenda おおよそ 30 分程度 ( インスタンス作成にかかる時間を除く ) で データベース作成から環境準備 活用イメージまでの流れを一通りご体験いただけます 1 2 DBCS にアクセスし データベース インスタンスを作成しよう! Oracle APEX の開発環境を準備しよう! 3 4 データベースにデータを入れ アプリケーションを作ってみよう! 作成したアプリケーションをいじり倒してみよう! 17

18 はじめに 今回作成する APEX アプリケーションについて 受注データの管理アプリケーション アプリケーション概要 受注データの管理アプリケーション 受注データの一覧レポートページ 受注データの一覧表示 インタラクティブ レポートの機能で 様々なカスタマイズがユーザー単位で可能 受注データのフォームページ 受注データの新規登録 / 更新 / 削除が行えるフォーム 元となるサンプル データの準備 ORDERLIST.CSV のリンクよりダウンロードして下さい 18

19 Step 1. アプリケーション作成画面へアクセスします 3 データベースにデータを入れ アプリケーションを作ってみよう! [Application Builder] をクリックします TIPS Oracle APEX はアプリケーション開発だけでなく SQL コマンドを実行したり データベース オブジェクトを GUI 操作で管理するなど 一般的なデータ操作作業であればこちらのツールで実施可能です! (SQL Workshop から実施いただけます ) 19

20 Step 2. アプリケーション作成を開始します 3 データベースにデータを入れ アプリケーションを作ってみよう! [Create] をクリックします TIPS Oracle APEX のアプリケーションは 移行が簡単なことも魅力の 1 つです ほんの数クリックでアプリケーションを sql ファイルとして Export/Import できるため APEX 環境間での移行を簡単に実施可能です! 20

21 Step 3. 作成するアプリケーションのタイプを選択します 3 データベースにデータを入れ アプリケーションを作ってみよう! TIPS APEX では WEB アプリケーションはもちろん モバイル向けのアプリケーションも開発可能です シンプルなものならば WEB 向けと同様に簡単なボタン操作で作成できるので ぜひ試してみて下さい! (Mobile を選択すれば作成できます ) 今回は CSV ファイルのデータ化も含めてアプリケーションを作成するため [From a spreadsheet] をクリックします 21

22 Step 4. CSV ファイルのロード方法を選択します 3 データベースにデータを入れ アプリケーションを作ってみよう! Import From: の項目は デフォルト (Copy and paste) のまま [Next >] をクリックします 22

23 Step 5. CSV ファイルを Copy and paste でインポートします 3 データベースにデータを入れ アプリケーションを作ってみよう! CSV ファイル (ORDERLIST.csv) を Copy and paste * で画面該当部に貼り付け [Next >] を選択します *ORDERLIST.csv をエクセルなどで開き ctrl+a で全選択の上 ctrl+c でコピー その内容を ctrl+v で画面該当部に貼り付けてください 23

24 Step 6. インポートしたデータの確認を行います 3 データベースにデータを入れ アプリケーションを作ってみよう! Table Name に任意のテーブル名を入力し Copy and paste したデータが正しくインポートされているか確認します ( 文字化けがないか 列タイプと値の種類が正しく設定されているか etc) 問題なければ [Next >] をクリックします 24

25 Step 7. レポートの列表示を変更します ( 任意 ) 3 データベースにデータを入れ アプリケーションを作ってみよう! Label は アプリケーション上のレポートの列名表示です デフォルトは Colum 名がそのまま引き継がれますが 日本語に変更したい場合などは Label を変更して下さい [Next >] をクリックします 25

26 Step 8. アプリケーションの設定を行います ( 任意 ) 3 データベースにデータを入れ アプリケーションを作ってみよう! アプリケーション名を任意の名前に変更したり アプリケーションの簡単な設定 ( 読み書き可否設定やレポートタイプ変更 ) を行いたい場合は こちらの項目で設定します 今回はデフォルトのまま [Next>] をクリックします 26

27 Step 9. ユーザー インターフェースを指定します ( 任意 ) 3 データベースにデータを入れ アプリケーションを作ってみよう! アプリケーションのユーザー インターフェースを指定したい場合は こちらの項目で指定します 今回はデフォルトのまま [Next >] をクリックします TIPS APEX の WEB アプリケーションでは レスポンシブ Web デザインに対応しています そのため ブラウザのサイズ変更しても 動的に見やすくページデザインが変更されます! 27

28 Step 10. アプリケーション内容を確認し 作成を実行します 3 データベースにデータを入れ アプリケーションを作ってみよう! 最後に内容が問題ないか確認し 問題なければ [Create Application] をクリックします 28

29 Step 11. 作成したアプリケーションを実行します 3 データベースにデータを入れ アプリケーションを作ってみよう! 作成が完了すると [Application created successfully] と表示されます 続いて 実際に作成したアプリケーションを実行して どのようなアプリケーションが作成できたか確認してみましょう! [Run Application] をクリックします 29

30 Step 12. 作成したアプリケーションにログインします 3 データベースにデータを入れ アプリケーションを作ってみよう! 作成したアプリケーションにログインします デフォルトの認証タイプは APEX ユーザー認証となっているため APEX ワークスペースにログインした際と同様のユーザー名とパスワードを入力し [Log In] をクリックします TIPS 認証タイプは APEX ユーザー認証以外にも LDAP SSO データベースユーザーなどの認証を設定する事も可能です また カスタム認証として データベース内のテーブルデータで認証するなど 自由に定義する事も可能です! 30

31 補足 作成した APEX アプリケーションの URL について 今回は開発者としてログインしているため Oracle APEX 開発環境経由でアプリケーションにアクセスしています もしも 別ユーザーにアプリケーションを共有したい場合 別の環境から一般ユーザーとしてアクセスしたい場合は 以下の URL よりアクセス可能です ***.***.***.*** Step12. で表示されるログイン画面の URL 赤枠部分がアプリケーションの URL です 今回の例では以下のとおりです ***.***.***.***/ords/pdb1/f?p=102 なお 今回は Oracle APEX ユーザーの認証を使用しているため ログインユーザー名とパスワードは別途共有する必要があります 31

32 Step 13. 作成したアプリケーションの内容を確認します 3 データベースにデータを入れ アプリケーションを作ってみよう! 作成したアプリケーションにログインできました! 今回の手順で作成したアプリケーションでは Copy and Paste でインポートした CSV データが一覧表示されるレポート ページおよび データを挿入が可能なフォーム ページが作成できました 32

33 チュートリアル Agenda おおよそ 30 分程度 ( インスタンス作成にかかる時間を除く ) で データベース作成から環境準備 活用イメージまでの流れを一通りご体験いただけます 1 2 DBCS にアクセスし データベース インスタンスを作成しよう! Oracle APEX の開発環境を準備しよう! 3 4 データベースにデータを入れ アプリケーションを作ってみよう! 作成したアプリケーションをいじり倒してみよう! 33

34 4 作成したアプリケーションをいじり倒してみよう! はじめに - インタラクティブ レポートとは? ユーザーが自由にカスタマイズできる! 便利なインタラクティブ レポートを使いこなす インタラクティブ レポートでは エンド ユーザーがレポートをカスタマイズできます - 列の選択 フィルタの適用 ハイライト処理およびソート処理を行ってレポート データのレイアウト変更 - ブレーク 集計 各種チャート グループ化を定義し ユーザー独自の計算を追加 アクション メニューより様々なレポート カスタマイズが行えます 今回はまず この [Action] をクリックします! インタラクティブ レポートでは 検索機能も搭載しています 任意の列もしくはレポート全体に対して 様々なあいまい検索が可能です! 34

35 4 作成したアプリケーションをいじり倒してみよう! Step 1. レポートのカスタマイズその 1 表示列選択 / ハイライト [Select Columns] から 列をレポート上に表示するか否かを選択できます 今回はデフォルトのまま 全ての列が表示する状態で進めます 設定後は [Apply] をクリックして下さい [Highlight] から 任意の条件を指定したデータのハイライトが行えます 今回は次のように設定し 受注金額が 5 千万以上の行を黄色背景でハイライト表示するようにしてみます Name : 任意 ( 例では 受注金額 > 50M ) Background Color:yellow (#FFFF99) Highlight Condition: 受注金額 > 設定後は [Apply] をクリックして下さい 35

36 4 作成したアプリケーションをいじり倒してみよう! Step 2. レポートのカスタマイズその 2 計算 ( 疑似列の追加 ) / 集計演算 [Compute] から 任意の疑似列を作成できます 様々な関数を用いた計算が可能ですが 今回は次のように設定し 受注月を表示する疑似列を作成します Column Heading: 任意 ( 例では 受注月 ) Computation Expression:TO_CHAR(H,'Month YYYY') - 補足 :Column 項目で受注日をクリックすると変数が自動挿入されます この場合は H です 設定後は [Apply] をクリックして下さい [Aggregate] から 指定した列と集計関数に基づいた集計演算値を表示することが可能です 今回は次のように設定し 合計受注金額を表示するようにします Function:Sum Column: 受注金額 設定後は [Apply] をクリックして下さい 36

37 4 作成したアプリケーションをいじり倒してみよう! Step 3. レポートのカスタマイズその 3 ソート / コントロールブレイク [Sort] から 指定した列を昇順もしくは降順でソートする事が可能です 今回は次のように設定し 受注日を降順でソートするようにしてみます Column : 受注日 Direction: Descending 設定後は [Apply] をクリックして下さい [Control Break] から 指定した列毎にグループ化してレポートを表示することが可能です 今回は次のように設定し 受注月毎にグループ化して表示するようにしてみます Column : 受注月 設定後は [Apply] をクリックして下さい 37

38 4 作成したアプリケーションをいじり倒してみよう! Step 4. カスタマイズしたレポートの確認 カスタマイズ結果がどのように反映されているか確認してみよう 計算 ( 疑似列の作成 ) コントロール ブレイク ハイライト ソート 集計演算 38

39 4 作成したアプリケーションをいじり倒してみよう! Step 5-1. チャートを表示する [Chart] から 指定した条件に基づくチャートを表示することが可能です 今回は次のように設定し 担当営業毎の合計受注金額のチャートを表示してみます Chart Type : 任意 ( 例では横軸チャート ) Label: 担当営業 Value: 受注金額 Function:Sum Sort:Value - Descending 設定後は [Apply] をクリックして下さい 39

40 Step 5-2. チャートを表示する 4 作成したアプリケーションをいじり倒してみよう! 40

41 4 作成したアプリケーションをいじり倒してみよう! Step 6-1. グループ集計した結果を表示する [Group By] から 指定した条件に基づくグループ集計レポートを表示することが可能です 今回は次のように設定し 製品毎の合計受注金額や受注件数などの集計レポートを表示してみます Group By Column : 受注製品 1. Function:Sum / Column: 受注金額 / Label: 合計受注金額 2. Function:Count / Column: 未指定 / Label: 合計受注件数 3. Function:Percent of Total Sum / Column: 受注金額 / Label: 総受注金額割合 設定後は [Apply] をクリックして下さい 41

42 Step 6-2. グループ集計した結果を表示する 4 作成したアプリケーションをいじり倒してみよう! 42

43 4 作成したアプリケーションをいじり倒してみよう! Step 7-1. ピボットテーブルを表示する [Pivot] から 指定した条件に基づくピボットテーブル レポートを表示することが可能です 今回は次のように設定し 製品かつ担当営業毎の合計受注金額と合計受注件数のピボットテーブル レポートを表示してみます Pivot Columns : 受注製品 Row Cloumns: 担当営業 1. Function:Sum / Column: 受注金額 / Label: 合計受注金額 2. Function:Count/ Column: 未指定 / Label: 合計受注件数 設定後は [Apply] をクリックして下さい 43

44 Step 7-2. ピボットテーブルを表示する 4 作成したアプリケーションをいじり倒してみよう! 44

45 4 作成したアプリケーションをいじり倒してみよう! Step 8. カスタマイズしたレポートの保存 レポートの保存 / ダウンロード [Save Report] から カスタマイズしたレポートを保存することができます 今回は次のように設定し これまでカスタマイズした内容を自分専用のレポートとして保存してみます Save:As Named Report Name: 任意 ( 例では 自分専用 ) 設定後は [Apply] をクリックして下さい TIPS デフォルトで一般ユーザーは 自分しか閲覧できない Private レポートとしてのみ保存可能ですが 開発者は全ユーザーが閲覧可能なレポートとして保存可能です また 設定を変更すれば一般ユーザーも全ユーザーが閲覧可能なレポートとして保存することができます! 45

46 4 作成したアプリケーションをいじり倒してみよう! Step 9. レポートの出力 レポートの保存 / ダウンロード [Download] から レポートを CSV や HTML 形式のファイルとしてダウンロードすることが可能です 一覧レポートだけでなく グループ集計レポートやピボットテーブル レポートも出力可能です TIPS デフォルトでは CSV もしくは HTML のみダウンロード可能ですが 追加の設定を行えばダウンロードした結果を添付して 送信したりすることも可能です また 別製品と組み合わせることにより PDF 出力も可能です! 46

47 補足 ダウンロードした CSV が文字化けしてしまう場合 以下の手順で アプリケーションの自動 CSV エンコーディング設定を有効にして下さい [Edit Application Definition] をクリックします [Globalization] タブにある [Automatic CSV Encoding] を Yes に変更し [Apply Changes] をクリックします 47

48 今回はCLOUD環境でAPEXアプリケーションを 作成するチュートリアルですが その他にも クラウドサービスの基本的な使用に関するチュートリアル APEXに関する各種チュートリアルもご用意しております ご要望の際は 弊社担当もしくはOracle Direct までお気軽にお問い合わせください 48

49 Oracle Cloud および APEX に関する各種情報のご案内 Oracle Cloud Platform ポータルサイト 各クラウドサービス概要 価格に関する情報はこちらよりご確認いただけます また トライアルの申し込みもこちらです! Oracle Cloud 公式ブログ Oracle Cloud の Update 情報や新コンテンツのご案内など 最新情報はこちらから入手可能です! Oracle Cloud Platfrom 動画一覧 (YouTube) クラウドサービスのデモンストレーション動画やイベントの講演動画など オラクルクラウドの魅力を見てご体感いただけます! Oracle APEX 情報サイト Oracle APEX のデモサイトやデモ動画 各種マテリアルについてまとめています! 49

50 オラクルダイレクト 検索 50

51