PlantUML در عمل (تمرین عملی با نمودار UML)

سرفصل ها و درس ها

خود ارزیابی - دانش UML خود را بشناسید Self Assessment - Know Your UML Knowledge

• آزمون نمودارهای UML (7 سوال، کلاس و نمودار فعالیت مرتبط) UML Diagrams Quiz (7 Questions, Class & Activity Diagram Related)

مقدمه Introduction

• افتتاحیه و معرفی Opening and Introduction

• شروع سریع در PlantUML Quick Starts on PlantUML

نمودار توالی Sequence Diagram

• 01 مثال های اساسی در نمودار توالی 01 Basic Examples on Sequence Diagram

• 02 و 03 اعلام کننده شرکت کننده 02 & 03 Declaring Participant

• 04 و 05 و 06 بیشتر در مورد پیام ها در نمودار ترتیبی 04 & 05 & 06 More on Messages in Sequence Diagram

• سبک و رنگ پیکان 07 و 08 در نمودار توالی 07 & 08 Arrow Style and Color in Sequence Diagram

• 09 شماره گذاری دنباله پیام 09 Message Sequence Numbering

• 10 عنوان، سرصفحه و پاورقی در نمودار توالی 10 Title, Header and Footer in Sequence Diagram

• 11 نمودار تقسیم 11 Splitting Diagram

• 12 گروه بندی پیام در نمودار توالی 12 Grouping Message in Sequence Diagram

• 13 برچسب گروه ثانویه در نمودار توالی 13 Secondary Group Label in Sequence Diagram

• 14 یادداشت در مورد پیام ها در نمودار ترتیبی 14 Notes on Messages in Sequence Diagram

• 15 برخی دیگر از انواع یادداشت ها در نمودار توالی 15 Some other types of Notes in Sequence Diagram

• 16 تغییر شکل یادداشت ها در نمودار ترتیبی 16 Change Notes Shape in Sequence Diagram

• 17 توجه به همه شرکت کنندگان 17 Note over all Participants

• 18 یادداشت ها را در همان سطح تراز کنید 18 Align Notes at Same Level

• 19 کریول و HTML 19 Creole and HTML

• 20 تقسیم کننده و جداکننده، 21 مرجع 20 Divider and Separator, 21 Reference

• 22 تاخیر، 23 بسته بندی متن، 24 فاصله 22 Delay, 23 Text Wrapping, 24 Space

• 25 Lifeline، 26 Return 25 Lifeline, 26 Return

• 27 ایجاد مشارکت 27 Participant Creation

• 28 نحو میانبر 28 Shortcut Syntax

• 29 پیام های ورودی و خروجی 29 Incoming and Outgoing Messages

• 30 فلش کوتاه برای پیام های ورودی و خروجی 30 Short Arrow for Incoming and Outgoing Messages

• 31 آرکور و مدت زمان 31 Archors and Duration

• 32 کلیشه و شخصیت خالدار 32 Stereotypes and Spotted Characters

• 33 اطلاعات بیشتر در مورد عنوان 33 More Information on Title

• 34 شرکت کننده را در بر می گیرد و 35 جعبه پا را حذف می کند 34 Participant Encompass & 35 Remove Foot Boxes

• 36 تنظیم Skinparam در سبک ها و قالب ها 36 Skinparam Setting on Styles and Formats

• 37 تغییر بالشتک 37 Changing Padding

• 38 پیوست برای نمودار توالی: انواع پیکان 38 Appendix for Sequence Diagram: Arrow Types

• 39 SkinParam خاص 39 Specific SkinParam

• 40 شرکت کنندگان بدون پیوند را پنهان کنید 40 Hide Unlinked Participants

• 41 یک پیام گروهی را رنگ آمیزی کنید 41 Color a Group Message

• 42 فریم اصلی و 43 پیکان کج یا فرد 42 Mainframe & 43 Slanted or Odd Arrows

• یادگیری خود را بررسی کنید - نماد نمودار توالی Check Your Learning - Sequence Diagram Notation

از نمودار موردی استفاده کنید Use Case Diagram

• 01 موارد استفاده و 02 بازیگران 01 Use Cases & 02 Actors

• 03 تغییر سبک بازیگر 03 Change Actor Styles

• 04 شرح موارد استفاده 04 Usecases Description

• 05 استفاده از بسته (و مستطیل) 05 Use Package (and Rectangle)

• 06 مثال پایه 06 Basic Example

• 07 پسوند 07 Extension

• 08 استفاده از یادداشت ها در نمودار مورد استفاده 08 Using Notes in Use Case Diagram

• 09 کلیشه در نمودار مورد استفاده 09 Stereotypes in Use Case Diagram

• 10 جهت پیکان را تغییر دهید 10 Change Arrow Directions

• 11 نمودار تقسیم و 12 جهت نمودار 11 Splitting Diagram & 12 Diagram Directions

• 13 Skinparam در نمودار مورد استفاده 13 Skinparam in Use Case Diagram

• 14 مثال کامل نمودار مورد استفاده 14 Complete Use Case Diagram Example

• 15 نمادهای مورد استفاده تجاری 15 Business Use Case Notations

• 16 تغییر رنگ و سبک پیکان (سبک درون خطی) 16 Change Arrow Color and Style (inline style)

• 17 تغییر رنگ و سبک عنصر (سبک درون خطی) 17 Change Element Color and Style (inline style)

• 18 نمایش داده های JSON در نمودار مورد استفاده 18 Display JSON Data in Use Case Diagram

نمودار کلاس Class Diagram

• 01 اعلام عنصر در نمودار کلاس 01 Declaring Element in Class Diagram

• 02 روابط بین کلاس ها 02 Relations between Classes

• 03 برچسب روی روابط 03 Label on Relations

• 04 استفاده از غیرحروف در عناصر و روابط 04 Using Non-Letters in Elements and Relations

• 05 روش های اضافه کردن 05 Adding Methods

• یک مثال واقعی: نمودار کلاس "سفارش مشتری" را رسم کنید A real example: Draw "Customer Ordering" Class Diagram

• 06 تعریف دید 06 Defining Visibility

• 07 چکیده و ایستا 07 Abstract and Static

• 08 بدنه کلاس پیشرفته 08 Advanced Class Body

• 09 یادداشت ها و کلیشه ها در نمودار کلاس 09 Notes and Stereotypes in Class Diagram

• 10 بیشتر در مورد یادداشت ها در نمودار کلاس 10 More on Notes in Class Diagram

• 11 یادداشت در زمینه یا روش 11 Notes on Field or Method

• 12 یادداشت در مورد پیوندها 12 Notes on Links

• 13 کلاس چکیده و رابط 13 Abstract Class and Interface

• 14 پنهان کردن/نمایش ویژگی ها، پنهان کردن/نمایش روش ها... 14 Hide/Show Attributes, Hide/Show Methods...

• 15 پنهان کردن/نمایش کلاس ها و 16 حذف کلاس ها 15 Hide/Show Classes & 16 Remove Classes

• 17 پنهان کردن، حذف یا بازیابی عناصر برچسب گذاری شده یا عام 17 Hide, Remove or Restore Tagged Elements or Wildcard

• 18 کلاس های بدون پیوند را پنهان یا حذف کنید 18 Hide or Remove Unlinked Classes

• 19 از Generics در نمودار کلاس استفاده کنید 19 Use Generics in Class Diagram

• 20 نقطه خاص 20 Specific Spot

• 21 بسته 21 Packages

• سبک 22 بسته و 23 فضای نام 22 Packages Style & 23 Namespaces

• 24 ایجاد بسته خودکار 24 Automatic Package Creation

• 25 رابط Lollipop، همچنین دارای نسخه ی نمایشی توپ/سوکت است 25 Lollipop Interface, also have Ball / Socket demo

• 26 تغییر جهت فلش ها 26 Changing Arrows Orientation

• 27 کلاس انجمن 27 Association Classes

• 28 انجمن در همان کلاس 28 Association on Same Class

• 29 Skinparam در نمودار کلاس 29 Skinparam in Class Diagram

• 30 کلیشه پوستی در نمودار کلاسی 30 Skinned Stereotypes in Class Diagram

• 31 گرادیان رنگ 31 Color Gradient

• 32 راهنما در مورد چیدمان 32 Help on Layout

• 33 تقسیم فایل های بزرگ 33 Splitting Large Files

• 33 تقسیم فایل های بزرگ (رفع مشکل کار نکردن در پسوند VS Code) 33 Splitting Large Files (Fix to the not working in VS Code extension)

• 34 گسترش و اجرا می کند 34 Extends and Implements

• 35 سبک روابط پرانتزی 35 Bracketed Relations Style

• 36 تغییر رابطه (پیوند یا پیکان) رنگ و سبک (سبک درون خطی) 36 Change Relation (Linking or Arrow) Color and Style (inline style)

• 37 تغییر رنگ و سبک کلاس (سبک درون خطی) 37 Change Class Color and Style (inline style)

• 38 پیکان از/به اعضای کلاس 38 Arrows from/to Class Members

• 39 گروه بندی وراثت سر پیکان 39 Grouping Inheritance Arrow Heads

• 40 داده های JSON را در نمودار کلاس یا شیء نمایش دهید 40 Display JSON Data on Class or Object Diagram

• 41 بسته ها و فضاهای نام بهبود 41 Packages and Namespaces Enhancement

نمودار شی Object Diagram

• 01 تعریف اشیا و 02 روابط بین اشیا 01 Definition of Objects & 02 Relations between Objects

• 03 انجمن اشیاء و 04 افزودن فیلدها 03 Associations Objects & 04 Adding Fields

• 05 ویژگی های رایج با نمودارهای کلاس 05 Common Features with Class Diagrams

• 06 جدول نقشه یا آرایه انجمنی 06 Map Table or Associative Array

• 07 برنامه (یا پروژه) تکنیک ارزیابی و بازبینی (PERT) با نقشه 07 Program (or Project) Evaluation and Review Technique (PERT) with Map

• 08 نمایش داده های JSON در نمودار کلاس یا شی (مثال ساده) 08 Display JSON Data on Class or Object Diagram (Simple Example)

نمودار فعالیت (Syntax قدیمی) Activity Diagram (Legacy Syntax)

• 01 اقدام ساده و برچسب 02 روی فلش ها 01 Simple Action & 02 label on Arrows

• 03 تغییر جهت پیکان 03 Changing Arrow Direction

• 04 شاخه در نمودار فعالیت 04 Branches in Activity Diagram

• 05 اطلاعات بیشتر در مورد شاخه ها در نمودار فعالیت 05 More on Branches in Activity Diagram

• 06 نماد همگام سازی در نمودار فعالیت 06 Synchronization notation in Activity Diagram

• نمونه واقعی: فرآیند طوفان فکری با استفاده از نمودار فعالیت Real Sample: Brainstorming Process using Activity Diagram

• 07 توضیحات اقدام طولانی 07 Long Action Description

• 08 یادداشت در نمودار فعالیت 08 Notes in Activity Diagram

• 09 پارتیشن در نمودار فعالیت 09 Partition in Activity Diagram

• 10 Skinparam و 11 Octagon 10 Skinparam & 11 Octagon

• 12 نمونه نمودار فعالیت کامل 12 Complete Activity Diagram Sample

نمودار فعالیت (Syntax جدید) Activity Diagram (New Syntax)

• 01 اقدام ساده و 02 شروع/توقف/پایان 01 Simple Action & 02 Start/Stop/End

• 03 مشروط 03 Conditional

• 04 سوئیچ و کیس [سوئیچ، کیس، سوئیچ انتهایی] 04 Switch and Case [switch, case, endswitch]

• 05 مشروط با "توقف" در یک عمل [کشتن، جدا کردن] 05 Conditional with "stop" on an action [kill, detach]

• 06 Repeat Loop [تکرار، تکرار در حالی که، به عقب] 06 Repeat Loop [repeat, repeat while, backward]

• 07 شکست در یک حلقه تکرار [شکست] 07 Break on a Repeat Loop [break]

• 08 Goto و پردازش برچسب [label, goto] 08 Goto and Label Processing [label, goto]

• 09 while Loop 09 While Loop

• 10 پردازش موازی [چنگال، چنگال دوباره، انشعاب انتهایی، ادغام انتهایی] 10 Parallel Processing [fork, fork again, end fork, end merge]

• 11 پردازش تقسیم [شکاف، دوباره تقسیم، تقسیم پایان، کشتن، جدا کردن] 11 Split Processing [split, split again, end split, kill, detach]

• 12 یادداشت در نمودار فعالیت (Syntax جدید) 12 Notes in Activity Diagram (New Syntax)

• 13 رنگ در نمودار فعالیت (Syntax جدید) 13 Colors in Activity Diagram (New Syntax)

• 14 خط بدون پیکان ("skinparam ArrowHeadColor هیچ") 14 Lines without Arrows ("skinparam ArrowHeadColor none")

• 15 فلش در نمودار فعالیت (Syntax جدید) 15 Arrows in Activity Diagram (New Syntax)

• 16 رابط و 17 رنگ در رابط 16 Connector & 17 Color on Connector

• 18 گروه بندی یا پارتیشن 18 Grouping or Partition

• 19 Swimlanes in Activity Diagram (Sintax جدید) 19 Swimlanes in Activity Diagram (New Syntax)

• 20 جدا یا بکش 20 Detach or Kill

• 21 SDL (مشخصات و زبان توضیحات) 21 SDL (Specification and Description Language)

• 22 مثال کامل برای نمودار فعالیت (Syntax جدید) 22 Complete Example for Activity Diagram (New Syntax)

• 23 سبک وضعیت 23 Condition Style

• 24 حالت پایان سبک 24 Condition End Style

• 25 استفاده از سبک (جهانی) در نمودار فعالیت (Syntax جدید) 25 Using (global) Style in Activity Diagram (New Syntax)

نمودار مؤلفه Component Diagram

• 01 مؤلفه ها و 02 رابط ها و 03 مثال پایه 01 Components & 02 Interfaces & 03 Basic Example

• 04 استفاده از یادداشت ها در نمودار Componet 04 Using Notes in Componet Diagram

• 05 گروه بندی اجزا 05 Grouping Components

• 06 تغییر جهت پیکان در نمودار کامپوننت 06 Changing Arrow Direction in Component Diagram

• 07 از نشان‌گذاری UML2 و 08 استفاده از نشان‌گذاری UML1 و 09 استفاده از نشان‌گذاری مستطیل 07 Use UML2 Notation & 08 Use UML1 Notation & 09 Use Rectangle Notation

• 10 توضیحات طولانی و 11 رنگ جداگانه 10 Long Description & 11 Individual Colors

• 12 استفاده از Sprite در کلیشه 12 Using Sprite in Stereotype

• 13 Skinparam در نمودار کامپوننت 13 Skinparam in Component Diagram

• 14 SkinParameter خاص در نمودار کامپوننت 14 Specific SkinParameter in Component Diagram

• 15 پنهان کردن یا حذف عناصر بدون پیوند (@unlinked) 15 Hide or Remove unlinked Elements (@unlinked)

• 16 مخفی کردن، حذف یا بازیابی مؤلفه های برچسب گذاری شده یا عام 16 Hide, Remove or Restore tagged components or wildcard

• 17 نمایش داده های JSON در نمودار اجزا 17 Display JSON Data in Component Diagram

• 18-1 پورت [port, portIn, portOut] 18-1 Port [port, portIn, portOut]

• 18-2 نمودار علامت گذاری آب نبات چوبی در نمودار اجزا 18-2 Lollipop Notation diagramming in Component Diagram

نمودار استقرار Deployment Diagram

• 01 اعلام عناصر و 02 اعلام عناصر (با استفاده از فرم کوتاه) 01 Declaring Elements & 02 Declaring Elements (using Short Form)

• 03 پیوند یا پیکان در نمودار استقرار 03 Linking or Arrow in Deployment Diagram

• 04 خط پرانتزی و سبک پیکان 04 Bracketed Line and Arrow Style

• 05 تغییر رنگ و سبک پیکان (سبک درون خطی) 05 Change Arrow Color and Style (inline style)

• 06 تغییر رنگ و سبک عنصر (سبک درون خطی) 06 Change Element Color and Style (inline style)

• 07 Nestable Element & 08 Packages and Nested Elements 07 Nestable Element & 08 Packages and Nested Elements

• 09 نام مستعار در نمودار استقرار 09 Alias in Deployment Diagram

• 10 گوشه گرد و 11 Spedific SkinParam 10 Round Corner & 11 Spedific SkinParam

• 17 نمایش داده های JSON و 18 ترکیب عنصر استقرار با نمودار کلاس یا شی 17 Display JSON Data & 18 Mixing Deployment Element with a Class or Object Diagr

• 19 پورت [port, portIn, portOut] 19 Port [port, portIn, portOut]

نمودار حالت State Diagram

• 01 حالت ساده و 02 تغییر حالت رندر 01 Simple State & 02 Change State Rendering

• 03 حالت مرکب 03 Composite State

• 04 نام طولانی در نمودار حالت 04 Long Name in State Diagram

• 05 تاریخ [[H] - تاریخ، [H*] - تاریخ عمیق] 05 History [[H] - history, [H*] - Deep History]

• 06 Fork [Fork, Join] با استفاده از نحو قالبی 06 Fork [fork, join] using stereotype syntax

• 07 حالت همزمان [--، ||] 07 Concurrent State [--, ||]

• 08 مشروط [انتخاب] 08 Conditional [choice]

• 09 کلیشه مثال کامل [شروع، انتخاب، انشعاب، پیوستن، پایان، و بیشتر] 09 Stereotypes full example [start, choice, fork, join, end, and more]

• 10 نقطه [entryPoint، exitPoint] 10 Point [entryPoint, exitPoint]

• 11 پین [inputPin، outputPin] 11 Pin [inputPin, outputPin]

• 12 گسترش [expansionInput، expansionOutput] 12 Expansion [expansionInput, expansionOutput]

• 13 جهت پیکان و 14 تغییر رنگ و سبک خط 13 Arrow Direction & 14 Change Line Color and Style

• 15 یادداشت و 16 یادداشت در پیوند و 17 نکته بیشتر در یادداشت ها 15 Note & 16 Note on Link & 17 More in Notes

• 18 رنگ درون خطی 18 Inline Color

• 19 Skinparam در نمودار حالت 19 Skinparam in State Diagram

• 20 تغییر سبک 20 Changing Style

• 21 رنگ و سبک حالت را تغییر دهید 21 Change State Color and Style

• 22 نام مستعار و 23 نمایش داده های JSON 22 Alias & 23 Display JSON Data

نمودار زمان بندی Timing Diagram

• 01 عنصر یا شرکت کننده اعلام کننده 01 Declaring Element or Participant

• 02 باینری و ساعت 02 Binary and Clock

• 03 افزودن پیام 03 Adding Message

• 04 زمان نسبی 04 Relative Time

• 05 نقطه لنگر 05 Anchor Points

• 06 شرکت گرا 06 Participant Oriented

• 07 تنظیم مقیاس 07 Setting Scale

• 08 حالت اولیه 08 Initial State

• 09 حالت پیچیده یا نامشخص (برای نمادهای قوی و باینری درخواست دهید) 09 Intricated or Undefined State (apply for Robust and Binary notation)

• 10 حالت پنهان (برای علامت گذاری مختصر و قوی درخواست کنید) 10 Hidden State (apply for Concise and Robust notation)

• پنهان کردن محور زمان Hide Time Axis

• 12 استفاده از زمان و تاریخ 12 Using Time and Date

• 13 اضافه کردن محدودیت 13 Adding Constraint

• 14 دوره برجسته 14 Highlighted Period

• 15 استفاده از یادداشت ها 15 Using Notes

• 16 اضافه کردن متون 16 Adding Texts

• 17 مثال کامل - علامت گذاری مختصر 17 Complete Example - Concise Notation

• 18 مثال دیجیتال - ساعت، نمادهای باینری و مختصر 18 Digital Example - Clock, Binary and Concise Notations

• 19 افزودن رنگ 19 Adding Color

• 20 استفاده از سبک (جهانی) - <style></style> 20 Using (global) Style - <style></style>

• 21 استفاده از رنگ ها در خطوط خاص 21 Applying Colors to Specific Lines

• 195 حالت فشرده 195 Compact Mode

منابع و موضوعات بیشتر در UML More References and Topics on UML

• نمای هستی شناسی در نمودارهای UML Ontology View on UML Diagrams