Edit in DokuwikiEdit in AsciidocEdit in Markdown

Структура разбиения работ (WBS)

Диаграмма структуры разбиения работ (WBS) - это ключевой инструмент управления проектами, позволяющий разбить проект на более мелкие и управляемые компоненты или задачи. По сути, это иерархическая декомпозиция общего объема работ, которые должны быть выполнены командой проекта для достижения целей проекта и создания необходимых результатов.

PlantUML может быть особенно полезен для создания диаграмм WBS. Благодаря текстовому принципу построения диаграмм создание и обновление WBS не сложнее редактирования текстового документа, что особенно удобно для управления изменениями в течение жизненного цикла проекта. Такой подход позволяет легко интегрировать систему с системами контроля версий, что обеспечивает отслеживание всех изменений и сохранение истории развития WBS.

Кроме того, совместимость PlantUML с различными инструментами повышает ее полезность в среде совместной работы. Команды могут легко интегрировать свои WBS-диаграммы в более широкую проектную документацию и системы управления. Простота синтаксиса PlantUML позволяет быстро вносить коррективы, что очень важно в динамичных проектных средах, где объем и задачи могут часто меняться. Таким образом, использование PlantUML для построения WBS-диаграмм сочетает в себе наглядность визуальной разбивки с гибкостью и управляемостью текстовой системы, что делает его ценным активом в эффективном управлении проектами.

Edit in DokuwikiEdit in AsciidocEdit in Markdown

OrgMode syntax

This syntax is compatible with OrgMode

🎉 Copied!

@startwbs * Business Process Modelling WBS ** Launch the project *** Complete Stakeholder Research *** Initial Implementation Plan ** Design phase *** Model of AsIs Processes Completed **** Model of AsIs Processes Completed1 **** Model of AsIs Processes Completed2 *** Measure AsIs performance metrics *** Identify Quick Wins ** Complete innovate phase @endwbs

Edit in DokuwikiEdit in AsciidocEdit in Markdown

Change direction

You can change direction using < and >

🎉 Copied!

@startwbs * Business Process Modelling WBS ** Launch the project *** Complete Stakeholder Research *** Initial Implementation Plan ** Design phase *** Model of AsIs Processes Completed ****< Model of AsIs Processes Completed1 ****> Model of AsIs Processes Completed2 ***< Measure AsIs performance metrics ***< Identify Quick Wins @endwbs

Edit in DokuwikiEdit in AsciidocEdit in Markdown

Arithmetic notation

You can use the following notation to choose diagram side.

🎉 Copied!

@startwbs + New Job ++ Decide on Job Requirements +++ Identity gaps +++ Review JDs ++++ Sign-Up for courses ++++ Volunteer ++++ Reading ++- Checklist +++- Responsibilities +++- Location ++ CV Upload Done +++ CV Updated ++++ Spelling & Grammar ++++ Check dates ---- Skills +++ Recruitment sites chosen @endwbs

Edit in DokuwikiEdit in AsciidocEdit in Markdown

Multilines

You can use : and ; to have multilines box, as on MindMap.

🎉 Copied!

@startwbs * <&flag> Debian ** <&globe> Ubuntu ***:Linux Mint Open Source; *** Kubuntu *** ... @endwbs

[Ref. QA-13945]

Edit in DokuwikiEdit in AsciidocEdit in Markdown

Removing box

You can use underscore _ to remove box drawing.

Boxless on Arithmetic notation

Several boxless node

🎉 Copied!

@startwbs + Project + Part One + Task 1.1 - LeftTask 1.2 + Task 1.3 + Part Two + Task 2.1 + Task 2.2 -_ Task 2.2.1 To the left boxless -_ Task 2.2.2 To the Left boxless +_ Task 2.2.3 To the right boxless @endwbs

All boxless node

🎉 Copied!

@startwbs +_ Project +_ Part One +_ Task 1.1 -_ LeftTask 1.2 +_ Task 1.3 +_ Part Two +_ Task 2.1 +_ Task 2.2 -_ Task 2.2.1 To the left boxless -_ Task 2.2.2 To the Left boxless +_ Task 2.2.3 To the right boxless @endwbs

Boxless on OrgMode syntax

Several boxless node

🎉 Copied!

@startwbs * World ** America ***_ Canada ***_ Mexico ***_ USA ** Europe ***_ England ***_ Germany ***_ Spain @endwbs

[Ref. QA-13297]

All boxless node

🎉 Copied!

@startwbs *_ World **_ America ***_ Canada ***_ Mexico ***_ USA **_ Europe ***_ England ***_ Germany ***_ Spain @endwbs

[Ref. QA-13355]

Edit in DokuwikiEdit in AsciidocEdit in Markdown

Colors (with inline or style color)

It is possible to change node color:

• with inline color

🎉 Copied!

@startwbs *[#SkyBlue] this is the partner workpackage **[#pink] this is my workpackage ** this is another workpackage @endwbs

🎉 Copied!

@startwbs +[#SkyBlue] this is the partner workpackage ++[#pink] this is my workpackage ++ this is another workpackage @endwbs

[Ref. QA-12374, only from v1.2020.20]

• with style color

🎉 Copied!

@startwbs <style> wbsDiagram { .pink { BackgroundColor pink } .your_style_name { BackgroundColor SkyBlue } } </style> * this is the partner workpackage <<your_style_name>> ** this is my workpackage <<pink>> **:This is on multiple lines; <<pink>> ** this is another workpackage @endwbs

🎉 Copied!

@startwbs <style> wbsDiagram { .pink { BackgroundColor pink } .your_style_name { BackgroundColor SkyBlue } } </style> + this is the partner workpackage <<your_style_name>> ++ this is my workpackage <<pink>> ++:This is on multiple lines; <<pink>> ++ this is another workpackage @endwbs

Edit in DokuwikiEdit in AsciidocEdit in Markdown

Using style

It is possible to change diagram style.

🎉 Copied!

@startwbs <style> wbsDiagram { // all lines (meaning connector and borders, there are no other lines in WBS) are black by default Linecolor black arrow { // note that connector are actually "arrow" even if they don't look like as arrow // This is to be consistent with other UML diagrams. Not 100% sure that it's a good idea // So now connector are green LineColor green } :depth(0) { // will target root node BackgroundColor White RoundCorner 10 LineColor red // Because we are targetting depth(0) for everything, border and connector for level 0 will be red } arrow { :depth(2) { // Targetting only connector between Mexico-Chihuahua and USA-Texas LineColor blue LineStyle 4 LineThickness .5 } } node { :depth(2) { LineStyle 2 LineThickness 2.5 } } boxless { // will target boxless node with '_' FontColor darkgreen } } </style> * World ** America *** Canada *** Mexico **** Chihuahua *** USA **** Texas ***< New York ** Europe ***_ England ***_ Germany ***_ Spain @endwbs

Edit in DokuwikiEdit in AsciidocEdit in Markdown

Word Wrap

Using MaximumWidth setting you can control automatic word wrap. Unit used is pixel.

🎉 Copied!

@startwbs <style> node { Padding 12 Margin 3 HorizontalAlignment center LineColor blue LineThickness 3.0 BackgroundColor gold RoundCorner 40 MaximumWidth 100 } rootNode { LineStyle 8.0;3.0 LineColor red BackgroundColor white LineThickness 1.0 RoundCorner 0 Shadowing 0.0 } leafNode { LineColor gold RoundCorner 0 Padding 3 } arrow { LineStyle 4 LineThickness 0.5 LineColor green } </style> * Hi =) ** sometimes i have node in wich i want to write a long text *** this results in really huge diagram **** of course, i can explicit split with a\nnew line **** but it could be cool if PlantUML was able to split long lines, maybe with an option who specify the maximum width of a node @endwbs

Edit in DokuwikiEdit in AsciidocEdit in Markdown

Add arrows between WBS elements

You can add arrows between WBS elements.

Using alias with as:

🎉 Copied!

@startwbs <style> .foo { LineColor #00FF00; } </style> * Test ** A topic *** "common" as c1 *** "common2" as c2 ** "Another topic" as t2 t2 -> c1 <<foo>> t2 ..> c2 #blue @endwbs

Using alias in parentheses:

🎉 Copied!

@startwbs * Test **(b) A topic ***(c1) common **(t2) Another topic t2 --> c1 b -> t2 #blue @endwbs

[Ref. QA-16251]

Edit in DokuwikiEdit in AsciidocEdit in Markdown

Creole on WBS diagram

You can use Creole or HTML Creole on WBS:

🎉 Copied!

@startwbs * Creole on WBS **:==Creole This is **bold** This is //italics// This is ""monospaced"" This is --stricken-out-- This is __underlined__ This is ~~wave-underlined~~ --test Unicode and icons-- This is <U+221E> long This is a <&code> icon Use image : <img:https://plantuml.com/logo3.png> ; **: <b>HTML Creole This is <b>bold</b> This is <i>italics</i> This is <font:monospaced>monospaced</font> This is <s>stroked</s> This is <u>underlined</u> This is <w>waved</w> This is <s:green>stroked</s> This is <u:red>underlined</u> This is <w:#0000FF>waved</w> -- other examples -- This is <color:blue>Blue</color> This is <back:orange>Orange background</back> This is <size:20>big</size> ; **:==Creole line You can have horizontal line ---- Or double line ==== Or strong line ____ Or dotted line ..My title.. Or dotted title //and title... // ==Title== Or double-line title --Another title-- Or single-line title Enjoy!; **:==Creole list item **test list 1** * Bullet list * Second item ** Sub item *** Sub sub item * Third item ---- **test list 2** # Numbered list # Second item ## Sub item ## Another sub item # Third item ; @endwbs