{"id":2210,"date":"2026-08-23T07:19:42","date_gmt":"2026-08-23T07:19:42","guid":{"rendered":"https:\/\/www.vpascode.com\/id\/building-a-professional-construction-project-wbs-using-plantuml-and-vpascode\/"},"modified":"2026-08-23T07:19:42","modified_gmt":"2026-08-23T07:19:42","slug":"building-a-professional-construction-project-wbs-using-plantuml-and-vpascode","status":"publish","type":"post","link":"https:\/\/www.vpascode.com\/id\/building-a-professional-construction-project-wbs-using-plantuml-and-vpascode\/","title":{"rendered":"Membangun Struktur Pemecahan Kerja (WBS) Proyek Konstruksi Profesional Menggunakan PlantUML dan VPasCode"},"content":{"rendered":"<p>Saat mengelola operasi berskala besar seperti proyek konstruksi, menjaga setiap fase, sub-tugas, dan hasil kerja tetap terorganisir sangat penting. Salah satu cara paling efektif untuk memvisualisasikan hierarki ini adalah melalui Struktur Pemecahan Kerja (WBS). Secara tradisional, menggambar hierarki ini secara manual dalam perangkat lunak grafis sangat melelahkan dan sulit dipelihara. Itulah sebabnya tim teknis modern mengandalkan sebuah <strong>alat diagram-sebagai-kode (PlantUML)<\/strong> dan platform seperti editor gratis kami <strong>editor PlantUML<\/strong>, <a href=\"https:\/\/vpascode.com\/editor\">Visual Paradigm VPasCode<\/a>.<\/p>\n<p>Dalam studi kasus masterclass ini, saya akan membimbing Anda melalui proses pemikiran saya yang tepat dan strategi langkah demi langkah untuk membangun WBS Proyek Konstruksi yang bersih dan bergaya indah dari awal. Baik Anda menggunakan <strong>editor PlantUML gratis<\/strong> atau menjelajahi lingkungan <strong>editor PlantUML<\/strong> yang kuat, panduan ini akan menunjukkan kepada Anda cara mengubah teks biasa menjadi diagram siap eksekusi dengan mudah.<\/p>\n<p id=\"SVAFUwQ\"><img fetchpriority=\"high\" alt=\"A work breakdown structure for a construction project, generated with Visual Paradigm's AI Diagramming Chatbot, editing with Visual Paradigm VPasCode\" class=\"alignnone wp-image-2773 size-full\" decoding=\"async\" fetchpriority=\"high\" height=\"570\" sizes=\"(max-width: 1386px) 100vw, 1386px\" src=\"https:\/\/www.vpascode.com\/wp-content\/uploads\/2026\/08\/img_6a840e33154cb.png\" srcset=\"https:\/\/www.vpascode.com\/wp-content\/uploads\/2026\/08\/img_6a840e33154cb.png 1386w, https:\/\/www.vpascode.com\/wp-content\/uploads\/2026\/08\/img_6a840e33154cb-300x123.png 300w, https:\/\/www.vpascode.com\/wp-content\/uploads\/2026\/08\/img_6a840e33154cb-1024x421.png 1024w, https:\/\/www.vpascode.com\/wp-content\/uploads\/2026\/08\/img_6a840e33154cb-768x316.png 768w\" width=\"1386\"\/><\/p>\n<h2>1. Menyiapkan Fondasi Struktural<\/h2>\n<p>Ketika saya memulai proyek diagram-sebagai-kode baru, langkah pertama saya tidak pernah tentang styling; melainkan tentang menetapkan hierarki struktural. Untuk WBS, PlantUML menggunakan sintaks Struktur Pemecahan Kerja (<code>@startwbs<\/code> dan <code>@endwbs<\/code>) di mana tanda bintang mendefinisikan kedalaman pohon.<\/p>\n<p>Saya mulai dengan menyiapkan node akar dan fase-fase utama proyek:<\/p>\n<pre><code class=\"language-plantuml\">@startwbs\r\ntitle Struktur Pemecahan Kerja Proyek Konstruksi\r\n\r\n* WBS Proyek Konstruksi\r\n** Inisiasi &amp; Perencanaan Proyek\r\n** Persiapan Lahan\r\n** Pekerjaan Struktur Atas\r\n** Layanan Bangunan\r\n** Interior &amp; Finishing\r\n** Eksterior &amp; Pekerjaan Lahan\r\n** Komisioning &amp; Serah Terima@endwbs<\/code><\/pre>\n<p><strong>Mengapa saya menyusunnya seperti ini:<\/strong> Dengan merinci kategori tingkat atas terlebih dahulu (Kedalaman 1), saya menciptakan kerangka kerja kerangka yang kuat. Ini memastikan bahwa ketika saya menambahkan tugas-tugas yang lebih rinci nanti, tata letaknya tetap logis dan seimbang.<\/p>\n<h2>2. Mengisi Paket Kerja yang Rinci<\/h2>\n<p>Selanjutnya, saya memperluas setiap fase utama menjadi sub-tugas yang dapat ditindaklanjuti (Kedalaman 2 dan seterusnya). Misalnya, di bawah <em>Inisiasi &amp; Perencanaan Proyek<\/em>, saya perlu memperhitungkan studi kelayakan, survei, gambar teknik, perizinan, dan jadwal. Saya menambahkan ini menggunakan tiga tanda bintang:<\/p>\n<pre><code class=\"language-plantuml\">** Inisiasi &amp; Perencanaan Proyek\r\n*** Studi Kelayakan\r\n*** Survei &amp; Penilaian Lahan\r\n*** Gambar Desain &amp; Teknik\r\n*** Aplikasi Perizinan &amp; Persetujuan\r\n*** Jadwal &amp; Anggaran Konstruksi<\/code><\/pre>\n<p>Saya mengulangi penguraian sistematis ini untuk semua fase yang tersisa\u2014dari Persiapan Lahan hingga Komisioning. Menuliskannya secara tekstual memungkinkan saya untuk segera menangkap tonggak proyek yang hilang tanpa perlu khawatir menarik dan menyelaraskan bentuk pada kanvas.<\/p>\n<h2>3. Merancang Tema Visual Kustom dengan Gaya PlantUML<\/h2>\n<p>Diagram bawaan bersifat fungsional, namun dokumen teknis profesional menuntut tampilan yang rapi. Untuk meningkatkan daya tarik visual, saya menyisipkan kustom &#8221; <code>&lt;style&gt;<\/code> tepat di bawah judul. Saya memilih palet warna modern yang kohesif dengan warna teal lembut dan teks slate gelap agar sesuai dengan estetika teknik.<\/p>\n<p>Berikut cara saya memformat judul dan properti node secara umum:<\/p>\n<pre><code class=\"language-plantuml\">&lt;style&gt;\r\ntitle {\r\n    FontName \"Segoe UI, Helvetica, Arial, sans-serif\"\r\n    FontSize 16\r\n    FontColor #0f292d\r\n    FontStyle bold\r\n    HorizontalAlignment center\r\n    Padding 8\r\n}\r\n\r\nnode {\r\n    Padding 10\r\n    Margin 16\r\n    HorizontalAlignment center\r\n    RoundCorner 10\r\n    LineThickness 0\r\n    FontName \"Segoe UI, Helvetica, Arial, sans-serif\"\r\n    FontSize 12\r\n    BackgroundColor #e0f0f0\r\n    FontColor #0f292d\r\n    MaximumWidth 100\r\n}\r\n&lt;\/style&gt;<\/code><\/pre>\n<p><strong>Pembenaran Pilihan Desain:<\/strong> Saya atur <code>RoundCorner 10<\/code> dan menghapus garis tepi tebal (<code>LineThickness 0<\/code>) agar blok memiliki tampilan modern seperti kartu. Dengan menetapkan <code>MaximumWidth 100<\/code> memastikan teks terbungkus dengan rapi alih-alih meregang menjadi persegi panjang yang canggung dan memanjang.<\/p>\n<h2>4. Menerapkan Grading Warna Berbasis Kedalaman<\/h2>\n<p>Agar hierarki dapat langsung dipindai oleh para pemangku kepentingan, saya menerapkan efek gradien berdasarkan kedalaman node. Tingkat yang lebih dalam menjadi semakin terang secara bertahap, memandu mata pengamat dengan mulus dari akar proyek makro hingga tugas mikro.<\/p>\n<pre><code class=\"language-plantuml\">:depth(0) {\r\n    BackgroundColor #b2d8d8\r\n    FontColor #0f292d\r\n}\r\n:depth(1) {\r\n    BackgroundColor #cce6e6\r\n}\r\n:depth(2) {\r\n    BackgroundColor #e0f0f0\r\n}\r\n:depth(3) {\r\n    BackgroundColor #f2f9f9\r\n}\r\narrow {\r\n    LineColor #52787c\r\n    LineThickness 0.8\r\n}<\/code><\/pre>\n<h2>Hidupkan Diagram Anda dengan VPasCode<\/h2>\n<p>Membuat diagram kompleks seperti WBS konstruksi ini menjadi hal yang alami ketika Anda memiliki lingkungan yang tepat. Dengan <a href=\"https:\/\/vpascode.com\/\">Visual Paradigm VPasCode<\/a>, Anda mendapatkan rendering real-time instan, deteksi format otomatis, dan kemampuan ekspor yang mulus langsung di browser Anda.<\/p>\n<p id=\"hePWmbF\"><img alt=\"A screenshot of Visual Paradigm VPasCode showing the creation of a Work Breakdown Structure\" class=\"alignnone wp-image-2789 size-full\" decoding=\"async\" height=\"788\" sizes=\"(max-width: 1400px) 100vw, 1400px\" src=\"https:\/\/www.vpascode.com\/wp-content\/uploads\/2026\/08\/img_6a84160d007a5.png\" srcset=\"https:\/\/www.vpascode.com\/wp-content\/uploads\/2026\/08\/img_6a84160d007a5.png 1400w, https:\/\/www.vpascode.com\/wp-content\/uploads\/2026\/08\/img_6a84160d007a5-300x169.png 300w, https:\/\/www.vpascode.com\/wp-content\/uploads\/2026\/08\/img_6a84160d007a5-1024x576.png 1024w, https:\/\/www.vpascode.com\/wp-content\/uploads\/2026\/08\/img_6a84160d007a5-768x432.png 768w\" width=\"1400\"\/><\/p>\n<p>Siap mencobanya sendiri? Salin potongan kode lengkap dari tutorial ini, lalu buka <a href=\"https:\/\/vpascode.com\/editor\">Editor Online VPasCode<\/a>, tempelkan, dan saksikan diagram profesional Anda dirender secara instan!<\/p>\n","protected":false},"excerpt":{"rendered":"Saat mengelola operasi berskala besar seperti proyek konstruksi, menjaga setiap fase, sub-tugas, dan hasil kerja tetap terorganisir sangat penting. Salah satu cara paling efektif untuk memvisualisasikan hierarki ini adalah melalui Struktur Pemecahan Kerja (WBS). Secara tradisional, menggambar hierarki ini secara&#8230;","protected":false},"author":4,"featured_media":2211,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_yoast_wpseo_title":"Build a Construction WBS Diagram with PlantUML & VPasCode","_yoast_wpseo_metadesc":"Learn how to build a professional Construction Project Work Breakdown Structure using PlantUML and the free VPasCode diagram editor. Read the masterclass tutorial!","inline_featured_image":false,"site-sidebar-layout":"default","site-content-layout":"","ast-site-content-layout":"default","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"","ast-breadcrumbs-content":"","ast-featured-img":"","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"default","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"set","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"source_url":"","fifu_image_url":"","fifu_image_alt":"","_fifu_image_alt":"","fifu_alt":"","_fifu_alt":"","fifu_image_title":"","_fifu_image_title":"","fifu_input_alt":"","vp_image_hash":"","footnotes":""},"categories":[19],"tags":[],"asset-category":[],"class_list":["post-2210","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-tutorials-guides"],"source_url":"","fifu_image_url":"","fifu_image_alt":"","vp_image_hash":"","yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.6 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Build a Construction WBS Diagram with PlantUML &amp; VPasCode<\/title>\n<meta name=\"description\" content=\"Learn how to build a professional Construction Project Work Breakdown Structure using PlantUML and the free VPasCode diagram editor. Read the masterclass tutorial!\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.vpascode.com\/id\/building-a-professional-construction-project-wbs-using-plantuml-and-vpascode\/\" \/>\n<meta property=\"og:locale\" content=\"id_ID\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Build a Construction WBS Diagram with PlantUML &amp; VPasCode\" \/>\n<meta property=\"og:description\" content=\"Learn how to build a professional Construction Project Work Breakdown Structure using PlantUML and the free VPasCode diagram editor. Read the masterclass tutorial!\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.vpascode.com\/id\/building-a-professional-construction-project-wbs-using-plantuml-and-vpascode\/\" \/>\n<meta property=\"og:site_name\" content=\"VPasCode\" \/>\n<meta property=\"article:published_time\" content=\"2026-08-23T07:19:42+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.vpascode.com\/id\/wp-content\/uploads\/sites\/7\/2026\/08\/construction-wbs-plantuml-tutorial-1.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"1376\" \/>\n\t<meta property=\"og:image:height\" content=\"768\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"jick\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Ditulis oleh\" \/>\n\t<meta name=\"twitter:data1\" content=\"\" \/>\n\t<meta name=\"twitter:label2\" content=\"Estimasi waktu membaca\" \/>\n\t<meta name=\"twitter:data2\" content=\"3 menit\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\\\/\\\/www.vpascode.com\\\/id\\\/building-a-professional-construction-project-wbs-using-plantuml-and-vpascode\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.vpascode.com\\\/id\\\/building-a-professional-construction-project-wbs-using-plantuml-and-vpascode\\\/\"},\"author\":{\"name\":\"jick\",\"@id\":\"https:\\\/\\\/www.vpascode.com\\\/id\\\/#\\\/schema\\\/person\\\/cd8aa8455bd8bc6827b3efdfa79ad3a6\"},\"headline\":\"Membangun Struktur Pemecahan Kerja (WBS) Proyek Konstruksi Profesional Menggunakan PlantUML dan VPasCode\",\"datePublished\":\"2026-08-23T07:19:42+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/www.vpascode.com\\\/id\\\/building-a-professional-construction-project-wbs-using-plantuml-and-vpascode\\\/\"},\"wordCount\":511,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\\\/\\\/www.vpascode.com\\\/id\\\/#organization\"},\"image\":{\"@id\":\"https:\\\/\\\/www.vpascode.com\\\/id\\\/building-a-professional-construction-project-wbs-using-plantuml-and-vpascode\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/www.vpascode.com\\\/id\\\/wp-content\\\/uploads\\\/sites\\\/7\\\/2026\\\/08\\\/construction-wbs-plantuml-tutorial-1.jpg\",\"articleSection\":[\"Tutorials &amp; Guides\"],\"inLanguage\":\"id\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\\\/\\\/www.vpascode.com\\\/id\\\/building-a-professional-construction-project-wbs-using-plantuml-and-vpascode\\\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/www.vpascode.com\\\/id\\\/building-a-professional-construction-project-wbs-using-plantuml-and-vpascode\\\/\",\"url\":\"https:\\\/\\\/www.vpascode.com\\\/id\\\/building-a-professional-construction-project-wbs-using-plantuml-and-vpascode\\\/\",\"name\":\"Build a Construction WBS Diagram with PlantUML & VPasCode\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.vpascode.com\\\/id\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/www.vpascode.com\\\/id\\\/building-a-professional-construction-project-wbs-using-plantuml-and-vpascode\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/www.vpascode.com\\\/id\\\/building-a-professional-construction-project-wbs-using-plantuml-and-vpascode\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/www.vpascode.com\\\/id\\\/wp-content\\\/uploads\\\/sites\\\/7\\\/2026\\\/08\\\/construction-wbs-plantuml-tutorial-1.jpg\",\"datePublished\":\"2026-08-23T07:19:42+00:00\",\"description\":\"Learn how to build a professional Construction Project Work Breakdown Structure using PlantUML and the free VPasCode diagram editor. Read the masterclass tutorial!\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/www.vpascode.com\\\/id\\\/building-a-professional-construction-project-wbs-using-plantuml-and-vpascode\\\/#breadcrumb\"},\"inLanguage\":\"id\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/www.vpascode.com\\\/id\\\/building-a-professional-construction-project-wbs-using-plantuml-and-vpascode\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"id\",\"@id\":\"https:\\\/\\\/www.vpascode.com\\\/id\\\/building-a-professional-construction-project-wbs-using-plantuml-and-vpascode\\\/#primaryimage\",\"url\":\"https:\\\/\\\/www.vpascode.com\\\/id\\\/wp-content\\\/uploads\\\/sites\\\/7\\\/2026\\\/08\\\/construction-wbs-plantuml-tutorial-1.jpg\",\"contentUrl\":\"https:\\\/\\\/www.vpascode.com\\\/id\\\/wp-content\\\/uploads\\\/sites\\\/7\\\/2026\\\/08\\\/construction-wbs-plantuml-tutorial-1.jpg\",\"width\":1376,\"height\":768},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/www.vpascode.com\\\/id\\\/building-a-professional-construction-project-wbs-using-plantuml-and-vpascode\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/www.vpascode.com\\\/id\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Membangun Struktur Pemecahan Kerja (WBS) Proyek Konstruksi Profesional Menggunakan PlantUML dan VPasCode\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/www.vpascode.com\\\/id\\\/#website\",\"url\":\"https:\\\/\\\/www.vpascode.com\\\/id\\\/\",\"name\":\"VPasCode\",\"description\":\"by Visual Paradigm\",\"publisher\":{\"@id\":\"https:\\\/\\\/www.vpascode.com\\\/id\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/www.vpascode.com\\\/id\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"id\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/www.vpascode.com\\\/id\\\/#organization\",\"name\":\"VPasCode\",\"url\":\"https:\\\/\\\/www.vpascode.com\\\/id\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"id\",\"@id\":\"https:\\\/\\\/www.vpascode.com\\\/id\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/www.vpascode.com\\\/id\\\/wp-content\\\/uploads\\\/sites\\\/7\\\/2026\\\/06\\\/cropped-vp-online-logo-v1.png\",\"contentUrl\":\"https:\\\/\\\/www.vpascode.com\\\/id\\\/wp-content\\\/uploads\\\/sites\\\/7\\\/2026\\\/06\\\/cropped-vp-online-logo-v1.png\",\"width\":128,\"height\":138,\"caption\":\"VPasCode\"},\"image\":{\"@id\":\"https:\\\/\\\/www.vpascode.com\\\/id\\\/#\\\/schema\\\/logo\\\/image\\\/\"}},{\"@type\":\"Person\",\"@id\":\"https:\\\/\\\/www.vpascode.com\\\/id\\\/#\\\/schema\\\/person\\\/cd8aa8455bd8bc6827b3efdfa79ad3a6\",\"name\":\"jick\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"id\",\"@id\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/0c89451a99649a6ebefa14a9167db0960c327e8c33ea79fdb68fc38aa18d768a?s=96&d=mm&r=g\",\"url\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/0c89451a99649a6ebefa14a9167db0960c327e8c33ea79fdb68fc38aa18d768a?s=96&d=mm&r=g\",\"contentUrl\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/0c89451a99649a6ebefa14a9167db0960c327e8c33ea79fdb68fc38aa18d768a?s=96&d=mm&r=g\",\"caption\":\"jick\"},\"url\":\"https:\\\/\\\/www.vpascode.com\\\/id\\\/author\\\/jick\\\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Build a Construction WBS Diagram with PlantUML & VPasCode","description":"Learn how to build a professional Construction Project Work Breakdown Structure using PlantUML and the free VPasCode diagram editor. Read the masterclass tutorial!","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/www.vpascode.com\/id\/building-a-professional-construction-project-wbs-using-plantuml-and-vpascode\/","og_locale":"id_ID","og_type":"article","og_title":"Build a Construction WBS Diagram with PlantUML & VPasCode","og_description":"Learn how to build a professional Construction Project Work Breakdown Structure using PlantUML and the free VPasCode diagram editor. Read the masterclass tutorial!","og_url":"https:\/\/www.vpascode.com\/id\/building-a-professional-construction-project-wbs-using-plantuml-and-vpascode\/","og_site_name":"VPasCode","article_published_time":"2026-08-23T07:19:42+00:00","og_image":[{"width":1376,"height":768,"url":"https:\/\/www.vpascode.com\/id\/wp-content\/uploads\/sites\/7\/2026\/08\/construction-wbs-plantuml-tutorial-1.jpg","type":"image\/jpeg"}],"author":"jick","twitter_card":"summary_large_image","twitter_misc":{"Ditulis oleh":false,"Estimasi waktu membaca":"3 menit"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.vpascode.com\/id\/building-a-professional-construction-project-wbs-using-plantuml-and-vpascode\/#article","isPartOf":{"@id":"https:\/\/www.vpascode.com\/id\/building-a-professional-construction-project-wbs-using-plantuml-and-vpascode\/"},"author":{"name":"jick","@id":"https:\/\/www.vpascode.com\/id\/#\/schema\/person\/cd8aa8455bd8bc6827b3efdfa79ad3a6"},"headline":"Membangun Struktur Pemecahan Kerja (WBS) Proyek Konstruksi Profesional Menggunakan PlantUML dan VPasCode","datePublished":"2026-08-23T07:19:42+00:00","mainEntityOfPage":{"@id":"https:\/\/www.vpascode.com\/id\/building-a-professional-construction-project-wbs-using-plantuml-and-vpascode\/"},"wordCount":511,"commentCount":0,"publisher":{"@id":"https:\/\/www.vpascode.com\/id\/#organization"},"image":{"@id":"https:\/\/www.vpascode.com\/id\/building-a-professional-construction-project-wbs-using-plantuml-and-vpascode\/#primaryimage"},"thumbnailUrl":"https:\/\/www.vpascode.com\/id\/wp-content\/uploads\/sites\/7\/2026\/08\/construction-wbs-plantuml-tutorial-1.jpg","articleSection":["Tutorials &amp; Guides"],"inLanguage":"id","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/www.vpascode.com\/id\/building-a-professional-construction-project-wbs-using-plantuml-and-vpascode\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/www.vpascode.com\/id\/building-a-professional-construction-project-wbs-using-plantuml-and-vpascode\/","url":"https:\/\/www.vpascode.com\/id\/building-a-professional-construction-project-wbs-using-plantuml-and-vpascode\/","name":"Build a Construction WBS Diagram with PlantUML & VPasCode","isPartOf":{"@id":"https:\/\/www.vpascode.com\/id\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.vpascode.com\/id\/building-a-professional-construction-project-wbs-using-plantuml-and-vpascode\/#primaryimage"},"image":{"@id":"https:\/\/www.vpascode.com\/id\/building-a-professional-construction-project-wbs-using-plantuml-and-vpascode\/#primaryimage"},"thumbnailUrl":"https:\/\/www.vpascode.com\/id\/wp-content\/uploads\/sites\/7\/2026\/08\/construction-wbs-plantuml-tutorial-1.jpg","datePublished":"2026-08-23T07:19:42+00:00","description":"Learn how to build a professional Construction Project Work Breakdown Structure using PlantUML and the free VPasCode diagram editor. Read the masterclass tutorial!","breadcrumb":{"@id":"https:\/\/www.vpascode.com\/id\/building-a-professional-construction-project-wbs-using-plantuml-and-vpascode\/#breadcrumb"},"inLanguage":"id","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.vpascode.com\/id\/building-a-professional-construction-project-wbs-using-plantuml-and-vpascode\/"]}]},{"@type":"ImageObject","inLanguage":"id","@id":"https:\/\/www.vpascode.com\/id\/building-a-professional-construction-project-wbs-using-plantuml-and-vpascode\/#primaryimage","url":"https:\/\/www.vpascode.com\/id\/wp-content\/uploads\/sites\/7\/2026\/08\/construction-wbs-plantuml-tutorial-1.jpg","contentUrl":"https:\/\/www.vpascode.com\/id\/wp-content\/uploads\/sites\/7\/2026\/08\/construction-wbs-plantuml-tutorial-1.jpg","width":1376,"height":768},{"@type":"BreadcrumbList","@id":"https:\/\/www.vpascode.com\/id\/building-a-professional-construction-project-wbs-using-plantuml-and-vpascode\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.vpascode.com\/id\/"},{"@type":"ListItem","position":2,"name":"Membangun Struktur Pemecahan Kerja (WBS) Proyek Konstruksi Profesional Menggunakan PlantUML dan VPasCode"}]},{"@type":"WebSite","@id":"https:\/\/www.vpascode.com\/id\/#website","url":"https:\/\/www.vpascode.com\/id\/","name":"VPasCode","description":"by Visual Paradigm","publisher":{"@id":"https:\/\/www.vpascode.com\/id\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.vpascode.com\/id\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"id"},{"@type":"Organization","@id":"https:\/\/www.vpascode.com\/id\/#organization","name":"VPasCode","url":"https:\/\/www.vpascode.com\/id\/","logo":{"@type":"ImageObject","inLanguage":"id","@id":"https:\/\/www.vpascode.com\/id\/#\/schema\/logo\/image\/","url":"https:\/\/www.vpascode.com\/id\/wp-content\/uploads\/sites\/7\/2026\/06\/cropped-vp-online-logo-v1.png","contentUrl":"https:\/\/www.vpascode.com\/id\/wp-content\/uploads\/sites\/7\/2026\/06\/cropped-vp-online-logo-v1.png","width":128,"height":138,"caption":"VPasCode"},"image":{"@id":"https:\/\/www.vpascode.com\/id\/#\/schema\/logo\/image\/"}},{"@type":"Person","@id":"https:\/\/www.vpascode.com\/id\/#\/schema\/person\/cd8aa8455bd8bc6827b3efdfa79ad3a6","name":"jick","image":{"@type":"ImageObject","inLanguage":"id","@id":"https:\/\/secure.gravatar.com\/avatar\/0c89451a99649a6ebefa14a9167db0960c327e8c33ea79fdb68fc38aa18d768a?s=96&d=mm&r=g","url":"https:\/\/secure.gravatar.com\/avatar\/0c89451a99649a6ebefa14a9167db0960c327e8c33ea79fdb68fc38aa18d768a?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/0c89451a99649a6ebefa14a9167db0960c327e8c33ea79fdb68fc38aa18d768a?s=96&d=mm&r=g","caption":"jick"},"url":"https:\/\/www.vpascode.com\/id\/author\/jick\/"}]}},"_links":{"self":[{"href":"https:\/\/www.vpascode.com\/id\/wp-json\/wp\/v2\/posts\/2210","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.vpascode.com\/id\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.vpascode.com\/id\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.vpascode.com\/id\/wp-json\/wp\/v2\/users\/4"}],"replies":[{"embeddable":true,"href":"https:\/\/www.vpascode.com\/id\/wp-json\/wp\/v2\/comments?post=2210"}],"version-history":[{"count":0,"href":"https:\/\/www.vpascode.com\/id\/wp-json\/wp\/v2\/posts\/2210\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.vpascode.com\/id\/wp-json\/wp\/v2\/media\/2211"}],"wp:attachment":[{"href":"https:\/\/www.vpascode.com\/id\/wp-json\/wp\/v2\/media?parent=2210"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.vpascode.com\/id\/wp-json\/wp\/v2\/categories?post=2210"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.vpascode.com\/id\/wp-json\/wp\/v2\/tags?post=2210"},{"taxonomy":"asset-category","embeddable":true,"href":"https:\/\/www.vpascode.com\/id\/wp-json\/wp\/v2\/asset-category?post=2210"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}