--- title: "Datenaustausch für mobile Mitarbeiter" date: "2012-02-01" categories: - "data-integration" tags: - "software-tools" - "stylevision" - "xml-reports" - "xml-to-database" description: Erfahren Sie, wie Altova's StyleVision und Authentic einen effizienten Datenaustausch für mobile Arbeitskräfte ermöglichen, indem sie die Erstellung und Verwaltung von elektronischen Formularen ermöglichen, die in IT-Systeme integriert sind. --- Status: #blog Tags: #software-tools #stylevision #xml-reports #xml-to-database Categories: [data-integration](/blog/de/category/data-integration.md) # Datenaustausch für mobile Mitarbeiter Organisationen mussten viele ihrer internen Geschäftsprozesse anpassen, um den wachsenden Bedarf einer mobilen Belegschaft zu decken. Obwohl es technologische Lösungen gibt, die viele der heutigen Kommunikationsbedürfnisse erfüllen, führt die Vielzahl unterschiedlicher Dokumentformate, die selbst innerhalb derselben Organisation verwendet werden, dazu, dass einige Aufgaben weiterhin problematisch sind. Zum Beispiel: Wie kann eine Organisation flexibel genug bleiben, um den Datenaustausch zwischen mobilen Mitarbeitern zu ermöglichen, während sie gleichzeitig die Möglichkeit behält, diese Daten in interne IT-Systeme zu integrieren? Altova bietet eine kostengünstige Lösung mit StyleVision®, einem grafischen Stylesheet- und Berichtsentwurfs-Tool mit Funktionen für elektronische Formulare, sowie mit Authentic®, einem WYSIWYG-XML- und Datenbankeditor, in dem Endbenutzer elektronische Formulare, die mit StyleVision erstellt wurden, anzeigen und bearbeiten können. Die Authentic Community Edition ist [verfügbar als kostenlose Download-Version auf der Altova-Website](https://www.altova.com/de/download/authentic/xml_db_form_editor_desktop.html) sodass jede Person, ob intern oder extern für Ihr Unternehmen, in Ihren Arbeitsablauf integriert werden kann. [![clip_image002](https://lh5.ggpht.com/-0BIdbup1WCI/TylxslyNu9I/AAAAAAAAASw/J4lIVPv9lB0/clip_image002_thumb%25255B2%25255D.jpg?imgmax=800 "clip_image002")](http://lh3.ggpht.com/-PevmyQqyxCU/Tylxr4M21qI/AAAAAAAAASo/9UDb6MHeRP0/s1600-h/clip_image002%25255B7%25255D.jpg) In diesem Beitrag präsentieren wir ein Beispiel, das zeigt, wie Sie ein elektronisches Formular erstellen, das einem bestehenden Papierformular entspricht (in unserem Beispiel ist es ein Antragsformular für Erstattungen), und wir verfolgen dann den Prozess, wie dieses Formular innerhalb einer fiktiven Organisation verwendet wird. Bitte beachten Sie, dass das hier verwendete Beispiel sehr einfach gehalten ist und lediglich dazu dient, den Prozess der Entwicklung und Bereitstellung eines elektronischen Formulars zu veranschaulichen. Obwohl Sie in StyleVision zusätzliche Datenquellen hinzufügen und Validierungen sowie andere komplexe Funktionen implementieren können, haben wir diese hier nicht dargestellt. Die Gestaltung elektronischer Formulare in StyleVision ist äußerst einfach. Um zu beginnen, wählen Sie einfach "Neu" – "Neu aus XML-Schema/DTD/XML..." im Menü "Datei", navigieren Sie zu einer XML-Schema-Datei und wählen Sie die Art des Designs, das Sie erstellen möchten. Für dieses Beispiel haben wir ein XML-Schema und eine Instanzdatei in XMLSpy, dem [XML-Editor und der Entwicklungsumgebung von Altova](https://www.altova.com/de/xmlspy.html), basierend auf den Feldern des Papier-Antragsformulars erstellt. Sie können ein StyleVision-Design auch auf einer Datenbank oder einer XBRL-Taxonomie basieren. Im Folgenden finden Sie eine Kopie des Antragsformulars, das wir verwenden werden, zusammen mit dem von uns erstellten XML-Schema. [![clip_image002](https://lh5.ggpht.com/-8SMJRzV77pU/TylxtoN9vcI/AAAAAAAAAS8/NAZxprm7rRs/clip_image002_thumb%25255B3%25255D.jpg?imgmax=800 "clip_image002")](http://lh5.ggpht.com/-xMTIo-wF2WM/TylxtZOWYqI/AAAAAAAAAS0/1ss8cIyDe-c/s1600-h/clip_image002%25255B8%25255D.jpg) [![clip_image003](https://lh5.ggpht.com/-YINM9ih5A2M/Tylxv-TwBzI/AAAAAAAAATQ/Gpx5etVG2dY/clip_image003_thumb%25255B1%25255D.png?imgmax=800 "clip_image003")](http://lh6.ggpht.com/-s_AeRtjGdzU/TylxuW33DGI/AAAAAAAAATI/6r7FC3vRC-c/s1600-h/clip_image003%25255B4%25255D.png) Sobald wir die XML-Datei in StyleVision ausgewählt haben, werden wir aufgefordert, entweder ein Dokument mit freiem Layout oder ein formbasiertes Dokument auszuwählen. In einem formbasierten Dokument sind alle Designelemente (z. B. Textfelder für die Benutzereingabe, Bilder, Schaltflächen) fest positioniert – ideal für Dateneingabeformulare. Wenn wir ein formbasiertes Dokument erstellen, können wir ein "Vorlagenbild" hochladen, damit wir ein Papierformular genau so nachbilden können, wie es ursprünglich entworfen wurde. Dies ist die Option, die wir unten ausgewählt haben. Das Bild wird im Hintergrund des Designfensters angezeigt, und wir platzieren einfach Designelemente über den entsprechenden Elementen im Formular. Selbstverständlich wird das Vorlagenbild im endgültigen Ergebnis nicht angezeigt. [![clip_image004](https://lh6.ggpht.com/-PiQaOk6tDSU/TylxxN1QjNI/AAAAAAAAATg/oR1i9RGhxVc/clip_image004_thumb%25255B1%25255D.png?imgmax=800 "clip_image004")](http://lh3.ggpht.com/-pH9kumjNQb8/TylxwpQDq5I/AAAAAAAAATY/3TsS7DDLUJo/s1600-h/clip_image004%25255B4%25255D.png) Der Screenshot unten zeigt das Bauplangrafik, wie es im Designfenster in StyleVision angezeigt wird – das ist doch fantastisch, oder? [![(Kein Text zum Übersetzen.)](https://lh3.ggpht.com/-z73sUFqvsTY/TylxzIKlmuI/AAAAAAAAAT4/m316wAKAr-Q/clip_image005_thumb%25255B1%25255D.png?imgmax=800 "clip_image005")](http://lh3.ggpht.com/-zpBDNYlFAyg/Tylxx4G6LeI/AAAAAAAAATs/3BQqU4W4Tm0/s1600-h/clip_image005%25255B4%25255D.png) Jetzt können wir, mithilfe des Menüs "Einfügen" oben, einfach Designelemente auf das Bild des Bauplans im Designfenster einfügen. Zu den verfügbaren Designelementen gehören Formularelemente (z. B. Eingabefelder, Kombinationsfelder, Radiobuttons), Bilder, Tabellen, Diagramme und "Layout-Container" für eine präzise Positionierung. Wir beginnen damit, Eingabefelder hinzuzufügen, um Mitarbeiterinformationen zu erfassen (z. B. Vorname, Nachname, Titel usw. aus dem oberen Teil des Formulars). Sobald wir auf "Einfügen" – "Formularelemente einfügen" klicken und "Eingabefeld" auswählen, erscheint das Dialogfenster "Designelement einfügen". Im folgenden Dialogfenster haben wir das Element "Vorname" hervorgehoben – das Eingabefeld wird nun mit dem Element "Vorname" verknüpft. Auf diese Weise wird, wenn der Endbenutzer Daten in das Eingabefeld eingibt und das Formular speichert, diese Information im Element "Vorname" in der XML-Datei gespeichert. [![clip_image006](https://lh6.ggpht.com/-hLEflFy1sJM/Tylx0LpM5BI/AAAAAAAAAUE/QCVAwLktES0/clip_image006_thumb%25255B1%25255D.png?imgmax=800 "clip_image006")](http://lh5.ggpht.com/-QUkLxSHiyyQ/Tylxzmp1ZDI/AAAAAAAAAUA/AdyDzJnw8us/s1600-h/clip_image006%25255B4%25255D.png) Wir fügen nun Designelemente im gesamten Formular hinzu und verknüpfen die Eingabefelder mit den entsprechenden Elementen aus der XML-Datei. Sobald wir alle Eingabefelder, ein Logo, Linien, eine Tabelle für die Ausgabenpositionen und Beschriftungen hinzugefügt haben, sieht das Design wie folgt aus. Wir haben den Transparenzwert (Opazität) für das Vorlagenbild auf 0 gesetzt, um die Darstellung der Designelemente zu erleichtern. Bitte beachten Sie außerdem, dass wir zusätzliche Designarbeiten durchgeführt haben, wie z. B. das Hinzufügen von Kalendern in Datumsfeldern, Dropdown-Menüs und einem Währungssymbol, das sich je nach Benutzereingabe ändert. Für weitere Informationen zur Feinabstimmung Ihres Formulars finden Sie das Benutzer- und Referenzhandbuch von StyleVision in der StyleVision-Anwendung. [![clip_image007](https://lh5.ggpht.com/-NcEKgP1bloM/Tylx0_ywOhI/AAAAAAAAAUY/4GeDFsaqALE/clip_image007_thumb%25255B1%25255D.png?imgmax=800 "clip_image007")](http://lh6.ggpht.com/-6y0s0Fw7DwM/Tylx0c6fXWI/AAAAAAAAAUM/kXNi7-6jlkU/s1600-h/clip_image007%25255B4%25255D.png) Wir können eine Vorschau anzeigen, wie der Endbenutzer das von uns in StyleVision erstellte Formular sehen wird, indem wir auf den Reiter "Authentisches Formular" am unteren Rand des Designfensters (siehe unten) klicken. Beachten Sie, dass der Endbenutzer aufgefordert wird, Daten direkt in jedes Eingabefeld einzugeben. Wir haben dies erreicht, indem wir die Aufforderungen (z. B. "Vorname eingeben") zwischen den entsprechenden Tags in der XML-Datei eingefügt haben, die mit unserem Design verknüpft ist. Der Endbenutzer markiert einfach die Aufforderung und ersetzt sie durch Text. [![(Kein Text zum Übersetzen.)](https://lh6.ggpht.com/-BzpjcpBQ1Mk/Tylx2JqE0mI/AAAAAAAAAUk/b3DXBvOeuXg/clip_image008_thumb%25255B1%25255D.png?imgmax=800 "clip_image008")](http://lh6.ggpht.com/-ptt0UtL62Lg/Tylx1iVid9I/AAAAAAAAAUg/Qu_ADFN7oBg/s1600-h/clip_image008%25255B4%25255D.png) Sobald wir das Design des Antragsformulars fertiggestellt haben, können wir das gesamte Design – einschließlich des XML-Schemas und der Instanzdateien, der Bilder und aller zugehörigen Dateien – in einer einzigen PXF®-Datei (Portable XML Form®) speichern. Durch das Speichern des Designs als PXF können wir das Formular zusammen mit den in der zugrunde liegenden XML-Datei aktualisierten Daten per E-Mail an Personen innerhalb und außerhalb des Firmennetzwerks versenden. [![clip_image009](https://lh3.ggpht.com/-O0d5WlE1mSA/Tylx2-b6WVI/AAAAAAAAAU0/Y5BiYvb0vIk/clip_image009_thumb%25255B1%25255D.png?imgmax=800 "clip_image009")](http://lh3.ggpht.com/-VMZmAOAgRk8/Tylx2pKvf0I/AAAAAAAAAUs/UhLjbQI7JC4/s1600-h/clip_image009%25255B4%25255D.png) Sobald wir auf "OK" klicken, werden wir aufgefordert, die Dateien auszuwählen, die in der PXF-Datei enthalten sein sollen. Beachten Sie, dass wir unter dem Abschnitt "XSLT-Dateien generieren und speichern" HTML, RTF, PDF und Word 2007+ ausgewählt haben. Dadurch kann ein Endbenutzer das Formular – zusammen mit den Daten – direkt aus Authentic in diesen Formaten erstellen. [![clip_image010](https://lh6.ggpht.com/-e2J8FrTol9g/Tylx3lPSJzI/AAAAAAAAAVI/MgA_NqZXJwc/clip_image010_thumb%25255B1%25255D.png?imgmax=800 "clip_image010")](http://lh3.ggpht.com/-J86iYroLYSs/Tylx3NPVeCI/AAAAAAAAAVA/oL949YN13jI/s1600-h/clip_image010%25255B4%25255D.png) Nachdem wir das Formular im PXF-Format gespeichert haben, ist das elektronische Formular, das wir in StyleVision erstellt haben, bereit für den Einsatz in einem Geschäftsumfeld. In unserem Beispiel haben wir ein Team von Vertriebsmitarbeitern, die weltweit tätig sind und Erstattungen für geschäftliche und Reisekosten beantragen müssen. Die Vertriebsmitarbeiter füllen Berichte über ihre Ausgaben aus, leiten diese zur Genehmigung an ihre Vorgesetzten weiter und senden dann die genehmigten Berichte an die Zentrale, damit die Informationen in das Buchhaltungssystem eingepflegt werden können. Das PXF macht dies einfach. Sobald ein Verkäufer bereit ist, eine Erstattungsanfrage zu stellen, öffnet er einfach das PXF in Authentic und kann sofort mit der Eingabe der Informationen in das Formular beginnen. Im Folgenden ist ein Screenshot eines ausgefüllten Erstattungsformulars in Authentic zu sehen – beachten Sie, dass das Formular noch die Unterschrift eines Vorgesetzten benötigt. [![clip_image011](https://lh6.ggpht.com/-PqHJjTayqHQ/Tylx42HpMPI/AAAAAAAAAVU/WoTlq4VUg3g/clip_image011_thumb%25255B1%25255D.gif?imgmax=800 "clip_image011")](http://lh4.ggpht.com/-4xV4NlMmEMM/Tylx4YLRgNI/AAAAAAAAAVQ/88HKRf0Duxc/s1600-h/clip_image011%25255B4%25255D.gif) Jetzt muss die Verkäuferin das Formular an ihren Vorgesetzten zur Genehmigung weiterleiten. Es ist einfach, eine E-Mail mit dem direkt angehängten Formular von Authentic aus zu versenden. [![clip_image013](https://lh3.ggpht.com/-nwJcmO8vH_I/Tylx7fSozXI/AAAAAAAAAVo/3wdy8d1Qztg/clip_image013_thumb%25255B1%25255D.jpg?imgmax=800 "clip_image013")](http://lh5.ggpht.com/-FEkZyQ8nNto/Tylx5M-76XI/AAAAAAAAAVg/KZVEed6FUts/s1600-h/clip_image013%25255B4%25255D.jpg) Sobald die Managerin die E-Mail erhalten hat, kann sie einfach doppelt auf den Anhang klicken, und dieser wird in Authentic geöffnet. Hier hat die Managerin das Kontrollkästchen "Genehmigt" aktiviert und ihren Namen sowie das Datum hinzugefügt. [![clip_image014](https://lh3.ggpht.com/-D1b3X6JNTvA/Tylx8DplILI/AAAAAAAAAV4/v-6i22w2TRE/clip_image014_thumb%25255B1%25255D.png?imgmax=800 "clip_image014")](http://lh4.ggpht.com/-txmoksF37EI/Tylx70wPKXI/AAAAAAAAAVw/8WE22SRVBj4/s1600-h/clip_image014%25255B4%25255D.png) Der Manager kann dann die aktualisierte PXF-Datei per E-Mail an den Verkäufer zurücksenden, der diese wiederum an die Zentrale weiterleitet, damit sie in das Buchhaltungssystem importiert und verarbeitet werden kann. Unsere fiktive Zentrale erhält natürlich hunderte von Erstattungsanträgen pro Tag und hat einen Prozess etabliert, um diese in die entsprechenden Oracle-Datenbanken im Buchhaltungssystem zu importieren. Wir werden Altova MapForce verwenden, ein grafisches [Ein Werkzeug zur Datenzuordnung, -konvertierung und -transformation, das die Umwandlung von beliebigen Datentypen ermöglicht](https://www.altova.com/de/mapforce.html), um die Unternehmensdatenbank mit den Daten aus den Angeboten zu befüllen. Nachdem die Zuordnung eingerichtet wurde, generieren wir automatisch Code mit MapForce, sodass wir die Transformation entweder durch Batch-Verarbeitung oder durch eine Echtzeit-Konvertierung automatisieren können. Zuerst richten wir die Zuordnung ein. Wir haben die XML-Datei "ExpRpt", die wir aus dem PXF extrahiert haben, auf der linken Seite des MapForce-Designfensters eingefügt und dann die Oracle-Datenbank auf der rechten Seite des Designfensters. Jetzt können wir Felder aus der XML-Datei mit den Erstattungsdaten per Drag-and-Drop in die Oracle-Datenbank ziehen. Wir können auch Daten transformieren, wie wir es mit dem Element "Approved" getan haben. Hier haben wir die integrierte boolesche Funktion verwendet, um den String-Wert, der in der XML-Datei gespeichert ist ("true" oder "false"), in die entsprechenden numerischen Werte (1 oder 0) umzuwandeln. Wir können auch eigene Funktionen erstellen. Die von uns erstellte Zuordnung wird unten angezeigt. [![clip_image015](https://lh4.ggpht.com/-xVl2FP0BPFI/Tylx9VhN53I/AAAAAAAAAWI/7Y4ZMOGxQOw/clip_image015_thumb%25255B1%25255D.png?imgmax=800 "clip_image015")](http://lh6.ggpht.com/-ScqUKOBXByQ/Tylx8wyZcCI/AAAAAAAAAWA/-VpEFnE6YoM/s1600-h/clip_image015%25255B4%25255D.png)