Escolar Documentos
Profissional Documentos
Cultura Documentos
RESUMO
Atualmente, somente a oferta de soluções não tem sido mais um diferencial, e com o
mercado cada vez mais competitivo e a demanda exponencial de aplicativos, a agilidade
no desenvolvimento e entrega dessas soluções tem se tornado uma estratégia, muitas
vezes, uma condição de sobrevivência e sucesso das empresas. Sendo assim, é
fundamental utilizar meios que possam dar subsídios a tais exigências e requisitos, como
por exemplo, a utilização de plataformas de programação visual, proporcionando não só
agilidade, mas facilidade no desenvolvimento de soluções e aplicativos. Neste trabalho,
discorremos sobre os termos low-code e no-code, ambos amplamente utilizados com o
mesmo propósito, facilitar e agilizar o desenvolvimento de aplicativos. Além
disso, apresentamos uma proposta de desenvolvimento de um aplicativo para
classificação e mapeamento de resíduos utilizando uma das ferramentas de
programação visual analisadas.
Palavras-Chave: No-code. Low-code. Programação visual.
__________________________________________________________________________________________________
Faculdade Municipal Prof. Franco Montoro Interciência & Sociedade, Mogi Guaçu, v. 5, n. 2, p. 339-355, 2020
ABSTRACT
Currently, only an offer of solutions has not been another differential, and with the market
becoming increasingly competitive and the exponential demand for applications, agility in
the development and delivery of these solutions has become a strategy, often a condition
of technologies business success. Therefore, it is essential to use means that can support
such requirements and requirements, such as, for example, the use of a visual
programming platform, providing not only agility, but ease of development of solutions and 340
applications. In this paper, we discuss the terms low-code and no-code, both widely used
for the same purpose, to facilitate and speed up application development. In addition, we
present a proposal to develop an application for classification and mapping of waste using
one of the visual programming tools analyzed.
Keywords: No-code. Low-code. Visual Programming.
INTRODUÇÃO
__________________________________________________________________________________________________
Faculdade Municipal Prof. Franco Montoro Interciência & Sociedade, Mogi Guaçu, v. 5, n. 2, p. 339-355, 2020
completas, sem tantas exigências, se comparada a forma tradicional de
desenvolvimento de um aplicativo, agilizando ainda mais o processo de criação.
A programação visual (também conhecida como programação em blocos
ou baixa programação) tem se tornado dia a dia mais pertinente para o mundo do
desenvolvimento, possibilitando que aplicativos sejam criados em um tempo
consideravelmente menor se comparado a programação tradicional. Tais
ferramentas inserem o contexto de programação e desenvolvimento de aplicativos
em um novo cenário, onde alguns requisitos antes necessários, como por 341
exemplo, o domínio de determinadas linguagens de programação não se fazem
mais necessárias, substituindo-se a etapa de codificação por
procedimentos como a organização e estruturação de blocos (operação
conhecida como procedimento de arrastar e soltar), que representariam as etapas
da codificação, reduzindo a complexidade, trazendo maior agilidade no
desenvolvimento de aplicativos, e provavelmente a possibilidade de redução dos
custos (GERBELLI, N.; GERBELLI, V., 2019).
Dessa forma, por possuir características como redução no tempo de
desenvolvimento, e consequentemente maior agilidade na entrega de soluções,
as ferramentas de programação visual tem ganhado muito espaço entre os
profissionais e empresas de desenvolvimento, o que tem justificado o interesse,
investimento e pesquisa na área.
FUNDAMENTAÇÃO TEÓRICA
Programação Tradicional
__________________________________________________________________________________________________
Faculdade Municipal Prof. Franco Montoro Interciência & Sociedade, Mogi Guaçu, v. 5, n. 2, p. 339-355, 2020
2. Percebe-se que, para este simples problema, tem-se três formas de escrita
diferentes, no entanto, todas as formas dizem a mesma coisa, e como esperado,
reportam o mesmo resultado.
Tomando ainda como base o exemplo anterior, aplicar-se-á o conceito
utilizado pelas linguagens de programação tradicional, fazendo uso de um
exemplo recorrente e amplamente utilizado na introdução das mais diversas
linguagens de programação, o famoso “Hello World”, ou em português, “Olá
Mundo”, escrito aqui em três diferentes linguagens: C# (C-Sharp), Object Pascal 342
e Haskell.
Observa-se nos exemplos a seguir, os três trechos de códigos, apesar de
escritos de forma diferente (cada um seguindo a sua sintaxe e semântica),
propõem-se em resolver o mesmo problema, ou seja, resolver a mesma tarefa,
que consistem simplesmente em escrever na tela a mensagem “Hello World”.
Nos exemplos das mensagens, o significado do que foi descrito de três
formas diferentes é: ao somar um mais um, o resultado é dois. Nos exemplos do
código fonte o significado do que foi descrito em C#, Object Pascal e Haskell é:
exibir na tela um “Hello World”. A forma é a sintaxe e o significado é a semântica.
Esses exemplos mostram claramente a diferença de sintaxe de cada
linguagem, o que pode ser considerado um ponto negativo se comparadas com a
linguagem visual (apresentada na sequência) e assunto de discussão deste
trabalho, que é basicamente focada no significado e sequência em que é montada,
sem se preocupar com a sintaxe.
Linguagem C#
__________________________________________________________________________________________________
Faculdade Municipal Prof. Franco Montoro Interciência & Sociedade, Mogi Guaçu, v. 5, n. 2, p. 339-355, 2020
Object Pascal
Haskell
__________________________________________________________________________________________________
Faculdade Municipal Prof. Franco Montoro Interciência & Sociedade, Mogi Guaçu, v. 5, n. 2, p. 339-355, 2020
Ferramentas de Programação Visual
__________________________________________________________________________________________________
Faculdade Municipal Prof. Franco Montoro Interciência & Sociedade, Mogi Guaçu, v. 5, n. 2, p. 339-355, 2020
Figura 4. Exemplo de interface de desenvolvimento do Kodular.
345
Thunkable
__________________________________________________________________________________________________
Faculdade Municipal Prof. Franco Montoro Interciência & Sociedade, Mogi Guaçu, v. 5, n. 2, p. 339-355, 2020
Figura 5. Exemplo de interface de desenvolvimento do Thunkable.
346
App Inventor
__________________________________________________________________________________________________
Faculdade Municipal Prof. Franco Montoro Interciência & Sociedade, Mogi Guaçu, v. 5, n. 2, p. 339-355, 2020
Figura 6. Exemplo de interface de desenvolvimento do App Inventor.
347
VANTAGENS
__________________________________________________________________________________________________
Faculdade Municipal Prof. Franco Montoro Interciência & Sociedade, Mogi Guaçu, v. 5, n. 2, p. 339-355, 2020
Além das possíveis vantagens mencionadas anteriormente, é válido
destacar outras vantagens inerentes ao processo de desenvolvimento utilizando-
se da programação visual:
__________________________________________________________________________________________________
Faculdade Municipal Prof. Franco Montoro Interciência & Sociedade, Mogi Guaçu, v. 5, n. 2, p. 339-355, 2020
Governança automatizada integrada: equipes de TI são capazes de
monitorar e controlar todos os projetos com a ajuda de um console central
que fornece visibilidade de infraestrutura, ambientes, aplicativos, usuários
de TI e segurança.
PROPOSTA DE DESENVOLVIMENTO
349
Este trabalho propõe o desenvolvimento de um aplicativo (APP) utilizando
programação visual. O APP a ser desenvolvido tem como funcionalidade principal
a classificação e descarte de resíduos. O APP proposto visa atender os requisitos
básicos a nós apresentados inicialmente (layout de telas, base de dados e
funcionalidades). Das ferramentas apresentadas, a escolhida para o
desenvolvimento do aplicativo foi a Kodular, não só por ser gratuita, mas por
oferecer ampla gama de recursos e funcionalidades, como por exemplo, a
possibilidade do desenvolvedor testar sua aplicação de forma rápida através de
um emulador diretamente em seu celular. Além disso, a ferramenta conta com
várias extensões como Google Maps, conectividade com banco de dados
Firebase, entre outras funções. A interface de designer do Kodular é ilustrada na
Figura 7.
__________________________________________________________________________________________________
Faculdade Municipal Prof. Franco Montoro Interciência & Sociedade, Mogi Guaçu, v. 5, n. 2, p. 339-355, 2020
cores, etc., e o ambiente de programação, denominado de Blocks, onde é feita
toda a parte lógica do aplicativo, talvez a parte mais relevante da ferramenta, onde
se é necessário a aplicação da lógica para que a parte visual responda
efetivamente a programação. A interface lógica de desenvolvimento do Kodular é
apresentada na Figura 8.
__________________________________________________________________________________________________
Faculdade Municipal Prof. Franco Montoro Interciência & Sociedade, Mogi Guaçu, v. 5, n. 2, p. 339-355, 2020
Figura 9. Telas de acesso e leis ambientais app.
351
__________________________________________________________________________________________________
Faculdade Municipal Prof. Franco Montoro Interciência & Sociedade, Mogi Guaçu, v. 5, n. 2, p. 339-355, 2020
Figura 10. Telas Tipos de Resíduos app.
352
__________________________________________________________________________________________________
Faculdade Municipal Prof. Franco Montoro Interciência & Sociedade, Mogi Guaçu, v. 5, n. 2, p. 339-355, 2020
Figura 11. Telas de input do airtable e da coleta de entulho no app.
353
__________________________________________________________________________________________________
Faculdade Municipal Prof. Franco Montoro Interciência & Sociedade, Mogi Guaçu, v. 5, n. 2, p. 339-355, 2020
Figura 12. Tela de exemplo de um ECO-PONTO.
354
CONCLUSÃO
__________________________________________________________________________________________________
Faculdade Municipal Prof. Franco Montoro Interciência & Sociedade, Mogi Guaçu, v. 5, n. 2, p. 339-355, 2020
REFERÊNCIAS
INVENTOR. With MIT App Inventor, anyone can build apps with global
impact. 2020. Disponível em: https://appinventor.mit.edu. Acesso em: 12 out.
2020
355
KODULAR. Much more than a modern app creator without coding. 2020.
Disponível em: https://www.kodular.io. Acesso em: 10 out. 2020.
__________________________________________________________________________________________________
Faculdade Municipal Prof. Franco Montoro Interciência & Sociedade, Mogi Guaçu, v. 5, n. 2, p. 339-355, 2020