HTML5

HTML5技術を用いたレスキューロボットコンテストのダミヤンインジケータ
Browser-Based Damiyan Indicator for Rescue Robot Contest
金 流,小枝 正直(大阪電気通信大学)
Liu KING , Masanao KOEDA (Osaka Electro-Communication University)
はじめに
提案システム詳細
レスキューロボットコンテスト(レスコン)
・遠隔操縦ロボットによる救助活動
・3体のダミー人形(ダミヤン)を
優しく,迅速に救助
レスコンの計算機システム
・競技状況の入力,管理
・ダミヤンのデータ蓄積
・得点計算・集計
・観客への競技状況提示
研究目的
・リアルタイムに更新されるデータベースに保存された
競技データをJavaScriptやNode.jsにより効率的に操作
・HTML5技術を使ってWebブラウザ上で視覚化
・多種多様なユーザ・観客の利用環境に対応
計算機システムの構成
従来システム
MasterServer
サーバ
・Node.js(Ver.0.10.31)を利用
・NodeはChromeブラウザで動作するJavaScriptエンジン
・ネットワーク処理が得意で,機能拡張が容易
・本研究では,WebブラウザとのWebSocket通信の
ためにSocket.IOで機能拡張
Socket.IO
・リアルタイムでのWebブラウザ通信を簡単に構築可能
・本研究では,サーバとWebブラウザとの通信に利用
・全ダミヤンの全センサデータを15[ms]間隔で
Webブラウザに送信
・Ver.1.0を利用
Display(競技状況表示システム)
・本研究では,クライアントにChromeブラウザ
(Ver.37.0.2062.120)を利用
・HTML5 Canvasを用いた図形描画
・CanvasではJavaScriptのみで図形描画が可能
WebSocket
・サーバ・クライアント間で一度接続を確立すると,
明示的に切断しない限りソケット通信可能
・WebSocketでサーバと接続中の全てのクライアントは
同じデータを共有し,リアルタイムで送受信可能
HTTP
Web Server
Entry
PHP
従来システム
ODBC
Receiver
RDMBS
JDBC
競技状況表示:ダミヤンインジケータ
UDP
Score
・Visual Basicで構築
・Windows上でのみ動作
・各端末へインストール必要
・観客の携帯端末や
タブレット上では動作不能
Display
Visual Basic
提案システム
提案システム
MasterServer
HTTP
Web Server
Entry
PHP
ODBC
Receiver
RDMBS
libpg
Node.js
Soket.io
Web
Socket
Display
Webブラウザ
・横棒グラフは試験的に
各ダミヤンの加速度に設定
・描画は10[ms]周期
・今回はPC上のブラウザのみ
・タブレットでの実行可能性
今後の課題
・通信時間遅延の定量的評価
・データ送受信方法の改善
・マルチクライントでの
動作における影響調査
・SQLの改善・効率化
・非同期データ取得
・タブレット上ブラウザ
での動作