Criando um formulário web em cinco minutos

No Gravatar

Todos sabem da minha desconfiança para com @ Google, mas tenho que reconhecer que a ferramenta de edição de formulários web, disponível por meio do Google Docs (GDocs) é uma mão na roda.

Já tinha visto alguns sites utilizando esta ferramenta, mas ainda não havia me aventurado. Entretanto, precisei fazer um pequeno site para um evento (http://www.ensinodeciencias.net/ctsa) e tinha que elaborar um formulário de inscrição para os interessados.

Resolvi arriscar e fazer o formulário no GDocs e já adianto a minha recomendação de uso da ferramenta para a elaboração de formulários de pequeno porte. Sendo assim, vou apresentar um pequeno tutorial para que vocês conheçam o editor de formulários.

Acessando o Google Docs

Primeiro acesso a minha conta do GDocs. Normalmente faço isso a partir da minha conta do Gmail, clicando no link que fica na parte superior da tela:

Se você não estiver logado em sua conta do Gmail e quiser acessar o GDocs diretamente, pode usar este link: http://docs.google.com. Ah! Se você não usa o Gmail (ou outro serviço Google), precisará criar uma conta Google.

Já com a página do GDocs na tela, acesso o menu (Novo ->Formulário) e solicito a criação de um novo formulário:

Conhecendo o editor de formulários

Se tudo deu certo, você irá se deparar com a seguinte tela:

Destaquei os campos principais, na ordem em que costumo utilizá-los:

  1. Título do formulário: aqui você informa o título do formulário. Por exemplo: Formulário de Inscrição dos Fãs do TecnoSapiens.
  2. Informações importantes: coloque um pequeno texto que explique o formulário. É interessante colocar o objetivo do formulário, entre outras informações.
  3. Nome: como quase todo formulário web solicita a sua identificação, quando você cria um novo formulário do GDocs, ele já vem com um campo para a digitação do nome.
  4. Nova pergunta: aqui você configura um novo campo para o seu formulário. Você deve informar o título da pergunta (nome do campo) e um texto de ajuda (com informações de preenchimento do campo. Também deve selecionar o tipo de pergunta, que pode ser: a) texto, b) texto do parágrafo, c) múltipla escolha, d) caixas de seleção, e) escolha de uma lista ou f) escala (1- n). Para cada opção, o campo 4 é atualizado automaticamente. Para finalizar você deve indicar se o campo é obrigatório e depois clicar em concluído.
  5. Adicionar pergunta: clicando neste botão você inclui uma nova pergunta, do tipo que desejar.
  6. Opções para enviar o formulário por email, exibir um relatório sobre os dados do formulário e por meio do botão “mais ações”, incorporar o formulário em outra página (iframe) e editar a mensagem de confirmação.
  7. Link para o formulário, já publicado.

Agora que você conhece o editor, acompanhe a criação de um formulário simples, para avaliar este artigo.

Criando um formulário simples

Já na página do editor, preencho o título e as informações importantes:

Depois, clico no botão editar, do campo nome:

Em seguida, altero o título do campo, informo um texto de ajuda e torno o preenchimento obrigatório. Em seguida clico em “Concluído”:

O formulário fica assim:

Para alterar o segundo campo clico no botão editar (como no passo 2) e altero o campo para uma pergunta do tipo “Escala (1-n)”, além de fazer outras alterações. Para finalizar, clico em “Concluído”:

Para finalizar, personalizo a mensagem de confirmação, clicando em “Mais ações” e “Editar confirmação”:

Você pode preencher este formulário acessando o link: https://spreadsheets.google.com/viewform?key=pMMvTHUbVY0PgiFc1ERtFMQ
ou então acessando diretamente por meio do iframe abaixo (quer saber mais sobre iframe? clique aqui ou aqui):

O formulário vai armazenar os dados em uma planilha do GDocs:

Bem, espero que este tutorial seja útil para você conhecer o editor de formulários, mas se você quer mesmo aprender, vai lá e cria um formulário, aventure-se!!!
Acompanhe como este artigo está sendo avaliado:

Abraços e até o próximo!!!

Share

Artigos relacionados:

Tags: ,

22 Comentários sobre "Criando um formulário web em cinco minutos"

  • Claudinei says:
  • ana paula says:
  • Rodrigo says:
  • Francisco says:
  • Francisco says:
    • Rodrigo says:
  • Carolina Neves says:
  • Rodrigo says:
  • Rodrigo says:
  • Rodrigo says:
  • RMB says:
  • denner marcus says:
  • kaiane says:
Deixe um comentário

View in: Mobile | Standard