Architecture

The following diagram shows the components for the Framed.io editor.

• Model component - Contains a model of the Compartment Role Object Metamodel (CROM).
• Pictogram component - Business model independent view model for UML based diagrams.
• Linker component - Maintains the correspondence between the Business Model (Model) and the View Model (Pictogram).
• Controller component - Manages a Project, a instance of the business model, and the corresponding Linker.
• Render component - Renders instances of the Pictogram component into displayable HTML Components, that can be embedded in the remaining View component.
• View component - Supplies view components and containers that are used to create the UI. The rendered ViewModel is integrated into these components.
• Application - Main application functions of the editor. It maintains the current Controller and creates the user interface from the View and rendered View Model components.