UML Diagrams

29 Jun 2026 · Stone Liu

Use Case Diagrams

Are high level diagrams that don’t show lower level ideas and components. There are 4 different elements here, which include the system, actors, use cases, and relationships.

Systems are whatever you are developing, which can be an app, idea, website, etc. The system is typically represented by a large rectangle that encompasses everything involved inside the system.

Actors interact with the system to achieve a desired outcome or goal. This can be a person, organization, another system or component. Actors are typically not given explicit names and are draw outside of the system since they will be the ones interacting with it.

Use Cases represent actions that are done within a system to accomplish some task. They are represented as ovals.

Class Diagrams

Say we want to build a system that represents a zoo, what we want to do is to represent the different sorts of entities in our system via objects or classes.

For example we can create a class called Animal that represents a generic animal. We can then give the class attributes associated with animals generally. We typically give the name of the attribute followed by their data type. Finally we can provide methods on the animal class that represent the types of actions a specific animal instance can do.

Inheritance represent hierarchies for our classes. Obviously its clear to us that we have specific types of animals that can inherit from some parent class. When we inherit, it obtains all the methods and attributes of their parent class on top of additional properties that are specific to the animal.