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 |
| _version_ | 1866875727696101376 |
|---|---|
| author | Machado, Catarina |
| author2 | Campos, José C. |
| author2_role | author |
| author_facet | Machado, Catarina Campos, José C. |
| author_role | author |
| contributor_name_str_mv | Universidade do Minho |
| country_str | PT |
| creators_json_txt | [{\"Person.name\":\"Machado, Catarina\"},{\"Person.name\":\"Campos, José C.\"}] |
| datacite.contributors.contributor.contributorName.fl_str_mv | Universidade do Minho |
| datacite.creators.creator.creatorName.fl_str_mv | Machado, Catarina Campos, José C. |
| datacite.date.Accepted.fl_str_mv | 2021-01-01T00:00:00Z |
| datacite.date.available.fl_str_mv | 2024-03-26T19:27:49Z |
| datacite.date.embargoed.fl_str_mv | 2024-03-26T19:27:49Z |
| datacite.rights.fl_str_mv | http://purl.org/coar/access_right/c_abf2 |
| datacite.subjects.subject.fl_str_mv | Web Development Prototyping tools Web frameworks Code generation |
| datacite.titles.title.fl_str_mv | Towards the integration of user interface prototyping and model-based development |
| dc.contributor.none.fl_str_mv | Universidade do Minho |
| dc.creator.none.fl_str_mv | Machado, Catarina Campos, José C. |
| dc.date.Accepted.fl_str_mv | 2021-01-01T00:00:00Z |
| dc.date.available.fl_str_mv | 2024-03-26T19:27:49Z |
| dc.date.embargoed.fl_str_mv | 2024-03-26T19:27:49Z |
| dc.format.none.fl_str_mv | application/pdf |
| dc.identifier.none.fl_str_mv | https://hdl.handle.net/1822/90104 |
| dc.language.none.fl_str_mv | eng |
| dc.publisher.none.fl_str_mv | IEEE |
| dc.rights.none.fl_str_mv | http://purl.org/coar/access_right/c_abf2 |
| dc.subject.none.fl_str_mv | Web Development Prototyping tools Web frameworks Code generation |
| dc.title.fl_str_mv | Towards the integration of user interface prototyping and model-based development |
| dc.type.none.fl_str_mv | http://purl.org/coar/resource_type/c_5794 |
| description | 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. |
| dirty | 0 |
| eu_rights_str_mv | openAccess |
| format | conferencePaper |
| fulltext.url.fl_str_mv | https://prod-dspace.uminho.pt/bitstreams/df1fb78e-9317-4417-b7d1-250784a58e22/download |
| id | rum_a0d034c024c4a85d02469ea99f5418f5 |
| identifier.url.fl_str_mv | https://hdl.handle.net/1822/90104 |
| instacron_str | repositorium |
| institution | Universidade do Minho |
| instname_str | Universidade do Minho |
| language | eng |
| network_acronym_str | rum |
| network_name_str | RepositóriUM - Universidade do Minho |
| oai_identifier_str | oai:repositorium.uminho.pt:1822/90104 |
| organization_str_mv | urn:organizationAcronym:repositorium |
| person_str_mv | Machado, Catarina Campos, José C. |
| publishDate | 2021 |
| publisher.none.fl_str_mv | IEEE |
| reponame_str | RepositóriUM - Universidade do Minho |
| repository_id_str | urn:repositoryAcronym:rum |
| service_str_mv | urn:repositoryAcronym:rum |
| spelling | engIEEEporThe 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.application/pdfporTowards the integration of user interface prototyping and model-based developmentMachado, CatarinaCampos, José C.HostingInstitutionOrganizationalUniversidade do Minhoe-mailmailto:repositorium@usdb.uminho.ptrepositorium@usdb.uminho.ptISBNIsPartOf978-1-6654-8344-5DOIIsPartOf10.1109/ICGI54032.2021.96552842024-03-26T19:27:49Z20212021-01-01T00:00:00ZHandlehttps://hdl.handle.net/1822/90104http://purl.org/coar/access_right/c_abf2open accessWeb DevelopmentPrototyping toolsWeb frameworksCode generation1425093 bytesother research producthttp://purl.org/coar/resource_type/c_5794conference paperhttp://purl.org/coar/access_right/c_abf2application/pdffulltexthttps://prod-dspace.uminho.pt/bitstreams/df1fb78e-9317-4417-b7d1-250784a58e22/download |
| spellingShingle | Towards the integration of user interface prototyping and model-based development Machado, Catarina Web Development Prototyping tools Web frameworks Code generation |
| status | SINGLETON |
| subject.fl_str_mv | Web Development Prototyping tools Web frameworks Code generation |
| title | Towards the integration of user interface prototyping and model-based development |
| title_full | Towards the integration of user interface prototyping and model-based development |
| title_fullStr | Towards the integration of user interface prototyping and model-based development |
| title_full_unstemmed | Towards the integration of user interface prototyping and model-based development |
| title_short | Towards the integration of user interface prototyping and model-based development |
| title_sort | Towards the integration of user interface prototyping and model-based development |
| topic | Web Development Prototyping tools Web frameworks Code generation |
| topic_facet | Web Development Prototyping tools Web frameworks Code generation |
| url | https://hdl.handle.net/1822/90104 |
| visible | 1 |