¿Cómo la extensibilidad mejora el desarrollo de sus aplicaciones?

Aunque Bonita ofrece un amplio conjunto de funciones ya incorporadas en la herramienta para satisfacer las necesidades de la mayoría de los proyectos de automatización de procesos de negocio, hay ocasiones en las que una necesidad inesperada no puede ser cubierta por las funciones predeterminadas. Precisamente por eso Bonita está diseñada para ser extensible.

La extensibilidad permite a los desarrolladores ampliar la plataforma sin tener que modificar el código fuente. Esto permite a los desarrolladores:

• Utilizar los datos y la funcionalidad de aplicaciones preexistentes
• Aprovechar las herramientas existentes
• Ampliar las capacidades nativas de la plataforma BPM
• Integrarse plenamente con los demás sistemas de la empresa

Hay varios puntos de extensión dentro de Bonita que se pueden personalizar para satisfacer las necesidades de los proyectos. Veremos esas capacidades a través del UI Designer de Bonita.

Bonita UI Designer: Widgets personalizados

En el Bonita UI Designer, el usuario dispone de un conjunto de widgets predeterminados para poder crear y personalizar las páginas o formularios. Si los widgets predeterminados no cubren necesidades específicas, es posible desarrollar widgets personalizados utilizando HTML, AngularJS y Javascript. Los widgets personalizados se pueden utilizar en todas las páginas, formularios y elementos de Bonita.

• Los widgets personalizados en Bonita se componen de: 
• Una descripción del widget
• Propiedades presentadas por el widget
• Una plantilla que describe la estructura HTML del widget
• Un controlador que describe la lógica del widget
• Recursos en el caso en que el widget utilice librerías JavaScript externas, definiciones CSS o imágenes
• Declaración de módulos de AngularJS si el widget utiliza servicios o directivas que no están incorporados en el marco de AngularJS

La implementación del widget personalizado se basa en el framework AngularJS. Cuando se abre el editor de widgets personalizados para crear un nuevo widget personalizado, se verá un ejemplo sencillo que ilustra los usos básicos de estos conceptos.
 

Bonita UI Designer: Layout

En Bonita, un layout es una página utilizada para definir el marco principal de una aplicación. Define el posicionamiento de los menús, un pie de página y cualquier contenido común que pueda mostrarse en cada página de la aplicación. Cada aplicación puede tener su propio diseño, y un diseño puede estar vinculado a una aplicación utilizando el descriptor de la aplicación.

La extensibilidad de Bonita permite personalizar el diseño de la aplicación BPM existente utilizando su diseñador de interfaz de usuario Bonita UI designer. Para personalizar los diseños en Bonita, sólo se necesitan conocimientos básicos de Javascript, AngularJS, Bootstrap y Bonita.

• Tener esta capacidad de personalizar el diseño de la aplicación permite:
• Personalizar el tema con diseño reactivo
• Conservar el diseño de Bonita Studio o proporcionar su propio diseño
• Cambiar el diseño para que aparezca en todas las páginas
• Personalizarlo completamente

Esta característica de extensibilidad permite compartir contenido común en todas las páginas de la aplicación.
 

Bonita UI Designer: Páginas

¿Y si desea utilizar una interfaz de usuario propia y personalizada? En Bonita Administrator Application se pueden añadir páginas personalizadas para formar parte de una aplicación o para personalizar la información proporcionada en las páginas predeterminadas de la aplicación.

Para implementar esta característica de extensibilidad, es necesario proporcionar recursos HTML, CSS y Javascript que respeten algunas restricciones de empaquetado. El Diseñador de interfaz Bonita UI designer le permite crear una página correctamente diseñada para ser usada.

Las ventajas de crear páginas personalizadas en Bonita incluyen:

• Facilidad de uso
• Opciones de arrastrar y soltar o proporcionar un código propio (HTML, CSS, Javascript)
• Acceso a más de 25 widgets
• Otras infinitas posibilidades para construir las distintas páginas
   

Bonita UI Designer: Traducciones

Con frecuencia, las empresas encuentran limitaciones cuando se trata de aplicaciones multilingües. En Bonita, los menús de las aplicaciones personalizadas también pueden traducirse. El Bonita UI Designer incluye un mecanismo para añadir traducciones a través de páginas, diseños y elementos de formularios para poder soportar aplicaciones multilingües.

También hay versatilidad en la forma de gestionar las traducciones. Se pueden traducir todas las cadenas de texto mostradas en una página, diseño o formulario en particular. También pueden traducirse fragmentos y cadenas de widgets personalizados en páginas, diseños o formularios incorporados.

Cada página en Bonita tiene un activo de localización que contiene las claves y las traducciones para todas las cadenas y todos los idiomas que soporta la página. El activo es un archivo llamado localization.json y, modificándolo según sea necesario para las cadenas y las traducciones, podemos traducir las páginas en Bonita.

Bonitasoft entiende lo que las empresas necesitan para tener éxito y es por eso que hemos construido nuestra plataforma de automatización de procesos de negocio BPM con la aceleración de la entrega de aplicaciones de procesos de negocio en mente. Capacitamos a los desarrolladores profesionales para que desarrollen aplicaciones de negocio altamente personalizadas y totalmente integradas de forma más rápida con una completa extensibilidad de la plataforma. 

3 maneras de saber más:

• Construya hoy mismo aplicaciones altamente personalizadas y basadas en procesos, de forma gratuita, con nuestra Bonita Community Edition de código abierto
• Vea cómo puede reinventar un BPM.  Consulte nuestra demostración gratuita de la plataforma Bonita (en inglés).
• ¿Está interesado en el soporte y los servicios del ciclo de vida completo del proyecto, desde el desarrollo hasta las operaciones? Descubra la potencia de Bonita Subscription Edition.  Póngase en contacto con nosotros para obtener más información.