Tutorial: Utilizando ferramentas Low Code em Equipe Distribuída
Tags: ledscommunity, quantux, appsmith, strapio
Published: 2024-02-02 14:07:23

## Introdução
**Youngling, bem-vindo!**

Esse documento contém dicas de uso das ferramentas low code [AppSmith](https://www.appsmith.com/), [Strap.io](https://strapi.io/) e [Quant-UX](https://www.quant-ux.com/) no contexto de equipe distribuída, ou seja, que trabalha de forma total ou parcialmente remota. *Vamos? :)*

## Quant-UX
"O Quant UX **é uma plataforma de análise de dados e pesquisa de experiência do usuário** que permite às empresas e profissionais de tecnologia obterem insights valiosos sobre a usabilidade e a satisfação dos usuários em relação aos seus produtos e serviços." Similarmente ao Figma, o Quant-UX permite a criação de interfaces, compartilhamento e testes de protótipos interativos. Vamos então aos prós e contras da ferramenta para uso colaborativo:

### Prós
1. **Acessibilidade Remota:** Como Quant-UX é uma ferramenta baseada na web, ela é acessível de qualquer lugar, sem necessidade de instalação de programas específicos.
2. **Feedback Instantâneo:** É possível trabalhar de forma colaborativa, o que permite que a equipe receba feedback instantâneo sobre designs e protótipos, essencial para iteração rápida em projetos ágeis.

### Contras
1. **Curva de Aprendizado:** Para equipes novas na ferramenta, pode haver uma curva de aprendizado significativa, especialmente para membros menos familiarizados com ferramentas de UX baseadas na web.

2. **Colaboração em Tempo Real Ineficiente:** Apesar de viabilizar o compartilhamento do projeto com diversos membros da equipe, a funcionalidade de colaboração simultânea é ineficiente. Ao tentar modificar o projeto simultaneamente, o time tende a enfrentar *bugs*, onde componentes desaparecem, telas travam e o progresso feito por um membro é perdido quando outro colega da equipe seleciona a opção "*Undo*" (desfazer).

3. **Importação de telas do Figma:** O Quant-UX permite que o projeto receba telas importadas do Figma. Entretanto, é importante saber que ao serem importadas, <u>as telas se comportam como imagens</u>! Assim, os componentes do Figma (peças reutilizáveis que podem ser aplicadas em várias instâncias dentro de um projeto) **não irão funcionar no Quant-UX**. Dessa forma, recomenda-se que o time utilize o Quant-UX desde a primeira etapa de prototipação para evitar retrabalhos. 

### Colaborando Simultaneamente: como fazer?
Como descrito no tópico anterior, as modificações coletivas em tempo real no Quant-UX podem não funcionar corretamente. **É importante ressaltar que quanto maior o número de pessoas modificando o protótipo na ferramenta , mais erros tendem a surgir.** Assim, o time pode se organizar e dividir as tarefas de prototipação para evitar os *bugs* já citados, tentando limitar as modificações simultâneas a duas pessoas da equipe. Faça testes! :)

## AppSmith
Ainda no contexto de prototipação low code colaborativo, o AppSmith te permite conectar várias fontes de dados, criar páginas de aplicativos e personalizar facilmente seus componentes para atender às suas necessidades específicas. A ferramenta se comportou bem para uso colaborativo simultâneo. O ponto negativo da ferramenta encontra-se na curva de aprendizado significativa: o AppSmith envolve conceitos de JavaScript e integrações com banco de dados, o que pode frustrar equipes que não possuam conhecimento técnico mais sólido.

## Strap.io
Por fim, o Strap.io "é uma ferramenta que visa facilitar a criação de serviços REST através de um painel administrativo totalmente funcional." Infelizmente, a ferramenta não permite o uso colaborativo, sendo necessário a instalação de ferramentas terceiras como [Docker](https://www.docker.com/) e [Postman API](https://www.postman.com/). Assim, a curva de aprendizagem pode ser alta principalmente para times que não dominam conteinerização e desenvolvimento e uso de APIs. 

Recomenda-se que uma pessoa do time fique responsável por vez, de executar as tarefas, sempre informando a equipe das modificações feitas naquela versão. Após isso, subir a aplicação para o GitHub/GitLab.

## Concluindo + Tutoriais Úteis
Além das dicas citadas ao longo do texto, você também pode encontrar fatos úteis nos seguintes materiais:
- **Criando um CRUD com Appsmith, Strap.io e MySQL:** [Playlist no YouTube| Tutorial](https://www.youtube.com/playlist?list=PLDmm4coWcQAlQBojCRx0uwQ3yL5L1gC5y) | [Repositório do Projeto](https://github.com/Bac-PM/ProjetoBAC/tree/backend-strapi);
- [Uso do AppSmith](https://docs.google.com/document/d/1HG-QVTm7DHHBL7y0IRRfKKLnBLsh7jnobQCXaIAPv2k/edit?usp=sharing);
- [Tutoriais de Docker | LEDS](https://youtube.com/playlist?list=PLo7sFyCeiGUdQBp9UFSrurov-asBJ4ZLX&si=gfQe32XGJuHyBp4s) 

Esperamos que esse tutorial te ajude a implementar uma gestão mais eficiente no seu projeto e precisando de ajuda, contate outros Younglings (alunos membros do LEDS)! *A força está em você ;)*