--- title: "Échange de données pour les équipes mobiles" date: "2012-02-01" categories: - "data-integration" tags: - "software-tools" - "stylevision" - "xml-reports" - "xml-to-database" description: Découvrez comment les solutions StyleVision et Authentic d'Altova permettent un échange de données efficace pour les équipes mobiles, grâce à la création et à la gestion de formulaires électroniques intégrés aux systèmes informatiques. --- Status: #blog Tags: #software-tools #stylevision #xml-reports #xml-to-database Categories: [data-integration](/blog/fr/category/data-integration.md) # Échange de données pour les équipes mobiles Les organisations ont été contraintes d'adapter de nombreux processus internes pour s'adapter à une main-d'œuvre de plus en plus mobile. Bien qu'il existe des solutions technologiques qui répondent à de nombreux besoins de communication actuels, la multitude de formats de documents différents utilisés, même au sein de la même organisation, signifie que certaines tâches restent problématiques. Par exemple, comment une organisation peut-elle rester suffisamment flexible pour faciliter l'échange de données entre les employés itinérants, tout en conservant la capacité d'intégrer ces données dans les systèmes informatiques internes ? Altova propose une solution abordable avec StyleVision®, un outil de conception de feuilles de style et de rapports graphiques, doté de fonctionnalités de formulaires électroniques, ainsi qu'avec Authentic®, un éditeur XML et de bases de données WYSIWYG, dans lequel les utilisateurs finaux peuvent visualiser et modifier les formulaires électroniques créés avec StyleVision. L'édition communautaire authentique est [disponible gratuitement sur le site web d'Altova et peut être téléchargée](https://www.altova.com/fr/download/authentic/xml_db_form_editor_desktop.html), ce qui permet d'intégrer n'importe qui dans votre flux de travail, qu'il fasse partie de votre organisation ou non. [![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) Dans cet article, nous vous présenterons un exemple concret qui vous montrera comment créer un formulaire électronique qui reproduit un formulaire papier existant (dans notre exemple, il s'agit d'un formulaire de remboursement) et nous suivrons ensuite son parcours au sein d'une organisation fictive. Veuillez noter que l'exemple que nous utilisons ici est simplifié et a été conçu uniquement pour illustrer le processus de développement et de déploiement d'un formulaire électronique. Bien qu'il soit possible d'ajouter des sources de données supplémentaires et de réaliser des validations et d'autres fonctions complexes dans StyleVision, nous ne les avons pas illustrées ici. Il est extrêmement facile de concevoir des formulaires électroniques dans StyleVision. Pour commencer, nous sélectionnons simplement "Nouveau" > "Nouveau à partir d'un schéma XML/DTD/XML..." dans le menu "Fichier", nous accédons à un fichier de schéma XML et nous sélectionnons le type de conception que nous souhaitons créer. Pour cet exemple, nous avons créé un fichier de schéma XML et un fichier d'instance dans XMLSpy, le logiciel d'Altova [Éditeur XML et environnement de développement](https://www.altova.com/fr/xmlspy.html), basées sur les champs du formulaire de remboursement. Vous pouvez également créer une conception StyleVision à partir d'une base de données ou d'une taxonomie XBRL. Ci-dessous, vous trouverez une copie du formulaire de remboursement que nous utiliserons, ainsi que le schéma XML que nous avons créé. [![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) Une fois que nous avons sélectionné le fichier XML dans StyleVision, nous sommes invités à choisir entre un document à mise en page libre ou un document basé sur un formulaire. Dans un document basé sur un formulaire, tous les éléments de conception (par exemple, les zones de texte pour la saisie utilisateur, les images, les boutons) sont positionnés de manière fixe, ce qui est idéal pour les formulaires de saisie de données. Lorsque nous créons un document basé sur un formulaire, nous pouvons importer une "image de référence" afin de reproduire exactement un formulaire papier tel qu'il a été conçu à l'origine. C'est l'option que nous avons sélectionnée ci-dessous. L'image apparaîtra en arrière-plan de la fenêtre de conception, et nous placerons simplement les éléments de conception au-dessus des éléments correspondants du formulaire. Bien entendu, l'image de référence ne figurera pas dans le résultat final. [![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) La capture d'écran ci-dessous montre l'image du plan comme elle apparaît dans la fenêtre de conception de StyleVision : n'est-ce pas génial ? [![(Image non disponible)](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) Maintenant, en utilisant le menu "Insérer" en haut, nous pouvons simplement insérer des éléments de conception sur l'image du modèle dans la fenêtre de conception. Les éléments de conception disponibles incluent des contrôles de formulaire (par exemple, des champs de saisie, des listes déroulantes, des boutons radio), des images, des tableaux, des graphiques et des "conteneurs de mise en page" pour un positionnement précis. Nous allons commencer par ajouter des champs de saisie pour recueillir les informations des employés (c'est-à-dire, le prénom, le nom, le titre, etc., provenant de la partie supérieure du formulaire). Une fois que nous cliquons sur "Insérer" – "Insérer des contrôles de formulaire" et que nous sélectionnons "Champ de saisie", la boîte de dialogue "Insérer un élément de conception" apparaît. Nous avons mis en évidence l'élément "Prénom" dans la boîte de dialogue ci-dessous : le champ de saisie sera désormais associé à l'élément "Prénom". De cette manière, lorsque l'utilisateur final saisit des données dans le champ de saisie et enregistre le formulaire, ces informations seront associées à l'élément "Prénom" dans le fichier XML. [![(Image non disponible)](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) Nous ajoutons maintenant des éléments de design à l'ensemble du formulaire, en associant les champs de saisie à leurs éléments correspondants provenant du fichier XML. Une fois que nous avons terminé d'ajouter les champs de saisie, un logo, des lignes, un tableau pour les éléments de dépenses et des étiquettes, le design prend cette apparence. Nous avons défini l'attribut d'opacité de l'image de référence à 0 pour faciliter la visualisation des éléments de design. Veuillez également noter que nous avons effectué des travaux de design supplémentaires, tels que l'ajout de calendriers dans les champs de date, des listes déroulantes et un symbole de devise qui change en fonction de la saisie de l'utilisateur. Pour plus d'informations sur la personnalisation de votre formulaire, veuillez consulter le manuel d'utilisation et de référence de StyleVision dans l'application StyleVision. [![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) Nous pouvons visualiser l'apparence du formulaire tel qu'il sera perçu par l'utilisateur final en cliquant sur l'onglet "Authentic eForm" situé en bas de la fenêtre de conception (ci-dessous). Notez que l'utilisateur final est invité à saisir directement des données dans chaque champ de saisie. Nous avons réalisé cela en plaçant les invites (par exemple, "Entrez votre prénom") entre les balises pertinentes dans le fichier XML associé à notre conception. L'utilisateur final sélectionne simplement l'invite et la remplace par du texte. [![(Image non disponible)](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) Une fois que nous aurons terminé la conception du formulaire de remboursement, nous pourrons enregistrer l'ensemble de la conception, y compris le schéma XML et les fichiers d'instance, les images, ainsi que tous les autres fichiers associés, dans un seul fichier PXF® (Portable XML Form®). Enregistrer la conception au format PXF nous permettra d'envoyer le formulaire, ainsi que les données mises à jour dans le formulaire XML sous-jacent, par e-mail aux personnes, qu'elles soient à l'intérieur ou à l'extérieur du réseau local de l'entreprise. [![(Image non disponible)](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) Une fois que nous avons cliqué sur « OK », une fenêtre s'affiche nous demandant de sélectionner les fichiers à inclure dans le PXF. Notez que nous avons sélectionné les formats HTML, RTF, PDF et Word 2007+ sous la rubrique « Générer et stocker les fichiers XSLT... ». Cela permettra à un utilisateur final de générer le formulaire, avec les données, directement depuis Authentic, dans ces formats. [![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) Maintenant que nous l'avons enregistré au format PXF, le formulaire électronique que nous avons conçu avec StyleVision est prêt à être utilisé dans un environnement professionnel. Dans notre exemple, nous avons une équipe de commerciaux répartis dans le monde entier qui doivent demander le remboursement de leurs frais professionnels et de déplacement. Les commerciaux remplissent des rapports de dépenses, les transmettent à leurs responsables pour approbation, puis envoient les rapports approuvés au siège de l'entreprise afin que les informations puissent être intégrées au système comptable. Le système PXF facilite cette tâche. Une fois que le commercial est prêt à soumettre une demande de remboursement, il ouvre simplement le PXF dans Authentic et peut immédiatement commencer à saisir les informations dans le formulaire. Voici une capture d'écran d'un formulaire de remboursement complété dans Authentic – notez que le formulaire nécessite encore la signature d'un responsable. [![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) Maintenant, le commercial doit envoyer le formulaire à son responsable pour approbation. Il est facile de rédiger un courriel avec le formulaire en pièce jointe, directement depuis Authentic. [![(Image non disponible)](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) Une fois que la responsable reçoit l'e-mail, elle peut simplement double-cliquer sur la pièce jointe, qui s'ouvrira alors dans l'application Authentic. Ici, la responsable a coché la case "Approuvé" et a ajouté son nom ainsi que la date. [![(Image non disponible)](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) Le responsable peut ensuite renvoyer le formulaire PXF mis à jour par e-mail au commercial, qui à son tour l'envoie par e-mail au siège de l'entreprise afin qu'il puisse être importé dans le système comptable pour traitement. Notre siège d'entreprise fictif reçoit, bien sûr, des centaines de demandes de remboursement chaque jour et a mis en place une procédure pour les importer dans les bases de données Oracle pertinentes du système comptable. Nous utiliserons Altova MapForce, un outil graphique [Un outil de mappage, de conversion et de transformation de données, capable de traiter n'importe quel type de données](https://www.altova.com/fr/mapforce.html), pour alimenter la base de données de l'entreprise avec les données provenant des devis. Une fois la configuration établie, nous générerons automatiquement du code à partir de MapForce, ce qui nous permettra d'automatiser la transformation, soit par traitement par lots, soit par conversion en temps réel. Tout d'abord, nous allons configurer la correspondance des données. Nous avons inséré le fichier XML "ExpRpt", que nous avons extrait de PXF, dans la partie gauche de la fenêtre de conception de MapForce, puis nous avons inséré la base de données Oracle dans la partie droite de cette même fenêtre. Maintenant, nous pouvons faire glisser et déposer les champs du fichier XML contenant les données de remboursement dans la base de données Oracle. Nous pouvons également transformer les données, comme nous l'avons fait avec l'élément "Approved". Ici, nous avons utilisé la fonction booléenne intégrée pour convertir la valeur chaîne stockée dans le fichier XML ("true" ou "false") en ses équivalents numériques (1 ou 0). Nous pouvons également créer nos propres fonctions. La correspondance que nous avons créée est affichée ci-dessous. [![(Image non disponible)](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)