en_USes_ESfa_IRid_IDpt_PTvi

راهنمای کامل نمودارهای مؤلفه‌ای UML: تجسم معماری سیستم

مقدمه

تصویربرداری برداری ایزومتریک از معماری سیستم نمودار مؤلفه UML که ماژول‌های نرم‌افزاری متصل، رابط‌ها و پایگاه‌داده‌ها را برای طراحی میکروسرویس‌ها به نمایش می‌گذارد.

در دنیای پیچیده مهندسی نرم‌افزار، درک نحوه تعامل بخش‌های مختلف یک سیستم برای ساخت برنامه‌های مقاوم و قابل نگهداری حیاتی است.نمودارهای مؤلفه‌ای UMLبه عنوان ابزاری قدرتمند برای مدل‌سازی جنبه‌های فیزیکی سیستم‌های شی‌گرا عمل می‌کنند. آن‌ها دیدگاهی کلی از نحوه سازماندهی مؤلفه‌ها، نحوه تعامل آن‌ها از طریق رابط‌ها و نحوه وابستگی آن‌ها به یکدیگر ارائه می‌دهند.

چه در حال معماری یک برنامه مبتنی بر میکروسرویس جدید باشید، چه در حال مستندسازی یک سیستم قدیمی موجود و یا برنامه‌ریزی برای مهاجرت پایگاه داده، نمودارهای مؤلفه‌ای شفافیت و ساختار را ارائه می‌دهند. این راهنما شما را از مفاهیم پایه، نمادگذاری، روابط و کاربردهای عملی نمودارهای مؤلفه‌ای UML عبور خواهد داد، با بهره‌گیری از ابزارهای مدرن مانند چت‌بات هوش مصنوعی Visual Paradigm و VPasCode برای ساده‌سازی فرآیند مدل‌سازی شما.


نمودار مؤلفه چیست؟

UML نمودارهای مؤلفه در مدل‌سازی جنبه‌های فیزیکی سیستم‌های شی‌گرا استفاده می‌شوند. آن‌ها برای موارد زیر ضروری هستند:

  • تجسم نمای پیاده‌سازی ثابت یک سیستم.
  • مشخص کردن سیستم‌های مبتنی بر مؤلفه.
  • مستندسازی معماری برای ذینفعان و تیم‌های توسعه.
  • ساختن سیستم‌های اجرایی از طریق مهندسی مستقیم و معکوس.

نمودارهای مؤلفه در اصل نمودارهای کلاس هستند که بر مؤلفه‌هایبه جای کلاس‌های فردی تمرکز دارند. آن‌ها به شکستن سیستم‌های پیچیده به بخش‌های قابل مدیریت و ماژولار کمک می‌کنند.

سلسله‌مراتب نمودار مؤلفه

UML را سریع‌تر، بهتر و آسان‌تر بیاموزید

آیا به دنبال یک ابزار رایگان UML برای یادگیری سریع‌تر، آسان‌تر و فوری‌تر UML هستید؟نسخه جامعه Visual Paradigmنرم‌افزاری است که از تمام انواع نمودارهای UML پشتیبانی می‌کند. این یک مدل‌ساز UML برنده جایزه بین‌المللی است، با این حال استفاده از آن آسان، بصری و کاملاً رایگان است.
دانلود رایگان


نگاهی کلی به نمودار مؤلفه

نمودار اجزا، سیستم واقعی در حال توسعه را به سطوح مختلف عملکردی بالا تجزیه می‌کند. هر جزء مسئول یک هدف مشخص در کل سیستم است و تنها بر اساس اصل «نیاز به دانستن» با سایر عناصر ضروری تعامل دارد.

نگاهی کلی به نمودار مؤلفه

مثال بالا اجزای داخلی یک جزء بزرگ‌تر را نشان می‌دهد:

  • رابط‌های مورد نیاز:داده‌ها (شماره حساب و شناسه بازرسی) از طریق پورت سمت راست به درون جزء جریان می‌یابند و به فرمتی تبدیل می‌شوند که اجزای داخلی بتوانند از آن استفاده کنند. رابط‌های سمت راست به عنوان رابط‌های مورد نیاز شناخته می‌شوند که نشان‌دهنده خدماتی هستند که جزء برای انجام وظیفه خود به آن‌ها نیاز دارد.
  • رابط‌های ارائه شده:سپس داده‌ها از طریق اتصالات مختلف به و از چندین جزء دیگر عبور می‌کند و در نهایت در پورت‌های سمت چپ خروجی می‌شود. آن رابط‌های سمت چپ به عنوان رابط‌های ارائه شده شناخته می‌شوند که نشان‌دهنده خدماتی هستند که توسط جزء نمایش‌دهنده ارائه می‌شوند.
  • محدودسازی (Encapsulation):نکته مهم این است که اجزای داخلی توسط یک «جعبه» بزرگ احاطه شده‌اند که می‌تواند خود سیستم کلی باشد (در این صورت نماد جزء در گوشه بالا سمت راست وجود نخواهد داشت) یا یک زیرسیستم یا جزء از سیستم کلی باشد (در این حالت «جعبه» خود یک جزء است).

مفاهیم پایه نمودار اجزا

یکجزءنمایانگر بخشی ماژولار از یک سیستم است که محتوای خود را محدودسازی می‌کند و ظهور آن در محیط خود قابل تعویض است. در UML 2، یک جزء به صورت یک مستطیل با بخش‌های اختیاری که به صورت عمودی روی هم چیده شده‌اند، ترسیم می‌شود. یک نمای سطح بالا و انتزاعی از یک جزء در UML 2 را می‌توان به صورت زیر مدل‌سازی کرد:

  1. یک مستطیل با نام جزء.
  2. یک مستطیل با آیکون جزء.
  3. یک مستطیل با متن و/یا آیکون استریوتایپ.

ظاهر یک مؤلفه

معماری سیستم‌های ماژولار خود را با هوش مصنوعی انجام دهید

نمودارهای اجزا، بخش‌های ماژولار و ظهور فیزیکی سیستم شما را تجسم می‌کنند. با استفاده ازچت‌بات هوش مصنوعی Visual Paradigmمی‌توانید به سرعت در مورد معماری‌های سیستم طوفان فکری کنید، رابط‌های ارائه شده/مورد نیاز را شناسایی کنید و از طریق یک رابط گفتگویی ساده، نمودارهای اولیه اجزا را تولید کنید.

اکنون در دسترس: چت‌بات هوش مصنوعی – شریک طراحی شما

فقط ماژول‌ها، میکروسرویس‌ها یا ساختارهای پایگاه داده خود را برای چت‌بات توصیف کنید. این به شما در تعریف موارد زیر کمک می‌کند:

  • مرزهای ماژولار:شناسایی اینکه کدام بخش‌های سیستم شما باید به عنوان اجزا محدودسازی شوند.
  • نقشه‌برداری وابستگی‌ها:تجسم نحوه تعامل فایل‌های اجرایی و کتابخانه‌های مختلف در انتشار شما.

همین حالا با هوش مصنوعی گفتگو کنید
برای اطلاعات بیشتر درباره اکوسیستم مدل‌سازی مبتنی بر هوش مصنوعی ما:
راهنمای اجزای هوش مصنوعی همه ابزارهای هوش مصنوعی


رابط‌ها

رابط‌ها قرارداد بین اجزا را تعریف می‌کنند. در مثال زیر، دو نوع رابط اجزا نمایش داده شده است:

  • رابط ارائه‌شده:نمادهایی که در انتهای آن‌ها یک دایره کامل وجود دارد (که اغلب به آن‌ها «آبنبات چوبی» گفته می‌شود)، نمایانگر رابطی هستند که جزء ارائه می‌دهد. این یک اختصار برای رابطه تحقق یک طبقه‌بندی رابط است.
  • رابط مورد نیاز:نمادهایی که در انتهای آن‌ها فقط یک نیم‌دایره وجود دارد (که به آن‌ها «ساکت» نیز گفته می‌شود)، نمایانگر رابطی هستند که جزء به آن نیاز دارد. در هر دو مورد، نام رابط در نزدیکی خود نماد رابط قرار می‌گیرد.

رابط مورد نیاز و ارائه‌شده

نمونه نمودار اجزا – استفاده از رابط (سیستم سفارش)

نمونه رابط مؤلفه

معادل PlantUML:

@startuml
skinparam componentStyle uml2
skinparam BackgroundColor white
skinparam DefaultFontName Arial

' پیکربندی سبک برای هماهنگی با رنگ‌های آبی
skinparam component {
    BackgroundColor #66b3ff
    BorderColor #004d99
    FontColor black
}
skinparam interface {
    BackgroundColor #66b3ff
    BorderColor #004d99
}

' اجزا
component "Order System" as OrderSystem
component "Customer Repository" as CustomerRepo
component "Inventory System" as InventorySystem

' رابط‌ها و اتصالات
interface "Customer Lookup" as CustomerLookup
interface "Product Accessor" as ProductAccessor

OrderSystem -( CustomerLookup
CustomerLookup - CustomerRepo

OrderSystem --( ProductAccessor
ProductAccessor -- InventorySystem

@enduml

رابط VPasCode که نمودار مؤلفه UML برای سیستم سفارش را با مخزن مشتری و سیستم موجودی به نمایش می‌گذارد.


زیرسیستم‌ها

«زیرسیستم» طبقه‌بندی، نسخه‌ای تخصصی از طبقه‌بندی جزء است. به همین دلیل، عنصر نشانه‌گذاری زیرسیستم تمام قوانین یکسان عنصر نشانه‌گذاری جزء را به ارث می‌برد. تنها تفاوت این است که عنصر نشانه‌گذاری زیرسیستم دارای کلیدواژه «<<subsystem>>» به جای «<<component>>.

زیرسیستم‌های مؤلفه


پورت‌ها

پورت‌ها با استفاده از یک مربع در طول لبه سیستم یا جزء نمایش داده می‌شوند. یک پورت اغلب برای کمک به نمایان کردن رابط‌های مورد نیاز و ارائه‌شده یک جزء استفاده می‌شود و به عنوان یک نقطه تعامل خاص عمل می‌کند.

پورت نمودار مؤلفه


روابط

از نظر گرافیکی، نمودار اجزا مجموعه‌ای از رئوس و کمان‌ها است و معمولاً شامل اجزا، رابط‌ها و انواع مختلفی از روابط مانند وابستگی، تجمیع، قید، تعمیم، ارتباط و تحقق می‌شود. همچنین ممکن است شامل یادداشت‌ها و قیود باشد.

روابط نشانه‌گذاری توضیح
ارتباط نمادگذاری نمودار مؤلفه: ارتباط یک ارتباط، رابطه‌ای معنایی را مشخص می‌کند که می‌تواند بین نمونه‌های دارای نوع رخ دهد. این ارتباط حداقل دو انتها دارد که توسط ویژگی‌ها نمایش داده می‌شوند و هر یک از آن‌ها به نوع انتهای مربوطه متصل است.
ترکیب نمادگذاری نمودار مؤلفه: ترکیب تجمع ترکیبی شکل قوی‌تری از تجمع است که نیاز دارد یک نمونه جزء در هر زمان در حداکثر یک ترکیب گنجانده شود. اگر یک ترکیب حذف شود، تمام اجزای آن معمولاً همراه با آن حذف می‌شوند.
تجمع نمادگذاری نمودار مؤلفه: تجمیع نوعی از ارتباط که یکی از انتهای آن به عنوان تجمع اشتراکی علامت‌گذاری شده است، به این معنی که دارای تجمع اشتراکی است.
محدودیت نمادگذاری نمودار مؤلفه: قید شرط یا محدودیتی که به زبان طبیعی یا به زبان قابل خواندن توسط ماشین بیان می‌شود، به منظور اعلام بخشی از معنای یک عنصر.
وابستگی نمادگذاری نمودار مؤلفه: وابستگی وابستگی نشان می‌دهد که یک یا مجموعه‌ای از عناصر مدل برای مشخص‌سازی یا پیاده‌سازی خود به عناصر مدل دیگر نیاز دارند. عناصر وابسته از نظر معنایی یا ساختاری به عنصر(های) تأمین‌کننده وابسته هستند.
عمومی‌سازی نمادگذاری نمودار مؤلفه: تعمیم رابطه‌ای طبقه‌بندی‌کننده بین یک طبقه‌بند کلی‌تر و یک طبقه‌بند خاص‌تر. هر نمونه از طبقه‌بند خاص، همچنین یک نمونه غیرمستقیم از طبقه‌بند کلی است و ویژگی‌های آن را به ارث می‌برد.

کاربردهای عملی

۱. مدل‌سازی کد منبع

  • چه از طریق مهندسی مستقیم و چه از طریق مهندسی معکوس، مجموعه فایل‌های کد منبع مورد نظر را شناسایی کرده و آن‌ها را به عنوان مؤلفه‌هایی با استریوتایپ <<file>>.
  • برای سیستم‌های بزرگ‌تر، از بسته‌ها برای نمایش گروه‌هایی از فایل‌های کد منبع استفاده کنید.
  • در نظر بگیرید که یک مقدار برچسب‌گذاری شده را نمایان کنید که اطلاعاتی مانند شماره نسخه فایل کد منبع، نویسنده آن و تاریخ آخرین تغییر را نشان دهد. از ابزارها برای مدیریت مقدار این برچسب استفاده کنید.
  • وابستگی‌های کامپایل بین این فایل‌ها را با استفاده از وابستگی‌ها مدل کنید. دوباره، از ابزارها برای کمک به تولید و مدیریت این وابستگی‌ها استفاده کنید.

نمونه مؤلفه – کد منبع جاوا
نمونه کد منبع جاوا برای نمودار مؤلفه

نمونه نمودار مؤلفه – کد ++C با نسخه‌بندی
کد C++ نمودار مؤلفه با نمونه نسخه‌بندی

معادل PlantUML برای مدل‌سازی کد منبع:

@startuml
skinparam componentStyle uml2
skinparam BackgroundColor white
skinparam DefaultFontName Arial

' پیکربندی سبک برای تطبیق با رنگ‌های آبی
skinparam component {
    BackgroundColor #66b3ff
    BorderColor #004d99
    FontColor black
}

' ردیف مؤلفه‌ها ۱ (نسخه‌ها)
component "signal.h (v3.5)" as signal35
component "signal.h (v4.0)" as signal40
component "signal.h (v4.1)" as signal41

' ردیف مؤلفه‌ها ۲
component "interp.cpp" as interp
component "signal.h (v5.0)" as signal50

' ردیف مؤلفه‌ها ۳
component "irq.h" as irq
component "device.cpp" as device

' اتصالات و بازنویسی‌های چیدمان
' والدین چپ‌نما در ردیف بالا
signal40 .left.> signal35 : <>
signal41 .left.> signal40 : <>

' وابستگی‌های عمودی
interp .up.> signal41
signal50 .up.> signal41

interp .down.> irq
device .up.> interp

@enduml

ابزار VPasCode که یک نمودار مؤلفه UML را برای مدل‌سازی فایل‌های کد منبع و وابستگی‌های آن‌ها به نمایش می‌گذارد.۲. مدل‌سازی یک نسخه اجرایی

  • مجموعه‌ای از اجزایی که می‌خواهید مدل‌سازی کنید را شناسایی کنید. معمولاً این کار شامل برخی یا تمام اجزایی است که روی یک گره قرار دارند، یا توزیع این مجموعه‌های اجزا در سراسر تمام گره‌های سیستم است.
  • استریوتایپ (نقش) هر جزء در این مجموعه را در نظر بگیرید. برای اکثر سیستم‌ها، تعداد کمی از انواع مختلف جزء را پیدا خواهید کرد (مانند فایل‌های اجرایی، کتابخانه‌ها، جداول، فایل‌ها و اسناد). می‌توانید از مکانیزم‌های گسترش‌پذیری UML برای ارائه نشانه‌های بصری برای این استریوتایپ‌ها استفاده کنید.
  • برای هر جزء در این مجموعه، رابطه آن با همسایگان خود را در نظر بگیرید. در بیشتر موارد، این شامل رابط‌هایی است که توسط برخی اجزا صادر (پیاده‌سازی) می‌شوند و سپس توسط سایر اجزا وارد (استفاده) می‌شوند. اگر می‌خواهید درزهای سیستم خود را آشکار کنید، این رابط‌ها را به صراحت مدل‌سازی کنید. اگر می‌خواهید مدل خود را در سطح انتزاعی بالاتری داشته باشید، این روابط را با نمایش وابستگی‌ها تنها بین اجزا، حذف کنید.

مدل‌سازی انتشار اجرایی با نمودار مؤلفه

معادل PlantUML برای انتشار اجرایی:

@startuml
skinparam componentStyle uml2
skinparam BackgroundColor white
skinparam DefaultFontName Arial

' سبک‌بندی آبی مدرن برای هماهنگی با سبک نمودار شما
skinparam component {
    BackgroundColor #5cadff
    BorderColor #2b7fff
    FontColor black
    RoundCorner 10
}
skinparam interface {
    BackgroundColor #5cadff
    BorderColor #2b7fff
}

' اجزا
component "path.dll" as path
component "collision.dll" as collision
component "driver.dlln(version = "B.2.1.3")" as driver

' رابط‌ها
interface IDrive
interface ISelfTest

' چیدمان و اتصالات تمیز
path .right.> collision

' استفاده از چیدمان‌های پنهان برای اجبار به چیدمان عمودی رابط‌ها
IDrive -[hidden]down- ISelfTest

' اتصال درایور به رابط‌های آن به صورت تمیز در سمت چپ
driver -left- IDrive
driver -left- ISelfTest

' خط وابستگی عمودی تمیز و مستقیم
path .down.> IDrive

@enduml

رابط VPasCode که کد PlantUML و نمودار مؤلفه UML حاصل را که وابستگی‌های فایل DLL را مدل‌سازی می‌کند، به نمایش می‌گذارد.۳. مدل‌سازی پایگاه داده فیزیکی

  • کلاس‌های موجود در مدل خود را که نمایانگر طرح منطقی پایگاه داده شما هستند، شناسایی کنید.
  • یک استراتژی برای نگاشت این کلاس‌ها به جداول انتخاب کنید. همچنین باید توزیع فیزیکی پایگاه‌های داده خود را در نظر بگیرید. استراتژی نگاشت شما تحت تأثیر مکانی خواهد بود که می‌خواهید داده‌های شما در سیستم مستقر شده خود در آنجا قرار داشته باشند.
  • برای تجسم، مشخص‌سازی، ساخت و مستندسازی نگاشت خود، یک نمودار جزء ایجاد کنید که شامل اجزایی با استریوتایپ <<جدول>>.
  • در صورت امکان، از ابزارها برای کمک به تبدیل طراحی منطقی خود به طراحی فیزیکی استفاده کنید.

مدل‌سازی پایگاه داده فیزیکی با نمودار مؤلفه

معادل PlantUML برای پایگاه داده فیزیکی:

@startuml
skinparam componentStyle uml2
skinparam BackgroundColor white
skinparam DefaultFontName Arial
skinparam linetype ortho

' پیکربندی سبک برای هماهنگی با رنگ‌های آبی
skinparam component {
    BackgroundColor #66b3ff
    BorderColor #004d99
    FontColor black
}

' جزء والد
component "school.db" as school_db

' اجزای فرزند
component "course" as course
component "department" as dept
component "instructor" as instructor
component "school" as school
component "student" as student

' پیوندهای پنهان برای اعمال ردیف هم‌تراز افقی
course -[hidden]right- dept
dept -[hidden]right- instructor
instructor -[hidden]right- school
school -[hidden]right- student

' روابط ترکیب (الماس سیاه)
school_db *-- course
school_db *-- dept
school_db *-- instructor
school_db *-- school
school_db *-- student

@endif

ابزار VPasCode که کد PlantUML را برای تولید نمودار مؤلفه UML از فایل‌های پایگاه داده مدرسه به نمایش می‌گذارد.


نتیجه‌گیری

نمودارهای جزء UML برای معماران و توسعه‌دهندگانی که نیاز به ارتباط درباره یکپارچگی ساختاری یک سیستم دارند، ضروری و غیرقابل جایگزین هستند. با تمرکز بر اجزا، رابط‌ها و روابط آن‌ها، این نمودارها یک نقشه راه واضح برای نحوه تعامل، وابستگی و یکپارچه‌سازی ماژول‌های نرم‌افزاری با یکدیگر ارائه می‌دهند.

با ظهور ابزارهای هوشمند مبتنی بر هوش مصنوعی مانند چت‌بات هوش مصنوعی Visual Paradigm و مدل‌سازی مبتنی بر کد با VPasCode و PlantUML، ایجاد و نگهداری این نمودارها کارآمدتر و در دسترس‌تر شده است. چه در حال مدل‌سازی وابستگی‌های کد منبع باشید، چه در حال برنامه‌ریزی برای انتشارهای اجرایی، یا طراحی طرح‌های فیزیکی پایگاه داده، نمودارهای مؤلفه شفافیت لازم را برای ساخت سیستم‌های مقیاس‌پذیر و قابل نگهداری فراهم می‌کنند.

از امروز از این ابزارها بهره‌مند شوید تا مستندات معماری خود را بهبود بخشیده و فرآیند توسعه خود را ساده‌تر کنید.

This post is also available in English, Español, Bahasa Indonesia, Portuguese and Việt Nam.