Oracle HTML DBユーザーズ・ガイド
リリース2.0
B25045-01
  目次
目次
索引
索引

戻る
戻る
次へ
次へ
 

3 デモンストレーション・アプリケーションの実行

このセクションでは、Oracle HTML DBとともにインストールされるデモンストレーション・アプリケーションを実行および変更する方法を説明します。アプリケーションを実行したり、動作方法を分析すると、Oracle HTML DBを使用して独自のアプリケーションを構築する方法を理解するのに役立ちます。

内容は次のとおりです。

デモンストレーション・アプリケーションの表示およびインストール

Oracle HTML DBには、インストール可能な多くのデモンストレーション・アプリケーションが含まれています。これらのアプリケーションを使用して、アプリケーションに組み込むことができる多様な機能について学習してください。

Oracle HTML DBに含まれるデモンストレーション・アプリケーションをインストールするには、次のステップを実行します。

  1. 「Oracle HTML DBへのログイン」の説明に従ってOracle HTML DBにログインします。

    「作業領域」ホームページが表示されます。

  2. 「アプリケーション・ビルダー」アイコンの右側にある下矢印をクリックします。

  3. メニューから、「デモンストレーション」を選択します。

    図3-1 アプリケーション・ビルダーのメニュー

    app_ico_menu.gifの説明が続きます。
    app_ico_menu.gifの説明

    「デモンストレーション・アプリケーション」ページに、次のアプリケーションへのリンクが表示されます。

    • 「サンプル・アプリケーション」には、基本的な設計概念に焦点をあてた実用的なデモンストレーションが表示されます。

    • 「コレクション・ショウケース」には、ショッピング・カートの概要が表示されます。

    • 「Webサービス」には、Webサービスの使用方法の例が表示されます。

    • 「大統領就任演説」には、Oracle Textのデモンストレーションが表示されます。

  4. デモンストレーション・アプリケーションをインストールするには、インストールするアプリケーションが表示されるまでスクロールして、「インストール」をクリックします。

    「ステータス」列に「インストール済」が表示されます。

  5. インストールしたデモンストレーション・アプリケーションを編集するには、「編集」をクリックします。

  6. インストールしたデモンストレーション・アプリケーションを実行するには、「実行」をクリックします。

  7. デモンストレーション・アプリケーションを再インストールするには、「再インストール」をクリックします。


注意:

別の方法として、「アプリケーションの作成」ウィザードを実行して「デモンストレーション・アプリケーション」ページにアクセスすることもできます。

デモンストレーション・アプリケーションの実行

Oracle HTML DBとともに多くのデモンストレーション・アプリケーションがインストールされます。インストールしたデモンストレーション・アプリケーションは、「デモンストレーション・アプリケーション」ページまたはアプリケーション・ビルダーのホームページから実行できます。

このセクションの構成は次のとおりです。

デモンストレーション・アプリケーションからのアプリケーションの実行

デモンストレーション・アプリケーションを実行する最も簡単な方法は、「デモンストレーション・アプリケーション」ページにナビゲートすることです。

「デモンストレーション・アプリケーション」ページからデモンストレーション・アプリケーションを実行するには、次のステップを実行します。

  1. 「Oracle HTML DBへのログイン」の説明に従ってOracle HTML DBにログインします。

    「作業領域」ホームページが表示されます。

  2. 「アプリケーション・ビルダー」アイコンの右側にある下矢印をクリックします。

  3. メニューから、「デモンストレーション」を選択します。

  4. 「デモンストレーション・アプリケーション」ページで、実行するアプリケーションを検索します。

  5. 「アクション」列で「実行」をクリックします。

  6. 適切なユーザー名およびパスワードを入力して、「ログイン」をクリックします。

    サンプル・アプリケーションの場合、ユーザー名としてdemoまたはadminのいずれかを入力し、パスワードとして現行の作業領域名を小文字で入力します。

    その他のデモンストレーション・アプリケーションの場合、作業領域のユーザー名およびパスワードを入力します。

アプリケーションのホームページからのアプリケーションの実行

インストールしたデモンストレーション・アプリケーションは、アプリケーション・ビルダーのホームページから実行できます。

アプリケーション・ビルダーのホームページからデモンストレーション・アプリケーションを実行するには、次のステップを実行します。

  1. 「Oracle HTML DBへのログイン」の説明に従ってOracle HTML DBにログインします。

    「作業領域」ホームページが表示されます。

  2. 「アプリケーション・ビルダー」アイコンをクリックします。

  3. アプリケーションを選択します。

    アプリケーションのホームページが表示されます。

  4. 「ビュー」リストから「詳細」を選択し、「実行」をクリックします。

  5. 実行するページを「ページ」リストから指定して、右側の列にある「実行」アイコンをクリックします。

  6. 適切なユーザー名およびパスワードを入力して、「ログイン」をクリックします。

    デモンストレーション・アプリケーション(サンプル・アプリケーション)の場合、ユーザー名としてdemoまたはadminのいずれかを入力し、パスワードとして現行の作業領域名を小文字で入力します。

    その他のデモンストレーション・アプリケーションの場合、作業領域のユーザー名およびパスワードを入力します。

サンプル・アプリケーションの理解

デモンストレーション・アプリケーションは、それぞれ異なる一連の機能を示します。このセクションでは、デモンストレーション・アプリケーション(サンプル・アプリケーション)について説明します。

サンプル・アプリケーションには、電気製品およびコンピュータ製品の注文および顧客情報を表示、更新および検索するための使用しやすいインタフェースがあります。「Home」、「Customers」、「Products」、「Orders」および「Charts」タブを使用して、ページ間を移動できます。

図3-2 サンプル・アプリケーションのホームページ

sampl_app_plain.gifの説明が続きます。
sampl_app_plain.gifの説明

サンプル・アプリケーションでは、次の機能を示します。

次のセクションでは、各ページで使用可能な特定の機能について説明します。

「Home」ページ

「Home」ページには4つのリージョンがあります。

  • My Quota

  • My Top Orders

  • Sample Application 1.6

  • Tasks

My Quota: ダイアル・チャートと呼ばれる新しいSVAチャートの使用方法を示します。このチャートには、基礎となるSQL文に基づく値が表示されます。この例では示されていませんが、SVGチャートの属性を編集して非同期リフレッシュを有効にできます。

My Top Orders: SQL問合せに基づく単純なレポートです。このレポートには、「Orders」ページに表示される情報の一部が表示されます。ユーザーは、「編集」アイコンを選択して注文の詳細にリンクできます。

Sample Application 1.6: 静的テキストが表示される単純なHTMLリージョンです。このタイプのリージョンを作成して、ユーザーに対する説明情報を表示できます。

Tasks: サンプル・アプリケーション内の他のページへのリンク付きのOracle HTML DBリストを含みます。「Home」ページの「Tasks」リストで使用可能なリンクは次のとおりです。

  • About this Application: このアプリケーションについて説明している情報ページにリンクします。

  • Enter a New Order: 新しい注文を作成するウィザードにリンクします。

  • Add a New Customer: 新しい顧客情報を入力するフォームにリンクします。

  • Add a New Product: 新しい製品を追加するフォームにリンクします。

「Customers」ページ

「Customers」ページによって、顧客情報を表示および編集できます。「Customers」ページは、2つのメイン・リージョンで構成されています。

  • Customers

  • Top Customers

図3-3 サンプル・アプリケーションの「Customers」ページ

customer.gifの説明が続きます。
customer.gifの説明

Customers: 顧客情報を追跡するための更新可能なレポートです。このリージョンもSQL問合せに基づいています。顧客を検索するには、「Search」フィールドに顧客の名前を入力し、「Go」をクリックします。顧客名でソートするには、列ヘッダーをクリックします。ソート・アイコンが「Customer」ヘッダーの右側に表示されます。既存の顧客情報を更新するには、「編集」アイコンをクリックします。

Top Customers: 注文量で顧客をランク付けします。このレポートは、注文に基づいて上位の顧客を戻すSQL問合せに基づています。

「Products」ページ

「Products」ページでは、製品情報を表示および編集できます。「Products」ページは、2つのメイン・リージョンで構成されています。

  • Products

  • Top 10 Products

図3-4 サンプル・アプリケーションの「Products」ページ

products.gifの説明が続きます。
products.gifの説明

Products: 製品情報を追跡するための更新可能なレポートが表示されます。このリージョンは、データベースに格納されたイメージを表示するカスタム・ファンクションを使用するSQL問合せに基づいています。製品のカテゴリでソートするには、列ヘッダーをクリックします。ソート・アイコンがヘッダーの右側に表示されます。製品の説明を編集するには、「編集」アイコンをクリックします。新しい製品を追加するには、ページ下部の「Create Product」ボタンをクリックします。ユーザーは、「Export to Spreadsheet」をクリックして「Products」レポートのデータをスプレッドシートにエクスポートできます。

Top 10 Products: これもSQLレポートです。このレポートでは、販売量に基づいた上位10個の製品の概要が説明されます。

「Orders」ページ

「Orders」ページによって、顧客の注文を表示および編集できます。「Orders」ページには2つのリージョンがあります。

  • My Orders

  • Order by Day

図3-5 サンプル・アプリケーションの「Orders」ページ

orders.gifの説明が続きます。
orders.gifの説明

My Orders: システムでの現在の注文を要約するウィザード・レポートです。列をソートするには、列ヘッダーをクリックします。ソート・アイコンが列ヘッダーの横に表示されます。既存の注文を編集するには、「編集」アイコンをクリックします。新しい注文を追加するには、「Enter New Order」ボタンをクリックします。

Order by Day: カレンダ・レポートです。このレポートには、カレンダ内の対応する日付に注文された量が表示されます。ユーザーは、カレンダ・エントリを選択して注文の詳細を表示できます。

「Charts」ページ

「Charts」ページには、Oracle HTML DBで使用可能なタイプのSVGチャート(集合棒、円グラフおよび積上げ棒)についての説明があります。チャートを表示するには、チャート・タイプを選択します。

「Admin」ページ

「Admin」ページは、adminというユーザー名を使用してサンプル・アプリケーションにログインした場合にのみ表示されます。サンプル・アプリケーションでは、ユーザー名および解読できないパスワードを表に格納するカスタム認証スキームを使用しています。「ユーザーの管理」ページで、追加ユーザーを管理できます。

このカスタム認証スキームでは、Oracle HTML DB開発者に関連付けられたユーザー名またはパスワードは使用されないことに注意してください。

「印刷用」モードでのページの表示

ページの上の「Print」をクリックすると、カレント・ページが印刷用モードで表示されます。「印刷用」モードの場合、HTML DBエンジンは、HTMLフォーム・フィールド内のすべてのテキストをテキストとして表示します。

アプリケーションで「印刷用」モードでの表示を使用可能にするには、「アプリケーション属性の編集」ページで出力モード・ページ・テンプレートを作成してから指定する必要があります。

デモンストレーション・アプリケーションの変更

デモンストレーション・アプリケーションで使用可能な機能の種類を理解した後で、各ページの構成方法の詳細を学習します。アプリケーションの編集には、アプリケーション・ビルダーを使用します。アプリケーション・ビルダーを使用すると、アプリケーションの既存のページの編集、ページのアプリケーションへの追加または完全に新しいアプリケーションの作成を行うことができます。

このセクションの構成は次のとおりです。

「開発者」ツールバー

「開発者」ツールバーを使用すると、カレント・アプリケーションおよび現在実行されているページの編集、新しいページ、コントロールまたはコンポーネントの作成、セッション・ステートの表示、編集リンクのオン/オフの切替えを簡単に実行できます。

図3-6 サンプル・アプリケーションの「開発者」ツールバー

d_toolbar_149.gifの説明が続きます。
d_toolbar_149.gifの説明

「開発者」ツールバーは、次のリンクで構成されています。

  • Edit Application: アプリケーション・ビルダーのホームページにリンクします。「ページ定義の概要」を参照してください。

  • Edit Page: 現在実行されているページのページ定義にアクセスします。「ページ定義の概要」を参照してください。

  • Create: 新しいページ、リージョン、ページ・コントロール(アイテム、ボタン、ブランチ、計算、プロセスまたは検証)または共有コントロール(ナビゲーション・バー・アイコン、タブ、LOV、リストまたはブレッドクラム)を作成するためのウィザードにリンクします。詳細は、「アプリケーションの作成」を参照してください。

  • Session: カレント・ページのセッション・ステート情報にリンクします。詳細は、「セッション・ステートの表示」を参照してください。

  • Debug: ページのデバッグ・モードとデバッグなしモードを切り替えます。詳細は、「デバッグ・モードへのアクセス」を参照してください。

  • Show Edit Links: 「Show Edit Links」「Hide Edit Links」を切り替えます。「Show Edit Links」をクリックすると、編集可能なページ上の各オブジェクトの横に編集リンクが表示されます。各編集リンクは、2つのコロン(::)に似ており、ナビゲーション・バー・アイテム、タブ、リージョン・タイトル、ボタン、アイテムの右側に表示されます。このリンクをクリックすると、オブジェクトを編集するための別のウィンドウが表示されます。

デモンストレーション・アプリケーションの編集

デモンストレーション・アプリケーションは、次の2つの方法で編集できます。

  • 「デモンストレーション・アプリケーション」ページで、編集するアプリケーションの横にある「編集」をクリックする。

  • アプリケーションを実行している場合は、「開発者」ツールバーの「Edit Page」をクリックする。

アプリケーション・ビルダーが表示されます。アプリケーションIDおよびアプリケーション名は、ページの上部に表示されます。

図3-7 アプリケーション・ビルダー

bldr_home.gifの説明が続きます。
bldr_home.gifの説明

次のアイコンをクリックして、カレント・アプリケーションの実行、アプリケーション属性の編集、共有コンポーネントの作成、情報のエクスポートおよびインポート、または新しいページの作成を行うことができます。

  • アプリケーションの実行: カレント・アプリケーションのページをHTML DBエンジンに送信し、表示可能なHTMLをレンダリングします。

  • 属性の編集: 「アプリケーション属性の編集」ページを表示します。

  • 共有コンポーネント: 共有アプリケーション・コンポーネントおよびユーザー・インタフェース・コントロールを構築する新しいページにリンクします。

  • エクスポート/インポート: 「エクスポート/インポート」ウィザードにリンクします。

  • ページの作成: 新しいページを作成するウィザードにリンクします。

アプリケーションを構成するページがページの下部に表示されます。特定のページにアクセスするには、そのページを選択します。特定のページを検索するには、「検索」フィールドにページ・タイトルまたはページIDの大/小文字を区別しない問合せを入力して、「実行」をクリックします。

基礎となるデータベース・オブジェクトの表示

HTML DBエンジンは、データベース表に格納されたデータに基づいて、リアルタイムでアプリケーションをレンダリングします。オブジェクト・ブラウザにデモンストレーション・アプリケーションのデータベース・オブジェクトを表示できます。

アプリケーションに使用されているデータベース・オブジェクトを表示するには、次のステップを実行します。

  1. 「作業領域」ホームページにナビゲートします。

  2. 「SQLワークショップ」をクリックします。

  3. 「オブジェクト・ブラウザ」をクリックします。

    オブジェクト・ブラウザが表示されます。

    図3-8 オブジェクト・ブラウザ

    o_brws.gifの説明が続きます。
    o_brws.gifの説明

  4. ページ左上の「オブジェクト」リストからオブジェクト・タイプを選択します。たとえば、表を表示するには、「表」を選択します。

  5. オブジェクト名を検索するには、「オブジェクト」リストの下の検索フィールドにキーワードを入力します。

    一致するオブジェクトのリストが表示されます。

    図3-9 オブジェクト・ブラウザの「検索」

    o_brws_srch.gifの説明が続きます。
    o_brws_srch.gifの説明

  6. 選択したオブジェクトに関連する特定のタスクを実行するには、そのオブジェクトと該当するタスク・ボタンを選択します。

    たとえば、DEMO_CUSTOMERS表の列を変更するには、次のステップを実行します。

    1. 「オブジェクト」リストから、「表」を選択します。

    2. 「表」リストから、DEMO_CUSTOMERSを選択します。

    3. 「列の変更」をクリックします。

  7. 追加のオブジェクト詳細を表示するには、オブジェクト名の下のタブを選択します。たとえば、DEMO_CUSTOMERS表のデータを表示するには、次のステップを実行します。

    1. 「表」リストから、DEMO_CUSTOMERSを選択します。

    2. 「データ」タブを選択します。

      DEMO_CUSTOMERS表のデータを表示するレポートが表示されます。

    図3-10 DEMO_CUSTOMERSのデータ・レポート

    o_brws_tab.gifの説明が続きます。
    o_brws_tab.gifの説明