PROMOÇÃO - Magazine Luiza - NÃO PERCA!

Publicidade:

Encontre no blog...

22/06/2017

Como criar um formulário de contato gratuito para colocar no seu blog ou site

Resultado de imagem para jotform logo

Formulário de contato gratuito

Neste artigo vamos mostrar como criar um formulário de contato com os seus leitores para você inserir este formulário no blog ou site que você administra.

O formulário de contato é um elemento essencial para o seu blog. Com ele você cria um canal direto com os seus leitores, podendo receber sugestões, críticas e  informações que podem ajudar você a melhorar o conteúdo, layout e navegabilidade do seu blog.

Veja a seguir como criar um formulário de contato simples com o aplicativo JotForm:

Criando um formulário simples com JotForm

Acesse o site: JotForm

Clique [SIGN UP] para fazer o cadastro gratuito.

image

Preencha o formulário e clique no botão [CREAT MY ACCOUNT].

image

Clique no botão [SKIP].

image

Entre no seu navegador de e-mail e na mensagem do JotForm clique no botão [Verify Now].

image

Clique em [Let’s go!].

image

Você será redirecionado para a página de criação do formulário.

image

Clique em [Adicionar Elemento] para inserir os elementos do seu formulário…

image

Como nosso formulário será o mais simples possível, vamos acrescentar somente os campos Nome Completo, E-mail, Assunto, Mensagem e Código Captcha (código de segurança).

Observe que o aplicativo permite itens BÁSICOS, PAGAMENTOS e WIDGETS. No nosso exemplo vamos utilizar apenas elementos básicos. Depois, você poderá testar elementos mais avançados no seu formulário de contato.

image

Para criar o nosso primeiro elemento, “Nome Completo”, arraste o elemento Entrada de Texto Curta para o campo “Arraste sua primeira pergunta da esquerda para cá”.

image

Clique no ícone para configurar o elemento…

image

Na guia Geral, digite o nome do campo em Texto da Pergunta, defina o alinhamento em Alinhamento do Rótulo e se o campo é obrigatório deixando Obrigatório como SIM.

image

Depois na guia OPÇÕES, defina o tamanho do campo. Se desejar, clique em Largura para definir o número máximo de caracteres permitido.

image

Na guia AVANÇADO, você poderá ainda inserir outros recursos como Controle de Conteúdo, Texto Ajuda, Valor Pré-definido e opção para Somente Leitura.

image

Depois de configurado o nosso primeiro elemento, volte para o menu [Adicionar Elemento].

image

Da mesma forma que o elemento anterior, arraste e configure os elementos E-mail e Entrada de Texto Longa.

Obs.: Se você inseriu um elemento fora de posição, não se preocupe. Basta arrastar o elemento para a posição desejada…

Obs.: Não esqueça de deixar todos campos como obrigatório.

image

Finalmente, vamos colocar o último elemento do nosso último elemento, o código de segurança Captcha.

image

Se deseja, altere o nome do Cabeçalho.

image

Se desejar, clique em [+Add Your Logo] para inserir o logo do seu site.

image

Carregue o arquivo da logomarca,

image

Veja como está ficando nosso formulário.

image

Alterando o layout do formulário

Para alterar o layout do formulário, clique no ícone com um rolo de pintura.

image

Você poderá alterar as Cores, Estilo, CSS (Folha de estilo para HTML) e Temas.

image

No nosso exemplo vamos adicionar o tema Brick Wall que aparece em Feature Themes.

image

Para remover o tema, passe o mouse sobre Tema Atual e clique em [Remover Tema].

image

Observe que quando você altera o tema do layout, é necessário inserir novamente a logomarca. Clique novamente em [+Add Your Logo] e carregue o arquivo da logomarca.

image

Visualizando o seu Formulário

Clique no botão Pré-visualizar formulário.

image

Na figura abaixo, veja como ficou o nosso formulário:

image

Para voltar ao editor, clique novamente Pré-visualizar formulário. Faça as alterações que desejar.

image

Outras Configurações

Você poderá fazer configurações do formulário como status, condições, e-mails, integrações e página de agradecimento.

image

Para alterar os e-mails para o recebimento dos dados, clique em [EMAILS].

Observe que o e-mail de NOTIFICAÇÃO1 é o e-mail que você cadastrou no site. Para alterar clique no ícone com formato de lápis. Para acrescentar outros e-mails, clique no botão [ + ].

image

Teste os recursos para conhecê-los melhor.

Publicando o formulário no blog ou site

No menu superior, clique em [PUBLICAR].

image

Na guia lateral acesse [INCORPORAR]. Em INCORPORAR, clique no botão [COPIAR]. Depois cole o código no blog ou site.

image

Se desejar, teste antes o código como mostramos a seguir…

Testando o formulário no Squids Editor

Abra o Squids Editor: Squids Editor

Cole o código que você copiou no lado esquerdo do editor. Clique no botão [Executar].

image

Preencha os dados do formulário e envie para verificar se você está recebendo as informações.

image

Depois de enviar a mensagem, abra o seu e-mail e verifique se recebeu os dados.

image

Verificado seu formulário, copie e cole o código no seu blog ou site.

Veja abaixo como ficou o nosso formulário. Aproveite para mandar uma mensagem para nós…

Editando seu formulário de contato

Acesse o site: JotForm

Se você não estiver logado, faça o login. Vá em [Meus Formulários] e clique sobre o formulário que deseja editar.

image

Clique em [Editar].

image

Faça as alterações desejadas.

Observação: Não é necessário copiar e colar novamente o código do formulário. Toda alteração no formulário é realizada em tempo real onde o código foi inserido.

Criando um novo formulário

Em Meus Formulários, clique no botão [Criar formulário].

Obs.: Se você não foi direcionado para a página abaixo, acesse o link: www.jotform.com/myforms

image

Clique no botão [Criar].

Observação: Se desejar, você poderá utilizar um modelo pronto clicando  [Selecionar].

image

Dê um nome para o seu formulário. Clique em [Continue].

image

Aguarde alguns instantes. Clique em [Add Form Element] para inserir os elementos do seu formulário como já mostramos antes..

image

Preços e Planos

Se você deseja algo mais, veja todos os planos do JotFom: JotForm Preços.

O Plano FREE permite a criação de até 5 formulários com no máximo 1.000 visualizações.

image

byALF

13/06/2017

Conheça o programa gratuito que substitui o MatLab

Resultado de imagem para octave logo

MatLab para que serve?

Escrito em 24/04/2016 e atualizado em 13/06/2017

Quem estuda matemática, física ou engenharia com certeza já utilizou os aplicativos Matlab® ou o Mathematica.  Estes softwares, chamados de CAS (Computer Algebra System), fazem todo o trabalho matemático necessário para qualquer área, incluindo cálculos integrais, derivadas, análises, gráficos e plugins que se conectam com outros softwares ampliando suas funcionalidades.

O MatLab é uma linguagem de desenvolvimento e de programação mais utilizado no Brasil, destinado aos pesquisadores científicos, professores, estudantes e profissionais nos domínios da física, matemática e engenharias. O software permite realizar tarefas altamente complexas e com grandes quantidades de cálculos matemáticos.

Infelizmente, tanto o MatLab como o Mathematica não são gratuitos. Aliás, são bem caros por sinal, em torno de U$ 300,00 a  2.500,00 por licença, dependendo do pacote adquirido. Pensando nisso, pesquisamos e encontramos um programa gratuito e com funções bastante semelhantes. Trata-se do GNU Octave, um software livre alternativo e compatível com o Matlab.

GNU Octave software alternativo ideal

Nesta artigo vamos mostrar como baixar o software GNU Octave (leia mais no Wikipedia), um programa alternativo ao MatLab e ao Mathematica.

Conheça o programa gratuito que substitui o MatLab - Visual Dicas

Existem outros softwares que também são gratuitos e alternativos ao MatLab. Entretanto, o GNU Octave usa a mesma sintaxe, ou seja, permite que uma pessoa que já utiliza o MatLab possa utilizar sem problemas o software alternativo. Inclusive, muitos scripts são completamente compatíveis nos dois programas sem qualquer necessidade de alteração.

Detalhes técnicos do GNU Octave

  • Octave é escrito em C++ usando bibliotecas STL.
  • Octave usa um interpretador para executar os scripts dessa linguagem.
  • Octave é extensível a partir da utilização de módulos carregáveis.
  • O interpretador do Octave trabalha em conjunto com os softwares gnuplot e Grace para plotar gráficos, grafos e para salva-los

Agora se você está disposto em utilizar o software indicado, recomendamos que tenha em mente que ao utilizar programas alternativos é necessário uma nova aprendizagem. Por mais semelhante que um software seja do outro, não são iguais. No caso do GNU Octave, embora a linguagem seja idêntica ao MatLab, a plotagem dos gráficos não é. Isto porque este software utiliza a engine gratuita GNUplot e o MatLab tem sua engine embutida. Outras diferenças poderão também ser encontradas ao longo da utilização.

Download do software alternativo GNU Octave

Acesse o site: https://www.gnu.org/software/octave/

Clique em [Download].

image

Clique na guia com o sistema operacional que você utiliza no seu computador. No nosso exemplo vamos escolher o Windows: https://ftp.gnu.org/gnu/octave/windows/

image

Escolha o link de instalação mais recente  do software. No exemplo vamos escolher o link: octave-4.2.1-w64-installer.exe.

Atenção: Se você utiliza o Windows, verifique qual a versão do seu sistema operacional, w32 ou w64. Se você não sabe como identificar a versão do Windows utilizada, leia: Como saber se o Windows está executando a versão de 64 bits ou 32 bits (x64 ou x86)

image

Clique no botão [Salvar arquivo] para baixar o arquivo de instalação.

image

Aguarde o download e clique no arquivo executável para iniciar a instalação.

image

Se você estiver utilizando o Windows 10, vai visualizar uma janela com uma nota que diz que o software não foi testado no Windows 10 e pergunta se você quer continuar com a instalação. Clique em [Sim].

Conheça o programa gratuito que substitui o MatLab - Visual Dicas

Se você não tem instalado na seu computador o Java Runtime Environment (JRE), vai visualizar uma janela com uma nota informando isto. Clique em [Sim] para continuar a instalação.

image

Clique no botão [Next].

Conheça o programa gratuito que substitui o MatLab - Visual Dicas

Clique em [Next].

Conheça o programa gratuito que substitui o MatLab - Visual Dicas

Clique em [Next] novamente.

Conheça o programa gratuito que substitui o MatLab - Visual Dicas

Clique em [Install].

image

Aguarde alguns instantes

Conheça o programa gratuito que substitui o MatLab - Visual Dicas

Finalmente clique em [Finish] para concluir a instalação e rodar o software.

Conheça o programa gratuito que substitui o MatLab - Visual Dicas

Na primeira vez que você abre a interface gráfica do Octave, é necessário clicar no botão [Avançar] para criar e armazenar o arquivo de configuração.

image

Mantenha a caixa de seleção marcada em “Permitir que o Octave se conecte à Internet para buscar as novidades e informações atuais da comunidade” e clique novamente em [Avançar].

image

Clique em [Finalizar] para abrir pela primeira vez a interface gráfica GNU Octave.

image

O software foi instalado com sucesso.

image

Pronto, agora é com você. Aproveite o software e bons trabalhos….

Na imagem abaixo veja o gráfico que fiz seguindo o tutorial do próprio Octave: http://octave.di.uminho.pt/index.php/Gr%C3%A1ficos

image

Para começar usar o software gratuito CNU Octave leia o tutorial básico da Unicamp:

http://www.ime.unicamp.br/~marcio/tut2005/octave/042565Cassia.pdf

 

Outros softwares alternativos ao MatLab

O Scilab é a alternativa gratuita de maior desenvolvimento. Atualmente em sua versão, é utilizado em muitas universidades europeias, principalmente franco-suíças, e seu desenvolvimento é o mais ativo das alternativas. Também contém uma toolbox chamada Scicos, que permite modelamento. Possui plugins que interagem com uma vasta gama de softwares, desde o Excel até o LabVIEW.

O Maxima é o mais antigo de todos, pois seu código fonte é baseado no programa Macsyma, escrito em linguagem LISP.

byALF

Gostou do Post? Então espalhe!

Quem está curtindo...

Encontre no blog...

Gostou? Então espalhe!

Twitter Delicious Facebook Digg Stumbleupon Favorites More