Desenvolvimento Low-Code e No-Code: Guia Completo + Exemplos

Parece que os termos baixo código e sem código se tornaram recentemente palavras-chave na comunidade de produtos. Muitos gestores de produto de destaque anunciaram que estão a adotar totalmente uma abordagem sem código ou, pelo menos, que começaram a utilizar esta abordagem no seu processo de desenvolvimento de produtos.

Mas em que consistem estas abordagens? Vale a pena experimentá-las? Vamos discutir as especificidades, as vantagens e as desvantagens destas abordagens de desenvolvimento e conhecer alguns produtos de destaque criados com ferramentas sem código.

Em que consiste o desenvolvimento de aplicações com baixo código?

Quando falamos de desenvolvimento com baixo código, referimo-nos normalmente ao processo de criação de aplicações através de ferramentas e pacotes prontos a utilizar, em vez de termos de escrever o código de raiz.

Em vez de trabalhar com um editor de código, as plataformas de baixo código permitem-lhe criar as suas aplicações visualmente. Por exemplo, se quiser criar a lógica de back-end de uma aplicação de recursos humanos, pode utilizar uma interface de arrastar e largar que faz lembrar um fluxograma normal. É este o aspeto que tem no Flokzu.

Neste caso, estamos a criar a lógica para aprovar um pedido de férias.

• Podemos ver que, quando o funcionário cria um pedido de férias, o back-end que criámos envia uma notificação ao respetivo responsável e pede-lhe que o aprove ou rejeite.
• Após a aprovação, o segundo avaliador recebe uma notificação com um pedido para o aprovar.
• Quando ambos respondem afirmativamente, o pedido de férias é considerado aprovado.

A abordagem de desenvolvimento de aplicações com baixo código transfere grande parte do trabalho para editores visuais como o que vimos acima. No entanto, tal como o nome indica, este processo ainda envolve alguma programação e continuará a precisar de competências mínimas de programação ou de criação de código para conseguir desenvolver aplicações com a abordagem de baixo código.

Normalmente, utiliza código e programação básica quando é necessário estabelecer ligação a um serviço específico na nuvem (por exemplo, o AWS S3 para armazenar os seus dados) ou a uma API (como a API do ChatGPT para utilizar o serviço de IA de forma programática).

Por exemplo, imagine que criou uma ferramenta de comunicação de erros que aparece num site como um pequeno componente.

Quando os utilizadores quiserem comunicar um problema, clicarão nesse componente, preencherão os detalhes do problema que estão a experienciar e enviarão um erro ao proprietário do site.

Quer que os proprietários dos sites vejam estes erros nos respetivos quadros do Trello. Assim, terá de integrar a sua ferramenta com o Trello. Para isso, pode utilizar a implementação existente da Zapier. Tudo o que precisa de fazer é estabelecer ligação à API da Zapier. Eis o aspeto de duas das chamadas à respetiva API.

Neste caso, não tem outra opção senão arregaçar as mangas e escrever código que interaja com a API da Zapier e solicite automaticamente a criação de um cartão do Trello sempre que alguém enviar um erro através do seu componente.

Para compreender plenamente este processo de desenvolvimento, vamos enumerar algumas das suas vantagens e desvantagens.

Vantagens do baixo código

• Um aumento significativo da produtividade: As plataformas de desenvolvimento com baixo código são muito populares entre empresas de média e grande dimensão que criam ferramentas internas e fluxos de trabalho para a automatização de processos através destas plataformas. Estes fluxos de trabalho automatizados, por sua vez, estão a aumentar tanto a eficácia como a eficiência dos processos empresariais da empresa.
• Flexibilidade com funcionalidades e código personalizados: Ao contrário das ferramentas sem código (que iremos abordar de seguida), em que tudo é feito visualmente, as soluções de baixo código permitem-lhe personalizar e escrever o seu próprio código. Isto significa que não está limitado pelas funcionalidades disponibilizadas pela plataforma e pode desenvolver praticamente qualquer funcionalidade personalizada que pretenda, adicionando o seu código à aplicação.
• Manutenção simplificada: Como criou a sua aplicação utilizando editores visuais relativamente fáceis de utilizar, mantê-la e corrigir problemas é muito mais rápido e simples do que manter uma base de código.

Desvantagens do baixo código

• Requer competências básicas de programação: Embora a maior parte do desenvolvimento seja feita através de editores visuais, continuará a ter de escrever código para algumas partes da aplicação. Por isso, com as ferramentas de baixo código, continuará a ter de considerar contratar alguém com experiência em programação.
• Os custos continuam a ser mais elevados em comparação com o desenvolvimento sem código: O baixo código é muito mais barato do que contratar uma equipa completa de engenharia de software. No entanto, em comparação com o desenvolvimento sem código, em que tudo é feito através de uma interface de utilizador fácil de compreender que qualquer pessoa pode utilizar, as ferramentas de baixo código requerem programadores profissionais que saibam utilizar essa ferramenta e escrever código na sua linguagem proprietária.

Em suma, graças à sua velocidade e à complexidade relativamente reduzida, o desenvolvimento com pouco código tornou-se popular tanto entre grandes empresas que pretendem automatizar os seus processos como entre pequenas empresas que querem criar aplicações com o mínimo esforço.

Mas como se compara com o desenvolvimento sem código? Vamos colocá-los lado a lado.

E quanto ao desenvolvimento sem código?

Embora as ferramentas de pouco código tenham facilitado bastante a criação e a implementação de aplicações, serão as plataformas de desenvolvimento sem código a ter o maior impacto na vida dos proprietários de pequenas empresas, fundadores de startups e equipas de produto.

Uma solução sem código permite-lhe criar sites e aplicações completos sem sequer ter de saber como funcionam as APIs ou quais os estilos CSS que tornarão a sua página responsiva. Pode controlar tudo (desde o design da interface do utilizador às integrações de API e ao alojamento do site) através de interfaces visuais relativamente fáceis de aprender e fáceis de utilizar.

As ferramentas sem código costumam incluir editores visuais de interfaces de utilizador com funcionalidade de arrastar e largar semelhantes a ferramentas de design como o Figma ou o AdobeXD. Eis o aspeto do editor do criador de sites sem código Webflow:

Como podemos ver, este editor permite-lhe controlar tudo, desde o tamanho e a posição dos elementos até à tipografia e aos estilos visuais.

Caso queira criar aplicações com uma lógica empresarial relativamente complexa, as ferramentas sem código também incluem editores visuais semelhantes aos que abordámos anteriormente. Eis o aspeto do editor de lógica empresarial do criador de aplicações Web sem código Bubble:

No exemplo acima, podemos ver uma lógica simples para o registo de um utilizador, que começa a ser executada quando o utilizador preenche as suas credenciais e clica no botão de registo. Depois do clique, o Bubble cria um novo utilizador na sua base de dados, envia-lhe um e-mail de confirmação e redireciona-o para a página inicial.

Além de ajudar a criar a interface do utilizador e a lógica empresarial, as ferramentas sem código também podem ajudar em diferentes tarefas de gestão de sites e aplicações, tais como:

Otimização para motores de pesquisa

Incluindo a possibilidade de definir dinamicamente títulos meta, descrições, URLs canónicos e etiquetas de robôs, bem como controlar a forma como as suas páginas aparecem nos resultados enriquecidos das pesquisas através da definição de marcação de esquema.

Algumas ferramentas sem código incluem até assistentes de SEO que analisam o seu site e fornecem recomendações práticas para corrigir os problemas encontrados. Eis um exemplo desta funcionalidade do criador de sites Wix.

Como podemos ver, o Assistente de SEO do Wix (é assim que chamam ao assistente) encontrou uma duplicação do título da página e sugere que o altere.

Conectividade com diferentes serviços externos e APIs

Ao contrário das ferramentas de pouco código, não precisa de escrever código para se ligar às APIs das diferentes ferramentas e serviços de que necessita para que a sua aplicação funcione.

As ferramentas sem código permitem normalmente ligar-se a um determinado serviço com um único clique no botão “instalar” e disponibilizam um painel de configuração visual onde pode inserir as suas credenciais de autenticação e alterar a forma como a sua aplicação interage com o serviço em questão. Vejamos um exemplo na loja de extensões do Bubble.

O ecrã que vê aqui pertence a um site Bubble de teste que criei há alguns meses para verificar as capacidades desta ferramenta sem código (o resultado: fiquei impressionado). Naturalmente, queria que o meu site de demonstração tivesse o Google Analytics instalado, para poder acompanhar o seu desempenho.

No Bubble, tudo o que fiz foi procurar esta extensão na loja, instalá-la e definir o ID de acompanhamento da minha conta do Google Analytics.

Implementação e escalabilidade

Por fim, as ferramentas sem código também ajudam na implementação em ambientes de produção e desenvolvimento, no alojamento e na escalabilidade (se estiver a receber muito tráfego) do seu site ou aplicação nos respetivos servidores, sem ter de mexer em scripts Shell e configurações de servidores. Mais uma vez, tudo é feito através de interfaces de utilizador simples. Com o Wix, por exemplo, a implementação é tão fácil como clicar num único botão “Publicar” no painel de controlo.

Agora que já conhecemos as capacidades das ferramentas sem código, vejamos também as suas vantagens e desvantagens.

Vantagens das ferramentas sem código

• É rápido: O mundo dos serviços de software é atualmente extremamente competitivo e a sua capacidade de disponibilizar produtos rapidamente tornou-se um dos principais fatores para o sucesso de uma empresa de software. As ferramentas sem código já têm tudo pré-construído para si. Só precisa de juntar os componentes com um editor de arrastar e largar e lançar o seu produto.
• Não requer conhecimentos de programação: Os programadores de software, os engenheiros de QA, os especialistas de DevOps e todos os restantes elementos de uma equipa de software típica são profissionais qualificados e, por vezes, é difícil encontrá-los e contratá-los. Com uma ferramenta sem código, por outro lado, não é necessário ter uma equipa de engenharia completa, uma vez que qualquer utilizador sem conhecimentos técnicos também pode criar essa aplicação.
• É barata de criar: Contratar uma equipa de engenharia é dispendioso. Os membros da equipa que mencionámos acima estão entre os profissionais mais bem pagos do mercado de trabalho. Assim, utilizar uma ferramenta sem código também lhe permitirá criar a sua aplicação por uma fração do custo de contratar uma equipa de software completa.

Desvantagens das ferramentas sem código

• Flexibilidade limitada: O número e os tipos de funcionalidades que pode adicionar à sua aplicação não são ilimitados com as ferramentas sem código. Não poderá criar nenhuma funcionalidade única da sua autoria e terá de utilizar as funcionalidades existentes fornecidas pela sua ferramenta.
• A segurança está fora do seu controlo: Embora a maioria das ferramentas sem código crie as suas aplicações utilizando as melhores práticas gerais de privacidade e segurança, não poderá reforçar as suas defesas e proteger-se contra vulnerabilidades mais avançadas.
• Desempenho limitado: Além do número limitado de funcionalidades, também fica limitado a uma pilha tecnológica restrita com as ferramentas sem código. Independentemente do tipo de produto que crie, a ferramenta sem código utilizará sempre as mesmas linguagens de programação e os mesmos sistemas de bases de dados para o executar. Por isso, pode esquecer a utilização de tecnologias especializadas que funcionam rapidamente (por exemplo, C++ ou Clickhouse).

Em suma, tanto as plataformas de aplicações com pouco código como as sem código são excelentes para reduzir os custos de desenvolvimento e acelerar o ritmo de disponibilização. Graças à facilidade de criação de aplicações com estas plataformas, tornaram-se uma excelente ferramenta nas mãos de pequenas empresas que não podem criar uma equipa interna de TI, bem como de gestores de produto que pretendem descobrir as necessidades dos seus utilizadores através de testes rápidos e de várias iniciativas.

Mas será que isto significa que a era do desenvolvimento de software convencional chegou ao fim? Vejamos a seguir.

O desenvolvimento convencional está a desaparecer?

De modo algum!

As ferramentas com pouco código e sem código irão ajudá-lo a criar e implementar rapidamente uma versão básica da sua aplicação, com funcionalidades limitadas. No entanto, é o desenvolvimento de software convencional que lhe permitirá:

Criar funcionalidades únicas e originais: Tanto as ferramentas sem código como as ferramentas com pouco código incluem um conjunto de elementos de interface de utilizador e funcionalidades de back-end padrão que pode utilizar para abranger vários casos de utilização. No entanto, se quiser criar algo completamente novo e único, não terá outra opção senão programá-lo por si próprio.

Excelentes exemplos de funcionalidades deste tipo são os famosos filtros de aprendizagem automática e os avatares do TikTok. São tão únicos e complexos que um departamento inteiro de engenheiros e cientistas trabalhou neles (fazendo, pelo caminho, várias contribuições significativas para a ciência da inteligência artificial).

Simplesmente não há forma de criar algo que se aproxime disso com uma ferramenta com pouco código.

Obter um desempenho excecional: Por vezes, o elevado desempenho e a eficiência na utilização de recursos são partes fundamentais do seu produto (por exemplo, se estiver a criar um jogo AAA que tenha de funcionar em computadores mais antigos). Nesse caso, terá de utilizar linguagens de programação especializadas e de elevado desempenho, como C++ ou até Assembly, bem como programadores altamente qualificados que possam otimizar cada linha de código da sua aplicação para alcançar essa velocidade.

Quais são as vantagens do low-code e no-code para gestores de produto e fundadores de startups?

Duas palavras — velocidade e custo!

Se está a desenvolver os seus produtos seguindo a filosofia lean, então as ferramentas low-code e no-code tornar-se-ão as suas melhores amigas, pois permitem-lhe criar rapidamente um MVP do seu produto, implementá-lo, validar (ou invalidar) as suas hipóteses fundamentais, iterar com base no feedback e voltar a implementá-lo.

Além da velocidade com que pode lançar novas iterações do seu produto e testar as suas ideias, as ferramentas no-code e low-code também lhe permitirão mitigar os riscos associados à contratação de engenheiros e ao investimento de tempo e dinheiro significativos numa aplicação que o mercado poderá não aceitar (o que é perfeitamente normal).

Pode criar sozinho as primeiras versões do seu produto sem contratar ninguém. Assim, se a sua ideia falhar, as suas perdas financeiras serão mínimas.

As ferramentas no-code e low-code são excelentes para criar MVPs, mas também é possível criar produtos finalizados com elas? Sim! Deixe-me impressioná-lo com alguns sites e aplicações de excelente aspeto que foram criados com estas ferramentas.

Exemplos: aplicações criadas em plataformas low-code e no-code

A internet está repleta de pequenos sites e aplicações criados em plataformas no-code. No entanto, para lhe mostrar as verdadeiras capacidades destas ferramentas, quero destacar alguns projetos impressionantes e conhecidos.

O site da Bubble.io

Ferramenta no-code utilizada: Bubble. (Obviamente.)

Ficaria surpreendido por saber que o site da Bubble foi criado com a Bubble? Estamos a falar de todo o site, incluindo a sua secção educativa com muitas aulas online, o sistema de CMS do blogue e o conteúdo das restantes páginas.

Este exemplo demonstra que é possível criar sites completos e de grande dimensão com ferramentas no-code, e não apenas algumas páginas de destino simples.

Comet: uma plataforma de trabalho freelance

Ferramenta no-code utilizada: Bubble.

A Comet é uma plataforma de trabalho freelance onde as empresas podem publicar posições permanentes ou tarefas temporárias, às quais os freelancers podem candidatar-se.

A plataforma é altamente funcional. Inclui painéis de controlo separados para freelancers e empresas, onde podem gerir os seus trabalhos, dar feedback e colaborar entre si.

Esta plataforma demonstra que é possível criar aplicações empresariais com vários tipos de utilizadores, uma experiência de utilizador adequada, painéis de controlo em tempo real, modelos, módulos e lógica complexa para freelancers e utilizadores empresariais utilizando apenas uma ferramenta no-code.

Chant: uma rede social para artistas

Ferramenta no-code utilizada: Adalo.

A Chant é uma plataforma onde artistas de todos os tipos (ilustradores, fotógrafos, músicos, etc.) podem reunir-se, socializar, organizar eventos e até encontrar trabalho.

Em termos de funcionalidade, é uma rede social completa onde pode preencher o seu perfil, visitar e consultar os perfis de outras pessoas, publicar conteúdos, criar eventos, conversar com amigos e muito mais.

É mais um exemplo importante de uma característica das modernas ferramentas no-code — a capacidade de criar e publicar aplicações móveis nas lojas de aplicações da Google e da Apple.

Poshmark: uma loja online de moda e vestuário

Ferramenta no-code utilizada: Wix.

O último site que quero apresentar é a loja de comércio eletrónico Poshmark, que utiliza o seu motor de compras através do construtor de sites Wix.

O motor é bastante funcional e oferece tudo aquilo de que uma loja online necessita — desde a funcionalidade de pagamento até à gestão de inventário.

O que mais me impressiona é que as lojas de comércio eletrónico criadas no Wix também podem permitir que qualquer utilizador se registe, publique e venda os seus próprios produtos na loja.

O futuro é sem código e com pouco código

Pelo menos, é nisso que eu acredito (firmemente).

Embora estas ferramentas nunca consigam substituir uma equipa profissional de desenvolvimento, serão capazes de satisfazer a maioria das necessidades ocasionais das pequenas empresas, além de permitirem que as equipas de produto desenvolvam e testem rapidamente MVP.

Embora ter uma ferramenta sem código à sua disposição o ajude a criar os seus produtos mais rapidamente, continuará a precisar de garantir que está a criar aquilo de que realmente necessita. Para isso, pode consultar os nossos guias sobre:

• Escolher as ferramentas de desenvolvimento de produtos certas para acelerar os seus processos.
• Criar produtos mínimos viáveis da forma correta.
• Medir e alcançar o seu ajuste entre produto e mercado.
• Definir o seu ciclo de vida do desenvolvimento de software.

Para consultar muitos outros guias como estes, deve também subscrever a nossa newsletter!