SlideShare a Scribd company logo
By –
Manas Shukla – A2305212150
Component Diagram
in UML
Plan of Talk 2
Introduction
about
Components
Elements of the
component
Case Study
Components and
Components
Diagrams in UML
Component view:
black-box view and
white-box view
UML Component Diagrams 3
A component is an autonomous unit
within a system
The components can be used to describe
a software system of arbitary size and
complexity
Important for Component Based
Development
Components and subsytems can be
easily reused and replaced
UML Component diagrams enable to
model the high level software
components and the interfaces to those
components
Often referred to as “Wiring Diagrams”
They describe software components and their dependencies to each others.
4
B
Activity Diagram
State Diagram
Use Case Diagram
Interaction Diagram
Behavior
S
Collaboration Diagram
Activity Diagram
Sequence Diagram
Structure
I
Class Diagram
Component Diagram
Deployment Diagram
Interaction
S
Use case Diagram
Class Diagram
Static
D
State Diagram
Activity Diagram
Sequence Diagram
Collaboration Diagram
Dynamic
Component Diagram
Deployment Diagram
Implementation
Classification of UML Diagrams
Component in UML 2.0 5
Has one or more provided or required interfaces
Its internals are hidden and inaccessible
.
A component is encapsulated
Its dependencies are designed such that it can be treated as independently as
possible
Modular Unit with well-defined interfaces that is replaceable within its environment.
Autonomous unit within a system
Components can be labelled with a stereotype
There are a number of standard stereotypes ex: <<entity>>, <<subsystem>>
Component Notation 6
A Component is shown as a
rectangle with
• A keyword <<component>>
• Optionally, in the right hand
corner a component icon can
be displayed
• A component icon is a
rectangle with two smaller
rectangles jutting out from
the left-hand side
• This symbol is a visual
stereotype
• The component name
Optional
Representation
Component Elements 7
An interface
represents a
declaration of a
set of operations
and obligations
Interfaces
A usage
dependency is a
relationship which
one element
requires another
element for its
implementation
Port represents
an interaction
point between a
component and
its environment
• Connect two
components
• Connect
external
contract of a
component to
the internal
structure
Usage
Dependencies
Ports Connectors
Interface 8
• A component defines its
behaviour in terms of provided
and required interfaces
• An interface
• Is the definition of a
collection of one or more
operations
• Provides only the operations
but not the implementation
• Implementation is normally
provided by a class/
component
• In complex systems, the
physical implementation is
provided by a group of
classes rather than a single
class • May be shown using a
rectangle symbol with a
keyword <<interface>>
preceding the name
• For displaying the full
signature, the interface
rectangle can be expanded
to show details
• Characterize services
that the component
offers to its
environment
• Is modeled using a
ball, labelled with the
name, attached by a
solid line to the
component
Provided Interface
• Characterize services that
the component expects
from its environment
• Is modeled using a socket,
labelled with the name,
attached by a solid line to
the component
• In UML 1.x were modeled
using a dashed arrow
Required Interface
Interface can be
 Provided
 Required
9
The ball-and-socket notation hint at that interface in question
serves to mediate interactions between the two components
Where two components/classes provide and
require the same interface, these two notations
may be combined
If an interface is shown using the rectangle symbol,
we can use an alternative notation, using
dependency arrows
In a system context where there are multiple
components that require or provide a particular
interface, a notation abstraction can be used that
combines by joining the interfaces
Dependency 10
Components can be
connected by usage
dependencies
Usage Dependency
• A usage dependency is relationship
which one element requires another
element for its full implementation
• Is a dependency in which the client
requires the presence of the supplier
• Is shown as dashed arrow with a
<<use>> keyword
• The arrowhead point from the dependent
component to the one of which it is
dependent
PORT 11
• Specifies a distinct interaction point
• Between that component and its
environment
• Between that component and its internal
parts
• Is shown as a small square symbol
• Ports can be named, and the name is placed
near the square symbol
• Is associated with the interfaces that specify
the nature of the interactions that may occur
over a port
PORT 12
Ports can support unidirectional
communication or bi-directional
communication
 All interactions of a component with its
environment are achieved through a port
 The internals are fully isolated from the
environment
 This allows such a component to be used in
any context that satisfies the constraints
specified by its ports
 Ports are not defined in UML 1.x
Assembly Connector 13
• A connector between 2 components defines that one
component provides the services that another component
requires
• He must only be defined from a required interface to a
provided interface
• An assembly connector is notated by a “ball-and-socket”
connection
• Are that signals travel along an instance of a connector
originating in a required port and delivered to a provided port
• The interfaces provided and required must be compatible
• The interface compatibility between provided and required
ports that are connected enables an existing component in a
system to be replaced
• Multiple connections directed from a single required interface
to provided interfaces indicates that the instance that will
handle the signal will be determined at execution time
Semantics of an assembly connector
Delegation Connector 14
Semantics
• Links the external contract of a
component to the internal realization
• Represents the forwarding of signals
• He must only be defined between
used interfaces or ports of the same
kind
• The target interface must support a
signature compatible with a subset
of operations of the source interface
• A port may delegate to a set of ports
on subordinate components
• The union of the target interfaces
must be signature compatible with
the source interface
Delegation Connector
Is a declaration that behaviour that is available on a component instance is not realized by that
component itself, but by another instance that has compatible capabilities
Is used to model the hierarchical decomposition
Message and signal flow will occur between the connected ports
Views of a Component 15
An internal, or white box view of a component is
where the realizing classes/components are
nested within the component shape
Realization is a relationship between two set of
model elements
 One represents a specification
 The other represent an implementation of the
latter
The internal class that realize the behavior of a
component may be displayed in an additional
compartment
Compartments can also be used to display
parts, connectors or implementation artifacts
An artifact is the specification of a phisycal piece
of information
Internal View
Views of a Component 16
An external view (or black box view) shows
publicly visible properties and operations
An external view of a component is by means of
interface symbols sticking out of the component
box
The interface can be listed in the compartment
of a component box
External View
CASE STUDY 17

More Related Content

What's hot

Deployment Diagram
Deployment DiagramDeployment Diagram
Deployment Diagram
University of Texas at Dallas
 
Overview of UML Diagrams
Overview of UML DiagramsOverview of UML Diagrams
Overview of UML Diagrams
Manish Kumar
 
UML (Unified Modeling Language)
UML (Unified Modeling Language)UML (Unified Modeling Language)
UML (Unified Modeling Language)
Nguyen Tuan
 
Uml with detail
Uml with detailUml with detail
Uml with detail
Hamza Khan
 
Object diagram
Object diagramObject diagram
Object diagram
Preeti Mishra
 
Presentation on uml
Presentation on umlPresentation on uml
Presentation on uml
Shruti Dalela
 
Lecture6 activity diagrams
Lecture6 activity diagramsLecture6 activity diagrams
Lecture6 activity diagrams
Shahid Riaz
 
Uml
UmlUml
State Diagrams
State DiagramsState Diagrams
State Diagrams
Vaidik Trivedi
 
Component diagram
Component diagramComponent diagram
Component diagram
Preeti Mishra
 
Uml Activity Diagram
Uml Activity DiagramUml Activity Diagram
Uml Activity Diagram
Niloy Rocker
 
UML- Unified Modeling Language
UML- Unified Modeling LanguageUML- Unified Modeling Language
UML- Unified Modeling Language
Shahzad
 
Class diagram- UML diagram
Class diagram- UML diagramClass diagram- UML diagram
Class diagram- UML diagram
Ramakant Soni
 
UML
UMLUML
Uml class-diagram
Uml class-diagramUml class-diagram
Uml class-diagram
ASHOK KUMAR PALAKI
 
Uml
UmlUml
Object modeling
Object modelingObject modeling
Object modeling
Preeti Mishra
 
09 package diagram
09 package diagram09 package diagram
09 package diagram
Baskarkncet
 
Ooad (object oriented analysis design)
Ooad (object oriented analysis design)Ooad (object oriented analysis design)
Ooad (object oriented analysis design)
Gagandeep Nanda
 
Uml class diagram and packages ppt for dot net
Uml class diagram and packages ppt for dot netUml class diagram and packages ppt for dot net
Uml class diagram and packages ppt for dot net
mekhap
 

What's hot (20)

Deployment Diagram
Deployment DiagramDeployment Diagram
Deployment Diagram
 
Overview of UML Diagrams
Overview of UML DiagramsOverview of UML Diagrams
Overview of UML Diagrams
 
UML (Unified Modeling Language)
UML (Unified Modeling Language)UML (Unified Modeling Language)
UML (Unified Modeling Language)
 
Uml with detail
Uml with detailUml with detail
Uml with detail
 
Object diagram
Object diagramObject diagram
Object diagram
 
Presentation on uml
Presentation on umlPresentation on uml
Presentation on uml
 
Lecture6 activity diagrams
Lecture6 activity diagramsLecture6 activity diagrams
Lecture6 activity diagrams
 
Uml
UmlUml
Uml
 
State Diagrams
State DiagramsState Diagrams
State Diagrams
 
Component diagram
Component diagramComponent diagram
Component diagram
 
Uml Activity Diagram
Uml Activity DiagramUml Activity Diagram
Uml Activity Diagram
 
UML- Unified Modeling Language
UML- Unified Modeling LanguageUML- Unified Modeling Language
UML- Unified Modeling Language
 
Class diagram- UML diagram
Class diagram- UML diagramClass diagram- UML diagram
Class diagram- UML diagram
 
UML
UMLUML
UML
 
Uml class-diagram
Uml class-diagramUml class-diagram
Uml class-diagram
 
Uml
UmlUml
Uml
 
Object modeling
Object modelingObject modeling
Object modeling
 
09 package diagram
09 package diagram09 package diagram
09 package diagram
 
Ooad (object oriented analysis design)
Ooad (object oriented analysis design)Ooad (object oriented analysis design)
Ooad (object oriented analysis design)
 
Uml class diagram and packages ppt for dot net
Uml class diagram and packages ppt for dot netUml class diagram and packages ppt for dot net
Uml class diagram and packages ppt for dot net
 

Viewers also liked

Component Diagram Templates by Creately
Component Diagram Templates by CreatelyComponent Diagram Templates by Creately
Component Diagram Templates by Creately
Creately
 
Component Diagram
Component DiagramComponent Diagram
Uml deployment diagram
Uml deployment diagramUml deployment diagram
Uml deployment diagram
Asraa Batool
 
Deployment diagram railway reservation system
Deployment diagram railway reservation systemDeployment diagram railway reservation system
Deployment diagram railway reservation systemmuthumeenakshim
 
Pertemuan 12-apbo-componen-diagram-dan-deployment-diagram
Pertemuan 12-apbo-componen-diagram-dan-deployment-diagramPertemuan 12-apbo-componen-diagram-dan-deployment-diagram
Pertemuan 12-apbo-componen-diagram-dan-deployment-diagram
Abi Bobon
 
Diagram Deployment
Diagram DeploymentDiagram Deployment
Diagram Deployment
Agoeng Rivai
 
Bab 11 component diagram 2010
Bab 11 component diagram 2010Bab 11 component diagram 2010
Bab 11 component diagram 2010
donasiilmu
 
Uml basic
Uml basicUml basic
Uml basic
Duc Nguyen
 
Deployement diagram
Deployement diagramDeployement diagram
Deployement diagram
vijay pancholi
 
14 ooad uml-19
14 ooad uml-1914 ooad uml-19
14 ooad uml-19
Niit Care
 
Lecture 6 collaboration diagrams
Lecture 6 collaboration diagramsLecture 6 collaboration diagrams
Lecture 6 collaboration diagrams
ASHOK KUMAR PALAKI
 
Seminar State Chart1
Seminar State Chart1Seminar State Chart1
Seminar State Chart1
Jenish Bhavsar
 
City search documentation
City search documentationCity search documentation
City search documentation
Rajesh Varanasi
 
Collaboration diagram- UML diagram
Collaboration diagram- UML diagram Collaboration diagram- UML diagram
Collaboration diagram- UML diagram
Ramakant Soni
 
Tourist Guide A.R Application Presentation
Tourist Guide A.R Application PresentationTourist Guide A.R Application Presentation
Tourist Guide A.R Application Presentation
yesoun
 
Activity diagram-UML diagram
Activity diagram-UML diagramActivity diagram-UML diagram
Activity diagram-UML diagram
Ramakant Soni
 
Vehicle tracking system using gps and google map
Vehicle tracking system using gps and google mapVehicle tracking system using gps and google map
Vehicle tracking system using gps and google map
sanchit bhargava
 
Sequence diagram
Sequence diagramSequence diagram
Sequence diagram
Rahul Pola
 
Sequence diagram- UML diagram
Sequence diagram- UML diagramSequence diagram- UML diagram
Sequence diagram- UML diagram
Ramakant Soni
 
Chapter 1 computer hardware and flow of information
Chapter 1 computer hardware and flow of informationChapter 1 computer hardware and flow of information
Chapter 1 computer hardware and flow of information
Frankie Jones
 

Viewers also liked (20)

Component Diagram Templates by Creately
Component Diagram Templates by CreatelyComponent Diagram Templates by Creately
Component Diagram Templates by Creately
 
Component Diagram
Component DiagramComponent Diagram
Component Diagram
 
Uml deployment diagram
Uml deployment diagramUml deployment diagram
Uml deployment diagram
 
Deployment diagram railway reservation system
Deployment diagram railway reservation systemDeployment diagram railway reservation system
Deployment diagram railway reservation system
 
Pertemuan 12-apbo-componen-diagram-dan-deployment-diagram
Pertemuan 12-apbo-componen-diagram-dan-deployment-diagramPertemuan 12-apbo-componen-diagram-dan-deployment-diagram
Pertemuan 12-apbo-componen-diagram-dan-deployment-diagram
 
Diagram Deployment
Diagram DeploymentDiagram Deployment
Diagram Deployment
 
Bab 11 component diagram 2010
Bab 11 component diagram 2010Bab 11 component diagram 2010
Bab 11 component diagram 2010
 
Uml basic
Uml basicUml basic
Uml basic
 
Deployement diagram
Deployement diagramDeployement diagram
Deployement diagram
 
14 ooad uml-19
14 ooad uml-1914 ooad uml-19
14 ooad uml-19
 
Lecture 6 collaboration diagrams
Lecture 6 collaboration diagramsLecture 6 collaboration diagrams
Lecture 6 collaboration diagrams
 
Seminar State Chart1
Seminar State Chart1Seminar State Chart1
Seminar State Chart1
 
City search documentation
City search documentationCity search documentation
City search documentation
 
Collaboration diagram- UML diagram
Collaboration diagram- UML diagram Collaboration diagram- UML diagram
Collaboration diagram- UML diagram
 
Tourist Guide A.R Application Presentation
Tourist Guide A.R Application PresentationTourist Guide A.R Application Presentation
Tourist Guide A.R Application Presentation
 
Activity diagram-UML diagram
Activity diagram-UML diagramActivity diagram-UML diagram
Activity diagram-UML diagram
 
Vehicle tracking system using gps and google map
Vehicle tracking system using gps and google mapVehicle tracking system using gps and google map
Vehicle tracking system using gps and google map
 
Sequence diagram
Sequence diagramSequence diagram
Sequence diagram
 
Sequence diagram- UML diagram
Sequence diagram- UML diagramSequence diagram- UML diagram
Sequence diagram- UML diagram
 
Chapter 1 computer hardware and flow of information
Chapter 1 computer hardware and flow of informationChapter 1 computer hardware and flow of information
Chapter 1 computer hardware and flow of information
 

Similar to Component Diagram

Architectural Modeling
Architectural ModelingArchitectural Modeling
Architectural Modeling
AMITJain879
 
Ch19
Ch19Ch19
Ch19
phanleson
 
Pressman ch-11-component-level-design
Pressman ch-11-component-level-designPressman ch-11-component-level-design
Pressman ch-11-component-level-design
Oliver Cheng
 
Ch 11-component-level-design
Ch 11-component-level-designCh 11-component-level-design
Ch 11-component-level-design
SHREEHARI WADAWADAGI
 
Koala component model (1)
Koala component model (1)Koala component model (1)
Koala component model (1)
Saransh Garg
 
Software Architecture connectors - ActiveMQ analysis
Software Architecture connectors - ActiveMQ analysisSoftware Architecture connectors - ActiveMQ analysis
Software Architecture connectors - ActiveMQ analysis
Mohammad Shawahneh
 
17612235.ppt
17612235.ppt17612235.ppt
17612235.ppt
yovixi5669
 
5 architecture
5 architecture5 architecture
5 architecture
Adarsh Kumar
 
5-Architecture.ppt
5-Architecture.ppt5-Architecture.ppt
5-Architecture.ppt
DuraisamySubramaniam1
 
Unit 1- OOAD ppt
Unit 1- OOAD  pptUnit 1- OOAD  ppt
Unit 1- OOAD ppt
PRIANKA R
 
Architectural modeling chapter 5 of omd
Architectural modeling chapter 5 of omdArchitectural modeling chapter 5 of omd
Architectural modeling chapter 5 of omd
jayashri kolekar
 
Seii unit7 component-level-design
Seii unit7 component-level-designSeii unit7 component-level-design
Seii unit7 component-level-design
Ahmad sohail Kakar
 
Cbt component based technology architectures
Cbt   component based technology architecturesCbt   component based technology architectures
Cbt component based technology architectures
Saransh Garg
 
Advanced Structural Modeling
Advanced Structural ModelingAdvanced Structural Modeling
Advanced Structural Modeling
AMITJain879
 
Interaction overview and Profile UML Diagrams
Interaction overview and Profile UML DiagramsInteraction overview and Profile UML Diagrams
Interaction overview and Profile UML Diagrams
Husnain Safdar
 
turecko-150426_pse_01
turecko-150426_pse_01turecko-150426_pse_01
turecko-150426_pse_01
Peter Fabo
 
P.Suraj_1AY20CS115_SEppt.pptx
P.Suraj_1AY20CS115_SEppt.pptxP.Suraj_1AY20CS115_SEppt.pptx
P.Suraj_1AY20CS115_SEppt.pptx
SagarBS12
 
Intoduction to uml
Intoduction to umlIntoduction to uml
Intoduction to uml
Mahesh Bhalerao
 
Composite Structure Diagram
Composite Structure DiagramComposite Structure Diagram
Composite Structure Diagram
University of Texas at Dallas
 
UNIT 3-DEMONSTRATING A COMPREHENSIVE UNDERSTANDING OF SOFTWARE DESIGN.pptx
UNIT 3-DEMONSTRATING A COMPREHENSIVE UNDERSTANDING OF SOFTWARE DESIGN.pptxUNIT 3-DEMONSTRATING A COMPREHENSIVE UNDERSTANDING OF SOFTWARE DESIGN.pptx
UNIT 3-DEMONSTRATING A COMPREHENSIVE UNDERSTANDING OF SOFTWARE DESIGN.pptx
LeahRachael
 

Similar to Component Diagram (20)

Architectural Modeling
Architectural ModelingArchitectural Modeling
Architectural Modeling
 
Ch19
Ch19Ch19
Ch19
 
Pressman ch-11-component-level-design
Pressman ch-11-component-level-designPressman ch-11-component-level-design
Pressman ch-11-component-level-design
 
Ch 11-component-level-design
Ch 11-component-level-designCh 11-component-level-design
Ch 11-component-level-design
 
Koala component model (1)
Koala component model (1)Koala component model (1)
Koala component model (1)
 
Software Architecture connectors - ActiveMQ analysis
Software Architecture connectors - ActiveMQ analysisSoftware Architecture connectors - ActiveMQ analysis
Software Architecture connectors - ActiveMQ analysis
 
17612235.ppt
17612235.ppt17612235.ppt
17612235.ppt
 
5 architecture
5 architecture5 architecture
5 architecture
 
5-Architecture.ppt
5-Architecture.ppt5-Architecture.ppt
5-Architecture.ppt
 
Unit 1- OOAD ppt
Unit 1- OOAD  pptUnit 1- OOAD  ppt
Unit 1- OOAD ppt
 
Architectural modeling chapter 5 of omd
Architectural modeling chapter 5 of omdArchitectural modeling chapter 5 of omd
Architectural modeling chapter 5 of omd
 
Seii unit7 component-level-design
Seii unit7 component-level-designSeii unit7 component-level-design
Seii unit7 component-level-design
 
Cbt component based technology architectures
Cbt   component based technology architecturesCbt   component based technology architectures
Cbt component based technology architectures
 
Advanced Structural Modeling
Advanced Structural ModelingAdvanced Structural Modeling
Advanced Structural Modeling
 
Interaction overview and Profile UML Diagrams
Interaction overview and Profile UML DiagramsInteraction overview and Profile UML Diagrams
Interaction overview and Profile UML Diagrams
 
turecko-150426_pse_01
turecko-150426_pse_01turecko-150426_pse_01
turecko-150426_pse_01
 
P.Suraj_1AY20CS115_SEppt.pptx
P.Suraj_1AY20CS115_SEppt.pptxP.Suraj_1AY20CS115_SEppt.pptx
P.Suraj_1AY20CS115_SEppt.pptx
 
Intoduction to uml
Intoduction to umlIntoduction to uml
Intoduction to uml
 
Composite Structure Diagram
Composite Structure DiagramComposite Structure Diagram
Composite Structure Diagram
 
UNIT 3-DEMONSTRATING A COMPREHENSIVE UNDERSTANDING OF SOFTWARE DESIGN.pptx
UNIT 3-DEMONSTRATING A COMPREHENSIVE UNDERSTANDING OF SOFTWARE DESIGN.pptxUNIT 3-DEMONSTRATING A COMPREHENSIVE UNDERSTANDING OF SOFTWARE DESIGN.pptx
UNIT 3-DEMONSTRATING A COMPREHENSIVE UNDERSTANDING OF SOFTWARE DESIGN.pptx
 

Recently uploaded

Everything You Need to Know About X-Sign: The eSign Functionality of XfilesPr...
Everything You Need to Know About X-Sign: The eSign Functionality of XfilesPr...Everything You Need to Know About X-Sign: The eSign Functionality of XfilesPr...
Everything You Need to Know About X-Sign: The eSign Functionality of XfilesPr...
XfilesPro
 
WMF 2024 - Unlocking the Future of Data Powering Next-Gen AI with Vector Data...
WMF 2024 - Unlocking the Future of Data Powering Next-Gen AI with Vector Data...WMF 2024 - Unlocking the Future of Data Powering Next-Gen AI with Vector Data...
WMF 2024 - Unlocking the Future of Data Powering Next-Gen AI with Vector Data...
Luigi Fugaro
 
Operational ease MuleSoft and Salesforce Service Cloud Solution v1.0.pptx
Operational ease MuleSoft and Salesforce Service Cloud Solution v1.0.pptxOperational ease MuleSoft and Salesforce Service Cloud Solution v1.0.pptx
Operational ease MuleSoft and Salesforce Service Cloud Solution v1.0.pptx
sandeepmenon62
 
Beginner's Guide to Observability@Devoxx PL 2024
Beginner's  Guide to Observability@Devoxx PL 2024Beginner's  Guide to Observability@Devoxx PL 2024
Beginner's Guide to Observability@Devoxx PL 2024
michniczscribd
 
Upturn India Technologies - Web development company in Nashik
Upturn India Technologies - Web development company in NashikUpturn India Technologies - Web development company in Nashik
Upturn India Technologies - Web development company in Nashik
Upturn India Technologies
 
Optimizing Your E-commerce with WooCommerce.pptx
Optimizing Your E-commerce with WooCommerce.pptxOptimizing Your E-commerce with WooCommerce.pptx
Optimizing Your E-commerce with WooCommerce.pptx
WebConnect Pvt Ltd
 
Assure Contact Center Experiences for Your Customers With ThousandEyes
Assure Contact Center Experiences for Your Customers With ThousandEyesAssure Contact Center Experiences for Your Customers With ThousandEyes
Assure Contact Center Experiences for Your Customers With ThousandEyes
ThousandEyes
 
What is Continuous Testing in DevOps - A Definitive Guide.pdf
What is Continuous Testing in DevOps - A Definitive Guide.pdfWhat is Continuous Testing in DevOps - A Definitive Guide.pdf
What is Continuous Testing in DevOps - A Definitive Guide.pdf
kalichargn70th171
 
The Power of Visual Regression Testing_ Why It Is Critical for Enterprise App...
The Power of Visual Regression Testing_ Why It Is Critical for Enterprise App...The Power of Visual Regression Testing_ Why It Is Critical for Enterprise App...
The Power of Visual Regression Testing_ Why It Is Critical for Enterprise App...
kalichargn70th171
 
Alluxio Webinar | 10x Faster Trino Queries on Your Data Platform
Alluxio Webinar | 10x Faster Trino Queries on Your Data PlatformAlluxio Webinar | 10x Faster Trino Queries on Your Data Platform
Alluxio Webinar | 10x Faster Trino Queries on Your Data Platform
Alluxio, Inc.
 
Enhanced Screen Flows UI/UX using SLDS with Tom Kitt
Enhanced Screen Flows UI/UX using SLDS with Tom KittEnhanced Screen Flows UI/UX using SLDS with Tom Kitt
Enhanced Screen Flows UI/UX using SLDS with Tom Kitt
Peter Caitens
 
Voxxed Days Trieste 2024 - Unleashing the Power of Vector Search and Semantic...
Voxxed Days Trieste 2024 - Unleashing the Power of Vector Search and Semantic...Voxxed Days Trieste 2024 - Unleashing the Power of Vector Search and Semantic...
Voxxed Days Trieste 2024 - Unleashing the Power of Vector Search and Semantic...
Luigi Fugaro
 
Penify - Let AI do the Documentation, you write the Code.
Penify - Let AI do the Documentation, you write the Code.Penify - Let AI do the Documentation, you write the Code.
Penify - Let AI do the Documentation, you write the Code.
KrishnaveniMohan1
 
Orca: Nocode Graphical Editor for Container Orchestration
Orca: Nocode Graphical Editor for Container OrchestrationOrca: Nocode Graphical Editor for Container Orchestration
Orca: Nocode Graphical Editor for Container Orchestration
Pedro J. Molina
 
TMU毕业证书精仿办理
TMU毕业证书精仿办理TMU毕业证书精仿办理
TMU毕业证书精仿办理
aeeva
 
Unlock the Secrets to Effortless Video Creation with Invideo: Your Ultimate G...
Unlock the Secrets to Effortless Video Creation with Invideo: Your Ultimate G...Unlock the Secrets to Effortless Video Creation with Invideo: Your Ultimate G...
Unlock the Secrets to Effortless Video Creation with Invideo: Your Ultimate G...
The Third Creative Media
 
42 Ways to Generate Real Estate Leads - Sellxpert
42 Ways to Generate Real Estate Leads - Sellxpert42 Ways to Generate Real Estate Leads - Sellxpert
42 Ways to Generate Real Estate Leads - Sellxpert
vaishalijagtap12
 
Going AOT: Everything you need to know about GraalVM for Java applications
Going AOT: Everything you need to know about GraalVM for Java applicationsGoing AOT: Everything you need to know about GraalVM for Java applications
Going AOT: Everything you need to know about GraalVM for Java applications
Alina Yurenko
 
The Comprehensive Guide to Validating Audio-Visual Performances.pdf
The Comprehensive Guide to Validating Audio-Visual Performances.pdfThe Comprehensive Guide to Validating Audio-Visual Performances.pdf
The Comprehensive Guide to Validating Audio-Visual Performances.pdf
kalichargn70th171
 
Boost Your Savings with These Money Management Apps
Boost Your Savings with These Money Management AppsBoost Your Savings with These Money Management Apps
Boost Your Savings with These Money Management Apps
Jhone kinadey
 

Recently uploaded (20)

Everything You Need to Know About X-Sign: The eSign Functionality of XfilesPr...
Everything You Need to Know About X-Sign: The eSign Functionality of XfilesPr...Everything You Need to Know About X-Sign: The eSign Functionality of XfilesPr...
Everything You Need to Know About X-Sign: The eSign Functionality of XfilesPr...
 
WMF 2024 - Unlocking the Future of Data Powering Next-Gen AI with Vector Data...
WMF 2024 - Unlocking the Future of Data Powering Next-Gen AI with Vector Data...WMF 2024 - Unlocking the Future of Data Powering Next-Gen AI with Vector Data...
WMF 2024 - Unlocking the Future of Data Powering Next-Gen AI with Vector Data...
 
Operational ease MuleSoft and Salesforce Service Cloud Solution v1.0.pptx
Operational ease MuleSoft and Salesforce Service Cloud Solution v1.0.pptxOperational ease MuleSoft and Salesforce Service Cloud Solution v1.0.pptx
Operational ease MuleSoft and Salesforce Service Cloud Solution v1.0.pptx
 
Beginner's Guide to Observability@Devoxx PL 2024
Beginner's  Guide to Observability@Devoxx PL 2024Beginner's  Guide to Observability@Devoxx PL 2024
Beginner's Guide to Observability@Devoxx PL 2024
 
Upturn India Technologies - Web development company in Nashik
Upturn India Technologies - Web development company in NashikUpturn India Technologies - Web development company in Nashik
Upturn India Technologies - Web development company in Nashik
 
Optimizing Your E-commerce with WooCommerce.pptx
Optimizing Your E-commerce with WooCommerce.pptxOptimizing Your E-commerce with WooCommerce.pptx
Optimizing Your E-commerce with WooCommerce.pptx
 
Assure Contact Center Experiences for Your Customers With ThousandEyes
Assure Contact Center Experiences for Your Customers With ThousandEyesAssure Contact Center Experiences for Your Customers With ThousandEyes
Assure Contact Center Experiences for Your Customers With ThousandEyes
 
What is Continuous Testing in DevOps - A Definitive Guide.pdf
What is Continuous Testing in DevOps - A Definitive Guide.pdfWhat is Continuous Testing in DevOps - A Definitive Guide.pdf
What is Continuous Testing in DevOps - A Definitive Guide.pdf
 
The Power of Visual Regression Testing_ Why It Is Critical for Enterprise App...
The Power of Visual Regression Testing_ Why It Is Critical for Enterprise App...The Power of Visual Regression Testing_ Why It Is Critical for Enterprise App...
The Power of Visual Regression Testing_ Why It Is Critical for Enterprise App...
 
Alluxio Webinar | 10x Faster Trino Queries on Your Data Platform
Alluxio Webinar | 10x Faster Trino Queries on Your Data PlatformAlluxio Webinar | 10x Faster Trino Queries on Your Data Platform
Alluxio Webinar | 10x Faster Trino Queries on Your Data Platform
 
Enhanced Screen Flows UI/UX using SLDS with Tom Kitt
Enhanced Screen Flows UI/UX using SLDS with Tom KittEnhanced Screen Flows UI/UX using SLDS with Tom Kitt
Enhanced Screen Flows UI/UX using SLDS with Tom Kitt
 
Voxxed Days Trieste 2024 - Unleashing the Power of Vector Search and Semantic...
Voxxed Days Trieste 2024 - Unleashing the Power of Vector Search and Semantic...Voxxed Days Trieste 2024 - Unleashing the Power of Vector Search and Semantic...
Voxxed Days Trieste 2024 - Unleashing the Power of Vector Search and Semantic...
 
Penify - Let AI do the Documentation, you write the Code.
Penify - Let AI do the Documentation, you write the Code.Penify - Let AI do the Documentation, you write the Code.
Penify - Let AI do the Documentation, you write the Code.
 
Orca: Nocode Graphical Editor for Container Orchestration
Orca: Nocode Graphical Editor for Container OrchestrationOrca: Nocode Graphical Editor for Container Orchestration
Orca: Nocode Graphical Editor for Container Orchestration
 
TMU毕业证书精仿办理
TMU毕业证书精仿办理TMU毕业证书精仿办理
TMU毕业证书精仿办理
 
Unlock the Secrets to Effortless Video Creation with Invideo: Your Ultimate G...
Unlock the Secrets to Effortless Video Creation with Invideo: Your Ultimate G...Unlock the Secrets to Effortless Video Creation with Invideo: Your Ultimate G...
Unlock the Secrets to Effortless Video Creation with Invideo: Your Ultimate G...
 
42 Ways to Generate Real Estate Leads - Sellxpert
42 Ways to Generate Real Estate Leads - Sellxpert42 Ways to Generate Real Estate Leads - Sellxpert
42 Ways to Generate Real Estate Leads - Sellxpert
 
Going AOT: Everything you need to know about GraalVM for Java applications
Going AOT: Everything you need to know about GraalVM for Java applicationsGoing AOT: Everything you need to know about GraalVM for Java applications
Going AOT: Everything you need to know about GraalVM for Java applications
 
The Comprehensive Guide to Validating Audio-Visual Performances.pdf
The Comprehensive Guide to Validating Audio-Visual Performances.pdfThe Comprehensive Guide to Validating Audio-Visual Performances.pdf
The Comprehensive Guide to Validating Audio-Visual Performances.pdf
 
Boost Your Savings with These Money Management Apps
Boost Your Savings with These Money Management AppsBoost Your Savings with These Money Management Apps
Boost Your Savings with These Money Management Apps
 

Component Diagram

  • 1. By – Manas Shukla – A2305212150 Component Diagram in UML
  • 2. Plan of Talk 2 Introduction about Components Elements of the component Case Study Components and Components Diagrams in UML Component view: black-box view and white-box view
  • 3. UML Component Diagrams 3 A component is an autonomous unit within a system The components can be used to describe a software system of arbitary size and complexity Important for Component Based Development Components and subsytems can be easily reused and replaced UML Component diagrams enable to model the high level software components and the interfaces to those components Often referred to as “Wiring Diagrams” They describe software components and their dependencies to each others.
  • 4. 4 B Activity Diagram State Diagram Use Case Diagram Interaction Diagram Behavior S Collaboration Diagram Activity Diagram Sequence Diagram Structure I Class Diagram Component Diagram Deployment Diagram Interaction S Use case Diagram Class Diagram Static D State Diagram Activity Diagram Sequence Diagram Collaboration Diagram Dynamic Component Diagram Deployment Diagram Implementation Classification of UML Diagrams
  • 5. Component in UML 2.0 5 Has one or more provided or required interfaces Its internals are hidden and inaccessible . A component is encapsulated Its dependencies are designed such that it can be treated as independently as possible Modular Unit with well-defined interfaces that is replaceable within its environment. Autonomous unit within a system
  • 6. Components can be labelled with a stereotype There are a number of standard stereotypes ex: <<entity>>, <<subsystem>> Component Notation 6 A Component is shown as a rectangle with • A keyword <<component>> • Optionally, in the right hand corner a component icon can be displayed • A component icon is a rectangle with two smaller rectangles jutting out from the left-hand side • This symbol is a visual stereotype • The component name Optional Representation
  • 7. Component Elements 7 An interface represents a declaration of a set of operations and obligations Interfaces A usage dependency is a relationship which one element requires another element for its implementation Port represents an interaction point between a component and its environment • Connect two components • Connect external contract of a component to the internal structure Usage Dependencies Ports Connectors
  • 8. Interface 8 • A component defines its behaviour in terms of provided and required interfaces • An interface • Is the definition of a collection of one or more operations • Provides only the operations but not the implementation • Implementation is normally provided by a class/ component • In complex systems, the physical implementation is provided by a group of classes rather than a single class • May be shown using a rectangle symbol with a keyword <<interface>> preceding the name • For displaying the full signature, the interface rectangle can be expanded to show details • Characterize services that the component offers to its environment • Is modeled using a ball, labelled with the name, attached by a solid line to the component Provided Interface • Characterize services that the component expects from its environment • Is modeled using a socket, labelled with the name, attached by a solid line to the component • In UML 1.x were modeled using a dashed arrow Required Interface Interface can be  Provided  Required
  • 9. 9 The ball-and-socket notation hint at that interface in question serves to mediate interactions between the two components Where two components/classes provide and require the same interface, these two notations may be combined If an interface is shown using the rectangle symbol, we can use an alternative notation, using dependency arrows In a system context where there are multiple components that require or provide a particular interface, a notation abstraction can be used that combines by joining the interfaces
  • 10. Dependency 10 Components can be connected by usage dependencies Usage Dependency • A usage dependency is relationship which one element requires another element for its full implementation • Is a dependency in which the client requires the presence of the supplier • Is shown as dashed arrow with a <<use>> keyword • The arrowhead point from the dependent component to the one of which it is dependent
  • 11. PORT 11 • Specifies a distinct interaction point • Between that component and its environment • Between that component and its internal parts • Is shown as a small square symbol • Ports can be named, and the name is placed near the square symbol • Is associated with the interfaces that specify the nature of the interactions that may occur over a port
  • 12. PORT 12 Ports can support unidirectional communication or bi-directional communication  All interactions of a component with its environment are achieved through a port  The internals are fully isolated from the environment  This allows such a component to be used in any context that satisfies the constraints specified by its ports  Ports are not defined in UML 1.x
  • 13. Assembly Connector 13 • A connector between 2 components defines that one component provides the services that another component requires • He must only be defined from a required interface to a provided interface • An assembly connector is notated by a “ball-and-socket” connection • Are that signals travel along an instance of a connector originating in a required port and delivered to a provided port • The interfaces provided and required must be compatible • The interface compatibility between provided and required ports that are connected enables an existing component in a system to be replaced • Multiple connections directed from a single required interface to provided interfaces indicates that the instance that will handle the signal will be determined at execution time Semantics of an assembly connector
  • 14. Delegation Connector 14 Semantics • Links the external contract of a component to the internal realization • Represents the forwarding of signals • He must only be defined between used interfaces or ports of the same kind • The target interface must support a signature compatible with a subset of operations of the source interface • A port may delegate to a set of ports on subordinate components • The union of the target interfaces must be signature compatible with the source interface Delegation Connector Is a declaration that behaviour that is available on a component instance is not realized by that component itself, but by another instance that has compatible capabilities Is used to model the hierarchical decomposition Message and signal flow will occur between the connected ports
  • 15. Views of a Component 15 An internal, or white box view of a component is where the realizing classes/components are nested within the component shape Realization is a relationship between two set of model elements  One represents a specification  The other represent an implementation of the latter The internal class that realize the behavior of a component may be displayed in an additional compartment Compartments can also be used to display parts, connectors or implementation artifacts An artifact is the specification of a phisycal piece of information Internal View
  • 16. Views of a Component 16 An external view (or black box view) shows publicly visible properties and operations An external view of a component is by means of interface symbols sticking out of the component box The interface can be listed in the compartment of a component box External View

Editor's Notes

  1. Provided Interface A provided interface is the one that is either realized directly by the component itself, or realized by one of the classifiers realizing component, or is provided by a public port of the component. Required Interface A required interface is either designated by usage dependency from the component itself, or designated by usage dependency from one of the classifiers realizing component, or is required by a public port of the component.
  2. Connector in components extends connector from internal structures. It specifies a link that enables communication between two or more instances. Connector was extended in the components to include contracts and specific notation. Connector linking components could be either: delegation connector, or assembly connector. Kind of connector attribute is derived: a connector with one or more ends connected to a port that is not on a part and that is not a behavior port is a delegation; otherwise it is an assembly. Connector's contract is set of behaviors that specify the valid interaction patterns across the connector.
  3. Development of an application collecting students’ opinions about courses A student can Read Insert Update Make data permanent about the courses in its schedule A professor can only see statistic elaboration of the data The student application must be installed in pc client (sw1, sw2) The manager application must be installed in pc client (in the manager’s office) There is one or more servers with DataBase and components for courses management