HTML5 Canvas描画図形とデータ管理サーバの同期方式：フロアプラン管理アプリケーション

摘要

Webページ上の画面にHTML5のCanvas機能を用いて描画された画像とデータ管理サーバを連携させて，データをビジュアルに表現しつつ管理できる基盤技術を確立する．具体的なターゲットとしては，二次元レイアウトの表示が必要とされ，かつデータベース管理を行うようなケースであり，フロアプランと商品·物品管理を対応付けるようなアプリケーションである．フロアプランはCanvas上の自由描画ではなく，統一性のある形を表現するため，グリッド線を引き四角形を基調とした領域で管理する．ブラウザ上で，物品の分類に応じた位置と領域を指定し，それにデータを対応させる．データ管理サーバとの間はAjaxにより，データの同期を図る．この領域には，個々の具体的な細目も対応させ，その名称から位置を特定することもできる．スーパーマーケットでの商品管理を始め，図書館，倉庫のデータ管理など幅広い応用が可能と考えられる．