데이터 소스 시작하기

이 섹션에서는 라이브러리와 함께 제공되는 데이터 소스를 가장 간단하게 구현한 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에서 웹 애플리케이션을 만듭니다. 다음 안내는 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.jar과 visualization-datasource-examples.jar
    을 <data_source_library_install>/build
    에서 <tomcat_home>/webapps/myWebApp/WEB-INF/lib로 복사합니다.

    ZIP 파일의 압축을 풀었다면 visualization-datasource-1.0.2.jar 및 visualization-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/get_started.html 링크를 클릭하면 다음과 같이 표시됩니다.



    바로 그 것입니다. 첫 번째 데이터 소스를 설정했습니다.

다음 단계

다음 예는 외부 데이터 저장소 사용 섹션에 설명되어 있습니다. 또는 소개로 돌아가거나 다음 링크를 탐색하세요.