从线框图生成最终用户界面的Guizmo框架

Companion Proceedings of the 2023 ACM SIGCHI Symposium on Engineering Interactive Computing Systems Pub Date : 2023-06-27 DOI:10.1145/3596454.3597189

Ó. Ramón, Jesus Garcia Molina, Nicolas Burny

{"title":"从线框图生成最终用户界面的Guizmo框架","authors":"Ó. Ramón, Jesus Garcia Molina, Nicolas Burny","doi":"10.1145/3596454.3597189","DOIUrl":null,"url":null,"abstract":"We demonstrate Guizmo, a model-driven engineering framework aimed at generating final graphical user interfaces from wireframes according to the following process: (1) design a concrete user interface in a wireframe tool, (2) export/import the wireframe definition into Guizmo for generation of a wireframe model, (3) for segmenting the wireframe into regions by region detection, (4) for inferring positions and dimensions of individual interface elements, (5) in order to obtain a complete layout model that is used for generating the code of a final user interface by model-to-code generation.","PeriodicalId":227076,"journal":{"name":"Companion Proceedings of the 2023 ACM SIGCHI Symposium on Engineering Interactive Computing Systems","volume":"4 1","pages":"0"},"PeriodicalIF":0.0000,"publicationDate":"2023-06-27","publicationTypes":"Journal Article","fieldsOfStudy":null,"isOpenAccess":false,"openAccessPdf":"","citationCount":"0","resultStr":"{\"title\":\"The Guizmo Framework for Generating Final User Interfaces from Wireframes\",\"authors\":\"Ó. Ramón, Jesus Garcia Molina, Nicolas Burny\",\"doi\":\"10.1145/3596454.3597189\",\"DOIUrl\":null,\"url\":null,\"abstract\":\"We demonstrate Guizmo, a model-driven engineering framework aimed at generating final graphical user interfaces from wireframes according to the following process: (1) design a concrete user interface in a wireframe tool, (2) export/import the wireframe definition into Guizmo for generation of a wireframe model, (3) for segmenting the wireframe into regions by region detection, (4) for inferring positions and dimensions of individual interface elements, (5) in order to obtain a complete layout model that is used for generating the code of a final user interface by model-to-code generation.\",\"PeriodicalId\":227076,\"journal\":{\"name\":\"Companion Proceedings of the 2023 ACM SIGCHI Symposium on Engineering Interactive Computing Systems\",\"volume\":\"4 1\",\"pages\":\"0\"},\"PeriodicalIF\":0.0000,\"publicationDate\":\"2023-06-27\",\"publicationTypes\":\"Journal Article\",\"fieldsOfStudy\":null,\"isOpenAccess\":false,\"openAccessPdf\":\"\",\"citationCount\":\"0\",\"resultStr\":null,\"platform\":\"Semanticscholar\",\"paperid\":null,\"PeriodicalName\":\"Companion Proceedings of the 2023 ACM SIGCHI Symposium on Engineering Interactive Computing Systems\",\"FirstCategoryId\":\"1085\",\"ListUrlMain\":\"https://doi.org/10.1145/3596454.3597189\",\"RegionNum\":0,\"RegionCategory\":null,\"ArticlePicture\":[],\"TitleCN\":null,\"AbstractTextCN\":null,\"PMCID\":null,\"EPubDate\":\"\",\"PubModel\":\"\",\"JCR\":\"\",\"JCRName\":\"\",\"Score\":null,\"Total\":0}","platform":"Semanticscholar","paperid":null,"PeriodicalName":"Companion Proceedings of the 2023 ACM SIGCHI Symposium on Engineering Interactive Computing Systems","FirstCategoryId":"1085","ListUrlMain":"https://doi.org/10.1145/3596454.3597189","RegionNum":0,"RegionCategory":null,"ArticlePicture":[],"TitleCN":null,"AbstractTextCN":null,"PMCID":null,"EPubDate":"","PubModel":"","JCR":"","JCRName":"","Score":null,"Total":0}

引用次数: 0

摘要

我们演示了Guizmo，一个模型驱动的工程框架，旨在根据以下过程从线框生成最终的图形用户界面:(1)在线框工具中设计具体的用户界面，(2)将线框定义导出/导入到Guizmo中生成线框模型，(3)通过区域检测将线框分割成区域，(4)推断各个界面元素的位置和尺寸，(5)通过模型到代码生成获得完整的布局模型，用于生成最终用户界面的代码。

本文章由计算机程序翻译，如有差异，请以英文原文为准。

查看原文本刊更多论文

The Guizmo Framework for Generating Final User Interfaces from Wireframes

We demonstrate Guizmo, a model-driven engineering framework aimed at generating final graphical user interfaces from wireframes according to the following process: (1) design a concrete user interface in a wireframe tool, (2) export/import the wireframe definition into Guizmo for generation of a wireframe model, (3) for segmenting the wireframe into regions by region detection, (4) for inferring positions and dimensions of individual interface elements, (5) in order to obtain a complete layout model that is used for generating the code of a final user interface by model-to-code generation.

求助全文

通过发布文献求助，成功后即可免费获取论文全文。去求助

来源期刊

Companion Proceedings of the 2023 ACM SIGCHI Symposium on Engineering Interactive Computing Systems

自引率

0.00%

发文量