Main Content

Create Architecture Views Interactively

The structural hierarchy of a system typically differs from the hierarchy of the functional requirements of a system. With views in System Composer™, you can view a system based on different hierarchies.

For an overview of topics on views, see Create Custom Views Using Architecture Views Gallery.

A view shows a customizable subset of elements in a model. Views can be filtered based on stereotypes or names of components, ports, and interfaces, along with the name, type, or units of an interface element. Create views by adding elements manually. Views create a simplified way to work with complex architectures by focusing on certain parts of the architectural design.

You can use different types of views to represent the system. Switch between a component diagram, component hierarchy, or architecture hierarchy. For software architectures, you can switch to a class diagram view. A viewpoint represents a stakeholder perspective that specifies the contents of the view.

A viewpoint represents a stakeholder perspective that specifies the contents of the view. For example, you can author a system using requirements. A view allows you to better understand what components you need to satisfy your requirements while not necessarily focusing on the structure.

This example uses the architecture model for a keyless entry system to create component diagram views.

A component diagram represents a view with components, ports, and connectors based on how the model is structured.

Component diagrams allow you to programmatically or manually add and remove components from the view.

For more information on the keyless entry architecture, see Modeling System Architecture of Keyless Entry System.

For more information on authoring architecture models from the Architecture Views Gallery, see Author Architecture Models Through Component Diagram Views.

Tip

To learn more about how System Composer concepts apply to systems engineering design, see System Composer Concepts.

Create Views with Component Filters and Port Filters

Create views with component filters to choose a collection of components to display in your view. Use port filters to further simplify your view and show only relevant ports and connections.

Create View in Architecture Views Gallery

  1. In the MATLAB® Command Window, enter this command.

    scKeylessEntrySystem
    The architecture model opens in System Composer.

  2. Navigate to Modeling > Architecture Views to open the Architecture Views Gallery.

    The Architecture Views Gallery shows the option to create a new view.

  3. Select New > View to create a new view.

  4. In View Properties on the right pane, in the Name text box, enter a name for this view, for example, Software Component Review. Choose a color and enter a description, if necessary.

    A new view called software component review.

Add Component Filters and Group Ports

  1. In the View Configurations pane, on the Filter tab, click Add Component Filter to add new form-based criterion to a component filter.

  2. From the Select list, select Components. From the Where list, select Stereotype. Select isa. In the text box, select AutoProfile.SoftwareComponent.

    The view configurations filter query display with a component filter.

  3. Click Apply Apply.

    System Composer creates a view using the query in the Component Filter box. The view filter selects all components with the AutoProfile.SoftwareComponent stereotype applied.

    The updated view after applying the component query.

  4. You can select Group Ports in the Architecture Views Gallery toolstrip to simplify complex networks of connections and ports.

    The updated view after port grouping.

    Each grouped set of ports connects to a common set of components. In this example, the view does not group port AtoB because the port group containing components A and B belongs to a different component set from the port group containing components A, B, and C.

    Three component in an architecture diagram named A, B, and C, with two different component set port groups.

    Three component in an architecture view named A, B, and C, with two different component set port groups, the second of which are grouped.

    To revert to the original component diagram view, clear Group Ports. For more information, see Group Ports in Component Diagram Views.

  5. Select Add Component Filter. From the Select list, select Components. From the Where list, select Name. Select ~contains. In the text box, enter "Door Lock". Select the Auto Apply check box to apply future changes without selecting Apply.

    The view configurations filter query display with two component filters.

  6. An architecture view is created using the additional query in the Component Filter box. The view is filtered to select all components not named "Door Lock".

    View filtered without door lock components.

Add Port Filters

  1. From the Add Port Filter list, select the option Hide Unconnected Ports.

    The view configurations filter query display with two component filters and a port filter.

  2. An architecture view is created using the additional query in the Port Filter box. The view is filtered to hide unconnected ports.

    The updated view after applying the port query.

  3. Delete the port filter. Pause on the constraint and select the Delete delete button.

Add Group By Criteria to Views

  1. In the View Configurations pane, select Grouping.

  2. To choose a property enumeration for grouping, click Add Group By.

  3. From the list, select AutoProfile.BaseComponent.ReviewStatus.

  4. Click Add Group By again.

  5. From the list, select AutoProfile.SoftwareComponent.ImplementationLanguage.

  6. Click Apply.

    The grouped view.

Edit Views Interactively

With the Architecture Views Gallery tool, you can edit and rearrange your view layout interactively.

  • Click and drag components anywhere inside or outside the views canvas. Resize components inside and outside the views canvas. The views canvas expands to accommodate the moves.

  • Move and resize a parent component with its children. Rearrange child components inside a parent component. After moving a child component, the parent component expands to accommodate the change.

  • When a moved or resized component partially overlaps another component, the system is highlighted to indicate an incorrect final state.

  • Click and drag around a region to select multiple components and manipulate them together.

  • Double-click a component on the Model Components browser to add the component to the diagram. Right-click a component on the Model Components browser for additional options.

  • Undo or redo interactive edits on the views canvas.

You can also use the Interface Editor tool from within the Architecture Views Gallery to add, edit, and delete interface definitions and interface data dictionaries. For more information, see Use Interface Editor in Views.

Follow these steps to add or delete elements from a view using the Model Components browser.

  1. To add more components to the view, drag and drop components from Model Components. Drag and drop the Lighting System component to the Software Component Review view. Alternatively, click Add on the toolstrip. You can also press Ctrl+I to add component instantiations to your view when you select them.

    The display on the views editor shows clicking and dragging the lighting system component into the view.

    To delete components from the view, select your component. On the Architecture Views Gallery toolstrip, from the Components menu, click Remove.

  2. Observe that the Lighting System component has been added to the view.

    The view now includes the lighting system component.

    You can add or remove components manually in views without deleting your initial filter because the filter is augmented to reflect your manual edits to the view.

    To remove a component from your view, use the keyboard shortcut Backspace on Windows or Delete on a Mac. To delete a component from the model when using the component diagram view canvas, use the keyboard shortcut CTRL+Backspace on Windows or Command+Delete on a Mac.

Add or Remove Requirements Links from Views

  1. Navigate to Requirement > Requirements Manager. A Requirements Toolbox™ license is required. The Requirement Links tab appears at the bottom of the Software Component Review view.

  2. Select the Lighting Controller component and observe the linked requirement Automatically turn off headlights.

    The automatically turn off headlights requirement link appears below the view.

  3. Select the requirement Automatically turn off headlights to open the Requirements Editor to view or modify requirement links.

  4. In the Architecture Views Gallery, navigate to Requirement > Open Requirements Editor if the Requirements Editor is not open already.

  5. Select the Should unlock door requirement.

  6. Return to the Architecture Views Gallery. In the Software Component Review view, select the Lighting Controller component.

  7. Navigate to Requirement > Link to selected requirement. The new requirement Should unlock door is added.

    The requirement links in the views gallery show that 'Should unlock door' has been added.

  8. To remove a requirement link, select delete and confirm deletion.

Add Custom Clauses to Component Filters and Port Filters

  1. Select New > View to create a new view.

  2. In View Properties on the right pane, in the Name box, enter a name for this view, for example, Hardware Component View. Choose a Color and enter a Description, if necessary.

  3. In the bottom pane on View Configurations, from the Filter tab, select from the list Add Component Filter > Add Custom Component Filter to enter a constraint by which to filter. In the box, enter contains(Property('Name'),'Dashboard').

  4. In the bottom pane on View Configurations, from the Filter tab, select from the list Add Port Filter > Add Custom Port Filter to enter a constraint by which to filter. In the box, enter contains(Property('Name'),'sound').

  5. Select Apply apply.

    Hardware component view with component filter and port filter constraints applied.

    The view is filtered using the constraints in the custom filters. For more information on structuring constraints, see systemcomposer.query.Constraint.

See Also

Tools

Functions

Objects

Related Topics