Oficina Plone Criação de Formulários Departamento de Informática em Saúde Setor de...
Transcript of Oficina Plone Criação de Formulários Departamento de Informática em Saúde Setor de...
![Page 1: Oficina Plone Criação de Formulários Departamento de Informática em Saúde Setor de Desenvolvimento WEB.](https://reader033.fdocumentos.tips/reader033/viewer/2022051615/552fc15e497959413d8e53d3/html5/thumbnails/1.jpg)
Oficina PloneCriação de Formulários
Departamento de Informática em SaúdeSetor de Desenvolvimento WEB
![Page 2: Oficina Plone Criação de Formulários Departamento de Informática em Saúde Setor de Desenvolvimento WEB.](https://reader033.fdocumentos.tips/reader033/viewer/2022051615/552fc15e497959413d8e53d3/html5/thumbnails/2.jpg)
Primeiros passos• Acessar o link:
http://gaio.epm.br:8080/plone_form;• Fazer o login (login da intranet);• Acessar o item ‘Configurações do Site’;• Acessar o item ‘Produtos Adicionais’;
![Page 3: Oficina Plone Criação de Formulários Departamento de Informática em Saúde Setor de Desenvolvimento WEB.](https://reader033.fdocumentos.tips/reader033/viewer/2022051615/552fc15e497959413d8e53d3/html5/thumbnails/3.jpg)
Configurações do Site – Adicionar o formgen
![Page 4: Oficina Plone Criação de Formulários Departamento de Informática em Saúde Setor de Desenvolvimento WEB.](https://reader033.fdocumentos.tips/reader033/viewer/2022051615/552fc15e497959413d8e53d3/html5/thumbnails/4.jpg)
Configurações do Site - E-Mail
![Page 5: Oficina Plone Criação de Formulários Departamento de Informática em Saúde Setor de Desenvolvimento WEB.](https://reader033.fdocumentos.tips/reader033/viewer/2022051615/552fc15e497959413d8e53d3/html5/thumbnails/5.jpg)
• Clicar no ‘Página Inicial’;• Criar uma pasta com o seu nome.
![Page 6: Oficina Plone Criação de Formulários Departamento de Informática em Saúde Setor de Desenvolvimento WEB.](https://reader033.fdocumentos.tips/reader033/viewer/2022051615/552fc15e497959413d8e53d3/html5/thumbnails/6.jpg)
Utilização• Dentro da sua pasta, adicionar o ‘Pasta de
Formulário’
![Page 7: Oficina Plone Criação de Formulários Departamento de Informática em Saúde Setor de Desenvolvimento WEB.](https://reader033.fdocumentos.tips/reader033/viewer/2022051615/552fc15e497959413d8e53d3/html5/thumbnails/7.jpg)
Adicionar Pasta de Formulário• Na página da criação do
formulário, insira título, obrigatório, e descrição. Além disso, é possível a modificação no texto que aparece no botão de função enviar.
• O botão limpar pode ser incluído, além da página de agradecimento, que depois poderá ser customizada.
![Page 8: Oficina Plone Criação de Formulários Departamento de Informática em Saúde Setor de Desenvolvimento WEB.](https://reader033.fdocumentos.tips/reader033/viewer/2022051615/552fc15e497959413d8e53d3/html5/thumbnails/8.jpg)
Adicionar Pasta de Formulário• Depois de criado o formulário, alguns objetos são criados automaticamente:
Mailer, email, assunto, comentários, Thank you.
![Page 9: Oficina Plone Criação de Formulários Departamento de Informática em Saúde Setor de Desenvolvimento WEB.](https://reader033.fdocumentos.tips/reader033/viewer/2022051615/552fc15e497959413d8e53d3/html5/thumbnails/9.jpg)
Preencher Mailer
![Page 10: Oficina Plone Criação de Formulários Departamento de Informática em Saúde Setor de Desenvolvimento WEB.](https://reader033.fdocumentos.tips/reader033/viewer/2022051615/552fc15e497959413d8e53d3/html5/thumbnails/10.jpg)
Preencher página de agradecimento:
![Page 11: Oficina Plone Criação de Formulários Departamento de Informática em Saúde Setor de Desenvolvimento WEB.](https://reader033.fdocumentos.tips/reader033/viewer/2022051615/552fc15e497959413d8e53d3/html5/thumbnails/11.jpg)
• Preencha o formulário e aperte o enviar.
![Page 12: Oficina Plone Criação de Formulários Departamento de Informática em Saúde Setor de Desenvolvimento WEB.](https://reader033.fdocumentos.tips/reader033/viewer/2022051615/552fc15e497959413d8e53d3/html5/thumbnails/12.jpg)
• Clique, então, no nome do formulário, no menu.
• Na aba conteúdo, é possível excluir campos e editá-los.
![Page 13: Oficina Plone Criação de Formulários Departamento de Informática em Saúde Setor de Desenvolvimento WEB.](https://reader033.fdocumentos.tips/reader033/viewer/2022051615/552fc15e497959413d8e53d3/html5/thumbnails/13.jpg)
Campos do FormGen• Na barra verde, na opção Adicionar item, existem agora, todos campos que
podem ser adicionados no formulário.
![Page 14: Oficina Plone Criação de Formulários Departamento de Informática em Saúde Setor de Desenvolvimento WEB.](https://reader033.fdocumentos.tips/reader033/viewer/2022051615/552fc15e497959413d8e53d3/html5/thumbnails/14.jpg)
Campo de Avaliação em Escala• Incluir 2 questões e 3 respostas em escala
![Page 15: Oficina Plone Criação de Formulários Departamento de Informática em Saúde Setor de Desenvolvimento WEB.](https://reader033.fdocumentos.tips/reader033/viewer/2022051615/552fc15e497959413d8e53d3/html5/thumbnails/15.jpg)
Campo Linhas• Campo simples para inserção de texto pelo
usuário.
![Page 16: Oficina Plone Criação de Formulários Departamento de Informática em Saúde Setor de Desenvolvimento WEB.](https://reader033.fdocumentos.tips/reader033/viewer/2022051615/552fc15e497959413d8e53d3/html5/thumbnails/16.jpg)
Campo arquivo
![Page 17: Oficina Plone Criação de Formulários Departamento de Informática em Saúde Setor de Desenvolvimento WEB.](https://reader033.fdocumentos.tips/reader033/viewer/2022051615/552fc15e497959413d8e53d3/html5/thumbnails/17.jpg)
Campo Numérico inteiro• Entrada de valores numéricos inteiros.
![Page 18: Oficina Plone Criação de Formulários Departamento de Informática em Saúde Setor de Desenvolvimento WEB.](https://reader033.fdocumentos.tips/reader033/viewer/2022051615/552fc15e497959413d8e53d3/html5/thumbnails/18.jpg)
Campo Número decimal• Aceita a entrada de números decimais e
inteiros.
![Page 19: Oficina Plone Criação de Formulários Departamento de Informática em Saúde Setor de Desenvolvimento WEB.](https://reader033.fdocumentos.tips/reader033/viewer/2022051615/552fc15e497959413d8e53d3/html5/thumbnails/19.jpg)
Campo Seleção• Seleção que
aceita resposta única.
• As respostas aparecem como radio ou lista.
• Se for marcada a opção ‘flexible’, o Plone irá colocar radio até 3 itens e lista para opçoes maiores.
![Page 20: Oficina Plone Criação de Formulários Departamento de Informática em Saúde Setor de Desenvolvimento WEB.](https://reader033.fdocumentos.tips/reader033/viewer/2022051615/552fc15e497959413d8e53d3/html5/thumbnails/20.jpg)
Senha• Campo para inserção de senha de usuário.
![Page 21: Oficina Plone Criação de Formulários Departamento de Informática em Saúde Setor de Desenvolvimento WEB.](https://reader033.fdocumentos.tips/reader033/viewer/2022051615/552fc15e497959413d8e53d3/html5/thumbnails/21.jpg)
Campo String• Entrada de texto
com apenas uma linha. Nesse campo, é possível ativar o validador, que testa o valor inserido usando padrões, como o @ para e-mail.
• Na opção “is a valid postal code” é validado no formato código postal americano.
![Page 22: Oficina Plone Criação de Formulários Departamento de Informática em Saúde Setor de Desenvolvimento WEB.](https://reader033.fdocumentos.tips/reader033/viewer/2022051615/552fc15e497959413d8e53d3/html5/thumbnails/22.jpg)
Campo texto• Entrada de
textos mais extensos. Com número de linhas configuráveis.
• Para entrada de textos menores, deve ser usado o campo String ou Linhas.
![Page 23: Oficina Plone Criação de Formulários Departamento de Informática em Saúde Setor de Desenvolvimento WEB.](https://reader033.fdocumentos.tips/reader033/viewer/2022051615/552fc15e497959413d8e53d3/html5/thumbnails/23.jpg)
Campo Data e Hora
• Entrada de data e hora.
• Formato ano/mês/dia.
![Page 24: Oficina Plone Criação de Formulários Departamento de Informática em Saúde Setor de Desenvolvimento WEB.](https://reader033.fdocumentos.tips/reader033/viewer/2022051615/552fc15e497959413d8e53d3/html5/thumbnails/24.jpg)
Campo de Seleção Múltipla
• Campo de múltipla escolha.
• Para a entrada de mais de uma escolha, o clique nas opções deve ser feito segurando a tecla CTRL do teclado.
![Page 25: Oficina Plone Criação de Formulários Departamento de Informática em Saúde Setor de Desenvolvimento WEB.](https://reader033.fdocumentos.tips/reader033/viewer/2022051615/552fc15e497959413d8e53d3/html5/thumbnails/25.jpg)
Campo Texto Rico• Inserção de
texto que pode ser configurada pelo usuário.
• São permitidas configurações como parágrafo, inserção de link, entre outras.
![Page 26: Oficina Plone Criação de Formulários Departamento de Informática em Saúde Setor de Desenvolvimento WEB.](https://reader033.fdocumentos.tips/reader033/viewer/2022051615/552fc15e497959413d8e53d3/html5/thumbnails/26.jpg)
Campo do tipo etiqueta• Apenas exibição de texto para usuário, com
letras em negrito, sem entrada de dados.
![Page 27: Oficina Plone Criação de Formulários Departamento de Informática em Saúde Setor de Desenvolvimento WEB.](https://reader033.fdocumentos.tips/reader033/viewer/2022051615/552fc15e497959413d8e53d3/html5/thumbnails/27.jpg)
Campo Etiqueta (Rich Text Label Field)
![Page 28: Oficina Plone Criação de Formulários Departamento de Informática em Saúde Setor de Desenvolvimento WEB.](https://reader033.fdocumentos.tips/reader033/viewer/2022051615/552fc15e497959413d8e53d3/html5/thumbnails/28.jpg)
Campo Booleano (CheckBox)• Opção deve ser inserida
individualmente, é possível marcar opção padrão.
• Quando do recebimento do e-mail, 1 significa campo marcado e 0 campo não marcado.
• Esses valores podem ser facilmente alterados, inclusive para textos, como “marcado” “selecionado”.
![Page 29: Oficina Plone Criação de Formulários Departamento de Informática em Saúde Setor de Desenvolvimento WEB.](https://reader033.fdocumentos.tips/reader033/viewer/2022051615/552fc15e497959413d8e53d3/html5/thumbnails/29.jpg)
Campo Imagem• Inserção de imagem para usuário, que não fica no corpo do
formulário, e sim em uma subseção (pode ser referenciada em documentos ou em álbum).
![Page 30: Oficina Plone Criação de Formulários Departamento de Informática em Saúde Setor de Desenvolvimento WEB.](https://reader033.fdocumentos.tips/reader033/viewer/2022051615/552fc15e497959413d8e53d3/html5/thumbnails/30.jpg)
Campo Field Set• Campo para exibição de informações, que ficam com fonte em
cor diferenciada e dentro de caixa de destaque.
![Page 31: Oficina Plone Criação de Formulários Departamento de Informática em Saúde Setor de Desenvolvimento WEB.](https://reader033.fdocumentos.tips/reader033/viewer/2022051615/552fc15e497959413d8e53d3/html5/thumbnails/31.jpg)
Customização de página de agradecimento (Thank you).
• Título: Frase que será exibida no topo da página.• Descrição: Mensagem de agradecimento propriamente dita.• Thanks Prologue: Mensagem que será exibida acima dos campos, que, por
padrão, são exibidos na página de agradecimento.• Thanks Epilogue: Mensagem que será exibida após os campos.• No Submit Message: Quando o formulário não é preenchido, a mensagem
a seguir deve ser exibida.• Na opção Fields, no topo da página, é possível configurar a exibição dos
campos do formulário na página de agradecimento. As alterações feitas nessa página não se refletem no e-mail que é enviado ao e-mail de recebimento de formulário.
![Page 32: Oficina Plone Criação de Formulários Departamento de Informática em Saúde Setor de Desenvolvimento WEB.](https://reader033.fdocumentos.tips/reader033/viewer/2022051615/552fc15e497959413d8e53d3/html5/thumbnails/32.jpg)
Página
![Page 33: Oficina Plone Criação de Formulários Departamento de Informática em Saúde Setor de Desenvolvimento WEB.](https://reader033.fdocumentos.tips/reader033/viewer/2022051615/552fc15e497959413d8e53d3/html5/thumbnails/33.jpg)
Adaptador de armazenamento de dados
![Page 34: Oficina Plone Criação de Formulários Departamento de Informática em Saúde Setor de Desenvolvimento WEB.](https://reader033.fdocumentos.tips/reader033/viewer/2022051615/552fc15e497959413d8e53d3/html5/thumbnails/34.jpg)
Visualização dos dados
Limpa os dados
verifica os dados
![Page 35: Oficina Plone Criação de Formulários Departamento de Informática em Saúde Setor de Desenvolvimento WEB.](https://reader033.fdocumentos.tips/reader033/viewer/2022051615/552fc15e497959413d8e53d3/html5/thumbnails/35.jpg)
Como confirmar o recebimento do formulário para o usuáriohttp://plone.org/products/ploneformgen/documentation/tutorial/customizing-ploneformgen/send-an-email-to-the-form-submitter
![Page 36: Oficina Plone Criação de Formulários Departamento de Informática em Saúde Setor de Desenvolvimento WEB.](https://reader033.fdocumentos.tips/reader033/viewer/2022051615/552fc15e497959413d8e53d3/html5/thumbnails/36.jpg)
Links para consulta:• http://learnplone.org/documentation/
tutorial/creating-forms-with-plone/part-1-creating-a-form-folder