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.
- James F. Allen. 1983. Maintaining Knowledge about Temporal Intervals. Commun. ACM 26, 11 (nov 1983), 832–843. https://doi.org/10.1145/182.358434Google ScholarDigital Library
- Nathalie Aquino, Jean Vanderdonckt, Nelly Condori-Fernández, Óscar Dieste, and Óscar Pastor. 2010. Usability Evaluation of Multi-Device/Platform User Interfaces Generated by Model-Driven Engineering. In Proceedings of the ACM-IEEE International Symposium on Empirical Software Engineering and Measurement (Bolzano-Bozen, Italy) (ESEM ’10). Association for Computing Machinery, New York, NY, USA, Article 30, 10 pages. https://doi.org/10.1145/1852786.1852826Google ScholarDigital Library
- Abdo Beirekdar, Jean Vanderdonckt, and Monique Noirhomme-Fraiture. 2002. A Framework and a Language for Usability Automatic Evaluation of Web Sites by Static Analysis of HTML Source Code. In Computer-Aided Design of User Interfaces III, Proceedings of the Fourth International Conference on Computer-Aided Design of User Interfaces, May, 15-17, 2002, Valenciennes, France, Christophe Kolski and Jean Vanderdonckt (Eds.). Kluwer, 337–348.Google Scholar
- L. Bouillon, Q. Limbourg, J. Vanderdonckt, and B. Michotte. 2005. Reverse engineering of Web pages based on derivations and transformations. In Proceedings of the Third Latin American Web Congress (Buenos Aires, Argentina) (LA-WEB 2005). 11 pp.–. https://doi.org/10.1109/LAWEB.2005.29Google ScholarDigital Library
- Ahmet Selman Bozkir and Ebru Akcapinar Sezer. 2018. Layout-based computation of web page similarity ranks. International Journal of Human-Computer Studies 110 (2018), 95–114. https://doi.org/10.1016/j.ijhcs.2017.10.008Google ScholarDigital Library
- Javier Luis Cánovas Izquierdo and Jesús García Molina. 2009. A Domain Specific Language for Extracting Models in Software Modernization. In Model Driven Architecture - Foundations and Applications, Richard F. Paige, Alan Hartman, and Arend Rensink (Eds.). Springer Berlin Heidelberg, Berlin, Heidelberg, 82–97.Google Scholar
- Adrien Coyette, Sascha Schimke, Jean Vanderdonckt, and Claus Vielhauer. 2007. Trainable Sketch Recognizer for Graphical User Interface Design. In Human-Computer Interaction - INTERACT 2007, 11th IFIP TC 13 International Conference, Rio de Janeiro, Brazil, September 10-14, 2007, Proceedings, Part I(Lecture Notes in Computer Science, Vol. 4662), Maria Cecília Calani Baranauskas, Philippe A. Palanque, Julio Abascal, and Simone Diniz Junqueira Barbosa (Eds.). Springer, 124–135. https://doi.org/10.1007/978-3-540-74796-3_14Google Scholar
- Harsh Dave, Sarah Sonje, Jaswantsingh Pardeshi, Sheetal Chaudhari, and Pooja Raundale. 2021. A survey on Artificial Intelligence based techniques to convert User Interface design mock-ups to code. In Proceedings of International Conference on Artificial Intelligence and Smart Systems (Coimbatore, India) (ICAIS ’21). 28–33. https://doi.org/10.1109/ICAIS50930.2021.9395994Google ScholarCross Ref
- Abner Augusto Lima de Oliveira and Cidcley Teixeira de Souza. 2017. Paper Prototyping in a Model-Driven Process for Android Application Simulation Support. In Proceedings of the XXXI Brazilian Symposium on Software Engineering (Fortaleza, CE, Brazil) (SBES ’17). Association for Computing Machinery, New York, NY, USA, 267–272. https://doi.org/10.1145/3131151.3131192Google ScholarDigital Library
- Thisaranie Kaluarachchi and Manjusri Wickramasinghe. 2023. A systematic literature review on automatic website generation. Journal of Computer Languages 75 (2023), 101202. https://doi.org/10.1016/j.cola.2023.101202Google ScholarCross Ref
- Vinoth Pandian Sermuga Pandian, Sarah Suleri, Christian Beecks, and Matthias Jarke. 2020. MetaMorph: AI Assistance to Transform Lo-Fi Sketches to Higher Fidelities. In Proceedings of the 32nd Australian Conference on Human-Computer-Interaction (Sydney, NSW, Australia) (OzCHI ’20), Naseem Ahmadpour, Tuck Wah Leong, Bernd Ploderer, Callum Parker, Sarah Webber, Diego Muñoz, Lian Loke, and Martin Tomitsch (Eds.). ACM, 403–412. https://doi.org/10.1145/3441000.3441030Google ScholarDigital Library
- Irfan Prazina, Šeila Bećirović, Emir Cogo, and Vensada Okanović. 2023. Methods for Automatic Web Page Layout Testing and Analysis: A Review. IEEE Access 11 (2023), 13948–13964. https://doi.org/10.1109/ACCESS.2023.3242549Google ScholarCross Ref
- Kênia Soares Sousa, Hildeberto Mendonça Filho, Jean Vanderdonckt, Els Rogier, and Joannes Vandermeulen. 2008. User interface derivation from business processes: a model-driven approach for organizational engineering. In Proceedings of the ACM Symposium on Applied Computing (Fortaleza, Ceara, Brazil) (SAC ’08), Roger L. Wainwright and Hisham Haddad (Eds.). ACM, 553–560. https://doi.org/10.1145/1363686.1363821Google ScholarDigital Library
Index Terms
- The Guizmo Framework for Generating Final User Interfaces from Wireframes
Recommendations
Systematic generation of abstract user interfaces
EICS '12: Proceedings of the 4th ACM SIGCHI symposium on Engineering interactive computing systemsAn abstract user interface is defined according the Cameleon Reference Framework as a user interface supporting an interactive task abstracted from its implementation, independently of any target computing platform and interaction modality. While an ...
An MDA approach for generating web interfaces with UML ConcurTaskTrees and canonical abstract prototypes
TAMODIA'06: Proceedings of the 5th international conference on Task models and diagrams for users interface designUML has become the standard language for modelling in different areas and domains, but it is widely recognized that it lacks support for User Interface Design (UID). On the other hand, Concur Task Tree (CTT) is one of the most widely used notations for ...
A model driven engineering design approach for developing multi-platform user interfaces
The wide variety of interactive devices and modalities an interactive system must support has created a big challenge in designing a multi-platform user interface and poses a number of issues for the design cycle of interactive systems. Model-Based User ...
Comments