Model Class Diagram Activity

❮❮ ❮ Back

Next ❯ ❯❯

Activity Goals

• Learn to make model class diagrams using PlantUML.
• Class diagram elements covered:
  • Classes and attributes
  • Associations
  • Association classes

How to Start

Option 1 (Preferred): VS Code Extension

• ① In VS Code, install the PlantUML extension.
• ② Follow the PlantUML extension’s installation instructions, which include the platform-specific instructions below.
• ③ Create an empty text file blog_class_diagram.puml and open it in VS Code.

WSL/Windows Instructions

• WSL extension for VS Code: If not already installed, install in VS Code. Once the extension is installed, run code . in terminal to complete the installation.
• Graphviz and Java Runtime: Install these package dependencies in the terminal.
  • sudo apt install graphviz default-jre

macOS Instructions

• Graphviz and Java Runtime: Install these package dependencies in the terminal.
  • brew install graphviz
  • brew install --cask temurin

Option 2: PlantUML Online Server

• In a browser, navigate to the PlantUML online server.

---

❮❮ ❮ Back

Next ❯ ❯❯