36
Oficina Plone Criação de Formulários Departamento de Informática em Saúde Setor de Desenvolvimento WEB

Oficina Plone Criação de Formulários Departamento de Informática em Saúde Setor de Desenvolvimento WEB

Embed Size (px)

Citation preview

Page 1: Oficina Plone Criação de Formulários Departamento de Informática em Saúde Setor de Desenvolvimento WEB

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

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

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

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

• 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

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

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

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

Preencher Mailer

Page 10: Oficina Plone Criação de Formulários Departamento de Informática em Saúde Setor de Desenvolvimento WEB

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

• 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

• 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

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

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

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

Campo arquivo

Page 17: Oficina Plone Criação de Formulários Departamento de Informática em Saúde Setor de Desenvolvimento WEB

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Página

Page 33: Oficina Plone Criação de Formulários Departamento de Informática em Saúde Setor de Desenvolvimento WEB

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

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

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

Links para consulta:• http://learnplone.org/documentation/

tutorial/creating-forms-with-plone/part-1-creating-a-form-folder