データソースを使ってみる

このセクションでは、ライブラリで提供されるデータソースの最もシンプルな実装例である SimpleExampleServlet を紹介します。このセクションでは、SimpleExampleServlet を実行してテストする手順についても説明します。

SimpleExampleServlet のご紹介
SimpleExampleServlet の実行とテスト

`SimpleExampleServlet` の概要

SimpleExampleServlet クラスは examples パッケージにあります。このクラスは、データソースの最もシンプルな実装の例を提供します。SimpleExampleServlet は DataSourceServlet から継承し、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 でのウェブアプリケーションの作成

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

Tomcat をインストールしたディレクトリに移動します。このドキュメントでは、これを <tomcat_home> と表記します。
webapps サブディレクトリに移動します。
myWebApp というサブディレクトリを作成します。
作成したサブディレクトリに移動し、WEB-INF という別のサブディレクトリを作成します。
WEB-INF サブディレクトリに移動し、lib という別のサブディレクトリを作成します。
完全なパスは <tomcat_home>/webapps/myWebApp/WEB-INF/lib になります。
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>
```
データソースライブラリをインストールしたディレクトリに移動します。このドキュメントでは、これを <data_source_library_install> と表記します。
すべての依存関係パッケージを <tomcat_home>/webapps/myWebApp/WEB-INF/lib にコピーします。パッケージは、別のディレクトリに配置しない限り、<data_source_library_install>/lib にインストールされます。
ライブラリを自分でビルドした場合は、<data_source_library_install>/build から <tomcat_home>/webapps/myWebApp/WEB-INF/lib に visualization-datasource-1.0.2.jar と visualization-datasource-examples.jar をコピーします。

zip ファイルを解凍した場合は、<data_source_library_install> から <tomcat_home>/webapps/myWebApp/WEB-INF/lib に visualization-datasource-1.0.2.jar と visualization-datasource-examples.jar
をコピーします。

jar ファイル名のバージョン番号は、最新のバージョン番号によって異なる場合があります。
Tomcat を起動します。すでに実行中の場合は再起動します。
次のリンクをクリックします。

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');

可視化を指定してクエリ言語を使用する方法の詳細については、グラフの使用とクエリ言語リファレンスをご覧ください。

次の手順に沿って、または手順を適宜変更して、データソースから提供されたデータの可視化を表示します。

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

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

次のステップ

次の例については、外部データストアの使用セクションで説明します。または、概要に戻るか、次のリンクをご覧ください。

ライブラリで最もよく使用されるクラスの概要については、キークラスをご覧ください。
独自のイベントフローを実装し、機能をクエリする方法の例については、機能とイベントフローの定義をご覧ください。
DataSourceServlet から継承しない場合は、独自のサーブレットの使用で説明されているように、データソースを実装できます。たとえば、別のクラスからサーブレットを継承する場合は、DataSourceServlet から継承しないようにします。
サーブレットを使用しない場合は、サーブレット以外のデータソースの実装をご覧ください。
アプリケーションからデータソースにパラメータを渡す方法については、DataTableGenerator.generateDataTable にパラメータを渡すをご覧ください。

データソースを使ってみる コレクションでコンテンツを整理 必要に応じて、コンテンツの保存と分類を行います。

SimpleExampleServlet の概要

SimpleExampleServlet の実行とテスト

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