Fluig
Padrões de Desenvolvimento
Formulários 📄
Definição 💡

📝 Formulários no Fluig

📌 O que são Formulários?

No Fluig, os formulários são elementos fundamentais para a definição, coleta e armazenamento de dados dentro da plataforma.

Eles são construídos utilizando:

  • HTML
  • CSS
  • JavaScript

👉 A partir dessa estrutura, o Fluig interpreta o HTML e gera automaticamente tabelas no banco de dados, com base nos campos existentes, como:

  • input
  • select
  • textarea

👉 Em outras palavras:
o formulário define como os dados são capturados e também como serão armazenados.

🧠 Relação com BPM e Processos

No contexto de BPM:

  • O processo (workflow) define o fluxo
  • O formulário armazena os dados
  • Os eventos controlam o comportamento
  • Os datasets fornecem informações externas

👉 Exemplo:

  • Usuário preenche um formulário
  • Os dados são armazenados
  • Um evento valida as informações
  • Um dataset pode complementar os dados
  • O processo segue com base nessas informações

👉 Resumindo:

O formulário é o ponto de entrada dos dados no processo

🔄 Onde são utilizados?

Os formulários são utilizados principalmente em:

✔ Processos (Workflows)

  • Entrada de dados em solicitações
  • Registro de informações em cada etapa
  • Base para decisões no fluxo

✔ Cadastros

  • Registro de informações internas
  • Controle de dados estruturados

✔ Consultas e pesquisas

  • Coleta de informações
  • Filtros e buscas

👉 Sua flexibilidade permite uso em diversos cenários dentro do Fluig.

⚙️ Eventos em Formulários

Os formulários no Fluig suportam diversos tipos de eventos, que permitem alterar comportamento e dados dinamicamente.

Esses eventos podem ser:

  • Nativos da plataforma
  • Criados via JavaScript
  • Disparados por interações do usuário

👉 Com isso, é possível:

ℹ️ Atenção importante

Ao analisar um formulário desenvolvido por terceiros:

👉 Nem tudo é estático.

Eventos podem estar:

  • Alterando valores
  • Mudando regras
  • Influenciando o fluxo

Sempre considere a existência de lógica dinâmica ao fazer manutenção ou análise.

🎨 Customização

Os formulários Fluig permitem alto nível de customização, pois utilizam tecnologias web padrão.

É possível:

  • Aplicar CSS personalizado
  • Utilizar bibliotecas JavaScript
  • Criar componentes dinâmicos
  • Melhorar a experiência do usuário

👉 Isso permite construir interfaces modernas e funcionais.

🏗️ Padrão de desenvolvimento

Apesar da flexibilidade, é essencial manter um padrão.

Na Deverest, adotamos boas práticas como:

  • Organização do código
  • Padronização de campos
  • Separação de responsabilidades
  • Reutilização de componentes

👉 Isso garante:

  • Manutenção mais fácil
  • Menos erros
  • Maior consistência entre projetos

💡 Boas práticas

  • Utilize nomes de campos claros
  • Evite lógica excessiva no frontend
  • Centralize regras importantes nos eventos
  • Padronize estrutura de formulários
  • Pense na experiência do usuário

🚀 Resumo

  • Formulários são responsáveis pela entrada e armazenamento de dados
  • São baseados em HTML, CSS e JavaScript
  • Integram diretamente com processos (BPM)
  • Podem ser altamente customizados
  • Trabalham junto com eventos e datasets

👉 Sem formulário: sem dados
👉 Com formulário bem estruturado: processo eficiente

Padrões de Nomes ✍️Estrutura Padrão 🛠