📋 Guia de Ajuda - Formulário Dinâmico
Aprenda a utilizar todas as funcionalidades do sistema de formulários dinâmicos
Para entender melhor como funciona o Formulário Dinâmico, você pode carregar um exemplo completo:
🎯 Pronto para Experimentar?
Carregue um formulário de exemplo completo para ver na prática como funciona o sistema. Este exemplo inclui campos de texto, tratamento e opções de rádio.
- Formulário completo de avaliação clínica
- Dados pessoais do paciente com tratamento de gênero
- Avaliação clínica com queixa principal e histórico médico
- Opções de rádio para estado civil, profissão e intensidade de dor
- Código em markdown com formatação profissional
Explicação para uso :
1
Introdução ao Sistema
O Formulário Dinâmico é uma ferramenta poderosa para criar relatórios personalizados com substituição inteligente de campos.
📝 Campos Personalizados
Crie campos de texto, opções de rádio e campos de tratamento para geração de textos com concordância de gênero.
🔄 Substituição Inteligente
Use referências a campos nos seus textos para substituição automática durante a geração de relatórios.
💾 Salvamento Automático
Seus formulários são salvos automaticamente no navegador, permitindo continuar de onde parou.
2
Altere o Nome do seu formulário
Clique na palavra Formulário e o altere
Nome do Formulário: Formulário de Teste
Dica: Crie nomes que sejam claros a sua finalidade.
3
Criando Seu Primeiro Formulário
Siga estes passos para criar seu primeiro formulário dinâmico:
Crie um Novo Grupo
Grupo: Cliente
Dica: Os grupos tem a finalidade de organizar as informações do seu formulário.
4
Criando um Campo Texto no grupo que acabou de criar
Os campos de texto permitem inserir textos livres, que podem ter repetição ao longo do Relatório a ser gerado.
Rótulo: Nome Cliente
Texto de Exemplo: João da Silva
Dica: Observe o ID (identificador) gerado para o seu campo, o ID será referenciado no código.
ID: Para o nosso exemplo o ID ficou campo-nome-cliente.
5
Criando um Campo Tratamento
Os campos de tratamento permitem criar textos com concordância de gênero automática:
Rótulo: Cliente
Opções a serem impressas a depender da opção selecionada:
Sr ou Srª
'Sr': { ele: 'Sr.', ela: 'Srª.' }
'sr': { ele: 'sr.', ela: 'srª.' }
O ou A
'O': { ele: 'O', ela: 'A' }
'o': { ele: 'o', ela: 'a' }
Para colocar no final de profissões Professor ou Professora
'r': { ele: '', ela: 'a' }
ao ou a
'ao': { ele: 'ao', ela: 'a' }
Dica: Utilize um campo de tratamento para .
ID: Para o nosso exemplo o ID ficou campo-tratamento-cliente.
Outro Gênero: Estou aberto a adicionar outro gênero além de 'ele' e 'ela' mas preciso de um consenso e o aval de uma entidade LGBTQIAPN+ reconhecida a nivel federal.
6
Campo Radio Buttons
Rótulo: Estado Civil Cliente
Opções:
casado|casadcampo-tratamento-cliente.o
solteiro|solteircampo-tratamento-cliente.o
Uso do tratamento no Radio Button: perceba que utilizamos campo-tratamento-cliente.o isso cria uma dinâmica 'o' ou 'a' dependendo do tratamento selecionado ele ou ela.
ID: Para o nosso exemplo o ID ficou campo-radio-estado-civil-cliente.
7
Campo Radio Buttons
Rótulo: Profissão Cliente
Opções:
professor|professorcampo-tratamento-cliente.r
diretor|diretorcampo-tratamento-cliente.r
merendeiro|merendeircampo-tratamento-cliente.o
Uso do tratamento no Radio Button: perceba que utilizamos campo-tratamento-cliente.o (dinâmica 'a' ou 'o') e campo-tratamento-cliente.r (dinâmica '' ou 'a')
ID: Para o nosso exemplo o ID ficou campo-radio-profissao-cliente.
8
Exemplo Código
Inclua o seguinte código:
campo-tratamento-cliente.O campo-tratamento-cliente.Sr campo-nome-cliente é campo-radio-estado-civil-cliente e atualmente trabalha como campo-radio-profissao-cliente.
O código: O código é o texto que será feito um substituir todos com base nas opções do objeto tratamento e os valores inseridos nos componentes de texto e valores selecionados em campos radio buttons.
9
Salvar Código
Salve o seu código antes de continuar.
10
Executar Relatório
Execute o Relatório e veja o resultado.
Agora altere o texto em campos de texto e altere os radios butons e Execute o Relatório novamente.
Formulário de Teste
--------------------------------------
O Sr. Pedro Paulo é casado e atualmente trabalha como professor.
ou
Formulário de Teste
--------------------------------------
A Srª. Maria Paula é casada e atualmente trabalha como professora.
Com o formulário você poderá refazer seus relatórios várias vezes rapidamente.
11
Salvar Formulario
Salvar salva em seu computador o seu formulário na extenção json.
Agora você poderá criar e salvar todos os seus formulários Dinâmicos.
O salvamento também permite agora o compartilhamento de seus modelos de formulários com colegas de trabalho. Podendo ser encaminhado em anexo a um e-mail.
Anteriormente todos formulários eram salvos no local storage do computador, mas tinham alguns incovenientes:
- Os formulários ficavam salvos apenas no seu navegador onde montou o formulário.
- Não tinha backup se o local storage fosse apagado por algum motivo você perderia as informações.
- Não era viável o compartilhamento de modelos com seus colegas de trabalho.
- Ainda salvamos no Local Storage o formulário que está sendo desenvolvido ou editado no momento, mas ao apertar em Salvar você salva no seu hd o modelo na extensão json.
Agora podemos salvar nossos formulários em nuvem e acessar em qualquer computador e ainda compartilhar com amigos.
Segurança seus relatórios estão sendo processados e salvos no seu computador e serão compartilhados apenas com quem você desejar. O processamento é todo feito no seu computador com Javascript. Garantindo o sigilo dos dados.
12
Abrir Formulario salvo anteriormente
Abrir Abre o formulário com seus grupos, campos e código.
Próximo passo crie o seu formulário.
13
Copiar o Relatório
Copiar o Relatório
Após o relatório montado você pode concluir em seu editor de texto.
Nosso objetivo foi ajuda-lo a montar o relatório de forma mais eficiente, mas as propriedades de fonte, margens etc fica para ser concluído no editor de texto.
Próximo passo crie o seus formulários definitivos e compartilhe com a equipe de trabalho.
14
Motivação para fazer o Formulário Dinâmico
No Editor Word do Office existe inserir Partes Rapidas mas existem apenas 15 Propriedades de Documentos fixos.
Iniciei meus formulários com Partes Rápidas do Word, mas me incomodava não poder criar as minhas propriedades de documento e se limitar a apenas 15 campos.
Um dia liguei para a assistência da Microsoft e soube que ela iria interromper o desenvolvimento das partes rápidas e não se interessaria em criar melhorias.
Como o meu trabalho me exigia fazer vários relatórios em que mudávamos algumas informações pontuais comecei o desenvolvimento no meu tempo livre.
E aqui estamos.
Próximo passo crie o seus formulários definitivos e compartilhe com a equipe de trabalho.
15
Marcação MarkDown
Poderemos alterar algumas propriedades no campo código com a marcação MarkDown o que leva estas propriedades ao Relatório:
Fonte Grande
# Código
Fonte Média
## Código
Fonte Pequena
### Código
Negrito
**Código**
Itálico
_Código_
Sublinhado
__Código__
Tachado
~~Código~~
Citação
> Código
Lista não ordenada
* Código
Fórmula Matemática
Crie suas formulas em Editor de Equações
$ $ sua_formula $ $
16
Auto Complete
Em campo-codigo quando digitar 'campo' aparecerá uma lista suspensa dos campos que você criou para fazer referência no seu código.
Ainda no campo-codigo quando digitar o ID de um campo de tratamento + '.' (ponto) aparecerá uma lista suspensa previstas para um campo de tratamento.
Sr ou Srª
'Sr': { ele: 'Sr.', ela: 'Srª.' }
'sr': { ele: 'sr.', ela: 'srª.' }
O ou A
'O': { ele: 'O', ela: 'A' }
'o': { ele: 'o', ela: 'a' }
Para colocar no final de profissões Professor ou Professora
'r': { ele: '', ela: 'a' }
ao ou a
'ao': { ele: 'ao', ela: 'a' }
Próximo passo crie o seus formulários definitivos e compartilhe com a equipe de trabalho.
17
Quando salvar o Código
Salvar o código siguinifica atualizar o código na variável formulario em Local Storage.
Salvar o formulário siguinifica criar um arquivo json baseado na variável formulario em Local Storage.
Por isso é importante salvar as alterações do código :
Antes de gerar o Relatório , para que as alterações sejam aplicadas no Relatório.
Antes de salvar o formulário salve as alterações do código para que o json salve estas alterações.
Próximo passo crie o seus formulários definitivos e compartilhe com a equipe de trabalho.
O Formulário Dinâmico é uma ferramenta poderosa para criar relatórios personalizados com substituição inteligente de campos.
📝 Campos Personalizados
Crie campos de texto, opções de rádio e campos de tratamento para geração de textos com concordância de gênero.
🔄 Substituição Inteligente
Use referências a campos nos seus textos para substituição automática durante a geração de relatórios.
💾 Salvamento Automático
Seus formulários são salvos automaticamente no navegador, permitindo continuar de onde parou.
Clique na palavra Formulário e o altere
Siga estes passos para criar seu primeiro formulário dinâmico:
Crie um Novo Grupo
Os campos de texto permitem inserir textos livres, que podem ter repetição ao longo do Relatório a ser gerado.
Texto de Exemplo: João da Silva
ID: Para o nosso exemplo o ID ficou campo-nome-cliente.
Os campos de tratamento permitem criar textos com concordância de gênero automática:
Opções a serem impressas a depender da opção selecionada:
Sr ou Srª
- 'Sr': { ele: 'Sr.', ela: 'Srª.' }
- 'sr': { ele: 'sr.', ela: 'srª.' }
O ou A
- 'O': { ele: 'O', ela: 'A' }
- 'o': { ele: 'o', ela: 'a' }
Para colocar no final de profissões Professor ou Professora
- 'r': { ele: '', ela: 'a' }
ao ou a
- 'ao': { ele: 'ao', ela: 'a' }
ID: Para o nosso exemplo o ID ficou campo-tratamento-cliente.
Outro Gênero: Estou aberto a adicionar outro gênero além de 'ele' e 'ela' mas preciso de um consenso e o aval de uma entidade LGBTQIAPN+ reconhecida a nivel federal.
Opções:
casado|casadcampo-tratamento-cliente.o
solteiro|solteircampo-tratamento-cliente.o
ID: Para o nosso exemplo o ID ficou campo-radio-estado-civil-cliente.
Opções:
professor|professorcampo-tratamento-cliente.r
diretor|diretorcampo-tratamento-cliente.r
merendeiro|merendeircampo-tratamento-cliente.o
ID: Para o nosso exemplo o ID ficou campo-radio-profissao-cliente.
Inclua o seguinte código:
Agora altere o texto em campos de texto e altere os radios butons e Execute o Relatório novamente.
--------------------------------------
O Sr. Pedro Paulo é casado e atualmente trabalha como professor.
ou
Formulário de Teste
--------------------------------------
A Srª. Maria Paula é casada e atualmente trabalha como professora.
Com o formulário você poderá refazer seus relatórios várias vezes rapidamente.
Agora você poderá criar e salvar todos os seus formulários Dinâmicos.
O salvamento também permite agora o compartilhamento de seus modelos de formulários com colegas de trabalho. Podendo ser encaminhado em anexo a um e-mail.
Anteriormente todos formulários eram salvos no local storage do computador, mas tinham alguns incovenientes:
- Os formulários ficavam salvos apenas no seu navegador onde montou o formulário.
- Não tinha backup se o local storage fosse apagado por algum motivo você perderia as informações.
- Não era viável o compartilhamento de modelos com seus colegas de trabalho.
- Ainda salvamos no Local Storage o formulário que está sendo desenvolvido ou editado no momento, mas ao apertar em Salvar você salva no seu hd o modelo na extensão json.
Agora podemos salvar nossos formulários em nuvem e acessar em qualquer computador e ainda compartilhar com amigos.
Segurança seus relatórios estão sendo processados e salvos no seu computador e serão compartilhados apenas com quem você desejar. O processamento é todo feito no seu computador com Javascript. Garantindo o sigilo dos dados.
Próximo passo crie o seu formulário.
Nosso objetivo foi ajuda-lo a montar o relatório de forma mais eficiente, mas as propriedades de fonte, margens etc fica para ser concluído no editor de texto.
Próximo passo crie o seus formulários definitivos e compartilhe com a equipe de trabalho.
No Editor Word do Office existe inserir Partes Rapidas mas existem apenas 15 Propriedades de Documentos fixos.
Iniciei meus formulários com Partes Rápidas do Word, mas me incomodava não poder criar as minhas propriedades de documento e se limitar a apenas 15 campos.
Um dia liguei para a assistência da Microsoft e soube que ela iria interromper o desenvolvimento das partes rápidas e não se interessaria em criar melhorias.
Como o meu trabalho me exigia fazer vários relatórios em que mudávamos algumas informações pontuais comecei o desenvolvimento no meu tempo livre.
E aqui estamos.
Próximo passo crie o seus formulários definitivos e compartilhe com a equipe de trabalho.
Poderemos alterar algumas propriedades no campo código com a marcação MarkDown o que leva estas propriedades ao Relatório:
Fonte Grande
Fonte Média
Fonte Pequena
Negrito
Itálico
Sublinhado
Tachado
Citação
Lista não ordenada
Fórmula Matemática
Crie suas formulas em Editor de Equações
Em campo-codigo quando digitar 'campo' aparecerá uma lista suspensa dos campos que você criou para fazer referência no seu código.
Ainda no campo-codigo quando digitar o ID de um campo de tratamento + '.' (ponto) aparecerá uma lista suspensa previstas para um campo de tratamento.
Sr ou Srª
- 'Sr': { ele: 'Sr.', ela: 'Srª.' }
- 'sr': { ele: 'sr.', ela: 'srª.' }
O ou A
- 'O': { ele: 'O', ela: 'A' }
- 'o': { ele: 'o', ela: 'a' }
Para colocar no final de profissões Professor ou Professora
- 'r': { ele: '', ela: 'a' }
ao ou a
- 'ao': { ele: 'ao', ela: 'a' }
Próximo passo crie o seus formulários definitivos e compartilhe com a equipe de trabalho.
Salvar o código siguinifica atualizar o código na variável formulario em Local Storage.
Salvar o formulário siguinifica criar um arquivo json baseado na variável formulario em Local Storage.
Por isso é importante salvar as alterações do código :
- Antes de gerar o Relatório , para que as alterações sejam aplicadas no Relatório.
- Antes de salvar o formulário salve as alterações do código para que o json salve estas alterações.
Próximo passo crie o seus formulários definitivos e compartilhe com a equipe de trabalho.