Proto2Code: uma ferramenta para geração de código front-end a partir de protótipos de telas
Front-End developers nowadays have several frameworks and software that help them develop their applications. During software development, some common activities require time and effort from the developers, such as the creation of basic registrations with routines for creating, reading, changing,...
| Autor principal: | Farias, Mailton Viana |
|---|---|
| Grau: | Trabalho de Conclusão de Curso |
| Idioma: | por |
| Publicado em: |
Brasil
2022
|
| Assuntos: | |
| Acesso em linha: |
http://riu.ufam.edu.br/handle/prefix/6163 |
| id |
oai:localhost:prefix-6163 |
|---|---|
| recordtype |
dspace |
| spelling |
oai:localhost:prefix-61632025-03-10T20:37:26Z Proto2Code: uma ferramenta para geração de código front-end a partir de protótipos de telas Farias, Mailton Viana Gadelha, Bruno Freitas http://lattes.cnpq.br/4987487225451219 Macedo, Gretchen Torres de Fernandes, David Oran, Ana Carolina Engenharia de software com reuso Prototipação Geração de código Front-end CIENCIAS EXATAS E DA TERRA: CIENCIA DA COMPUTACAO Desenvolvimento ágil de software Software - Desenvolvimento Front-End developers nowadays have several frameworks and software that help them develop their applications. During software development, some common activities require time and effort from the developers, such as the creation of basic registrations with routines for creating, reading, changing, and deleting data. More specifically, in the case of interface development, a lot of time is invested in the front-end implementation of these systems. Therefore, tools can be used to reduce this effort for developers. This work presents the Proto2Code tool, which can speed up the development process by generating front-end code (HTML and CSS) from interface prototypes. For this, a methodology was adopted which is divided into six steps for the construction of a code generator. To validate this version of the tool, a pilot study was conducted with two web developers who participated, in two stages, in the use of the tool. As a result, we found that the tool helps less experienced developers who use more traditional development tools, depending also on the type of prototype used. Desenvolvedores Front-End hoje em dia dispõem de vários frameworks e softwares que os auxiliam no desenvolvimento de suas aplicações. Durante o desenvolvimento de software, algumas atividades comuns requerem tempo e esforço dos desenvolvedores como por exemplo criação de cadastros básicos com rotinas de criação, leitura, alteração e exclusão de dado. Mais especificamente, no caso de desenvolvimento de interfaces, muito tempo é investido na implementação front-end desses sistemas. Com isso, ferra- mentas podem ser utilizadas para diminuir esse esfoço de desenvolvimento ou para os desenvolvedores. Este trabalho apresenta a ferramenta Proto2Code, que visa acelerar o processo de desenvolvimento de aplicações através de geração de código front-end (HTML e CSS) a partir de protótipos de interface. Para isso, foi adotada uma metodo- logia que é dividida em seis etapas para a construção de um gerador de código. Para validar essa versão da ferramenta, realizou-se um estudo piloto com dois desenvolve- dores webs que participaram, em duas etapas, no uso da ferramenta. Como resultado, verificou-se que a ferramenta auxilia desenvolvedores menos experientes que utilizam ferramentas mais tradicionais de desenvolvimento, dependendo também, do tipo de protótipo utilizado. 3 Não 2022-05-04T02:26:27Z 2022-05-01 2022-05-04T02:26:27Z 2022-04-19 Trabalho de Conclusão de Curso http://riu.ufam.edu.br/handle/prefix/6163 por Acesso Aberto Brasil FT - Faculdade de Tecnologia Manaus (AM) Engenharia da Computação - Bacharelado - Manaus |
| institution |
Repositório Institucional - Universidade Federal do Amazonas |
| collection |
RI-UFAM |
| language |
por |
| topic |
Engenharia de software com reuso Prototipação Geração de código Front-end CIENCIAS EXATAS E DA TERRA: CIENCIA DA COMPUTACAO Desenvolvimento ágil de software Software - Desenvolvimento |
| spellingShingle |
Engenharia de software com reuso Prototipação Geração de código Front-end CIENCIAS EXATAS E DA TERRA: CIENCIA DA COMPUTACAO Desenvolvimento ágil de software Software - Desenvolvimento Farias, Mailton Viana Proto2Code: uma ferramenta para geração de código front-end a partir de protótipos de telas |
| topic_facet |
Engenharia de software com reuso Prototipação Geração de código Front-end CIENCIAS EXATAS E DA TERRA: CIENCIA DA COMPUTACAO Desenvolvimento ágil de software Software - Desenvolvimento |
| description |
Front-End developers nowadays have several frameworks and software that help them
develop their applications. During software development, some common activities
require time and effort from the developers, such as the creation of basic registrations
with routines for creating, reading, changing, and deleting data. More specifically, in the
case of interface development, a lot of time is invested in the front-end implementation
of these systems. Therefore, tools can be used to reduce this effort for developers. This
work presents the Proto2Code tool, which can speed up the development process
by generating front-end code (HTML and CSS) from interface prototypes. For this, a
methodology was adopted which is divided into six steps for the construction of a code
generator. To validate this version of the tool, a pilot study was conducted with two web
developers who participated, in two stages, in the use of the tool. As a result, we found
that the tool helps less experienced developers who use more traditional development
tools, depending also on the type of prototype used. |
| author_additional |
Gadelha, Bruno Freitas |
| author_additionalStr |
Gadelha, Bruno Freitas |
| format |
Trabalho de Conclusão de Curso |
| author |
Farias, Mailton Viana |
| title |
Proto2Code: uma ferramenta para geração de código front-end a partir de protótipos de telas |
| title_short |
Proto2Code: uma ferramenta para geração de código front-end a partir de protótipos de telas |
| title_full |
Proto2Code: uma ferramenta para geração de código front-end a partir de protótipos de telas |
| title_fullStr |
Proto2Code: uma ferramenta para geração de código front-end a partir de protótipos de telas |
| title_full_unstemmed |
Proto2Code: uma ferramenta para geração de código front-end a partir de protótipos de telas |
| title_sort |
proto2code: uma ferramenta para geração de código front-end a partir de protótipos de telas |
| publisher |
Brasil |
| publishDate |
2022 |
| url |
http://riu.ufam.edu.br/handle/prefix/6163 |
| _version_ |
1831969816703926272 |
| score |
11.755432 |