How to Create a UML Deployment Diagram

Tutorials|UML|Diagramming| 3 July 2024 | Dusan Rodina - softwareideas.net
In this tutorial, we will guide you through the process of creating a UML Deployment Diagram. Follow these steps to visualize the deployment architecture of your applications effectively. We will demonstrate the diagram creation using a web application example.

Step 1: Creating a New Diagram

  • Navigate to the Project Tab:
    • Open Software Ideas Modeler and go to the Project tab in the ribbon.
  • Add a New UML Deployment Diagram:
    • Click on the "Add New Diagram" button.
    • In the New Diagram dialog, choose the category containing UML diagrams and select "Deployment Diagram."
  • Name Your Diagram:
    • Enter a name for your new diagram in the Name text box. Let's name it "Web Application."
    • Click "OK" to create the diagram.

Step 2: Adding Nodes

  • Create the Web Server Node:
    • Select the Node tool from the toolbox.
    • Draw a large rectangle in the diagram editor and name it "Web Server."
    • The node element represents a device or environment where components and artifacts will be deployed.
  • Create the Database Server Node:
    • Copy the Web Server node by dragging it with the right mouse button pressed to the right of the original node. The new node will align vertically with the first one.
    • Rename this node to "Database Server."

Step 3: Adding Artifacts and Components to the Web Server Node

  • Add an Artifact:
    • Select the Artifact tool from the toolbox.
    • Draw the artifact within the Web Server node and name it "WebApp.war."
  • Add a Component:
    • Drag the Component tool from the toolbox and drop it inside the Web Server node, below the artifact.
    • Name this component "Web Application."
    • To make the component size the same as the artifact, drag the artifact element using the right mouse button onto the Web Application component and select "Make Same / Make Same Size."
  • Link Artifact and Component:
    • Use the Manifest tool to draw a line from the artifact to the component, indicating that the artifact is deployed to the component.

Step 4: Adding Elements to the Database Server Node

  • Copy Elements:
    • Select the artifact and component from the Web Server node.
    • Press CTRL-C to copy them.
  • Paste Elements:
    • Click on the Database Server node and press CTRL-V to paste. Choose "Paste as Copy."
  • Adjust and Rename Elements:
    • Position the pasted elements appropriately.
    • Rename the artifact to "DatabaseSchema.sql" and the component to "Database."

Step 5: Adding Dependency Relationship

  • Create Dependency:
    • Select the Dependency tool from the toolbox.
    • Draw a line from the Web Application component to the Database component, indicating a dependency relationship.

Step 6: Final Touches

  • Optional Visual Representation:
    • If you prefer a folded paper shape for the artifacts, select them and right-click on one.
    • Choose "Presentation Style" and then "Stereotypes" from the context menu.

New Comment

Comment