UML brief intro & UML class diagram
UML brief introduction
What is UML
- Unified Modeling Language (η΅±δΈε»Ίζ¨‘θͺθ¨)
- A common design language used to describe the structure and the behavior of software systems.
- UML provides a set of diagrams that help in designing and communicating software systems.
Types of UML
-
Structure Diagrams
- Class Diagram
- Component Diagram
- Deployment Diagram
- Object Diagram
- Package Diagram
- Profile Diagram
- Composite Structure Diagram
-
Behavioral Diagrams
- Use Case Diagram
- Activity Diagram
- State Machine Diagram
- Sequence Diagram
- Communication Diagram
- Interaction Overview Diagram
- Timing Diagram
Image Not Showing
Possible Reasons
- The image file may be corrupted
- The server hosting the image is unavailable
- The image path is incorrect
- The image format is not supported
Learn More β
Examples of common types of UML diagram
Use case diagram
Use case diagrams give a graphic overview of the actors involved in a system, different functions needed by those actors and how these different functions interact.
Image Not Showing
Possible Reasons
- The image file may be corrupted
- The server hosting the image is unavailable
- The image path is incorrect
- The image format is not supported
Learn More β
Use case diagram η°‘δ»
Image Not Showing
Possible Reasons
- The image file may be corrupted
- The server hosting the image is unavailable
- The image path is incorrect
- The image format is not supported
Learn More β
Class diagram
Class diagrams are the main building block of any object-oriented solution. It shows the classes in a system, attributes, and operations of each class and the relationship between each class.
Image Not Showing
Possible Reasons
- The image file may be corrupted
- The server hosting the image is unavailable
- The image path is incorrect
- The image format is not supported
Learn More β
Sequence diagram
Sequence diagrams show how objects interact with each other and the order those interactions occur. Itβs important to note that they show the interactions for a particular scenario.
Image Not Showing
Possible Reasons
- The image file may be corrupted
- The server hosting the image is unavailable
- The image path is incorrect
- The image format is not supported
Learn More β
Sequence Diagram Tutorial β Complete Guide with Examples
Image Not Showing
Possible Reasons
- The image file may be corrupted
- The server hosting the image is unavailable
- The image path is incorrect
- The image format is not supported
Learn More β
[UML]εΈηΏηθ¨-εΎͺεΊεε(Sequence Diagrams)
Image Not Showing
Possible Reasons
- The image file may be corrupted
- The server hosting the image is unavailable
- The image path is incorrect
- The image format is not supported
Learn More β
Activity diagram
Activity diagrams represent workflows in a graphical way. They can be used to describe the business workflow or the operational workflow of any component in a system.
Image Not Showing
Possible Reasons
- The image file may be corrupted
- The server hosting the image is unavailable
- The image path is incorrect
- The image format is not supported
Learn More β
Activity diagram η°‘δ»
Image Not Showing
Possible Reasons
- The image file may be corrupted
- The server hosting the image is unavailable
- The image path is incorrect
- The image format is not supported
Learn More β
[UML]εΈηΏηθ¨-ζ΄»εεε(Activity Diagrams)
Image Not Showing
Possible Reasons
- The image file may be corrupted
- The server hosting the image is unavailable
- The image path is incorrect
- The image format is not supported
Learn More β
State Machine Diagram (state chart diagram)
State machine diagrams are similar to activity diagrams, although notations and usage change a bit. These are very useful to describe the behavior of objects that act differently according to the state they are in at the moment.
Image Not Showing
Possible Reasons
- The image file may be corrupted
- The server hosting the image is unavailable
- The image path is incorrect
- The image format is not supported
Learn More β
[UML]εΈηΏηθ¨-ηζ
εε(Statechart Diagrams)
Image Not Showing
Possible Reasons
- The image file may be corrupted
- The server hosting the image is unavailable
- The image path is incorrect
- The image format is not supported
Learn More β
Step of Sofeware Design
Image Not Showing
Possible Reasons
- The image file may be corrupted
- The server hosting the image is unavailable
- The image path is incorrect
- The image format is not supported
Learn More β
UML Class Diagram with JavaScript code sample
UML Class diagram consists two element:
Class
General case
Diagram
Image Not Showing
Possible Reasons
- The image file may be corrupted
- The server hosting the image is unavailable
- The image path is incorrect
- The image format is not supported
Learn More β
Code Sample
Example
Code Sample
Corresponding diagram
Image Not Showing
Possible Reasons
- The image file may be corrupted
- The server hosting the image is unavailable
- The image path is incorrect
- The image format is not supported
Learn More β
Class Relationship
Image Not Showing
Possible Reasons
- The image file may be corrupted
- The server hosting the image is unavailable
- The image path is incorrect
- The image format is not supported
Learn More β
Association
- A filled arrow with a line.
- ClassB uses ClassA or an object of ClassA.
- ClassB calls a static method or a method/property from an object of type ClassA.
Image Not Showing
Possible Reasons
- The image file may be corrupted
- The server hosting the image is unavailable
- The image path is incorrect
- The image format is not supported
Learn More β
Inheritance
- An unfilled arrow pointing to the class that is being extended/inherited.
- ExtendedClass extends Class.
- The extended class contains all the attributes and methods of the inherited class, including its own extra methods, attributes.
Image Not Showing
Possible Reasons
- The image file may be corrupted
- The server hosting the image is unavailable
- The image path is incorrect
- The image format is not supported
Learn More β
UML Class Diagram Example

code sample
class usage example
Reference