--- title: "Convertir un diseño de StyleVision a MobileTogether" date: "2017-04-27" categories: - "applications" - "mobile" tags: - "android" - "enterprise-forms" - "ios" - "mobile-development" - "mobiletogether" - "stylevision" description: Este artículo explica cómo convertir diseños de StyleVision en aplicaciones de MobileTogether, lo que permite implementar formularios empresariales en dispositivos móviles y navegadores web. --- Status: #blog Tags: #android #enterprise-forms #ios #mobile-development #mobiletogether #stylevision Categories: [low-code+no-code](/blog/es/category/low-codeno-code.md) | [mobile-development](/blog/es/category/mobile-development.md) # Convertir un diseño de StyleVision a MobileTogether StyleVision, la herramienta visual de transformación XSLT de Altova [diseñador de hojas de estilos](https://www.altova.com/es/stylevision/xslt-stylesheet-designer.html) y [diseñador de informes](https://www.altova.com/es/stylevision/multi-format-report-builder.html), también es muy potente [diseñador de formularios empresariales](https://www.altova.com/es/stylevision/authentic-form-design.html) Ideal para clientes que necesitan integrar datos de XML o de bases de datos en formularios electrónicos para su uso con Altova Authentic. Authentic es un editor visual (WYSIWYG) diseñado para usuarios sin conocimientos técnicos y está disponible en.. [Versiones para escritorio y complementos para navegadores](https://www.altova.com/es/authentic/desktop-browser-deployment.html). Sin embargo, debido al aumento de los problemas de seguridad, el soporte para los complementos nativos se está eliminando gradualmente en la mayoría de los navegadores web modernos. Si es cliente de Authentic Browser Edition, no se preocupe: ahora puede convertir cualquier diseño de StyleVision existente a un diseño de MobileTogether para implementarlo a través de MobileTogether Server como una simple URL que puede ser accedida por los navegadores web, o incluso como una aplicación nativa en un dispositivo móvil. Analicemos ahora las ventajas de ese enfoque. ![Adaptación de formularios empresariales a aplicaciones móviles](/blog/images/v2017R3_convert.jpg) ## Convierta formularios tradicionales en aplicaciones para dispositivos móviles con MobileTogether La capacidad de convertir a [MobileTogether](https://www.altova.com/es/mobiletogether.html) funciona para cualquier diseño de StyleVision, por ejemplo, para adaptar un informe empresarial haciéndolo accesible a través de una aplicación para dispositivos iOS, Android y Windows. Sin embargo, es especialmente relevante para empresas que, de otro modo, utilizarían la edición Authentic Browser para implementar un formulario corporativo.   ![Exportar StyleVision para dispositivos móviles](/blog/images/sv-to-mt.png)   Vamos a analizar un ejemplo utilizando el archivo SPS "Invoice" que se incluye con StyleVision, ya que este tipo de aplicación es ideal para su implementación en dispositivos móviles o en un navegador. Aquí hay un fragmento del formulario electrónico de factura para "Authentic", mostrado en StyleVision:   ![Factura de StyleVision](/blog/images/stylevision-invoice.png)   Ahora, cuando exporto el archivo Invoice.sps a un archivo de MobileTogether y lo abro en MobileTogether Designer, el formato, la estructura y la funcionalidad se mantienen. Dependiendo de la complejidad del diseño de StyleVision que se esté convirtiendo, puede ser necesario realizar algunos trabajos adicionales en MobileTogether para lograr la estética y la funcionalidad deseadas. Sin embargo, dado que Invoice es una aplicación relativamente sencilla, no requerirá muchas modificaciones. Veamos cómo se ve de inmediato ejecutando el simulador integrado en MobileTogether. Esta vista simulada muestra cómo funcionará Invoice en un iPad, y el simulador puede ejecutarse para todos los sistemas operativos y formatos.   ![Simulador de aplicaciones](/blog/images/app-simulator-ipad.png)   Realicemos algunos cambios rápidos para actualizar el campo de entrada de fecha y convertirlo en un selector de fecha. Simplemente puedo arrastrar el control de "Fecha" desde el panel de controles hasta la sección de "Fecha de factura" en el diseño, y luego arrastrar y soltar de nuevo para asociar el elemento XML "InvoiceDate" a ese control.   ![Añadir un selector de fechas a la aplicación](/blog/images/add-date-picker.png)   Veamos cómo se ve esto, esta vez simulando la aplicación en un dispositivo Android. Como pueden ver, el selector de fecha específico del sistema operativo ahora aparece cuando el usuario pulsa el botón que acabo de añadir. Cuando cambio la fecha, los nuevos datos se almacenan correctamente en el elemento InvoiceDate.   ![Selector de fecha para Android](/blog/images/app-date-picker.png)   Una vez que estemos satisfechos con el nuevo diseño de la aplicación, podremos implementarla para los usuarios finales a través de aplicaciones nativas para dispositivos iOS (iPhone y iPad), cualquier dispositivo Android y ordenadores con Windows 8/10 **así como en cualquier navegador web**. Con el cliente de navegador MobileTogether, no es necesario ningún complemento para el navegador; los usuarios simplemente visitan una URL que les proporcionen para acceder a la aplicación, la cual es servida directamente por el servidor MobileTogether y utiliza únicamente HTML5, CSS y JavaScript. Tenga en cuenta que MobileTogether ofrece dos opciones de implementación: - Para entornos internos o empresariales, los usuarios finales pueden acceder a su aplicación, con sólidas medidas de seguridad, conectándose a su servidor MobileTogether desde su navegador web. También pueden descargar la aplicación cliente de MobileTogether, que es gratuita, para iOS, Android, Windows Phone o Windows 8/10, y conectarse a su servidor en el dispositivo de su elección. - Si se requiere una mayor personalización, los desarrolladores pueden añadir elementos de marca personalizados, crear una aplicación nativa para cada plataforma y enviarla a las tiendas de aplicaciones, donde los usuarios pueden descargarla. En este caso, también se puede proporcionar una URL para el cliente de navegador. De cualquier manera, ahora tiene la flexibilidad de implementar su formulario empresarial en prácticamente cualquier navegador web o en cualquier dispositivo móvil. MobileTogether incluye una amplia gama de funciones avanzadas [funcionalidades para el desarrollo de aplicaciones móviles](https://www.altova.com/es/mobiletogether/features/default.asp), Así, sus aplicaciones pueden ser tan simples o tan sofisticadas como usted desee. Generar un archivo MTD como punto de partida ahorra una gran cantidad de tiempo y le permite comenzar rápidamente a crear su primer formulario móvil, ya sea que lo implemente como una aplicación móvil, una aplicación para navegador, o ambas. No necesita experiencia específica en desarrollo móvil para [crear una aplicación](https://www.altova.com/es/mobiletogether.html) en MobileTogether, y el proceso de diseño de aplicaciones de MobileTogether será familiar para los desarrolladores de StyleVision. Es fácil empezar: simplemente descargue el [programa gratuito MobileTogether Designer](https://www.altova.com/es/download/mobiletogether.html).