差分

このページの2つのバージョン間の差分を表示します。

--- tutorial_5 [2022/01/04 19:13] – [第5章　Metabaseの利用] satoshi
+++ tutorial_5 [2022/01/04 22:16] (現在) – satoshi
@@ 行 1: / 行 1: @@
-====== 第5章　Metabaseの利用 ======
+====== 第5章　Metabaseの利用【中級編】 ======
 SCORER Edgeでは標準機能としてMetabaseというグラフ化ツールが利用可能になっています。\\
 オープンソースで簡単に導入できるので最近人気のツールとなっています。\\
@@ 行 12: / 行 12: @@
 ===== 第一項　Metabaseの作成 =====
+SCORER Edgeの左メニューからSDK→Metabaseを表示して右上のADDボタンを押します。\\
+デフォルト値のままSaveを押します。\\
+{{::metabase01.png?400|}}\\
+作成したら「open dashboard」リンクを開くと下記のような画面になるので、開始をしましょう。\\
+{{::metabase02.png?400|}}\\
+自分のメールアドレスなど、ログイン情報を案内に従って登録しましょう\\
+番目の項目でデータベースを選択する場面が出てくるため、下記のように情報を埋めましょう（パスワードはデータベース作成で決めた各自のものをお使いください）。\\
+{{::metabase03.png?600|}}\\
+登録が終わったらダッシューボードに行きましょう（もし途中でセッションが切れてしまった場合は再度「open dashboard」リンクを開きましょう）。\\
 ===== 第二項　スターターコードのログのグラフ化 =====
+時間別に立ち止まった人が何人いるかをグラフにしてみましょう。\\
+まず右上のデータの閲覧をクリックし\\
+{{::metabase04.png?600|}}\\
+「tutorialデータベース」「stopinfront_sketchテーブル」を参照します。\\
+{{::metabase05.png?600|}}\\
+データの一覧が出てくるので、右上の要約を押して編集します\\
+{{::metabase06.png?600|}}\\
+集約方法はstartTimeJpを秒ではなく時間別にカウントするようにします。\\
+{{::metabase07.png?600|}}\\
+次に同じく右上のフィルターを選択して\\
+{{::metabase08.png?600|}}\\
+StopJudgeが1の対象のみに絞り込みます。\\
+{{::metabase09.png?600|}}\\
+すると上のような折れ線グラフで時間別に数値が可視化されています。\\
+次に折れ線ではなく棒グラフに変えるために左下のビジュアライゼーションボタンを押して棒グラフを選択します。\\
+{{::metabase10.png?600|}}\\
+これで見たいグラフができました。\\
+最後にこのグラフを保存してダッシュボードで見れるように右上の保存ボタンから設定しましょう\\
+{{::metabase11.png?600|}}\\
+質問名の保存と\\
+{{::metabase12.png?600|}}\\
+その質問をどのダッシュボードで表示するかを設定しますが、ダッシュボードが一つもないので、ここで登録します。\\
+{{::metabase13.png?600|}}\\
+すべての質問が終わったら下記のようにダッシュボードでグラフが表示されるようになります\\
+{{::metabase14.png?600|}}\\
+Metabaseのより深い操作方法は他の記事を参照することを推奨しますが、上記によりデータベースからデータを可視化する一つの例ができました。\\
+以上でSCORER People Trackerのデータを利用したTutorialが完了します。\\
+第6章では新たにAIを使ったサンプルチュートリアルを随時更新していくこととします。\\