Design using UML
(Universal Modeling Language)
Topic Today
-
Why we need to use UML
-
Types of UML
-
Component Diagram
-
Class Diagram
Why we need to use UML?
help developer easily understand project
Why we need to use UML?
help software developer to communicate
Imagine you have a project like this...
You hardly know the overview of the project
Using UML
Types of UML
Structural Diagrams
Behaviour Diagrams
Class Diagrams
Profile Diagrams
Package Diagrams
Composite Structure Diagrams
Deployment Diagrams
Component Diagrams
Activity Diagrams
UseCase Diagrams
Sequence Diagrams
State Machine Diagrams
Communication Diagrams
Interaction Overview Diagrams
Timing Diagrams
Object Diagrams
Component Diagram
- use to describe organization and the wiring of the component in the system
- used to model the physical aspects of a system
- double check whether every component and function is cater in the design
Component Diagram
Interface
Dependency
Port
expose required and provide interface of a component
Example
Class Diagram
- static diagram
- static view of an application
- constructing executable code of the software application
- describe attributes and methods of a class
- widely use in object-oriented system
classname
attributes
method
parameters
data type
Class Diagram Symbol
Example
Reference
- https://saturnnetwork.wordpress.com/2010/10/22/five-reasons-developers-dont-use-uml-and-six-reasons-to-use-it/
- https://www.process.st/uml-tutorial/
- https://www.smartdraw.com/component-diagram/
- https://www.tutorialspoint.com/uml/uml_component_diagram.htm
- https://creately.com/blog/diagrams/component-diagram-tutorial/
- https://www.smartdraw.com/uml-diagram/#UMLTutorial
- https://javarevisited.blogspot.com/2014/02/ifference-between-association-vs-composition-vs-aggregation.html
- https://www.visual-paradigm.com/guide/uml-unified-modeling-language/uml-aggregation-vs-composition/
- https://stackoverflow.com/questions/1230889/difference-between-association-and-dependency
Design using UML
By shirlin1028
