Dein erstes PDF-Formular mit Scribus: Difference between revisions

From Scribus Wiki
Jump to navigation Jump to search
m (Typo)
 
(7 intermediate revisions by 2 users not shown)
Line 8: Line 8:
<!-- Header -->
<!-- Header -->
|-style="color:white; background: #98712a;margin-bottom:5px;font-weight:bold"
|-style="color:white; background: #98712a;margin-bottom:5px;font-weight:bold"
|'''Vorraussetzungen:'''  
|'''Voraussetzungen:'''  
|&nbsp;&nbsp;
|&nbsp;&nbsp;


Line 21: Line 21:
<!-- Row 3 -->
<!-- Row 3 -->
|-
|-
|'''PDF-Formular Kenntnisse:'''
|'''PDF-Formular-Kenntnisse:'''
|&nbsp;&nbsp;Anfänger   
|&nbsp;&nbsp;Anfänger   
<!-- Row 4 -->
<!-- Row 4 -->
Line 30: Line 30:
|-
|-
|'''Browser:'''
|'''Browser:'''
|&nbsp;&nbsp;jeder der das Adobe Reader Plugin unterstützt,<br/>&nbsp;&nbsp;vorzugsweise Firefox   
|&nbsp;&nbsp;Jeder, der das Adobe Reader Plugin unterstützt,<br/>&nbsp;&nbsp;vorzugsweise Firefox   
|}
|}


Line 36: Line 36:
=Einleitung=
=Einleitung=


Einer der größten Vorteile von Scribus ist die Fähigkeit PDF-Formulare mit eingebetteten JavaScript-Anweisungen zu erstellen.  
Einer der größten Vorteile von Scribus ist die Fähigkeit, PDF-Formulare mit eingebetteten JavaScript-Anweisungen zu erstellen.  


Üblicherweise werden PDF-Formulare von den Benutzern am Bildschirm ausgefüllt und dann ausgedruckt.
Üblicherweise werden PDF-Formulare von den Benutzern am Bildschirm ausgefüllt und dann ausgedruckt.
Die in ein PDF-Formular eingegebenen Informationen können aber auch online an eine URL zur weiteren Bearbeitung übermittelt werden.
Die in ein PDF-Formular eingegebenen Informationen können aber auch online an eine URL zur weiteren Bearbeitung übermittelt werden.
''Diese Online-Übertragung funktioniert nur in einem Browser mit Adobe Reader-Plugin und '''nicht''', wenn du das PDF im Adobe Reader öffnest.''


=PDF-Formulare erstellen=
=PDF-Formulare erstellen=


Es ist ganz einfach ein neues Formular mit Scribus zu erstellen. Wir beginnen mit einem Klick auf das '''Neues Dokument'''-Symbol in der '''Datei'''-Symbolleiste, oder wählen '''Neu''' im Menü '''Datei''' (Tastatur: '''Strg+N''')
Es ist ganz einfach, ein neues Formular mit Scribus zu erstellen. Wir beginnen mit einem Klick auf das '''Neues Dokument'''-Symbol in der '''Datei'''-Symbolleiste oder wählen '''Neu''' im Menü '''Datei''' (Tastatur: '''Strg+N''')




Line 49: Line 51:




Wenden wir uns als Erstes dem Raster zu: (Über das Menü '''Ansicht > Raster anzeigen''' sichtbar machen) es wird uns helfen unsere Formularfelder exakt zu plazieren. Wir brauchen ein paar Textrahmen für den Titel und für die Feldbezeichnungen &ndash; ein paar Klicks auf das '''Textrahmen einfügen'''-Symbol in der Werkzeug-Symbolleiste (Tastatur: '''T''') und schon haben wir unsere Textrahmen.
Wenden wir uns als erstes dem Raster zu (Über das Menü '''Ansicht > Raster anzeigen''' sichtbar machen). Es wird uns helfen, unsere Formularfelder exakt zu plazieren. Wir brauchen ein paar Textrahmen für den Titel und für die Feldbezeichnungen &ndash; ein paar Klicks auf das '''Textrahmen einfügen'''-Symbol in der Werkzeug-Symbolleiste (Tastatur: '''T''') und schon haben wir unsere Textrahmen.




Line 61: Line 63:




Nun können wir Formularelemente hinzufügen, einige Textfelder und eine Schaltfläche um unsere Formulardaten an eine URL zu übermitteln. Um ein Feld einzufügen klicke einfach auf den Pfeil rechts neben dem '''OK'''-Symbol in der Symbolleiste '''PDF-Werkzeuge''' und wähle aus den angezeigten Feldtypen einen aus: Schaltfläche, Textfeld, Kontrollkästchen, Kombinationsfeld, Listenfeld.
Nun können wir Formularelemente hinzufügen, einige Textfelder und eine Schaltfläche, um unsere Formulardaten an eine URL zu übermitteln. Um ein Feld einzufügen, klicke einfach auf den Pfeil rechts neben dem '''OK'''-Symbol in der Symbolleiste '''PDF-Werkzeuge''' und wähle aus den angezeigten Feldtypen einen aus: Schaltfläche, Textfeld, Kontrollkästchen, Kombinationsfeld, Listenfeld.
Falls die Symbolleiste '''PDF-Werkzeuge''' nicht angezeigt wird: '''Menü -> Fenster -> PDF-Werkzeuge'''  
Falls die Symbolleiste '''PDF-Werkzeuge''' nicht angezeigt wird: '''Menü -> Fenster -> PDF-Werkzeuge'''  


Line 74: Line 76:




Mit einem Klick der rechten Maustaste auf das markierte Element erscheint das '''Kontextmenü'''. Wir wählen den Eintrag '''PDF-Optionen > Feldeigenschaften''' und vergeben einen Feldnamen (der Feldname wird später für ein PHP-Skript benötigt), wählen den Typ (Textfeld), unter '''Format''' ob es eine Zahl, ein Datum usw. ist und im Reiter ''Aktion'' die Aktion die bei einem bestimmten Ereignis (Maus berührt Feld, Maus verläßt Feld etc.) ausgeführt werden soll.
Mit einem Klick der rechten Maustaste auf das markierte Element erscheint das '''Kontextmenü'''. Wir wählen den Eintrag '''PDF-Optionen > Feldeigenschaften''' und vergeben einen Feldnamen (der Feldname wird später für ein PHP-Skript benötigt), wählen den Typ (Textfeld), unter '''Format''', ob es eine Zahl, ein Datum usw. ist, und im Reiter ''Aktion'' die Aktion, die bei einem bestimmten Ereignis (Maus berührt Feld, Maus verläßt Feld etc.) ausgeführt werden soll.




Line 92: Line 94:




Nun schreiben wir ein Skript um für das Feld '''Name''' eine Gültigkeitsprüfung durchzuführen; nach Änderung des Feldinhaltes soll ein Piepton und eine Warnmeldung ausgegeben werden.
Nun schreiben wir ein Skript, um für das Feld '''Name''' eine Gültigkeitsprüfung durchzuführen; nach Änderung des Feldinhaltes soll ein Piepton und eine Warnmeldung ausgegeben werden.
Im Dialog '''Feldeigenschaften''' wähle den Reiter ''Überprüfen'', aktiviere die Option '''Eigenes Überprüfungsskript''' und klicke auf die Schaltfläche '''Bearbeiten'''. Es öffnet sich ein Editorfenster &ndash; gib das Skript entsprechend dem nächsten Bild ein. Im Menü des Editorfensters klicke auf '''Datei -> Speichern und beenden'''.  
Im Dialog '''Feldeigenschaften''' wähle den Reiter ''Überprüfen''; aktiviere die Option '''Eigenes Überprüfungsskript''' und klicke auf die Schaltfläche '''Bearbeiten'''. Es öffnet sich ein Editorfenster &ndash; gib das Skript entsprechend dem nächsten Bild ein. Im Menü des Editorfensters klicke auf '''Datei -> Speichern und beenden'''.  


Eigene Skripte können nicht nur für PDF-Feldeigenschaften definiert werden, sondern auch für das gesamte Dokument. (Menüpunkt '''Bearbeiten > JavaScripts...''')  
Eigene Skripte können nicht nur für PDF-Feldeigenschaften definiert werden, sondern auch für das gesamte Dokument. (Menüpunkt '''Bearbeiten > JavaScripts...''')  
Line 107: Line 109:




Wir müssen noch die URL angeben, an welche der eingegebene Formularinhalt gesendet werden soll. (An der Empfangsadresse nimmt ein PHP-Skript die Daten entgegen, bringt sie in das richtige Format und zeigt die Daten an.) Ein Formularfeld nennen wir '''Senden''' und wählen als Typ '''Schaltfläche''' und geben die Adresse des PHP-Skriptes (siehe nächstes Bild) an. Das Kontrollkästchen '''Sende Daten als HTML''' anhaken (andernfalls werden die Daten im Format FDF gesendet, aber das ist eine andere Geschichte) und wir sind hier fertig.
Wir müssen nun noch die URL angeben, an die der eingegebene Formularinhalt gesendet werden soll. (An der Empfangsadresse nimmt ein PHP-Skript die Daten entgegen, bringt sie in das richtige Format und zeigt die Daten an.) Ein Formularfeld nennen wir '''Senden''' und wählen als Typ '''Schaltfläche''' und geben die Adresse des PHP-Skriptes (siehe nächstes Bild) an. Das Kontrollkästchen '''Sende Daten als HTML''' anhaken (andernfalls werden die Daten im Format FDF gesendet, aber das ist eine andere Geschichte) und wir sind hier fertig.




Line 113: Line 115:




Nun exportieren wir das Scribus-Dokument in ein PDF: über '''Datei > Exportieren > Als PDF speichern...''' oder über das '''Als PDF speichern'''-Symbol in der '''Datei'''-Symbolleiste. Im Reiter ''Allgemein'' wählen wir bei Kompatibilität '''PDF 1.3''' und speichern das PDF.
Nun exportieren wir das Scribus-Dokument als PDF: Über '''Datei > Exportieren > Als PDF speichern...''' oder über das '''Als PDF speichern'''-Symbol in der '''Datei'''-Symbolleiste. Im Reiter ''Allgemein'' wählen wir unter Kompatibilität '''PDF 1.3''' und speichern das PDF.




Line 119: Line 121:




Jetzt starte den Adobe Reader und schaue was Du gemacht hast. Wenn Du in Scribus für ein PDF-Textfeld einen Wert vorgibst (einfach in den Textrahmen hineinschreiben), so steht dieser auch im PDF-Formular. Um das im Adobe Reader zu ändern klicke mit der rechten Maustaste auf das Feld und wähle '''Alles markieren''' schreibe die neue Hausnummer hinein (es sieht jetzt so aus als würde die neue Hausnummer über die alte geschrieben, aber sobald Du das Feld wieder verläßt steht nur noch die neue Hausnummer darin).
Jetzt starte den Adobe Reader und schaue dir das Ergebnis an. Wenn du in Scribus für ein PDF-Textfeld einen Wert vorgibst (einfach in den Textrahmen hineinschreiben), so steht dieser auch im PDF-Formular. Um das im Adobe Reader zu ändern, klicke mit der rechten Maustaste auf das Feld und wähle '''Alles markieren'''. Schreibe die neue Hausnummer hinein (es sieht jetzt so aus, als würde die neue Hausnummer über die alte geschrieben, aber sobald du das Feld wieder verläßt, steht nur noch die neue Hausnummer darin).


=PDF-Formulare im Browser anzeigen=
=PDF-Formulare im Browser anzeigen=


Wenn Du die aktuellen Versionen von [http://www.mozilla.org/products/firefox/ Firefox], Mozilla oder Netscape verwendest, dann bist Du bestens ausgerüstet um PDF-Formulare anzuzeigen. Da weder Opera, noch Konqueror bisher PDF-Formulardaten versenden können konzentrieren wir uns auf die Mozilla-Familie.  
Wenn Du die aktuellen Versionen von [http://www.mozilla.org/products/firefox/ Firefox], Mozilla oder Netscape verwendest, dann bist du bestens ausgerüstet, um PDF-Formulare anzuzeigen. Da weder Opera noch Konqueror bisher PDF-Formulardaten versenden können, konzentrieren wir uns auf die Mozilla-Familie.  


Um Firefox-Plugins mit den diversen Betriebssystemen zu nutzen siehe [http://plugindoc.mozdev.org/ Mozilla Plugindoc Site]
Um Firefox-Plugins mit den diversen Betriebssystemen zu nutzen, siehe [http://plugindoc.mozdev.org/ Mozilla Plugindoc Site]




=Beispieldateien herunterladen und testen=
=Beispieldateien herunterladen und testen=


*[http://linux.hanski.info/tests/scribus_form_en.pdf Beispiel PDF-Formular (erstellt mit Scribus)] Öffne das PDF-Formular in Deinem Browser und klicke auf die '''Submit'''(Senden)-Schaltfläche. Wenn Dein Browser die Formulardaten versendet bekommst Du eine Meldung von einem PHP-Skript.
*[http://linux.hanski.info/tests/scribus_form_en.pdf Beispiel-PDF-Formular (erstellt mit Scribus)] Öffne das PDF-Formular in deinem Browser und klicke auf die '''Submit'''(Senden)-Schaltfläche. Wenn dein Browser die Formulardaten versendet, bekommst Du eine Meldung von einem PHP-Skript.


*[http://linux.hanski.info/tests/scribus_sample_form.tar.gz Beispieldateien] Tarball mit Beispieldateien (SLA, PHP, PDF) aus diesem HowTo
*[http://linux.hanski.info/tests/scribus_sample_form.tar.gz Beispieldateien] Tarball mit Beispieldateien (SLA, PHP, PDF) aus diesem HowTo
Line 136: Line 138:
=Schlußwort=
=Schlußwort=


Meine persönliche Meinung: Scribus als Werkzeug um PDF-Formulare zu erstellen ist komfortabler als Adobe Acrobat 5.0 (die einzige Version mit der ich gearbeitet habe). Es ist viel einfacher mit Scribus Dokumente zu erstellen &ndash; Acrobat erlaubt Dir nur schon vorhandene Dokumente zu bearbeiten, aber keine Dokumente von Grund auf neu zu erstellen. Scribus gibt uns die volle Kontrolle über das endgültige Aussehen des Dokumentes und auch die Möglichkeit das Layout zu ändern/bearbeiten. Darüberhinaus können Scribus-Dateien mit einem einfachen Texteditor bearbeitet werden &ndash; das Dateiformat ist komplett XML-basiert
Meine persönliche Meinung: Scribus ist als Werkzeug zum Erstellen von PDF-Formularen komfortabler als Adobe Acrobat 5.0 (die einzige Version, mit der ich gearbeitet habe). Es ist viel einfacher, mit Scribus Dokumente zu erstellen &ndash; Acrobat erlaubt dir nur, schon vorhandene Dokumente zu bearbeiten, aber keine Dokumente von Grund auf neu zu erstellen. Scribus gibt uns die volle Kontrolle über das endgültige Aussehen des Dokumentes und auch die Möglichkeit, das Layout zu ändern/bearbeiten. Darüber hinaus können Scribus-Dateien mit einem einfachen Texteditor bearbeitet werden &ndash; und das Dateiformat ist komplett XML-basiert


=Weitere Informationsquellen=
=Weitere Informationsquellen=

Latest revision as of 02:27, 23 March 2007

Andere Sprachen: Polski (pl) - português (br)

Dieser Artikel gehört zur Kategorie Deutsche HOWTOs.
Installation Anwendungsfragen PDF-Export DTP Sonstiges


Voraussetzungen:   
Betriebssystem:   jedes unterstützte Betriebssystem  
Scribus Version:   1.3.3.*
PDF-Formular-Kenntnisse:   Anfänger
PDF Anzeige:   Adobe Reader 7 oder neuer
Browser:   Jeder, der das Adobe Reader Plugin unterstützt,
  vorzugsweise Firefox


Einleitung

Einer der größten Vorteile von Scribus ist die Fähigkeit, PDF-Formulare mit eingebetteten JavaScript-Anweisungen zu erstellen.

Üblicherweise werden PDF-Formulare von den Benutzern am Bildschirm ausgefüllt und dann ausgedruckt. Die in ein PDF-Formular eingegebenen Informationen können aber auch online an eine URL zur weiteren Bearbeitung übermittelt werden.

Diese Online-Übertragung funktioniert nur in einem Browser mit Adobe Reader-Plugin und nicht, wenn du das PDF im Adobe Reader öffnest.

PDF-Formulare erstellen

Es ist ganz einfach, ein neues Formular mit Scribus zu erstellen. Wir beginnen mit einem Klick auf das Neues Dokument-Symbol in der Datei-Symbolleiste oder wählen Neu im Menü Datei (Tastatur: Strg+N)


Dialog Neues Dokument in Scribus 1.3.3.*


Wenden wir uns als erstes dem Raster zu (Über das Menü Ansicht > Raster anzeigen sichtbar machen). Es wird uns helfen, unsere Formularfelder exakt zu plazieren. Wir brauchen ein paar Textrahmen für den Titel und für die Feldbezeichnungen – ein paar Klicks auf das Textrahmen einfügen-Symbol in der Werkzeug-Symbolleiste (Tastatur: T) und schon haben wir unsere Textrahmen.


ErstesPDFTextrahmen.png


Haben wir die Textrahmen mit Text gefüllt, können wir ihre Eigenschaften mit der Eigenschaftenpalette ändern. Über den Menüpunkt Fenster > Eigenschaften machen wir die Eigenschaftenpalette sichtbar.


ErstesPDFEigenschaften.png


Nun können wir Formularelemente hinzufügen, einige Textfelder und eine Schaltfläche, um unsere Formulardaten an eine URL zu übermitteln. Um ein Feld einzufügen, klicke einfach auf den Pfeil rechts neben dem OK-Symbol in der Symbolleiste PDF-Werkzeuge und wähle aus den angezeigten Feldtypen einen aus: Schaltfläche, Textfeld, Kontrollkästchen, Kombinationsfeld, Listenfeld. Falls die Symbolleiste PDF-Werkzeuge nicht angezeigt wird: Menü -> Fenster -> PDF-Werkzeuge


ErstesPDFFelder.png


Das momentan aktive PDF-Formularfeld wird durch einen roten Rahmen angezeigt; Du kannst einen Rahmen mit dem Auswahlwerkzeug (das Pfeil-Symbol links neben dem Textrahmen-Symbol) durch Anklicken zum aktiven Element machen.


ErstesPDFMarkiert.png


Mit einem Klick der rechten Maustaste auf das markierte Element erscheint das Kontextmenü. Wir wählen den Eintrag PDF-Optionen > Feldeigenschaften und vergeben einen Feldnamen (der Feldname wird später für ein PHP-Skript benötigt), wählen den Typ (Textfeld), unter Format, ob es eine Zahl, ein Datum usw. ist, und im Reiter Aktion die Aktion, die bei einem bestimmten Ereignis (Maus berührt Feld, Maus verläßt Feld etc.) ausgeführt werden soll.


ErstesPDFFeldeigenschaften.png


Hier definieren wir das Hausnummer-Feld als numerisches Feld, als Eingabe sind nur ganze Zahlen zugelassen. Beim Ausfüllen des Feldes im Adobe Reader (früher: Acrobat Reader) werden nur gültige Einträge akzeptiert.


ErstesPDFFeldFormat.png


Um die Aktivierungsreihenfolge (mit der Tabulatortaste von Feld zu Feld springen) der Formularfelder zu ändern, öffne die Eigenschaftenpalette > X,Y,Z-Abschnitt und ändere die Anordnung des Feldes.


ErstesPDFAnordnung.png


Nun schreiben wir ein Skript, um für das Feld Name eine Gültigkeitsprüfung durchzuführen; nach Änderung des Feldinhaltes soll ein Piepton und eine Warnmeldung ausgegeben werden. Im Dialog Feldeigenschaften wähle den Reiter Überprüfen; aktiviere die Option Eigenes Überprüfungsskript und klicke auf die Schaltfläche Bearbeiten. Es öffnet sich ein Editorfenster – gib das Skript entsprechend dem nächsten Bild ein. Im Menü des Editorfensters klicke auf Datei -> Speichern und beenden.

Eigene Skripte können nicht nur für PDF-Feldeigenschaften definiert werden, sondern auch für das gesamte Dokument. (Menüpunkt Bearbeiten > JavaScripts...)


ErstesPDFSkript.png


Nachdem das Skript gespeichert und der Editor geschlossen wurde, wird der Inhalt des Skriptes in den Feldeigenschaften angezeigt.


ErstesPDFValidierung.png


Wir müssen nun noch die URL angeben, an die der eingegebene Formularinhalt gesendet werden soll. (An der Empfangsadresse nimmt ein PHP-Skript die Daten entgegen, bringt sie in das richtige Format und zeigt die Daten an.) Ein Formularfeld nennen wir Senden und wählen als Typ Schaltfläche und geben die Adresse des PHP-Skriptes (siehe nächstes Bild) an. Das Kontrollkästchen Sende Daten als HTML anhaken (andernfalls werden die Daten im Format FDF gesendet, aber das ist eine andere Geschichte) und wir sind hier fertig.


ErstesPDFSenden.png


Nun exportieren wir das Scribus-Dokument als PDF: Über Datei > Exportieren > Als PDF speichern... oder über das Als PDF speichern-Symbol in der Datei-Symbolleiste. Im Reiter Allgemein wählen wir unter Kompatibilität PDF 1.3 und speichern das PDF.


ErstesPDFSpeichern.png


Jetzt starte den Adobe Reader und schaue dir das Ergebnis an. Wenn du in Scribus für ein PDF-Textfeld einen Wert vorgibst (einfach in den Textrahmen hineinschreiben), so steht dieser auch im PDF-Formular. Um das im Adobe Reader zu ändern, klicke mit der rechten Maustaste auf das Feld und wähle Alles markieren. Schreibe die neue Hausnummer hinein (es sieht jetzt so aus, als würde die neue Hausnummer über die alte geschrieben, aber sobald du das Feld wieder verläßt, steht nur noch die neue Hausnummer darin).

PDF-Formulare im Browser anzeigen

Wenn Du die aktuellen Versionen von Firefox, Mozilla oder Netscape verwendest, dann bist du bestens ausgerüstet, um PDF-Formulare anzuzeigen. Da weder Opera noch Konqueror bisher PDF-Formulardaten versenden können, konzentrieren wir uns auf die Mozilla-Familie.

Um Firefox-Plugins mit den diversen Betriebssystemen zu nutzen, siehe Mozilla Plugindoc Site


Beispieldateien herunterladen und testen

  • Beispiel-PDF-Formular (erstellt mit Scribus) Öffne das PDF-Formular in deinem Browser und klicke auf die Submit(Senden)-Schaltfläche. Wenn dein Browser die Formulardaten versendet, bekommst Du eine Meldung von einem PHP-Skript.
  • Beispieldateien Tarball mit Beispieldateien (SLA, PHP, PDF) aus diesem HowTo

Schlußwort

Meine persönliche Meinung: Scribus ist als Werkzeug zum Erstellen von PDF-Formularen komfortabler als Adobe Acrobat 5.0 (die einzige Version, mit der ich gearbeitet habe). Es ist viel einfacher, mit Scribus Dokumente zu erstellen – Acrobat erlaubt dir nur, schon vorhandene Dokumente zu bearbeiten, aber keine Dokumente von Grund auf neu zu erstellen. Scribus gibt uns die volle Kontrolle über das endgültige Aussehen des Dokumentes und auch die Möglichkeit, das Layout zu ändern/bearbeiten. Darüber hinaus können Scribus-Dateien mit einem einfachen Texteditor bearbeitet werden – und das Dateiformat ist komplett XML-basiert

Weitere Informationsquellen

ein NewsForge Artikel über das Erzeugen von interaktiven PDF-Formularen mit Scribus. (Englisch)