Home » Software Engineering

Component Diagram | Software Engineering

This article is about the component diagram. In this article, we will briefly study the basic component diagram notations aim to capture. We will cover the types of messages in the component diagram.
Submitted by Monika Sharma, on October 25, 2019

What is Component Diagram?

A Component Diagram breaks down the real system under development into different heights of working. Every component is reactive for the main aim in the entire system and only reacts with other particular elements on a need to know basis. The interfaces on the right are defined as required interfaces, which shows the services the component wants to carry out its duty.

Basis Concept of Component Diagram

A component represents a modular part of a system of the diagram that encapsulates its contents and tells whose manifestation is replaceable the states within its environment of the world. In the UML diagram, a component is drawn as four sides as breadth and length known as a rectangle with optional compartments stacked straightly as vertical. A high-level, abstracted view of a component in UML 2 can be modeled as:

  1. A rectangle with the component's name
  2. A rectangle with the component icon
  3. A rectangle with the stereotype text and/or icon

Component Diagram

  • Take stock of everything or anything needed or wanted to implement or run the planned system. For example, for a simple e-commerce system, we will need components or parts of the component that describe products, orders, objective, server account, and customer accounts.
  • Form a visual or imaginary for each of the components of the system.
  • Defines the organization and relationships between components having the parts using interfaces, ports, and dependencies together to form components.
component diagram in software engineering

Parts of Component Diagram

  1. Component:
    A component is a logical unit block of the system of the objects, a little large flow abstraction than classes. It is shown as a length and breadth rectangle with a smaller rectangle in the upside of right corner or site with tabs or the word written or shows above the name of the component to help differentiate it from a class.
  2. Interface:
    An interface (small circle or semi-circle on a stick) differentiate a group of operations required or something provided by components. A full circle represents an interface provided by the component and uses for the interface between the two systems. A semi-circle represents a required interface, like a person's input as the objects of the system.
  3. Dependencies:
    Draw dependencies among al the components using dashed arrows.
  4. Port:
    Ports are represented using four equal sites as square along the edge of the system or a component. A port is used to input the system object into it. A port is often used to help to expose required and provided and interfaces of a component of the system.

Use of Component Diagram

  • Design the components of a system.
  • Program the database schema.
  • Make the executables of an application.
  • Draw the system's source code.


Comments and Discussions!





Languages: » C » C++ » C++ STL » Java » Data Structure » C#.Net » Android » Kotlin » SQL
Web Technologies: » PHP » Python » JavaScript » CSS » Ajax » Node.js » Web programming/HTML
Solved programs: » C » C++ » DS » Java » C#
Aptitude que. & ans.: » C » C++ » Java » DBMS
Interview que. & ans.: » C » Embedded C » Java » SEO » HR
CS Subjects: » CS Basics » O.S. » Networks » DBMS » Embedded Systems » Cloud Computing
» Machine learning » CS Organizations » Linux » DOS
More: » Articles » Puzzles » News/Updates

© some rights reserved.