Seu primeiro formulário PDF usando o Scribus: Difference between revisions

From Scribus Wiki
Jump to navigation Jump to search
No edit summary
No edit summary
Line 6: Line 6:
=Básico=
=Básico=


Uma das imensas vantagens do Scribus, é a possibilidade de criar formulários PDF com um JavaScript incorporado ao documento. Normalmente, os formulários de PDF são feitos para serem preenchidos pelo usuário em seus computadores e então impressos. Informações contidas em formulários do PDF, podem também serem enviadas através da internet a algum lugar remoto para processamento futuro (um servidor, por exemplo).
Uma das imensas vantagens do Scribus, é a possibilidade de criar formulários PDF com um JavaScript incorporado ao documento. Normalmente, os formulários de PDF são feitos para serem preenchidos pelo usuário em seus computadores e então impressos. Informações contidas em formulários do PDF, podem também serem enviadas através da internet a algum lugar remoto para processamento futuro (um servidor, por exemplo).


Ainda há questões não resolvidas de formulários de PDF no Scribus que devem ser solucionadas para tornar o Scribus completo no uso desta ferramenta. Por exemplo, há um problema relacionado ao comportamento dos botões de rádio (de marcação/seleção). Veja o [http://bugs.scribus.net/view.php?id=866 pedido de recurso] 866.
Ainda há questões não resolvidas de formulários de PDF no Scribus que devem ser solucionadas para tornar o Scribus completo no uso desta ferramenta. Por exemplo, há um problema relacionado ao comportamento dos botões de rádio (de marcação/seleção). Veja o [http://bugs.scribus.net/view.php?id=866 pedido de recurso] 866.
Line 15: Line 15:


* Scribus -- quando mais novo melhor. Vá até o site do Scribus e na seção de [http://www.scribus.org.uk/modules.php?op=modload&name=Downloads&file=index download], baixe a última versão. Você também pode usar o [[Testando_o_Scribus_(1.3.xcvs)_com_o_klik|Klik]] ou usar um dos [[Existe repositórios Debian/Ubuntu?|repositórios]] Debian/Ubuntu.
* Scribus -- quando mais novo melhor. Vá até o site do Scribus e na seção de [http://www.scribus.org.uk/modules.php?op=modload&name=Downloads&file=index download], baixe a última versão. Você também pode usar o [[Testando_o_Scribus_(1.3.xcvs)_com_o_klik|Klik]] ou usar um dos [[Existe repositórios Debian/Ubuntu?|repositórios]] Debian/Ubuntu.
* [http://www.adobe.com/products/acrobat/readstep2.html Adobe Reader 7] ou mais novo (o 8.5 está em fase de testes).
* [http://www.adobe.com/products/acrobat/readstep2.html Adobe Reader 7] ou mais novo.
* Um navegador que suporte o plugin do Acrobat Reader.
* Um navegador que suporte o plugin do Acrobat Reader.


Line 70: Line 70:


[[Image:Field tab order.png]]
[[Image:Field tab order.png]]
''Ordem do campo''
''Ordem do campo''


Line 98: Line 99:
''Diálogo de exportação de documento''
''Diálogo de exportação de documento''


Now it is time to launch Acrobat Reader and and see what you have done. Acrobat Reader 7 finally delivers the capability to display Unicode characters inside form fields -- great news for all non English native speakers. Both '''Name''' and '''Street''' fields contain characters outside of the Latin-1 font set. The '''No''' field contains a '''default value''' of '''15''' that has been put into it eaerlier -- in Scribus, just right click onto the form field, choose '''Edit text...''' from the context menu and type your default value.
Agora é a hora de executar o Acrobat Reader e ver o que nós fizemos. O Acrobat Reader 7 finalmente oferece a capacidade de exibir caracteres Unicodes dentro de campos de formulários -- ótimas notícias para todos aos que não falam inglês.
 
Ambos os campos '''Nome''' e '''Rua''' contem caracteres fora das fontes tipo Latin-1. O campo '''Não''' contem o '''valor padrão''' de '''15''' que fora posto anteriormente -- no Scribus, apenas dê um clique com o botão direito no campo de forumlário e selecione '''Editar Texto''' a partir do menu de contexto. Digite o seu valor padrão.


[[Image:Acroread unicode.png]]
[[Image:Acroread unicode.png]]


=Configurando o naveador para visualizar formulários de PDF=
''Definição do valor padrão''
 
If you are a happy owner of a relatively recent edition of [http://www.mozilla.org/products/firefox/ Firefox], Mozilla, or Netscape, you are best suited to view PDF forms with your browser. Since  neither Opera nor Konqueror has been capable of submitting PDF forms, let's focus on Mozilla family. The only thing to do is to tell Firefox, where the Acrobat Reader plug-in is located. For Linux:
 
  1. Create a symbolic link to '''$your_installation_directory/Acrobat7.0/Browser/intellinux/nppdf.so'''
      to your Mozilla plugins directory, e.g. in Gentoo Linux '''/usr/lib/MozillaFirefox/plugins'''
  2. Ensure a copy of acroread is in your PATH.
 
For using Firefox plug-ins with other operating systems, refer to [http://plugindoc.mozdev.org/ Mozilla Plugindoc site].
 


=Testando e baixando arquivos de exemplos=  
=Testando e baixando arquivos de exemplos=  


* [http://linux.hanski.info/tests/scribus_form_en.pdf Sample PDF form (made with Scribus)] -- Open this form in your browser and click on the '''Submit''' button. If your browser is configured for working with Adobe Reader, you should get a responce from a PHP script.
* [http://linux.hanski.info/tests/scribus_form_en.pdf Modelo de PDF (deito com o Scribus)] -- Abra este formulário e clique no botão '''Enviar''' (ou ''Submit'' neste caso). Se o seu navegador está configurado para trabalhar com o Adobe Reader, você deverá receber uma respota do script PHP.  


* [http://linux.hanski.info/tests/scribus_sample_form.tar.gz Download sample files] -- A gzipped tarball of sample files (SLA, PHP, PDF) used in this howto
* [http://linux.hanski.info/tests/scribus_sample_form.tar.gz Baixe os arquivos modelos] -- Um gzipped tarball dos arquivos modelos (SLA, PHP, PDF) usados neste tutorial.


=Outras fontes de informação (''em inglês'')=  
=Outras fontes de informação (''em inglês'')=  


* [http://business.newsforge.com/article.pl?sid=05/04/06/1545203&tid=152&tid=39&tid=33&tid=111 Small-business forms using Scribus and PDF] - a NewsForge story about using Scribus to produce interactive forms
* [http://business.newsforge.com/article.pl?sid=05/04/06/1545203&tid=152&tid=39&tid=33&tid=111 Foumlário para pequenas empresas utilizando o Scribus e PDF] - a]um artgio do NewsForge sobre o uso do Scribus na criação de formulários interativos.


* [http://www.planetpdf.com/developer/article.asp?ContentID=6575&mp JavaScript - Introduction to Development with Examples]
* [http://www.planetpdf.com/developer/article.asp?ContentID=6575&mp JavaScript - Introdução a criação com modelos]

Revision as of 22:26, 3 January 2006

Este artigo é parte da seção de Tutoriais.
Instalação Uso Questões sobre PDF DTP Outros
Voltar para a página principal

EM CONSTRUÇÃO

Versão em inglês.

Básico

Uma das imensas vantagens do Scribus, é a possibilidade de criar formulários PDF com um JavaScript incorporado ao documento. Normalmente, os formulários de PDF são feitos para serem preenchidos pelo usuário em seus computadores e então impressos. Informações contidas em formulários do PDF, podem também serem enviadas através da internet a algum lugar remoto para processamento futuro (um servidor, por exemplo).

Ainda há questões não resolvidas de formulários de PDF no Scribus que devem ser solucionadas para tornar o Scribus completo no uso desta ferramenta. Por exemplo, há um problema relacionado ao comportamento dos botões de rádio (de marcação/seleção). Veja o pedido de recurso 866.

Ainda sim, o Scribus já é uma ferramenta útil na criação de formulários de PDF para muita gente, e está se tornando cada vez melhor a passos largos. Aproveite!

Requerimentos

  • Scribus -- quando mais novo melhor. Vá até o site do Scribus e na seção de download, baixe a última versão. Você também pode usar o Klik ou usar um dos repositórios Debian/Ubuntu.
  • Adobe Reader 7 ou mais novo.
  • Um navegador que suporte o plugin do Acrobat Reader.

Criando formulários PDF

É simples criar um novo formulário com o Scribus. Nós começamos com um clique no ícone Novo Documento ou usando o menu Arquivo > Novo.

A janela de diálogo de novo documento no Scribus 1.2.2

Diálogo de novo documento no Scribus 1.2.2

Vamos nos voltar para a grade primeiramente (menu Visualizar>Mostrar Grade), ela irá nos ajudar a colocar nossos campos de formulário corretamente na página. Nós precisamos de alguns quadro de textos para criar uma bela descrição de título e campo - alguns cliques no botão de quadro de texto (aquele ao lado da seta) e todos os quadros de textos estão lá, de forma instantânea.


Grid menu.png

Grade ativada

Tendo preenchido os nossos quadros com texto, nós podemos alterar as suas propriedades com a paleta Propriedades, que pode ser encontrada no menu Ferramentas


Properties.png

Janela de propriedades

Agora nós podemos iniciar a adicção de elementos; alguns campos de texto para o envio do nosso formulário para um URL. Para adicionar um campo, dê um clique simples na seta do lado direito do ícone OK e selecione o tipo de opção a ser exibida: Botão, campo de texto, caixa de combinação e caixa de lista.

Form elements1.png

Janelas de seleção de formulário

O elemento atualmente ativo do formulário, tem a borda exibida na cor vermelha. Você pode selecionar um elemento utilizando a ferramenta de seleção (a seta ao lado do icone de quadro de texto).

Ulica.png

OOOOOOOO

O clique direto em um elemento, ativa um novo menu de contexto. Escolha Opções de PDF > Propriedades de Campo e defina o nome dos campos (nós precisaremos dos nomes de campo do nosso script PHP cujo qual o forumlário será enviado), tipos (exemplo, números, data, hora) e ações a serem ocorridas em diferentes ações (Mouse Enter, Mouse Exit, On Blur, e assim por diante).


Field properties appearance1.png

Propriedades de campo

Aqui estamos nós definindo o campo NÃO como um número. O Acrobat Reader não aceitará qualquer coisa que não seja uma entrada válida.

Field properties format1.png

Propriedades de campos II

Para alterar a atual ordem das abas do seus campos de formulário, simplesmente abra a paleta de Propriedades e clique sobre a aba X,Y,Z. Altere o nível do campo selecionado.

Field tab order.png

Ordem do campo

Agora nós estamos definindo um script de validação personalizado para o campo Nome - depois de alterar o conteúdo dos campos, um som soará e um alerta será mostrado (não muito sofisticado, eu sei, mas mas ainda sim desmostra as capacidades do PDF). O Scribus possui o seu próprio editor de texto, cujo o qual, habilita-nos a salvar o script em um arquivo separado. Scripts personalizados podem não apenas serem definidos no nível do campo de formulário, mas como do documento como um todo (Editar > JavaScripts).

Js validate script.png

Script de validação

Depois de salvar o script e fechar o editor, o conteúdo do script será mostrado na Propriedades de Campo.

Field properties validate.png

Propriedades de validação de campo

Nós ainda temos que definir para qual o URL que o conteúdo do formulário será enviado (existe um simples script PHP no destinatário que irá formatar e exibir os dados recebidos dos formulários). Escolha o botão de ação do tipo Enviar (ou Submit) formulário e entre com o endereço do nosso script PHP: scribus_test.php. Marque a opção Enviar dados como HTML para finalizar (a outra opção seria a de dados FDF, mas isso é uma história totalmente diferente).

Field action.png

Propriedades de campo

A única coisa que resta a fazer é exportar o documento como PDF (use o menu Arquivo > Exportar > Exportar como PDF. Salve como Acrobat 5.0.


Pdf export.png

Diálogo de exportação de documento

Agora é a hora de executar o Acrobat Reader e ver o que nós fizemos. O Acrobat Reader 7 finalmente oferece a capacidade de exibir caracteres Unicodes dentro de campos de formulários -- ótimas notícias para todos aos que não falam inglês. Ambos os campos Nome e Rua contem caracteres fora das fontes tipo Latin-1. O campo Não contem o valor padrão de 15 que fora posto anteriormente -- no Scribus, apenas dê um clique com o botão direito no campo de forumlário e selecione Editar Texto a partir do menu de contexto. Digite o seu valor padrão.

Acroread unicode.png

Definição do valor padrão

Testando e baixando arquivos de exemplos

  • Modelo de PDF (deito com o Scribus) -- Abra este formulário e clique no botão Enviar (ou Submit neste caso). Se o seu navegador está configurado para trabalhar com o Adobe Reader, você deverá receber uma respota do script PHP.

Outras fontes de informação (em inglês)