1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
|
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
<title>Comment créer votre premier formulaire web en PDF avec Scribus</title>
</head>
<body>
<h2>Comment créer votre premier formulaire web en PDF avec Scribus</h2>
<p><em><strong>Avec des remerciements à Maciej Hanski</strong>, qui a gracieusement traduit ceci à partir de l'original en polonais, sous licence FDL.</em></p>
<p><strong>Les fichiers d'exemple, <code>scribusformphp.tar.gz</code>, un tarball d'un fichier php et d'un document exemple, sont disponibles à l'adresse http://docs.scribus.net</a></p>
<p>Un des plus grands avantages de Scribus est la possibilité de créer des formulaires PDF incluant des script JavaScript (dans la version de Adobe), comme décrit dans la référence JavaScript de Adobe à l'adressehttp://partners.adobe.com/asn/developer/pdfs/tn/5186AcroJS.pdf</p>
<p>Il est assez simple de créer un nouveau formulaire avec Scribus. Nous commençons par cliquer sur l'icône "Nouveau document" ou choisir <strong>Nouveau</strong> dans le menu <strong>Fichier</strong>.</p>
<table width="100%"><tr><td align="center"><img src="images/formularz_nowy.png" alt="Créer un nouveau document" title="Créer un nouveau document" /></a></td></tr></table>
<br />
<p>Activons alors la grille (menu <strong>Affichage</strong> -> <strong>Afficher la grille</strong>), ce qui nous aidera à positionner correctement nos champs de formulaire dans la page. Nous avons besoin de cadres de texte pour former un beau titre et des descriptions de champs - quelques clics sur l'icône <strong>[ab]</strong> et tous les cadres de texte sont là en un rien de temps.</p>
<table width="100%"><tr><td align="center"><img src="images/siatka_menu.png" border="0" alt="null" /></td></tr></table>
<p>Après avoir rempli les cadres avec du texte, nous pouvons changer leurs propriétés avec la palette <strong>Propriétés</strong>, qui peut être trouvée dans le menu <strong>Outils</strong>.</p>
<table width="100%"><tr><td align="center"><img src="images/siatka_jednostki_miar.png" alt="" /></td></tr></table>
<br />
<div>Nous pouvons maintenant commencer à ajouter les éléments de formulaire : quelques champs de texte et un bouton pour soummetre le formulaire à une URL. Pour ajouter un champ, cliquez simplement sur la flèche à droite de l'icône <strong>OK</strong> et sélectionnez un type parmi les options affichées : bouton, champ de texte, case à cocher, menu déroulant et liste.</div>
<br />
<table width="100%"><tr><td align="center"><img src="images/symbole.png" alt="null" /></td></tr></table>
<p>L'élément actif du formulaire à une bordure de cadre rouge. Vous pouvez activer un élément en choisissant l'icône "Sélectionner" (celle avec les flèches transversales) et en cliquant sur l'élément choisi.</p>
<br />
<table width="100%"><tr><td align="center"><img src="images/ulica.png" alt="null" /></td></tr></table>
<br />
<p>Cliquer avec le bouton droit sur un élément active un nouveau menu. Nous choisissons <strong>Propriétés sur champ</strong> pour définir les noms des champs (nous aurons besoin des noms des champs dans notre script PHP auquel nous enverrons le formulaire), les types (ex : nombre, heure, date) et les actions qui doivent être effectuées lors de différents évènements (Entrée souris, Sortie souris, Autour et ainsi de suite).</p>
<br /><br />
<table width="100%"><tr><td align="center"><img src="images/wlasciwosci_pola.png" alt="null" border="0" /></td></tr></table>
<br />
<p>Ici nous définissons le champs <strong>No</strong> comme un nombre. Acrobat Reader n'acceptera alors rien d'autre comme entrée valide.</p>
<br />
<table width="100%"><tr><td align="center"><img src="images/formularz_pole_num.png" border="0" alt="null" /></td></tr></table>
<br />
<p>Ici, nous définissons un script de validation personnalisé pour le champ <strong>Nom</strong> - après avoir changé le contenu du champ il y aura un son bip et une alerte apparaîtra (pas très sophistiqué, je sais, mais cela démontre quand même les possibilités de PDF). Scribus possède son propre éditeur de texte qui nous permet d'enregistrer un script dans un fichier séparé. Les scripts personnalisés peuvent être définis au niveau des champs, mais aussi en tant que scripts globaux(<strong>Édition</strong> -> <strong>JavaScripts</strong>).</p>
<br />
<table width="100%"><tr><td align="center"><img src="images/formularz_js_skrypt.png" alt="null" /></td></tr></table>
<br />
<p>Après avoir enregistré le script et fermé l'éditeur, le contenu du script est affiché dans les <strong>Propriétés du champ</strong>.</p>
<br />
<table width="100%"><tr><td align="center"><img src="images/formularz_js_sprawdzanie.png" border="0" alt="null" /></td></tr></table>
<br />
<p>Nous devons encore définir à quelle URL le contenu du formulaire sera envoyé (il y a un script PHP simple à l'adresse de destination, lequel formatera et affichera les données reçues du formulaire). Nous choisissons dans les propriétés du bouton le type d'action <strong>Envoyer le formulaire</strong> et nous entrons l'adresse de notre page PHP : <strong>scribus_test.php</strong>. Nous choisissons <strong>Envoyer les données en HTML</strong> (l'autre option serait en données FDF, mais c'est une autre histoire) et nous avons terminé.</p>
<br />
<table width="100%"><tr><td align="center"><img src="images/wyslij_formularz.png" alt="null" /></td></tr></table>
<br />
<p>La seule chose qui reste à faire est d'exporter le document en PDF : menu <strong>Fichier -> Exporter... -> Enregistrer en PDF...</strong>.<br />Nous sélectionnons <strong>Acrobat 5.0</strong> comme format de fichier et nous enregistrons le fichier.</p>
<br />
<table width="100%"><tr><td align="center"><img src="images/formularz_export_PDF.png" border="0" alt="null" /></td></tr></table>
<br />
<p>Le résultat de notre travail peut être téléchargé à l'adresse http://docs.scribus.net, puis testée. Pour soumettre le formulaire nous devons l'ouvrir dans un navigateur, Netscape 4.* ou Mozilla sont des bons choix (vérifiez dans les extensions de Mozilla si l'extension Acrobat Reader est activée. Si ce n'est pas le cas, vous pouvez faire un lien symbolique (symlink) vers le répertoire d'extension de Mozilla. Dans mon cas, le répertoire d'extension de Mozilla est <strong>/usr/lib/mozilla-1.3/plug-in</strong> et l'extension à lier (symlink) est <strong>/usr/local/Acrobat5/Browsers/intellinux/nppdf.so</strong>).</p>
<p><strong>Ma toute première impression :</strong> Scribus en tant qu'outil pour travailler avec les formulaires PDF semble être beaucoup plus confortable à utiliser que Adobe Acrobat 5.0 (la seule version avec laquelle j'ai travaillé). Il est beaucoup plus facile de mettre en page des documents avec Scribus, puisque Acrobat vous permet seulement d'éditer des documents existants, mais pas de créer un nouveau document à partir de rien. Scribus nous fournit le plein contrôle sur les résultats finaux et nous permet beaucoup plus de liberté dans les changements de mise en page du document. De plus, les fichiers Scribus peuvent être édités avec un simple éditeur de texte, vu que son format de fichier est entièrement basé sur XML.</p>
<p><em>Maciej Hanski</em> - 22:10:2003</p>
<p><strong>Quelques liens utiles concernant PDF/JavaScript :</strong></p>
<ul>
<li><a href="http://www.planetpdf.com/mainpage.asp?WebPageID=229" target="_blank">Planet PDF</a></li>
<li><a href="http://partners.adobe.com/asn/developer/pdfs/tn/5186AcroJS.pdf" target="_blank">Spécification des objets JavaScript de Acrobat</a></li>
<li><a href="http://ahnews.music.salford.ac.uk/scribus/documentation/pdfs/javascriptpdfa4.pdf" target="_blank">JavaScript et Scribus</a></li>
</ul>
<p><strong>Quelques liens utiles concernant CGI/PHP :</strong></p>
<ul>
<li><a href="http://www.cgi101.com/book/ch4/text.html">http://www.cgi101.com/book/ch4/text.html</a></li>
<li><a href="http://www.cgi101.com/book/ch4/post-cgi.html">http://www.cgi101.com/book/ch4/post-cgi.html</a></li>
<li><a href="http://www.mkaz.com/reference/php/setup_linux.html">http://www.mkaz.com/reference/php/setup_linux.html</a></li>
</ul>
</body>
</html>
|
