Los desarrolladores necesitan herramientas que mejoren la eficiencia del desarrollo y ofrezcan capacidades de personalización robustas. Aunque la plataforma Bonita Business Process Automation (BPA) proporciona capacidades completas para el desarrollo e integración de aplicaciones de procesos, el nuevo Bonita UI Builder presenta una herramienta de nueva generación que integra sin esfuerzo el diseño de UI en estas aplicaciones. Esta herramienta ofrece a los desarrolladores una forma simplificada de crear, iterar y desplegar interfaces de usuario altamente personalizadas y receptivas.
Descubramos cómo el Bonita UI Builder puede transformar una simple idea en una aplicación conectada a tus datos y lógica empresarial en tan solo unos minutos.
Conecta las aplicaciones de procesos de negocio con el diseño de interfaces
Las aplicaciones de negocio completas requieren interfaces de usuario de calidad que estén perfectamente integradas con los procesos que las respaldan.
Acelera la transformación digital con interfaces listas para producción en un tiempo récord
El Bonita UI Builder permite un desarrollo eficiente y escalable de interfaces de usuario, conectando los procesos de negocio con un diseño moderno de interfaces. Esta herramienta combina la simplicidad del desarrollo low-code con la potencia de una integración y personalización a nivel empresarial, acelerando así el desarrollo y la entrega.
- Desarrollo un 80 % más rápido: Las herramientas low-code aceleran la creación de interfaces de usuario. Simplifica el proceso de diseño con una interfaz intuitiva de arrastrar y soltar, autocompletado de código y herramientas avanzadas de depuración.
- Ciclos de iteración 10 veces más rápidos: Las capacidades de prototipado rápido permiten a los equipos iterar diseños en tiempo récord, respondiendo a comentarios y necesidades empresariales en constante evolución sin demoras.
- Lanzamiento más rápido al mercado: Ahorra tiempo con el prototipado y desarrollo rápidos.
Crea interfaces de usuario totalmente alineadas con tus procesos empresariales
- La integración profunda con el ecosistema Bonita garantiza que las interfaces se alineen perfectamente con los procesos de negocio, workflows y datos.
- El Bonita UI Builder es compatible tanto con Bonita Runtime como con las Aplicaciones Independientes, lo que lo convierte en la opción ideal para las empresas que priorizan la sincronización entre sus interfaces y los sistemas BPM.
Cumple con requisitos complejos sin sacrificar la usabilidad
- Más de 45 widgets preconfigurados, soporte para JavaScript personalizado, y capacidades de diseño ilimitadas de arrastrar y soltar.
- Ya sea que estés creando una aplicación de una sola página o un panel de control complejo, el Bonita UI Builder ofrece la flexibilidad necesaria para satisfacer necesidades empresariales específicas.
- Soluciones escalables: Crea aplicaciones que evolucionan con tu negocio.
Flexibilidad empresarial: Cumple con requisitos complejos sin comprometer la experiencia del usuario.
Empodera a los equipos de desarrollo para crear interfaces sin cuellos de botella técnicos
- Gracias a su plataforma low-code intuitiva, el Bonita UI Builder hace que el diseño de interfaces sea accesible tanto para usuarios técnicos como no técnicos.
- Este enfoque democratiza la creación de interfaces, permitiendo que los equipos multidisciplinarios contribuyan de manera efectiva.
Aprovecha frameworks modernos y responsivos en un entorno intuitivo de arrastrar y soltar
- Construido sobre el potente framework React, el Bonita UI Builder garantiza interfaces dinámicas y receptivas, ofreciendo experiencias de usuario excepcionales.
- Las opciones de depuración nativa y las funciones de importación/exportación de JSON mejoran la flexibilidad, asegurando que los desarrolladores puedan centrarse en la innovación.
Características clave del Bonita UI Builder
Las funcionalidades del Bonita UI Builder responden a las necesidades diversas de los desarrolladores UX en el ámbito empresarial:
- Una interfaz de arrastrar y soltar que simplifica el diseño con herramientas intuitivas y edición visual.
- Más de 45 widgets que proporcionan todos los elementos necesarios para crear interfaces complejas.
- El autocompletado de código y la depuración nativa optimizan la codificación con sugerencias inteligentes y herramientas integradas.
- El soporte para JavaScript personalizado ofrece opciones avanzadas para casos de uso únicos.
- La integración fluida con BPA garantiza un alineamiento perfecto con todos los flujos de trabajo y sistemas de información integrados en Bonita.
- Despliegue como imagen Docker personalizada, compatible con Bonita Runtime en entornos Bonita Cloud y on-premise.
Cómo funciona el Bonita UI Builder
Comenzar con el Bonita UI Builder es sencillo:
- Descarga y lanza Bonita UI Builder. La imagen Docker está disponible en el Bonita Artifact Repository. Configura tu entorno Docker e inicia sesión para comenzar.
- Diseña la interfaz. Usa la interfaz de arrastrar y soltar para seleccionar widgets, personalizar diseños y aplicar estilos.
- Conecta tus procesos. Vincula los elementos de la interfaz con los procesos Bonita y workflows mediante APIs para garantizar una funcionalidad fluida.
- Empaqueta y despliega. Exporta tu interfaz y procesos como una imagen Docker y despliega en el entorno elegido: on-premise o en la nube.
¡Por supuesto! Una documentation completa está a tu disposición para guiarte en cada paso.
Descubre la interfaz de diseño del Bonita UI Builder
- A la izquierda, están los widgets (elementos visuales) que puedes arrastrar y soltar en el área de diseño central. Aquí también puedes definir las solicitudes API (en la pestaña "Queries") que conectarán los widgets con el modelo de proceso Bonita.
- A la derecha, configura las propiedades de los widgets y obtén una vista previa de cómo se renderiza la interfaz en diferentes tamaños de pantalla.
- En el centro, está el "canvas" de diseño donde colocas los elementos visuales y defines el aspecto de la interfaz.
Diseño simplificado
Selecciona un widget de formulario y arrástralo al área central:
Arrastra un widget de entrada dentro del widget de formulario. Así se verá:
¡Y listo! Crear formularios, páginas y otras interfaces de usuario es así de fácil.
En resumen
El Bonita UI Builder combina tecnología eficiente con principios de diseño centrados en el usuario, permitiendo a los desarrolladores crear interfaces funcionales y atractivas.
Ya sea que estés diseñando dashboards orientados al cliente o aplicaciones de procesos para uso interno, el Bonita UI Builder es un aliado excepcional para ofrecer experiencias de usuario de calidad. Gracias a su integración fluida en el ecosistema Bonita, asegura que tus aplicaciones estén completamente alineadas con tus procesos empresariales desde el principio, manteniéndote a la vanguardia en un mercado cada vez más competitivo.
Descubre el Bonita UI Builder hoy mismo y transforma la forma en que diseñas y despliegas interfaces, de manera más rápida, inteligente y eficiente. Contáctanos si deseas conocer más sobre Bonita.