Análise de geração automatizada de código fonte : do protótipo ao software

Abstract

O processo de desenvolvimento de software está cada vez mais aderente ao uso de tecnologias com enfoque na Experiência do Usuário (UX) e interação deste usuário com o sistema, estabelecendo maiores conexões das áreas de engenharia de software e design, principalmente nos processos de prototipagem desses sistemas com várias ferramentas disponíveis no mercado. Ao analisar as tendências no desenvolvimento de aplicações web há um grande foco na modularização de código, principalmente nas tecnologias de interface utilizadas, introduzindo o conceito de componentização, além disso, há também ferramentas para prototipação de software que abstraem deste mesmo conceito, permitindo a componentização do design desses sistemas. O foco deste trabalho é (1) analisar plugins da plataforma de prototipação de interface Figma que geram código fonte Javascript/ReactJS de forma autônoma e (2) realizar um comparativo entre 2 (duas) soluções presentes no mercado com base em critérios como facilidade de adoção e uso, e revisão do código gerado com base em alguns critérios de engenharia de software como organização e qualidade.

The software development process is increasingly adhering to the use of technologies with a focus on User Experience (UX) and user interaction with the system, establishing greater connections in the areas of software engineering and design, mainly in the prototyping processes of these systems with various tools available on the market. When analyzing trends in the development of web applications there is a big focus on code modularization, mainly in the interface technologies used, introducing the concept of componentization, in addition, there are also tools for software prototyping that abstract from this same concept, allowing design componentization of these systems. The focus of this work is (1) to analyze plugins from the Figma interface prototyping platform that generate Javascript/ReactJS source code autonomously and (2) to carry out a comparison between 2 (two) solutions present on the market based on criteria such as ease of adoption and use, and review of the generated code based on some software engineering criteria such as organization and quality.