--- title: "Data-uitwisseling voor mobiele medewerkers" date: "2012-02-01" categories: - "data-integration" tags: - "software-tools" - "stylevision" - "xml-reports" - "xml-to-database" description: Ontdek hoe Altova's StyleVision en Authentic een efficiënte uitwisseling van gegevens mogelijk maken voor mobiele teams, door elektronische formulieren te creëren en te beheren die geïntegreerd zijn met IT-systemen. --- Status: #blog Tags: #software-tools #stylevision #xml-reports #xml-to-database Categories: [data-integration](/blog/nl/category/data-integration.md) # Data-uitwisseling voor mobiele medewerkers Organisaties zijn gedwongen om veel van hun interne bedrijfsprocessen aan te passen om tegemoet te komen aan een steeds mobieler wordende werknemersbasis. Hoewel er technologische oplossingen zijn die veel van de communicatiebehoeften van vandaag adresseren, betekent de grote verscheidenheid aan documentformaten die in gebruik zijn – zelfs binnen dezelfde organisatie – dat sommige taken nog steeds lastig zijn. Bijvoorbeeld, hoe kan een organisatie flexibel genoeg blijven om de uitwisseling van gegevens tussen mobiele werknemers te faciliteren, terwijl ze tegelijkertijd de mogelijkheid behouden om die gegevens in interne IT-systemen te integreren? Altova biedt een kosteneffectieve oplossing met StyleVision®, een grafische opmaak- en rapportontwerper met de mogelijkheid om elektronische formulieren te maken, en Authentic®, een WYSIWYG-editor voor XML en databases, waarin eindgebruikers elektronische formulieren die in StyleVision zijn gemaakt, kunnen bekijken en bewerken. De Authentic Community Edition is [gratis te downloaden via de website van Altova](https://www.altova.com/nl/download/authentic/xml_db_form_editor_desktop.html), zodat iedereen, zowel intern als extern bij uw organisatie, kan worden geïntegreerd in uw workflow. [![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 dit artikel presenteren we een voorbeeld waarin we laten zien hoe u een elektronisch formulier kunt maken dat een bestaand papieren formulier nabootst (in ons voorbeeld is dit een declaratieformulier). Vervolgens volgen we het formulier terwijl het door een fictieve organisatie wordt gebruikt. Let op: het voorbeeld dat we hier gebruiken is eenvoudig en is uitsluitend bedoeld om het proces van het ontwikkelen en implementeren van een elektronisch formulier te illustreren. Hoewel u in StyleVision extra databronnen kunt toevoegen en validatie- en andere complexe functies kunt uitvoeren, hebben we dit hier niet geïllustreerd. Het is zeer eenvoudig om elektronische formulieren te ontwerpen in StyleVision. Om te beginnen, selecteert u eenvoudigweg "Nieuw" en vervolgens "Nieuw vanuit XML-schema/DTD/XML..." in het menu "Bestand", bladert u naar een XML-schema-bestand en selecteert u het type ontwerp dat u wilt maken. Voor dit voorbeeld hebben we een XML-schema en een instantiebestand gemaakt in XMLSpy, een product van Altova [XML-editor en ontwikkelomgeving](https://www.altova.com/nl/xmlspy.html), op basis van de velden op het formulier voor vergoedingen. U kunt een StyleVision-ontwerp ook baseren op een database of een XBRL-taxonomie. Hieronder vindt u een kopie van het formulier voor vergoedingen dat we zullen gebruiken, samen met het XML-schema dat we hebben gemaakt. [![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) Zodra we het XML-bestand in StyleVision hebben geselecteerd, krijgen we de vraag of we een document willen maken met een vrije lay-out of een formuliergebaseerd document. In een formuliergebaseerd document zijn alle designelementen (bijvoorbeeld tekstvelden voor gebruikersinvoer, afbeeldingen, knoppen) vastgelegd op een bepaalde positie – ideaal voor invoervormen. Wanneer we een formuliergebaseerd document maken, kunnen we een "blauwdrukafbeelding" uploaden, zodat we een papieren formulier precies kunnen repliceren zoals het oorspronkelijk is ontworpen. Dit is de optie die we hieronder hebben gekozen. De afbeelding verschijnt op de achtergrond van het ontwerpvenster en we plaatsen simpelweg designelementen bovenop de overeenkomstige elementen in het formulier. Uiteraard verschijnt de blauwdrukafbeelding niet in de uiteindelijke output. [![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) De onderstaande screenshot toont de afbeelding van de plattegrond, zoals deze verschijnt in het ontwerpvenster van StyleVision – hoe handig is dat? [![clip_image005](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) Nu kunnen we, met behulp van het menu "Invoegen" bovenaan, eenvoudig ontwerp elementen toevoegen aan de blauwdruk afbeelding in het ontwerpvenster. Beschikbare ontwerp elementen omvatten formulierbesturingselementen (bijvoorbeeld invoervakken, comboboxen, radiobuttons), afbeeldingen, tabellen, grafieken en "lay-out containers" voor precieze positionering. We beginnen met het toevoegen van invoervelden om medewerkerinformatie vast te leggen (bijvoorbeeld voornaam, achternaam, functie, enz. van het bovenste gedeelte van het formulier). Zodra we op "Invoegen" klikken, vervolgens op "Formulierbesturingselementen" en "Invoerveld" selecteren, verschijnt het dialoogvenster "Ontwerp element invoegen". In het dialoogvenster hieronder hebben we het element "Voornaam" gemarkeerd – het invoerveld wordt nu gekoppeld aan het element "Voornaam". Op deze manier, wanneer de eindgebruiker gegevens in het invoerveld invoert en het formulier opslaat, worden deze gegevens ingevuld in het element "Voornaam" in het XML-bestand. [![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) We voegen nu designelementen toe aan de rest van het formulier, waarbij we invoervelden koppelen aan de bijbehorende elementen uit het XML-bestand. Zodra we klaar zijn met het toevoegen van invoervelden, een logo, lijnen, een tabel voor de kostenposten en labels, ziet het ontwerp er als volgt uit. We hebben de transparantie (opacity) van de blauwdruk afbeelding ingesteld op 0 om het gemakkelijker te maken om de designelementen te bekijken. Let ook op dat we extra designwerk hebben uitgevoerd, zoals het toevoegen van kalenders in datavelden, dropdownmenu's en een valutateken dat verandert op basis van de invoer van de gebruiker. Voor meer informatie over het verfijnen van uw formulier, raadpleeg de StyleVision gebruikers- en referentiehandleiding in de StyleVision-applicatie. [![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) We kunnen een voorproefje bekijken van hoe de eindgebruiker het formulier ziet dat we in StyleVision hebben ontworpen, door op het tabblad "Authentieke eForm" onderaan het ontwerpvenster (hieronder) te klikken. Let op dat de eindgebruiker wordt gevraagd om direct gegevens in te voeren in elk invoerveld. Dit hebben we bereikt door de instructies (bijvoorbeeld "Voer voornaam in") tussen de relevante tags in het XML-bestand dat bij ons ontwerp hoort, te plaatsen. De eindgebruiker selecteert eenvoudigweg de instructie en vervangt deze met tekst. [![clip_image008](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) Zodra we het ontwerp van het declaratieformulier hebben afgerond, kunnen we het volledige ontwerp opslaan – inclusief het XML-schema en de bijbehorende bestanden, afbeeldingen en alle andere gerelateerde bestanden – in een enkel PXF® (Portable XML Form®). Door het ontwerp op te slaan als een PXF, kunnen we het formulier per e-mail versturen, samen met de bijgewerkte gegevens in het onderliggende XML-formulier, naar mensen zowel binnen als buiten het bedrijfsnetwerk. [![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) Zodra we op "OK" klikken, krijgen we de mogelijkheid om de bestanden te selecteren die we in de PXF willen opnemen. Let op dat we onder de sectie "XSLT-bestanden genereren en opslaan" HTML, RTF, PDF en Word 2007+ hebben geselecteerd. Dit stelt een eindgebruiker in staat om het formulier – met data – direct vanuit Authentic in deze formaten te genereren. [![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) Nu we het hebben opgeslagen in een PXF-formaat, is het elektronische formulier dat we in StyleVision hebben ontworpen klaar om te worden ingezet in een bedrijfsonderneming. In ons voorbeeld hebben we een team van verkopers dat wereldwijd actief is en dat vergoedingen moet aanvragen voor zakelijke en reisuitgaven. De verkopers vullen kostenrapporten in, sturen deze naar hun managers voor goedkeuring en sturen vervolgens de goedgekeurde rapporten naar het hoofdkantoor, zodat de informatie kan worden toegevoegd aan het boekhoudsysteem. De PXF maakt dit eenvoudig. Zodra een verkoper klaar is om een vergoeding aan te vragen, opent ze simpelweg de PXF in Authentic en kan ze direct beginnen met het invullen van het formulier. Hieronder een screenshot van een ingevuld vergoedingformulier in Authentic – let op dat het formulier nog de handtekening van een manager vereist. [![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) Nu moet de verkoper het formulier naar haar manager sturen ter goedkeuring. Het is eenvoudig om een e-mail te starten met het formulier als bijlage, rechtstreeks vanuit Authentic. [![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) Zodra de manager de e-mail heeft ontvangen, kan ze eenvoudig dubbelklikken op de bijlage, waarna deze automatisch opent in Authentic. Hier heeft de manager het vakje "Goedgekeurd" aangevinkt en haar naam en de datum toegevoegd. [![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) De manager kan vervolgens het bijgewerkte PXF-bestand per e-mail terugsturen naar de verkoper, die op zijn beurt het bestand naar het hoofdkantoor stuurt, zodat het in het boekhoudsysteem kan worden geïmporteerd voor verwerking. Ons fictieve hoofdkantoor ontvangt uiteraard honderden vergoedingaanvragen per dag en heeft een proces ontwikkeld om deze te importeren in de relevante Oracle-databases in het boekhoudsysteem. We zullen Altova MapForce gebruiken, een grafische [een tool voor het mappen, converteren en transformeren van data, ongeacht het formaat](https://www.altova.com/nl/mapforce.html), Om de bedrijfsdatabase te vullen met de gegevens uit de offertes, stellen we eerst de koppelingen in. Vervolgens genereren we automatisch code met behulp van MapForce, zodat we de transformatie kunnen automatiseren, ofwel via batchverwerking of via een real-time conversie. Eerst gaan we de koppeling instellen. We hebben het XML-bestand "ExpRpt", dat we uit PXF hebben geëxtraheerd, aan de linkerkant van het MapForce-ontwerpvenster geplaatst, en vervolgens de Oracle-database aan de rechterkant van het ontwerpvenster. Nu kunnen we velden uit het XML-bestand met de vergoedinggegevens naar de Oracle-database slepen en neerzetten. We kunnen ook gegevens transformeren, zoals we hebben gedaan met het element "Approved". Hier hebben we de ingebouwde boolean-functie gebruikt om de stringwaarde die in het XML-bestand is opgeslagen ("true" of "false") om te zetten in de numerieke equivalenten (1 of 0). We kunnen ook onze eigen functies maken. De koppeling die we hebben gemaakt, wordt hieronder weergegeven. [![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)