--- title: "Intercambio de datos para la fuerza laboral móvil" date: "2012-02-01" categories: - "data-integration" tags: - "software-tools" - "stylevision" - "xml-reports" - "xml-to-database" description: Descubra cómo StyleVision y Authentic de Altova facilitan el intercambio eficiente de datos para equipos de trabajo móviles, mediante la creación y gestión de formularios electrónicos integrados con los sistemas de TI. --- Status: #blog Tags: #software-tools #stylevision #xml-reports #xml-to-database Categories: [data-integration](/blog/es/category/data-integration.md) # Intercambio de datos para la fuerza laboral móvil Las organizaciones se han visto obligadas a adaptar muchos de sus procesos internos para adaptarse a una fuerza laboral cada vez más móvil. Si bien existen soluciones tecnológicas que satisfacen muchas de las necesidades de comunicación actuales, la gran variedad de formatos de documentos utilizados, incluso dentro de la misma organización, significa que algunas tareas siguen siendo problemáticas. Por ejemplo, ¿cómo puede una organización mantener la flexibilidad necesaria para facilitar el intercambio de datos entre los empleados que trabajan fuera de la oficina, a la vez que conserva la capacidad de integrar esos datos en los sistemas de TI internos? Altova ofrece una solución económica con StyleVision®, un diseñador gráfico de hojas de estilo e informes que también permite crear formularios electrónicos, y con Authentic®, un editor XML y de bases de datos de tipo "lo que ves es lo que obtienes" (WYSIWYG) en el que los usuarios finales pueden visualizar y editar los formularios electrónicos creados en StyleVision. La versión Community Edition auténtica está [disponible en el sitio web de Altova como una descarga gratuita](https://www.altova.com/es/download/authentic/xml_db_form_editor_desktop.html), para que cualquier persona pueda integrarse en su flujo de trabajo, ya sea que forme parte de su organización o no. [![(No se proporciona texto para traducir. Por favor, proporcione el texto en inglés que desea que traduzca al español.)](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) En esta publicación, presentaremos un caso de ejemplo que les mostrará cómo crear un formulario electrónico que replique un formulario en papel existente (en nuestro ejemplo, se trata de un formulario de reembolso) y luego seguiremos su recorrido dentro de una organización ficticia. Tengan en cuenta que el ejemplo que utilizamos aquí es simplificado y fue diseñado únicamente para ilustrar el proceso de desarrollo e implementación de un formulario electrónico. Aunque se pueden agregar fuentes de datos adicionales y realizar validaciones y otras funciones complejas en StyleVision, no hemos ilustrado estas funciones aquí. Es extremadamente fácil diseñar formularios electrónicos en StyleVision. Para empezar, simplemente seleccionamos "Nuevo" – "Nuevo a partir de Esquema XML/DTD/XML..." en el menú "Archivo", navegamos hasta un archivo de Esquema XML y seleccionamos el tipo de diseño que deseamos crear. Para este ejemplo, creamos un archivo de Esquema XML y un archivo de instancia en XMLSpy, el software de Altova [Editor y entorno de desarrollo para XML](https://www.altova.com/es/xmlspy.html), basándose en los campos del formulario de reembolso. También puede crear un diseño de StyleVision basándose en una base de datos o una taxonomía XBRL. A continuación, se muestra una copia del formulario de reembolso que utilizaremos, junto con el esquema XML que hemos creado. [![(No se proporciona texto para traducir. Por favor, proporcione el texto en inglés que desea que traduzca al español.)](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) Una vez que seleccionamos el archivo XML en StyleVision, se nos pide que elijamos entre un documento de flujo libre o uno basado en formularios. En un documento basado en formularios, todos los elementos de diseño (por ejemplo, cuadros de texto para la entrada de datos, imágenes, botones) tienen una posición fija, lo que lo hace ideal para formularios de entrada de datos. Cuando creamos un documento basado en formularios, podemos cargar una "imagen de referencia" para poder recrear un formulario en papel exactamente como fue diseñado originalmente. Esta es la opción que hemos seleccionado a continuación. La imagen aparecerá en el fondo de la ventana de diseño y simplemente colocaremos los elementos de diseño sobre los elementos correspondientes del formulario. Por supuesto, la imagen de referencia no aparecerá en el resultado final. [![(No se proporciona texto para traducir. Por favor, proporcione el texto en inglés que desea que traduzca al español.)](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 captura de pantalla que se muestra a continuación muestra la imagen del plano tal como aparece en la ventana de diseño de StyleVision: ¿no es genial? [![(No se proporciona texto para traducir. Por favor, proporcione el texto en inglés que desea que traduzca al español.)](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) Ahora, utilizando el menú "Insertar" que se encuentra en la parte superior, podemos insertar fácilmente elementos de diseño en la imagen del plano dentro de la ventana de diseño. Los elementos de diseño disponibles incluyen controles de formulario (por ejemplo, cuadros de entrada, listas desplegables, botones de opción), imágenes, tablas, gráficos y "contenedores de diseño" para un posicionamiento preciso. Comenzaremos agregando campos de entrada para capturar la información de los empleados (es decir, Nombre, Apellido, Cargo, etc., de la parte superior del formulario). Una vez que hacemos clic en "Insertar" – "Insertar controles de formulario" y seleccionamos "Campo de entrada", aparece el cuadro de diálogo "Insertar elemento de diseño". En el cuadro de diálogo que se muestra a continuación, hemos resaltado el elemento "Nombre". El campo de entrada ahora estará asociado con este elemento. De esta manera, cuando el usuario final ingrese datos en el campo de entrada y guarde el formulario, esta información se asignará al elemento "Nombre" en el archivo XML. [![(No se proporciona texto para traducir. Por favor, proporcione el texto en inglés que desea que traduzca al español.)](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) Ahora, agregamos elementos de diseño en todo el formulario, asociando los campos de entrada con sus respectivos elementos del archivo XML. Una vez que hemos terminado de agregar los campos de entrada, un logotipo, líneas, una tabla para los gastos y etiquetas, el diseño se verá así. Hemos establecido el atributo de opacidad de la imagen de referencia en 0 para facilitar la visualización de los elementos de diseño. Tenga en cuenta también que hemos realizado trabajos de diseño adicionales, como la inclusión de calendarios en los campos de fecha, menús desplegables y un símbolo de moneda que cambia según la entrada del usuario. Para obtener más información sobre cómo personalizar su formulario, consulte el Manual de usuario y referencia de StyleVision en la aplicación 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) Podemos previsualizar cómo el usuario final verá el formulario que hemos diseñado en StyleVision haciendo clic en la pestaña "Authentic eForm" que se encuentra en la parte inferior de la ventana de diseño (abajo). Tenga en cuenta que el usuario final se le pedirá que introduzca datos directamente en cada campo de entrada de datos. Logramos esto colocando las indicaciones (por ejemplo, "Introduzca el nombre") entre las etiquetas relevantes en el archivo XML asociado a nuestro diseño. El usuario final simplemente selecciona la indicación y la reemplaza con texto. [![(No se proporciona texto para traducir. Por favor, proporcione el texto en inglés que desea que traduzca al español.)](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) Una vez que hayamos terminado de diseñar el formulario de reembolso, podremos guardar todo el diseño, incluyendo el esquema XML y los archivos de instancia, las imágenes y cualquier otro archivo asociado, en un único archivo PXF® (Portable XML Form®). Guardar el diseño como un PXF nos permitirá enviar el formulario, junto con los datos actualizados en el formulario XML subyacente, por correo electrónico a personas tanto dentro como fuera de la red local de la empresa. [![(No se proporciona texto para traducir. Por favor, proporcione el texto en inglés que desea que traduzca al español.)](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) Una vez que hacemos clic en "Aceptar", se nos pide que seleccionemos los archivos que se incluirán en el archivo PXF. Observe que hemos seleccionado HTML, RTF, PDF y Word 2007+ en la sección "Generar y almacenar archivos XSLT". Esto permitirá a un usuario final generar el formulario, junto con los datos, en estos formatos directamente desde Authentic. [![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) Ahora que lo hemos guardado en formato PXF, el formulario electrónico que diseñamos en StyleVision está listo para ser implementado en un entorno empresarial. En nuestro ejemplo, tenemos un equipo de vendedores que trabajan en todo el mundo y que necesitan solicitar el reembolso de gastos de viaje y de negocios. Los vendedores completan los informes de gastos, los envían a sus gerentes para su aprobación y, posteriormente, envían los informes aprobados a la oficina central para que la información se pueda incorporar al sistema de contabilidad. El sistema PXF facilita este proceso. Una vez que un vendedor está listo para completar una solicitud de reembolso, simplemente abre el PXF en Authentic y puede comenzar inmediatamente a ingresar la información en el formulario. A continuación, se muestra una captura de pantalla de un formulario de reembolso que ha sido completado en Authentic; observe que el formulario aún necesita la firma de un gerente. [![(No se proporciona texto en inglés para traducir. Por favor, proporcione el texto que desea que traduzca.)](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) Ahora, la vendedora debe enviar el formulario a su gerente para su aprobación. Es fácil iniciar un correo electrónico con el formulario adjunto directamente desde la plataforma 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) Una vez que la gerente recibe el correo electrónico, puede simplemente hacer doble clic en el archivo adjunto y este se abrirá en Authentic. Aquí, la gerente ha marcado la casilla de "Aprobado" y ha añadido su nombre y la fecha. [![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) El gerente puede entonces enviar por correo electrónico el PXF actualizado al vendedor, quien a su vez lo envía a la oficina central para que se pueda importar al sistema de contabilidad para su procesamiento. Nuestra oficina central, por supuesto, recibe cientos de solicitudes de reembolso cada día y ha establecido un proceso para importarlas a las bases de datos de Oracle correspondientes en el sistema de contabilidad. Utilizaremos Altova MapForce, una herramienta gráfica [una herramienta para la asignación, conversión y transformación de datos entre cualquier formato y otro](https://www.altova.com/es/mapforce.html), Para poblar la base de datos corporativa con los datos de las cotizaciones, después de configurar la correspondencia, generaremos automáticamente código a partir de MapForce, lo que nos permitirá automatizar la transformación, ya sea mediante procesamiento por lotes o una conversión en tiempo real. Primero, configuraremos el mapeo. Hemos insertado el archivo XML "ExpRpt", que hemos extraído de PXF, en el lado izquierdo de la ventana de diseño de MapForce, y luego hemos insertado la base de datos de Oracle en el lado derecho de la ventana de diseño. Ahora podemos arrastrar y soltar campos del archivo XML que contiene los datos de reembolso en la base de datos de Oracle. También podemos transformar los datos, como hemos hecho con el elemento "Approved". Aquí, hemos utilizado la función booleana integrada para convertir el valor de texto almacenado en el archivo XML ("true" o "false") en sus equivalentes numéricos (1 o 0). También podemos crear nuestras propias funciones. El mapeo que hemos creado se muestra a continuación. [![(No se proporciona texto para traducir. Por favor, proporcione el texto en inglés que desea que traduzca al español.)](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)