Drawing component diagrams

Component diagram shows the physical aspect of an object-oriented software system. It illustrates the architectures of the software components and dependencies between them.

Creating component diagram

• Click on UML on toolbar and select Component Diagram from the drop down menu.
  
• Right click on Component Diagram in Diagram Navigator and select New Component Diagram from the popup menu.
• Select File > New Diagram > UML Diagrams > Component Diagram from the main menu.

Create component diagram

Creating component

To create component, click Component on the diagram toolbar and then click on the diagram.

Create component

A component will be created.

Component created

Assigning stereotypes

Right click on the package and select Stereotypes > Edit Stereotypes... from the pop-up menu.

Assign stereotypes

When the Component Specification dialog box pops out, the Stereotypes tab is opened by default. The list on the left shows the selectable stereotypes.

If the stereotype you want to use is not on the list, click Edit Stereotypes... button.

Edit stereotypes

Click Add... button in the Configure Stereotypes dialog box.

Add stereotype

Name the stereotype (e.g. application) in the Stereotype Specification dialog box and then click OK button to close it. Click OK button in the Configure Stereotypes dialog box. The added stereotype will then be shown on the list in the Component Specification dialog box. Select it and click Add Selected button. Finally, click OK button to confirm.

Add selected stereotypes

Close the specification dialog box. Stereotypes will be applied to the package.

Stereotypes assigned

Creating provided interface

To create provided interface for a component, move the mouse over the target component and press its resource icon Realization -> Interface.

Create provided interface

Drag it to your preferred place to create a new interface, or drag to an existing interface to connect to it. Release the mouse button to create the required interface.

Provided interface created

Creating required interface

To create required interface for a component, move the mouse over the target component and press its resource icon Usage-> Interface.

Create required interface

Drag it to your preferred place to create a new interface, or drag to an existing interface to connect to it. Release the mouse button to create the required interface.

Required interface created

Creating dependency

To create dependency, click Dependency on the diagram toolbar.

Create dependency

Drag from the source shape, move the mouse over the target shape and then release the mouse button to create the dependency.

Dependency created

Continue to complete the diagram

Completed diagram