データソース スタートガイド

このセクションでは、SimpleExampleServlet について説明します。これは、このライブラリに実装されているデータソースの実装の最も単純な例です。このセクションでは、SimpleExampleServlet の実行とテストの詳しい手順についても説明します。

SimpleExampleServlet のご紹介

SimpleExampleServlet クラスは examples パッケージにあります。このクラスは、データソースの最も単純な実装の例を示しています。SimpleExampleServletDataSourceServlet から継承し、generateDataTable() を実装するため、サーブレット コンテナ内で実行する必要があります。

SimpleExampleServlet のスニペットを以下に示します。generateDataTable 関数は、データをライブラリに公開します。この関数は、データテーブルの説明を作成し、データテーブルの列を定義して、データテーブルにデータを入力します。ライブラリは、データテーブルをクエリのビジュアリゼーションに戻すために必要な他のすべてのアクションを処理します。

// This example extends DataSourceServlet
public class SimpleExampleServlet extends DataSourceServlet {

  @Override
  public DataTable generateDataTable(Query query, HttpServletRequest request) {
    // Create a data table,
    DataTable data = new DataTable();
    ArrayList cd = new ArrayList();
    cd.add(new ColumnDescription("name", ValueType.TEXT, "Animal name"));
    cd.add(new ColumnDescription("link", ValueType.TEXT, "Link to wikipedia"));
    cd.add(new ColumnDescription("population", ValueType.NUMBER, "Population size"));
    cd.add(new ColumnDescription("vegeterian", ValueType.BOOLEAN, "Vegetarian?"));

    data.addColumns(cd);

    // Fill the data table.
    try {
      data.addRowFromValues("Aye-aye", "http://en.wikipedia.org/wiki/Aye-aye", 100, true);
      data.addRowFromValues("Sloth", "http://en.wikipedia.org/wiki/Sloth", 300, true);
      data.addRowFromValues("Leopard", "http://en.wikipedia.org/wiki/Leopard", 50, false);
      data.addRowFromValues("Tiger", "http://en.wikipedia.org/wiki/Tiger", 80, false);
    } catch (TypeMismatchException e) {
      System.out.println("Invalid type!");
    }
    return data;
  }
}

SimpleExampleServlet の実行とテスト

このセクションでは、SimpleExampleServlet の実行とテストの方法を説明します。

前提条件と、ライブラリのダウンロードとビルドの方法については、インストール セクションをご覧ください。Apache Tomcat など、サーブレット コンテナとしても機能するウェブサーバーをインストールする(システムにまだインストールしていない場合)。このセクションの手順は、Windows システムの Apache Tomcat に固有のものです。

SimpleExampleServlet を実行してテストするには、SimpleExampleServlet データソースを実行するウェブ アプリケーションを作成してから、データソースからクエリされたデータを表示するビジュアリゼーションでサンプルのウェブページを実行します。これについては、次のセクションで説明します。

Apache Tomcat でのウェブ アプリケーションの作成

以下の手順に沿って、Apache Tomcat でウェブ アプリケーションを作成します。次の手順は、Windows システム上の Apache Tomcat に固有のものです。

  1. Tomcat をインストールしたディレクトリに移動します。このドキュメントでは、<tomcat_home> と記載しています。
     
  2. webapps サブディレクトリに移動します。
     
  3. myWebApp というサブディレクトリを作成します。
     
  4. 作成したサブディレクトリに移動し、WEB-INF という別のサブディレクトリを作成します。
     
  5. WEB-INF サブディレクトリに移動し、lib という別のサブディレクトリを作成します。
    フルパスは <tomcat_home>/webapps/myWebApp/WEB-INF/lib にする必要があります。
     
  6. web.xml<data_source_library_install>/examples/src/html から WEB-INF ディレクトリにコピーします。ここで、<data_source_library_install> は、データソース ライブラリをインストールしたディレクトリです。web.xml の次の行で、SimpleExampleServlet を定義してマッピングします。
    <servlet>
      <servlet-name>My Servlet</servlet-name>
      <description>My servlet description.</description>
      <servlet-class>SimpleExampleServlet</servlet-class>
    </servlet>
    
    <servlet-mapping>
      <servlet-name>My Servlet</servlet-name>
      <url-pattern>/simpleexample</url-pattern>
    </servlet-mapping>
  7. データソース ライブラリをインストールしたディレクトリに移動します。このドキュメントでは、<data_source_library_install> と記載しています。
     
  8. すべての依存関係パッケージを <tomcat_home>/webapps/myWebApp/WEB-INF/lib にコピーします。パッケージは、別のディレクトリに配置しない限り、<data_source_library_install>/lib にインストールされます。
     
  9. 自分でライブラリを作成した場合は、visualization-datasource-1.0.2.jarvisualization-datasource-examples.jar
    <data_source_library_install>/build
    から <tomcat_home>/webapps/myWebApp/WEB-INF/lib にコピーします。

    zip ファイルを解凍したら、visualization-datasource-1.0.2.jarvisualization-datasource-examples.jar
    <data_source_library_install>
    から <tomcat_home>/webapps/myWebApp/WEB-INF/lib にコピーします。
    jar ファイル名のバージョン番号は、最新のバージョン番号によって異なる場合があります。
  10. Tomcat を開始するか、Tomcat がすでに実行されている場合は再起動します。
     
  11. 次のリンクをクリックします。

    http://localhost:8080/myWebApp/simpleexample

    画面には、画面の幅に応じて 6 ~ 7 行のテキストが表示されます。
    テキストは google.visualization.Query.setResponse
    で始まり、/Tiger'},{v:80.0},{v:false}]}]}}); で終わります。

    これは、データソースからクエリのビジュアリゼーションに返されるデータです。

ビジュアル表示を使用してデータを表示する

<data_source_library_install>/examples/src/html ディレクトリにある getting_started.html ファイルを使用すると、データの可視化を表示できます。次の getting_started.html から取得した行では、使用するサーブレットを指定しています。サーブレット マッピングは、Apache Tomcat でのウェブ アプリケーションの作成のステップ 8 で設定します。

var query = new google.visualization.Query('simpleexample');

ビジュアリゼーションを指定し、クエリ言語を使用する方法については、グラフの使用クエリ言語リファレンスをご覧ください。

データソースによって提供されるデータのビジュアリゼーションを表示する手順は次のとおりです。

  1. getting_started.html ファイルを <data_source_library_install>/examples/src/html ディレクトリ
    から <tomcat_home>/webapps/myWebApp/ ディレクトリにコピーします。
     
  2. 次のリンク http://localhost:8080/myWebApp/getting_started.html をクリックすると、次のように表示されます。



    これで完了です。最初のデータソースの設定が完了しました。

次のステップ

次の例は、外部データストアの使用セクションに記載されています。または、概要に戻るか、以下のリンクをご覧ください。