User interface diagram

UI iteractions generation

User interface diagrams allows to represents user defined forms to get input data and link it with data processing flow.

Sequence diagram, connected to UI diagram, will receive all user input information as input data.

Generated user form

UI diagram will be generated as separate screen page in resulting SPA solution and available by separate url. Following the concept of atomicity and isolation - screen will be represented as separate component, that can be injected into any other user pages.

"Save" button click will trigger "Save user" sequence flow though exposed REST API call.

POST http://localhost:3000/api/v1/ui-diagrams/save-user
{
  "birthDay":"2019-11-20T21:06:14.000Z",
  "firstName":"First",
  "lastName":"Last"
}

Server response will be merged into UI data model and replace current state.