| 講演名 | 2018-03-02 画面遷移モデリングとWebレイアウト設計の協業支援ツールの試作 岩堀 航平(信州大), 小形 真平(信州大), 岡野 浩三(信州大), |
|---|---|
| PDFダウンロードページ |  PDFダウンロードページへ |
| 抄録(和) | 本稿では，Webアプリケーション開発において，機能設計を主担当とする開発者とUI (User Interface)の設計を主担当とするデザイナの協業を支援するために，画面遷移モデリングとWebレイアウト設計の協業支援ツールを提案する．具体的には，整合性を検証可能なように画面遷移モデルとWebsite builder用HTMLファイルを連係できるよう，builderの拡張，モデルとHTMLファイル間の変換方法，整合性検証機能を実現する．また，モダンなWebレイアウトが設計できるよう，Website builderは，Front-end frameworkのbootstrap部品が扱え，オープンソース化されているBootstrap Page Builderを採用する．本提案の有効性の一面を評価するものとして，主にbuilderの表現力を評価するため，研究室で作成したWebアプリケーションを事例とした事前評価実験を実施した． |
| 抄録(英) | In this paper, we propose a tool to support collaboration on screen transition modeling and Web layout design so that developers who mainly design functions and designers who mainly design User Interface (UI) can be collaborated properly in a Web application development. Concretely, we performed to extend a website builder, to actualize a method to interconvert between models for screen transition design and HTML files for the builder, and to implement a function to verify the consistency between the screen transition design and the Web layout design so that developers and designers can verify the consistency. The builder we used is Bootstrap Page Builder which is open-source and which employs Bootstrap one of the famous front-end frameworks. This paper reports about the result of a small experiment of evaluating the expressiveness of the builder as the effectiveness of a part of the proposed method by applying proposal to a Web application developed in a lab. |
| キーワード(和) | モデル駆動開発 / 画面遷移モデル / Webデザイン / 協業支援 |
| キーワード(英) | Model Driven Development / Screen Transition Model / Web Design / Collaboration Support |
| 資料番号 | KBSE2017-53 |
| 発行日 | 2018-02-22 (KBSE) |
| 研究会情報 | |
| 研究会 | KBSE |
|---|---|
| 開催期間 | 2018/3/1(から2日開催) |
| 開催地（和） | 石垣市民会館 中ホール |
| 開催地（英） | |
| テーマ（和） | 一般 |
| テーマ（英） | |
| 委員長氏名（和） | 金田 重郎(同志社大) |
| 委員長氏名（英） | Shigeo Kaneda(Doshisha Univ.) |
| 副委員長氏名（和） | 粂野 文洋(日本工大) |
| 副委員長氏名（英） | Fumihiro Kumeno(Nippon Inst. of Tech.) |
| 幹事氏名（和） | 岩田 一(神奈川工科大) / 櫻井 孝平(金沢大) |
| 幹事氏名（英） | Hajime Iwata(Kanagawa Inst. of Tech.) / Kohei Sakurai(Kanazawa Univ.) |
| 幹事補佐氏名（和） | 猿渡 卓也(NTT) / 木村 功作(富士通研) |
| 幹事補佐氏名（英） | Takuya Saruwatari(NTT) / Kosaku Kimura(Fujitsu labs.) |
| 講演論文情報詳細 | |
| 申込み研究会 | Technical Committee on Knowledge-Based Software Engineering |
|---|---|
| 本文の言語 | JPN |
| タイトル（和） | 画面遷移モデリングとWebレイアウト設計の協業支援ツールの試作 |
| サブタイトル（和） | Front-End Frameworkを用いたWebsite Builderの併用 |
| タイトル（英） | Support Tool for Collaborating on Screen Transition Modeling and Web Layout Design |
| サブタイトル（和） | Use of Website Builder employing Front-End Framework |
| キーワード(1)（和/英） | モデル駆動開発 / Model Driven Development |
| キーワード(2)（和/英） | 画面遷移モデル / Screen Transition Model |
| キーワード(3)（和/英） | Webデザイン / Web Design |
| キーワード(4)（和/英） | 協業支援 / Collaboration Support |
| 第 1 著者 氏名（和/英） | 岩堀 航平 / Kohei Iwahori |
| 第 1 著者 所属（和/英） | 信州大学(略称：信州大) Shinshu University(略称：Shinshu Univ.) |
| 第 2 著者 氏名（和/英） | 小形 真平 / Shinpei Ogata |
| 第 2 著者 所属（和/英） | 信州大学(略称：信州大) Shinshu University(略称：Shinshu Univ.) |
| 第 3 著者 氏名（和/英） | 岡野 浩三 / Kozo Okano |
| 第 3 著者 所属（和/英） | 信州大学(略称：信州大) Shinshu University(略称：Shinshu Univ.) |
| 発表年月日 | 2018-03-02 |
| 資料番号 | KBSE2017-53 |
| 巻番号（vol） | vol.117 |
| 号番号（no） | KBSE-465 |
| ページ範囲 | pp.85-90(KBSE), |
| ページ数 | 6 |
| 発行日 | 2018-02-22 (KBSE) |