Edit in DokuwikiEdit in AsciidocEdit in Markdown

Work Breakdown Structure (WBS)

Un diagrama de estructura de desglose del trabajo (WBS ) es una herramienta clave de gestión de proyectos que desglosa un proyecto en componentes o tareas más pequeños y manejables. En esencia, se trata de una descomposición jerárquica del alcance total del trabajo que debe realizar el equipo del proyecto para lograr los objetivos del proyecto y crear los entregables requeridos.

PlantUML puede resultar especialmente útil para crear diagramas de WBS. Su diagramación basada en texto significa que crear y actualizar una WBS es tan sencillo como editar un documento de texto, lo que resulta especialmente beneficioso para gestionar los cambios a lo largo del ciclo de vida del proyecto. Este enfoque permite una fácil integración con los sistemas de control de versiones, lo que garantiza el seguimiento de todos los cambios y el mantenimiento del historial de evolución de la WBS.

Además, la compatibilidad de PlantUML con otras herramientas aumenta su utilidad en entornos de colaboración. Los equipos pueden integrar fácilmente sus diagramas EDT en sistemas más amplios de documentación y gestión de proyectos. La simplicidad de la sintaxis de PlantUML permite ajustes rápidos, lo que es crucial en entornos de proyectos dinámicos en los que el alcance y las tareas pueden cambiar con frecuencia. Por tanto, el uso de PlantUML para diagramas WBS combina la claridad del desglose visual con la agilidad y el control de un sistema basado en texto, lo que lo convierte en un valioso activo para la gestión eficaz de proyectos.

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