David J McClelland
Digital | Experience
David J McClelland
Digital | Experience

Post

Rapid App Builder IDE

Mashup Builder UI
Mashup Builder after UI Overhaul

Changes to the UI included a visual refresh, some usability improvements and a limited overhaul of the underlying code.

An example of changes to the Widgets panel.

The underlying code changes replaced DOM-centric Jquery repeaters with a data-model driven framework. This allowed features such as categorization and filtering to be orchestrated in JSON configs. It also enabled localization of the UI elements which were previously tightly coupled to widget file names.

Changes were implemented over a series of releases instead of a wholesale replacement, which helped take customers along the journey as they upgraded. It also gave us a real-world walk through a migration on a true multi-tenant SAAS platform, which is where this product was headed.