画面遷移モデリングとWebレイアウト設計の協業支援ツールの試作～Front-End Frameworkを用いたWebsite Builderの併用

摘要

本稿では，Webアプリケーション開発において，機能設計を主担当とする開発者とUI（User Interface）の設計を主担当とするデザイナの協業を支援するために，画面遷移モデリングとWebレイアウト設計の協業支援ツールを提案する．具体的には，整合性を検証可能なように画面遷移モデルとWebsite builder用HTMLファイルを連係できるよう，builderの拡張，モデルとHTMLファイル間の変換方法，整合性検証機能を実現する．また，モダンなWebレイアウトが設計できるよう，Website builderは，Front-end frameworkのbootstrap部品が扱え，オープンソース化されているBootstrap Page Builderを採用する．本提案の有効性の一面を評価するものとして，主にbuilderの表現力を評価するため，研究室で作成したWebアプリケーションを事例とした事前評価実験を実施した．