プリザンターにログ確認ページを追加してみた!

IISではプリザンターの様々な機能や、スクリプトなどによる機能拡張を行っています。

今回は、独自にログを確認するページを追加してみました。

独自にページを増やすことでできること

独自にページを増やすことで、そもそもWebアプリとして難しい事を除いて概ね何でもできます。
例えば次のユースケースなども実現できます。

  • テーブルの設定を一覧表示やグラフ表示したい
  • エディタの設定を一覧表示やグラフ表示したい
  • アクセス制御の設定を一覧表示やグラフ表示したい
  • データの登録件数や状況のサマリーを一覧表示やグラフ表示したい
  • プリザンターの使われ方を分析したい

今回は最後の プリザンターの使われ方を分析したい をかなえるページをざっと作ってみました。
※ページは研究途中のもので今後より使いやすくして行きます。

ログ確認ページ

今回追加してみたページの見た目です。

f:id:imageinformationsystem:20181121145553j:plain

ログ一覧表示

プリザンター内部に保存されているログを一覧表示しています。

f:id:imageinformationsystem:20181121145606j:plain

ログの情報なので、プリザンターを使い続けていると膨大な件数になってきます。そこで今回は日付を条件に表示できる検索機能も作ってみました。
日付を変更して検索ボタンをクリックすると、指定した日のログが一覧表示されます。

f:id:imageinformationsystem:20181121145619j:plain

CSV 出力機能

CSV、皆さん大好きですよね。分かっています、我々はプロですから。
当然 CSV 出力機能も作ってみました。
CSV エクスポートボタンのクリックでダウンロードできます。

f:id:imageinformationsystem:20181121145630j:plain

当然 Excel で開けます。

f:id:imageinformationsystem:20181121145643j:plain

あとはどのように使うも思うがままです。

その他分析チャート

ただログを一覧表示するだけでなく、様々な面から分析するデータも作れます。さらに分析データを格好良くチャート表示などもしてみました。
見ているだけで、システムの管理が楽しくなってくる気がしますよね!

アクセスの多いページ上位を円グラフに

f:id:imageinformationsystem:20181121145654j:plain

良く使っているユーザーを棒グラフに

f:id:imageinformationsystem:20181121145716j:plain

導入はしてみたものの、実際どのくらい使われているの? と思ったときに素早く視覚的に確認できるページを作って行けそうです。

チャートの表示には Chart.js を使用してみました。

IISの技術力

今回作成したページはIIS固有の技術で独自にプリザンターに機能を追加しています。この固有技術によりプリザンター自体に手を加えることなくページを追加することが可能です。

プリザンター自体に手を入れるカスタマイズ手法だとアップデートに度に多くの手間が必要になりますが、IISの技法でなら手間はほとんどかかりません。

今後の野望

今回は軽くいくつかの分析情報を表示しただけですが、今後は

  • テーブルの設定を一覧表示やグラフ表示したい
  • エディタの設定を一覧表示やグラフ表示したい
  • アクセス制御の設定を一覧表示やグラフ表示したい
  • データの登録件数や状況のサマリーを一覧表示やグラフ表示したい
  • プリザンターの使われ方を分析したい
  • テータを独自の画面で登録・編集したい
  • テーブルの設定を独自の画面で編集したい
  • 独自のフォーマットでデータのファイル出力・取込機能をしたい

といった夢をかなえるページを作って、皆様のお役に立てる製品を開発して行きます。

「+読者になる」のお願い

C#によるWebアプリ開発IISの得意とする領域です。今後もプリザンターへのページ追加の研究を進めて行くつもりです。関心のある方、よかったらブログ上部の「+読者になる」をクリックをお願いします!

最後に

IISはプリザンターのカスタマイズの経験が豊富です。
プリザンター導入に際してカスタマイズをご検討されている方は是非ご相談ください!
またご不明点やご質問などございましたら弊社までお問い合わせください。