Publicação
Towards the integration of user interface prototyping and model-based development
| Resumo: | The main objective of this paper is to make a contribution in the automation of web applications’ development, starting from prototypes of their graphical user interfaces. Due to the exponential increase in the use of internet-based services and applications, there is an also increasing demand for Web designers and developers. At the same time, the proliferation of languages, frameworks and libraries illustrates the current state of immaturity of web development technologies. This state of affairs creates difficulties in the development and maintenance of Web applications. In this paper, we argue that integrating concepts of modelbased user interface development with the more traditional usercentred design approach to development can provide an answer to this situation. An approach is presented that allows designers to use prototyping tools, in this case Adobe XD, to design graphical interfaces, and then automatically converts them to (Vue.js + Bootstrap) code, thus creating a first version of the implementation for further development. This is done through the interpretation of the SVG file that Adobe XD exports. |
|---|---|
| Autores principais: | Machado, Catarina |
| Outros Autores: | Campos, José C. |
| Assunto: | Web Development Prototyping tools Web frameworks Code generation |
| Ano: | 2021 |
| País: | Portugal |
| Tipo de documento: | comunicação em conferência |
| Tipo de acesso: | acesso aberto |
| Instituição associada: | Universidade do Minho |
| Idioma: | inglês |
| Origem: | RepositóriUM - Universidade do Minho |
Registos relacionados
school Geração automática de interfaces de utilizador para aplicações web
por: Machado, Catarina Araújo
Publicado em: (2022)
por: Machado, Catarina Araújo
Publicado em: (2022)
school A library of user interface widgets prototypes for car dashboards
por: Pacheco, Henrique Jorge Caldas
Publicado em: (2017)
por: Pacheco, Henrique Jorge Caldas
Publicado em: (2017)
article AniMAL - a user interface prototyper and animator for MAL interactor models
por: Guerreiro, Nuno
Publicado em: (2008)
por: Guerreiro, Nuno
Publicado em: (2008)
school Web-based user interface prototyping and simulation
por: Faria, Paulo Cristiano Pinheiro
Publicado em: (2014)
por: Faria, Paulo Cristiano Pinheiro
Publicado em: (2014)
article MODUS: model-based user interfaces prototyping
por: Machado, Marina
Publicado em: (2017)
por: Machado, Marina
Publicado em: (2017)
school Animating user interface prototypes with formal models
por: Costa, Rafael Braga Gomes da
Publicado em: (2020)
por: Costa, Rafael Braga Gomes da
Publicado em: (2020)
article A generator of user interface prototypes for the IVY workbench
por: Araujo, Joao Miguel
Publicado em: (2019)
por: Araujo, Joao Miguel
Publicado em: (2019)
school Framework para a criação de lojas online
por: Bravo, José Pedro Vilela
Publicado em: (2023)
por: Bravo, José Pedro Vilela
Publicado em: (2023)
article The Modelery: a model-based software development repository
por: Couto, Rui
Publicado em: (2015)
por: Couto, Rui
Publicado em: (2015)
article Towards an integrated tool support for the analysis of IOPT Nets using the Spin Model Checker
por: Barros, João
Publicado em: (2022)
por: Barros, João
Publicado em: (2022)
school A web-based framework devised using a Model-View-Controller architecture
por: Rosa, Joana
Publicado em: (2015)
por: Rosa, Joana
Publicado em: (2015)
school Modernising an e-learning platform with a new user interface
por: Félix, João Pedro Neves
Publicado em: (2023)
por: Félix, João Pedro Neves
Publicado em: (2023)
article Engine design using rapid prototyping techniques
por: Martins, Jorge
Publicado em: (2005)
por: Martins, Jorge
Publicado em: (2005)
article Characterizing the control logic of web applications’ user interfaces
por: Silva, Carlos Eduardo
Publicado em: (2014)
por: Silva, Carlos Eduardo
Publicado em: (2014)
article Off-line robot programming framework
por: Bottazzi, Vitor Santos
Publicado em: (2005)
por: Bottazzi, Vitor Santos
Publicado em: (2005)
school Suporte a testes automáticos em aplicações web geradas com a OutSystems Platform
por: Neto, Ricardo Nuno Coimbra
Publicado em: (2013)
por: Neto, Ricardo Nuno Coimbra
Publicado em: (2013)
article Prototyping with the IVY workbench: bridging formal methods and user-centred design
por: Costa, Rafael Braga da
Publicado em: (2023)
por: Costa, Rafael Braga da
Publicado em: (2023)
article An adaptive semantic model to enhance web accessibility to visually impaired users
por: Sorrentino, Tatiana
Publicado em: (2016)
por: Sorrentino, Tatiana
Publicado em: (2016)
school Formal models based interactive prototypes
por: Solino, Miguel André da Silva
Publicado em: (2022)
por: Solino, Miguel André da Silva
Publicado em: (2022)
school Benchmarking web applications in different architectural variants
por: Cunha, José Francisco Domingos Reis
Publicado em: (2024)
por: Cunha, José Francisco Domingos Reis
Publicado em: (2024)
article Metal based rapid prototyping for more complex shapes
por: Ribeiro, A. Fernando
Publicado em: (1996)
por: Ribeiro, A. Fernando
Publicado em: (1996)
article Verification templates for the analysis of user interface software design
por: Harrison, Michael douglas
Publicado em: (2019)
por: Harrison, Michael douglas
Publicado em: (2019)
article From a desktop application to a web API a code conversion approach
por: Brito, Joao Nuno
Publicado em: (2019)
por: Brito, Joao Nuno
Publicado em: (2019)
school Desenvolvimento rápido de aplicações web em low-code
por: Noel, Felipe Cardoso Maia
Publicado em: (2023)
por: Noel, Felipe Cardoso Maia
Publicado em: (2023)
article The Omnipaper metadata RDF/XML prototype implementation
por: Pereira, Teresa
Publicado em: (2003)
por: Pereira, Teresa
Publicado em: (2003)
article Step towards progressive web development in obstetrics
por: Loreto, Patŕicia
Publicado em: (2018)
por: Loreto, Patŕicia
Publicado em: (2018)
article Welds prototype rapid exhaust parts: the latest technique for rapid prototyping builds up parts in welded metal
por: Ribeiro, A. Fernando
Publicado em: (1997)
por: Ribeiro, A. Fernando
Publicado em: (1997)
groups Towards automatic code generation for distributed cyber-physical systems: A first prototype for Arduino boards
por: Ataíde, Artur
Publicado em: (2017)
por: Ataíde, Artur
Publicado em: (2017)
article Collaborative product development: a groupware system based on SOA [Service Oriented Architecture]
por: Melo, Daniel do N.
Publicado em: (2010)
por: Melo, Daniel do N.
Publicado em: (2010)
groups Teaching chemistry in a social learning environment: facing drivers and barriers
por: Castro, Cornélia
Publicado em: (2011)
por: Castro, Cornélia
Publicado em: (2011)
groups Web-based language class activities: contexts of uses and background methodologies
por: Guerra, Joaquim
Publicado em: (2013)
por: Guerra, Joaquim
Publicado em: (2013)
school Spatially: a spatial analysis web GIS prototype system
por: Dias, Alexandra Semião Ramos Cordeiro
Publicado em: (2014)
por: Dias, Alexandra Semião Ramos Cordeiro
Publicado em: (2014)
article A development approach to industrial robots programming
por: Arnold, Gustavo V.
Publicado em: (2003)
por: Arnold, Gustavo V.
Publicado em: (2003)
school Development of an integrated management web application for restaurants
por: Neto, Francisco Duarte Gomes
Publicado em: (2024)
por: Neto, Francisco Duarte Gomes
Publicado em: (2024)
article Context sensitive user interfaces
por: Campos, J. Creissac
Publicado em: (1996)
por: Campos, J. Creissac
Publicado em: (1996)
school Desenho e implementação de uma aplicação web de gestão de oportunidades
por: Gomes, Secoraulio Pôncio
Publicado em: (2014)
por: Gomes, Secoraulio Pôncio
Publicado em: (2014)
school O recurso à Web 2.0 na prática letiva de Educação Moral e Religiosa Católica : contributos da Web 2.0 para a aprendizagem na disciplina de Educação Moral e Religiosa Católica
por: Oliveira, Ana Filipa Nobre
Publicado em: (2017)
por: Oliveira, Ana Filipa Nobre
Publicado em: (2017)
article A 'Square to Round' shape made using metal based rapid prototyping
por: Ribeiro, A. Fernando
Publicado em: (1996)
por: Ribeiro, A. Fernando
Publicado em: (1996)
article Prototyping processes
por: Barbosa, L. S.
Publicado em: (1999)
por: Barbosa, L. S.
Publicado em: (1999)
school Sea-stars watching: uma aplicação móvel colaborativa para georreferenciação de estrelas-do-mar
por: Gradiz, João Carlos Guerra
Publicado em: (2017)
por: Gradiz, João Carlos Guerra
Publicado em: (2017)
Registos relacionados
-
school Geração automática de interfaces de utilizador para aplicações web
por: Machado, Catarina Araújo
Publicado em: (2022) -
school A library of user interface widgets prototypes for car dashboards
por: Pacheco, Henrique Jorge Caldas
Publicado em: (2017) -
article AniMAL - a user interface prototyper and animator for MAL interactor models
por: Guerreiro, Nuno
Publicado em: (2008) -
school Web-based user interface prototyping and simulation
por: Faria, Paulo Cristiano Pinheiro
Publicado em: (2014) -
article MODUS: model-based user interfaces prototyping
por: Machado, Marina
Publicado em: (2017)