■応用の森 WebSocketを使った、リアルタイムCPU使用率推移グラフのプログラム構造 |
ぶっちゃけ、サーバー側のロジックさえ用意すれば、 JavaScriptのタイマー処理と、Ajaxを使って似たようなことは実現可能ですが、それじゃありきたりなので WebSocketを使ってデータストリーミング的なことができないかと思いやってみました。 |
今回は、TextWebSocketHandlerクラスの拡張クラスと、Runnableスレッドを使って 数秒ごとにCPU使用率のグラフをGoogle Chartsで描画するアプリケーションです。 まずは、恒例の全体構成マップ。 |
![]() |
上のマップ図から、プログラム設計書を起こしてみます。(これまでに出現している汎用クラスは、一部割愛しています) |
![]() 今回はいつもとちょっと構成が異なり、コントローラ/ビジネスロジック/FormBeanなどがありません。 (WebSocketCPUコントローラクラスは、単に初期画面を表示するためだけのコントローラです) |
それでは、次ページでそれぞれの役割の説明をしてみます。 |
WebSocketによるCPU使用率推移グラフ ![]() |
WebSocketによるCPU使用率推移グラフプログラム構造 |
![]() |