If you are using legacy software and you want to add new features without adding more complexity, this article describes Domain Driven Design, Clean Architecture, or CQRS techniques based on a real life example

by Pascal Garcia and Baptiste Mesta, R&D Engineers at Bonitasoft

If you are using legacy software that is mature and working well, but has a large, complex code base — and you want to add new features without adding more complexity, we have a way of doing that with Domain Driven Design, Clean Architecture, or CQRS techniques that could help you.

This article offers a step by step guide on how to add this feature on your own legacy software based on a real life example.

Context and methodology

In the case we are using as an example, we are starting with software…


Refactoring, adding a new component, or updating a package can sometimes change the appearance of the application. How can we make sure that the visuals are always correct and less painful to test? Here’s one way.

by Celine Souchet, full-stack developer at Bonitasoft

Introduction

As developers, it is our job to ensure that our users get an experience with no regression.

Like any good developer, when I add a feature or fix a bug, I also create unit, integration, and end-to-end tests. This assures that, when the existing code is modified, nothing is accidentally broken, and confirms that user flows are functional.

Like many people, I’ve gotten used to using a manual process to visually check that the design looks as intended.

Refactoring, adding a new component, or updating a package can sometimes change the appearance of…


Or, do you really need to code your UI?

by Jerome Cambon, full-stack developer at Bonitasoft

Disclaimer: this article is not a comparative study on UI Builders. I’ll try to answer the question: do you really need to code your UI?

What is a UI Builder?

A UI Builder provides a way to create a Graphical User Interface (GUI, or UI for simplicity) by drag and dropping graphical components (Buttons, Text Fields, Date Pickers, …) to a white screen. Then, the components are resized, re-arranged and configured to get the required look.

Should developers use UI builders ? Or should they code the interface themselves?

They are pros and cons to both approach:

Pros

  • Very…

In this article, I continue the step-by-step explanation of how user interface pages are developed by the Bonitasoft team.

by Dumitru Corini, Bonitasoft R&D Engineer

This article is a continuation of the article Development of a UI Designer page as done at Bonitasoft, Part 1 in which I talked about general page design choices, and then specifically about a list-styled page. In this article, I will detail the edit group modal. I chose to focus on this as it has most of the things you can find in other modals — and more.

Modal general decisions

To talk about modals, we first need to talk about the widget itself. The modal widget cannot be included inside another container in the whiteboard, which…


In this article, I will provide a step-by-step explanation, with examples, of how user interface pages are developed by the Bonitasoft team.

by Dumitru Corini, Bonitasoft R&D Engineer

The work of my team at Bonitasoft is aimed at replacing some of the existing pages of the current Bonita Portal.

Since we work in agile, our design choices are not set in stone — we update when we decide it’s appropriate to do so, and then apply the changes to all the pages. But, generally speaking, the choices explained here are ones that apply to pretty much every page that we create.

And before I start, I’ll note that when you are going to use the 2021.1 version of the Bonita development suite…


In this series of articles started here, we are explaining our process for how to develop a way of visualizing the underlying process of an application in a BPMN (Business Process Modeling and Notation) format when only event logs are available.

by Olan Anesini, Bonitasoft Data Scientist, Pascal Garcia, R&D Engineer, and Baptiste Mesta, R&D Engineer

This series of articles should be interesting to anyone who would like to ultimately be able to visualize their business processes when their applications are not based on BPMN processes (application administrators, for example).

In this article, we will explain the approach for this…


If you use Bonita UI Designer to develop forms and pages for a process application on the Bonita BPMN platform, you may want to create custom widgets — and this is another article that will offer some ideas and instructions.

by Marcin Michniewicz, Bonitasoft R&D Engineer

The Bonita platform offers a graphical web UI editor called Bonita UI Designer. If you use Bonita UI Designer to develop forms and pages for a process application on the Bonita BPMN platform, you may want to create custom widgets — and this is another article that will offer some ideas and instructions.

Specifically…


The Bonita platform offers a graphical web UI editor called Bonita UI Designer. If you use Bonita UI Designer to develop pages for a process application, you may want to create custom widgets — and this article is for you.

By Anthony Birembaut, Bonitasoft R&D engineer

The Bonita platform offers a graphical web UI editor called Bonita UI Designer. If you use, or plan to use, Bonita UI Designer to develop pages for a process application, you may want to create custom widgets — and this article is for you. It is based on the real experience of our team developing web applications with Bonita UI Designer.

Our front-end team was recently developing new application pages using Bonita UI Designer, and we struggled with one of the provided widgets whose behaviour did not exactly fit our requirements: the Autocomplete widget.


Create a build workflow with GitHub Actions

by Marcin Michniewicz, Bonitasoft R&D Engineer

Introduction

The BPMN Visualization, open source project, has been launched to develop a TypeScript Library for process visualization. In this article, I’ll explain how we are using GitHub actions to create a build workflow which we’ll use for this BPMN Visualization project.

But first, some definitions.

BPMN is a graphical notation standard published by the Object Management Group that is used to model executable business processes.

BPMN Visualization is a TypeScript library designed so you can visualize process execution data on BPMN diagrams.
It is in the early development stage, and so is subject to…


See how to add a typing animation effect to the text-widget in Bonita UI Designer using CSS (or write your own HTML and use the same CSS codes)

by Bishal Thalpaliya, Bonita R&D Engineer & front end developer

CSS allows us to add animation without using JavaScript to the HTML elements to change incrementally from one style to another as many times as we want. To add an animation to the elements, we need to specify @keyframes. In this post, I will explain how to add a typing animation effect to the text-widget in Bonita UI Designer using CSS. …

Bonitasoft

Bonitasoft helps innovative companies worldwide deliver better digital user experiences — for customers and employees — on the Bonita application platform.

Get the Medium app

A button that says 'Download on the App Store', and if clicked it will lead you to the iOS App store
A button that says 'Get it on, Google Play', and if clicked it will lead you to the Google Play store