{"id":2119,"date":"2026-05-26T07:24:05","date_gmt":"2026-05-26T07:24:05","guid":{"rendered":"https:\/\/www.vpascode.com\/id\/docs\/uncategorized\/plantuml-deployment-diagram-syntax-guide\/"},"modified":"2026-05-26T07:24:05","modified_gmt":"2026-05-26T07:24:05","slug":"plantuml-deployment-diagram-syntax-guide","status":"publish","type":"ld_docs","link":"https:\/\/www.vpascode.com\/id\/docs\/vpascode-docs\/plantuml-deployment-diagram-syntax-guide\/","title":{"rendered":"Panduan Sintaks Diagram Penempatan PlantUML"},"content":{"rendered":"<h2>Apa itu Diagram Penempatan?<\/h2>\n<p>Sebuah <strong>Diagram Penempatan<\/strong> adalah struktural <strong>diagram UML<\/strong> yang memodelkan arsitektur eksekusi fisik dari suatu sistem perangkat lunak. Sebagai standar inti dari spesifikasi Bahasa Pemodelan Terpadu (UML), jenis diagram ini <strong>jenis diagram UML<\/strong> memetakan bagaimana komponen perangkat lunak ditempatkan secara fisik pada target host perangkat keras, elemen infrastruktur awan, atau runtime container. Ini memberikan insinyur sistem, profesional DevOps, dan arsitek jaringan dengan tata letak yang jelas mengenai batas klaster server, jalur replikasi basis data, tingkatan load balancer, dan protokol jaringan perangkat keras di seluruh wilayah pengembangan dan produksi.<\/p>\n<p>Dengan <strong>VPasCode<\/strong>, Anda tidak perlu bersusah payah dengan bentuk pengelompokan vektor yang rumit atau pemetaan koordinat manual. Dengan menggunakan blok skrip deklaratif sederhana, mesin kami secara otomatis mengelompokkan, menghitung, dan menempatkan struktur node perangkat keras Anda dengan rapi.<\/p>\n<h2>Panduan Sintaks Inti: Elemen dan Konstruksi<\/h2>\n<p>Untuk merancang diagram penempatan UML yang akurat dan sesuai standar di PlantUML, Anda perlu menguasai node perangkat keras, lingkungan eksekusi, artefak penempatan, dan keterhubungan jaringan.<\/p>\n<h3>1. Deklarasi Kubus Infrastruktur (Node)<\/h3>\n<p>Dalam tata letak penempatan, sumber daya komputasi fisik direpresentasikan sebagai kubus tiga dimensi 3D. Anda mendeklarasikan elemen-elemen ini menggunakan kata kunci <code>node<\/code> kata kunci, atau dengan memilih varian khusus yang memberi pembaca konteks visual langsung mengenai tingkat perangkat keras:<\/p>\n<div class=\"vpascode-viewer-container vpascode-fancy-active\">\n<div class=\"vpascode-header\">\n<span class=\"vpascode-lang-label\">Plantuml<\/span><br \/>\n<a class=\"vpascode-fancy-btn\" href=\"https:\/\/www.vpascode.com\/editor\/#plantuml:oyjFILLGSaeiIbNmJIr9p55mB2Z8oKnEBCdCprC8JYqgIorIKaWiLd3EBqg5S7cvya1w81n3NgwKn9B4fCHYe2akC1QIFXUdU3-WSW00\" rel=\"noopener noreferrer\" target=\"_blank\"><br \/>\n<svg fill=\"none\" height=\"14\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2.5\" style=\"margin-right: 8px;\" viewbox=\"0 0 24 24\" width=\"14\"><path d=\"M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7\"><\/path><path d=\"M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z\"><\/path><\/svg><br \/>\n<span>Edit Plantuml di VPasCode<\/span><br \/>\n<\/a>\n<\/div>\n<div class=\"vpascode-code-wrapper\">\n            <div class=\"vpascode-viewer-container vpascode-fancy-active\">\r\n                                <div class=\"vpascode-header\">\r\n                    <span class=\"vpascode-lang-label\">Plantuml<\/span>\r\n                    <a href=\"https:\/\/www.vpascode.com\/editor\/#plantuml:oyjFILLG2aujAaijKd0ioCdCJYpELF39Jq_CLV0jBShBL58eJarAJ4_CL73EBqg5AEJboWDfWt0CURbI4aiIanAB4GOv0GqfLd012YEqkpZ5-m5r0G00\" \r\n                       target=\"_blank\" \r\n                       rel=\"noopener noreferrer\" \r\n                       class=\"vpascode-fancy-btn\">\r\n                        <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" style=\"margin-right: 8px;\"><path d=\"M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7\"><\/path><path d=\"M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z\"><\/path><\/svg>\r\n                        <span>Edit Plantuml in VPasCode<\/span>\r\n                    <\/a>\r\n                <\/div>\r\n                                <div class=\"vpascode-code-wrapper\">\r\n                    <pre class=\"lang-plantuml\"><code class=\"language-plantuml\" data-language=\"plantuml\" class=\"language-plantuml\">node \"Server Aplikasi Logam Murni\" sebagai CoreServer\r\nnode Server1\r\ndatabase \"Server Basis Data\" sebagai DB_Node<\/code><\/pre>                <\/div>\r\n                <div class=\"vpascode-actions\">\r\n                    <a href=\"https:\/\/www.vpascode.com\/editor\/#plantuml:oyjFILLG2aujAaijKd0ioCdCJYpELF39Jq_CLV0jBShBL58eJarAJ4_CL73EBqg5AEJboWDfWt0CURbI4aiIanAB4GOv0GqfLd012YEqkpZ5-m5r0G00\" \r\n                       target=\"_blank\" \r\n                       rel=\"noopener noreferrer\" \r\n                       class=\"vpascode-fancy-btn\">\r\n                        <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" style=\"margin-right: 6px;\"><path d=\"M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7\"><\/path><path d=\"M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z\"><\/path><\/svg>\r\n                        <span>Edit Plantuml in VPasCode<\/span>\r\n                    <\/a>\r\n                <\/div>\r\n            <\/div>\r\n            \n<\/p><\/div>\n<div class=\"vpascode-actions\">\n<a class=\"vpascode-fancy-btn\" href=\"https:\/\/www.vpascode.com\/editor\/#plantuml:oyjFILLGSaeiIbNmJIr9p55mB2Z8oKnEBCdCprC8JYqgIorIKaWiLd3EBqg5S7cvya1w81n3NgwKn9B4fCHYe2akC1QIFXUdU3-WSW00\" rel=\"noopener noreferrer\" target=\"_blank\"><br \/>\n<svg fill=\"none\" height=\"14\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2.5\" style=\"margin-right: 6px;\" viewbox=\"0 0 24 24\" width=\"14\"><path d=\"M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7\"><\/path><path d=\"M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z\"><\/path><\/svg><br \/>\n<span>Edit Plantuml di VPasCode<\/span><br \/>\n<\/a>\n<\/div>\n<\/div>\n<p id=\"CKPzhvR\"><img fetchpriority=\"high\" alt=\"\" class=\"alignnone size-full wp-image-590\" decoding=\"async\" fetchpriority=\"high\" height=\"154\" sizes=\"(max-width: 381px) 100vw, 381px\" src=\"https:\/\/www.vpascode.com\/wp-content\/uploads\/2026\/05\/img_6a19005832ad6.png\" srcset=\"https:\/\/www.vpascode.com\/wp-content\/uploads\/2026\/05\/img_6a19005832ad6.png 381w, https:\/\/www.vpascode.com\/wp-content\/uploads\/2026\/05\/img_6a19005832ad6-300x121.png 300w\" width=\"381\"\/><\/p>\n<h3>2. Pemodelan Lapisan Awan dan Lingkungan Virtual<\/h3>\n<p>Aplikasi modern jarang ditempatkan langsung pada perangkat keras fisik. PlantUML menyediakan pembungkus pengelompokan bersarang untuk merepresentasikan batas eksekusi logis, jejak penyedia awan, atau runtime container virtual seperti Docker dan Kubernetes:<\/p>\n<ul>\n<li><code>cloud<\/code> \u2014 Melambangkan lapisan web publik eksternal atau batas jaringan awan (misalnya, AWS, Azure).<\/li>\n<li><code>frame<\/code> \u2014 Melambangkan sistem virtual atau wilayah organisasi.<\/li>\n<li><code>storage<\/code> \u2014 Melambangkan konfigurasi SAN fisik atau lokasi penyimpanan objek.<\/li>\n<\/ul>\n<div class=\"vpascode-viewer-container vpascode-fancy-active\">\n<div class=\"vpascode-header\">\n<span class=\"vpascode-lang-label\">Plantuml<\/span><br \/>\n<a class=\"vpascode-fancy-btn\" href=\"https:\/\/www.vpascode.com\/editor\/#plantuml:Iyx9BqrHK7BCJQpAprC8JqrI24ujAijCJYrM20jmLbAevkLI08Ay_9HK1ILNPoC5dyoyqWe5pxpYaiIyv5GbXSHYXV3yekpK8Z-W4bwkMW00\" rel=\"noopener noreferrer\" target=\"_blank\"><br \/>\n<svg fill=\"none\" height=\"14\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2.5\" style=\"margin-right: 8px;\" viewbox=\"0 0 24 24\" width=\"14\"><path d=\"M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7\"><\/path><path d=\"M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z\"><\/path><\/svg><br \/>\n<span>Edit Plantuml di VPasCode<\/span><br \/>\n<\/a>\n<\/div>\n<div class=\"vpascode-code-wrapper\">\n            <div class=\"vpascode-viewer-container vpascode-fancy-active\">\r\n                                <div class=\"vpascode-header\">\r\n                    <span class=\"vpascode-lang-label\">Plantuml<\/span>\r\n                    <a href=\"https:\/\/www.vpascode.com\/editor\/#plantuml:Iyx9BqrHK7BCJQpAprC8JqrI24ujAijCJYrM20jmLbAevkLI08Ay_9HK1INFlEAInBnY1P_ClD8A1LTd8oM5ujIanFJ4J8Nm_ABir28_e39Uhbe0\" \r\n                       target=\"_blank\" \r\n                       rel=\"noopener noreferrer\" \r\n                       class=\"vpascode-fancy-btn\">\r\n                        <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" style=\"margin-right: 8px;\"><path d=\"M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7\"><\/path><path d=\"M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z\"><\/path><\/svg>\r\n                        <span>Edit Plantuml in VPasCode<\/span>\r\n                    <\/a>\r\n                <\/div>\r\n                                <div class=\"vpascode-code-wrapper\">\r\n                    <pre class=\"lang-plantuml\"><code class=\"language-plantuml\" data-language=\"plantuml\" class=\"language-plantuml\">cloud \"Amazon Web Services VPC\" {\r\n    node \"Instans Linux EC2\" sebagai WorkerNode\r\n}<\/code><\/pre>                <\/div>\r\n                <div class=\"vpascode-actions\">\r\n                    <a href=\"https:\/\/www.vpascode.com\/editor\/#plantuml:Iyx9BqrHK7BCJQpAprC8JqrI24ujAijCJYrM20jmLbAevkLI08Ay_9HK1INFlEAInBnY1P_ClD8A1LTd8oM5ujIanFJ4J8Nm_ABir28_e39Uhbe0\" \r\n                       target=\"_blank\" \r\n                       rel=\"noopener noreferrer\" \r\n                       class=\"vpascode-fancy-btn\">\r\n                        <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" style=\"margin-right: 6px;\"><path d=\"M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7\"><\/path><path d=\"M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z\"><\/path><\/svg>\r\n                        <span>Edit Plantuml in VPasCode<\/span>\r\n                    <\/a>\r\n                <\/div>\r\n            <\/div>\r\n            \n<\/p><\/div>\n<div class=\"vpascode-actions\">\n<a class=\"vpascode-fancy-btn\" href=\"https:\/\/www.vpascode.com\/editor\/#plantuml:Iyx9BqrHK7BCJQpAprC8JqrI24ujAijCJYrM20jmLbAevkLI08Ay_9HK1ILNPoC5dyoyqWe5pxpYaiIyv5GbXSHYXV3yekpK8Z-W4bwkMW00\" rel=\"noopener noreferrer\" target=\"_blank\"><br \/>\n<svg fill=\"none\" height=\"14\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2.5\" style=\"margin-right: 6px;\" viewbox=\"0 0 24 24\" width=\"14\"><path d=\"M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7\"><\/path><path d=\"M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z\"><\/path><\/svg><br \/>\n<span>Edit Plantuml di VPasCode<\/span><br \/>\n<\/a>\n<\/div>\n<\/div>\n<p id=\"JVQyXRY\"><img alt=\"\" class=\"alignnone size-full wp-image-591\" decoding=\"async\" height=\"101\" src=\"https:\/\/www.vpascode.com\/wp-content\/uploads\/2026\/05\/img_6a19006382161.png\" width=\"232\"\/><\/p>\n<h3>3. Mendefinisikan Artefak Deploi (Apa yang Berjalan di Mana)<\/h3>\n<p>Sebuah artefak mewakili file fisik yang sebenarnya (seperti file JAR yang telah dikompilasi, folder build statis, atau paket yang di-zip) yang dideploy ke sebuah node. Anda mendeklarasikan artefak menggunakan kata kunci <code>artefak<\/code> kata kunci, atau letakkan langsung di dalam blok perangkat keras Anda:<\/p>\n<div class=\"vpascode-viewer-container vpascode-fancy-active\">\n<div class=\"vpascode-header\">\n<span class=\"vpascode-lang-label\">Plantuml<\/span><br \/>\n<a class=\"vpascode-fancy-btn\" href=\"https:\/\/www.vpascode.com\/editor\/#plantuml:oyjFILLGSYmeoCbCJYp9pCzJ24ujAaijKbAevkLI08B4efBCjCJa4WMbn8BC-393FGEzyaIWT6AnWcE0PxnRPaugBrSj0000\" rel=\"noopener noreferrer\" target=\"_blank\"><br \/>\n<svg fill=\"none\" height=\"14\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2.5\" style=\"margin-right: 8px;\" viewbox=\"0 0 24 24\" width=\"14\"><path d=\"M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7\"><\/path><path d=\"M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z\"><\/path><\/svg><br \/>\n<span>Edit Plantuml di VPasCode<\/span><br \/>\n<\/a>\n<\/div>\n<div class=\"vpascode-code-wrapper\">\n            <div class=\"vpascode-viewer-container vpascode-fancy-active\">\r\n                                <div class=\"vpascode-header\">\r\n                    <span class=\"vpascode-lang-label\">Plantuml<\/span>\r\n                    <a href=\"https:\/\/www.vpascode.com\/editor\/#plantuml:oyjFILLG2aujAaijKd0ioCdCJYpEL5AevkLI08B4efBKjCHi1QN4WipuCaCz0xton28bXUBKfCJqn4m5nm3FUBVCd5HUhbe0\" \r\n                       target=\"_blank\" \r\n                       rel=\"noopener noreferrer\" \r\n                       class=\"vpascode-fancy-btn\">\r\n                        <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" style=\"margin-right: 8px;\"><path d=\"M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7\"><\/path><path d=\"M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z\"><\/path><\/svg>\r\n                        <span>Edit Plantuml in VPasCode<\/span>\r\n                    <\/a>\r\n                <\/div>\r\n                                <div class=\"vpascode-code-wrapper\">\r\n                    <pre class=\"lang-plantuml\"><code class=\"language-plantuml\" data-language=\"plantuml\" class=\"language-plantuml\">node \"Server Aplikasi\" {\r\n    artefak \"api_v1.0.war\" sebagai API_File\r\n}<\/code><\/pre>                <\/div>\r\n                <div class=\"vpascode-actions\">\r\n                    <a href=\"https:\/\/www.vpascode.com\/editor\/#plantuml:oyjFILLG2aujAaijKd0ioCdCJYpEL5AevkLI08B4efBKjCHi1QN4WipuCaCz0xton28bXUBKfCJqn4m5nm3FUBVCd5HUhbe0\" \r\n                       target=\"_blank\" \r\n                       rel=\"noopener noreferrer\" \r\n                       class=\"vpascode-fancy-btn\">\r\n                        <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" style=\"margin-right: 6px;\"><path d=\"M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7\"><\/path><path d=\"M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z\"><\/path><\/svg>\r\n                        <span>Edit Plantuml in VPasCode<\/span>\r\n                    <\/a>\r\n                <\/div>\r\n            <\/div>\r\n            \n<\/p><\/div>\n<div class=\"vpascode-actions\">\n<a class=\"vpascode-fancy-btn\" href=\"https:\/\/www.vpascode.com\/editor\/#plantuml:oyjFILLGSYmeoCbCJYp9pCzJ24ujAaijKbAevkLI08B4efBCjCJa4WMbn8BC-393FGEzyaIWT6AnWcE0PxnRPaugBrSj0000\" rel=\"noopener noreferrer\" target=\"_blank\"><br \/>\n<svg fill=\"none\" height=\"14\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2.5\" style=\"margin-right: 6px;\" viewbox=\"0 0 24 24\" width=\"14\"><path d=\"M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7\"><\/path><path d=\"M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z\"><\/path><\/svg><br \/>\n<span>Edit Plantuml di VPasCode<\/span><br \/>\n<\/a>\n<\/div>\n<\/div>\n<p id=\"UWYgaSU\"><img alt=\"\" class=\"alignnone size-full wp-image-592\" decoding=\"async\" height=\"97\" src=\"https:\/\/www.vpascode.com\/wp-content\/uploads\/2026\/05\/img_6a190071a8c50.png\" width=\"224\"\/><\/p>\n<h3>4. Memetakan Tautan Komunikasi Jaringan<\/h3>\n<p>Koneksi antar elemen infrastruktur mewakili jaringan fisik yang nyata, jalur kabel, atau saluran nirkabel. Anda memetakan tautan ini menggunakan garis ganda padat (<code>--<\/code>), dan tambahkan teks di dalam tanda kutip untuk secara eksplisit menentukan protokol jaringan yang digunakan (misalnya, HTTPS, TCP\/IP, SSH):<\/p>\n<div class=\"vpascode-viewer-container vpascode-fancy-active\">\n<div class=\"vpascode-header\">\n<span class=\"vpascode-lang-label\">Plantuml<\/span><br \/>\n<a class=\"vpascode-fancy-btn\" href=\"https:\/\/www.vpascode.com\/editor\/#plantuml:oyjFILK8JYqgIoqovENA0_5SdEBzW3Gl5rHOGLSN9gPWfQ0KuXoWxncWe16GNrIYO6fYRAIf1000\" rel=\"noopener noreferrer\" target=\"_blank\"><br \/>\n<svg fill=\"none\" height=\"14\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2.5\" style=\"margin-right: 8px;\" viewbox=\"0 0 24 24\" width=\"14\"><path d=\"M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7\"><\/path><path d=\"M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z\"><\/path><\/svg><br \/>\n<span>Edit Plantuml di VPasCode<\/span><br \/>\n<\/a>\n<\/div>\n<div class=\"vpascode-code-wrapper\">\n            <div class=\"vpascode-viewer-container vpascode-fancy-active\">\r\n                                <div class=\"vpascode-header\">\r\n                    <span class=\"vpascode-lang-label\">Plantuml<\/span>\r\n                    <a href=\"https:\/\/www.vpascode.com\/editor\/#plantuml:oyjFILK8JYqgIoqovENA0_5SdEBzW3Gl5rHOGLSN9gPWfQ0KuXoWxncWe16GNrIYO6fYRAIf1000\" \r\n                       target=\"_blank\" \r\n                       rel=\"noopener noreferrer\" \r\n                       class=\"vpascode-fancy-btn\">\r\n                        <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" style=\"margin-right: 8px;\"><path d=\"M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7\"><\/path><path d=\"M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z\"><\/path><\/svg>\r\n                        <span>Edit Plantuml in VPasCode<\/span>\r\n                    <\/a>\r\n                <\/div>\r\n                                <div class=\"vpascode-code-wrapper\">\r\n                    <pre class=\"lang-plantuml\"><code class=\"language-plantuml\" data-language=\"plantuml\" class=\"language-plantuml\">node Server1\r\nnode DB_Node\r\nServer1 -- DB_Node : \"TCP\/IP (Port 5432)\"<\/code><\/pre>                <\/div>\r\n                <div class=\"vpascode-actions\">\r\n                    <a href=\"https:\/\/www.vpascode.com\/editor\/#plantuml:oyjFILK8JYqgIoqovENA0_5SdEBzW3Gl5rHOGLSN9gPWfQ0KuXoWxncWe16GNrIYO6fYRAIf1000\" \r\n                       target=\"_blank\" \r\n                       rel=\"noopener noreferrer\" \r\n                       class=\"vpascode-fancy-btn\">\r\n                        <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" style=\"margin-right: 6px;\"><path d=\"M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7\"><\/path><path d=\"M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z\"><\/path><\/svg>\r\n                        <span>Edit Plantuml in VPasCode<\/span>\r\n                    <\/a>\r\n                <\/div>\r\n            <\/div>\r\n            \n<\/p><\/div>\n<div class=\"vpascode-actions\">\n<a class=\"vpascode-fancy-btn\" href=\"https:\/\/www.vpascode.com\/editor\/#plantuml:oyjFILK8JYqgIoqovENA0_5SdEBzW3Gl5rHOGLSN9gPWfQ0KuXoWxncWe16GNrIYO6fYRAIf1000\" rel=\"noopener noreferrer\" target=\"_blank\"><br \/>\n<svg fill=\"none\" height=\"14\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2.5\" style=\"margin-right: 6px;\" viewbox=\"0 0 24 24\" width=\"14\"><path d=\"M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7\"><\/path><path d=\"M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z\"><\/path><\/svg><br \/>\n<span>Edit Plantuml di VPasCode<\/span><br \/>\n<\/a>\n<\/div>\n<\/div>\n<p id=\"jxPXTem\"><img loading=\"lazy\" alt=\"\" class=\"alignnone size-full wp-image-593\" decoding=\"async\" height=\"176\" loading=\"lazy\" src=\"https:\/\/www.vpascode.com\/wp-content\/uploads\/2026\/05\/img_6a190084d9e9d.png\" width=\"181\"\/><\/p>\n<h2>Praktik Terbaik untuk Peta Deploi yang Praktis<\/h2>\n<ul>\n<li><strong>Sisipkan Struktur dengan Benar:<\/strong> Selalu gambar komponen internal atau artefak Anda *di dalam* kurung kurawal dari deklarasi <code>node<\/code> untuk secara jelas menunjukkan lokasi eksekusi.<\/li>\n<li><strong>Label Protokol Komunikasi:<\/strong> Jangan pernah menggambar garis kosong antar server. Selalu label koneksi dengan protokol komunikasi utamanya (misalnya, <code>\"HTTPS (Port 443)\"<\/code>) untuk membantu tinjauan jaringan dan keamanan.<\/li>\n<li><strong>Terpisahkan Zona Ketersediaan:<\/strong> Saat mendokumentasikan konfigurasi awan dengan ketersediaan tinggi, gunakan wrapper terpisah <code>frame<\/code> wrapper untuk menggambarkan pengaturan wilayah terpisah (misalnya, <code>us-east-1a<\/code> vs. <code>us-east-1b<\/code>).<\/li>\n<\/ul>\n<h2>Contoh Diagram Penempatan PlantUML Dunia Nyata<\/h2>\n<h3>Contoh 1: Pengaturan Web Tiga Lapisan Klasik (Node &amp; Protokol)<\/h3>\n<p>Contoh ini memodelkan struktur aplikasi perusahaan modern standar, memetakan jaringan distribusi konten eksternal, klaster server aplikasi, dan lapisan host basis data internal yang aman.<\/p>\n<div class=\"vpascode-viewer-container vpascode-fancy-active\">\n<div class=\"vpascode-header\">\n<span class=\"vpascode-lang-label\">Plantuml<\/span><br \/>\n<a class=\"vpascode-fancy-btn\" href=\"https:\/\/www.vpascode.com\/editor\/#plantuml:LP8nJyCm48NtIFaFfooKeQMqHQgOW1I9IWK59J2mL9Vu6emSEtASqeBuxvpJj08lbi-Vdj-xyqtZqBgsKc5GADCAY98sLxA0fNPaDRa8i07Umo0Cj144KUovZK9B42-Uu5wKr465q1xQMAoOMb0bbMHn-KK2temc62mUtyuZ-0u3u7KGUogbti7Ae80xLAWBif2ItPBjD6jhTlim-FaZd5YvHKTmMzVi4vqq6bwJ6D8sx-p-at_9M-tQNX4caz5urkbYNQyxegVzuZx83HOEei9OMcCjHnzeZ_ZnhGF_qtiIw337XbzwH8qb9rqSAvdq6VwvIKpZIalfymeuHOLs3x5g6zU75VcwGd_gnS_WdgV3qsZUmPdQA5Eo2GM5qPgABlYdjDJmOCZ1SEWd0DSGFMHPaaOyK3vojUlXgGw3R9N2vMXwpiJXYfbJFteC1ecn3kRZ-TXpfsj6JouzcyN9nV98Nysc4q_Va1Ryetu1\" rel=\"noopener noreferrer\" target=\"_blank\"><br \/>\n<svg fill=\"none\" height=\"14\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2.5\" style=\"margin-right: 8px;\" viewbox=\"0 0 24 24\" width=\"14\"><path d=\"M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7\"><\/path><path d=\"M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z\"><\/path><\/svg><br \/>\n<span>Edit Plantuml di VPasCode<\/span><br \/>\n<\/a>\n<\/div>\n<div class=\"vpascode-code-wrapper\">\n            <div class=\"vpascode-viewer-container vpascode-fancy-active\">\r\n                                <div class=\"vpascode-header\">\r\n                    <span class=\"vpascode-lang-label\">Plantuml<\/span>\r\n                    <a href=\"https:\/\/www.vpascode.com\/editor\/#plantuml:RP8nRy8m48NtIFaFfoo50Kg1IgWJXGn51PGgQGSMT4bCvCQn8zkfG1N_lMT8eQtgBUVltdjtpjHOrBQfXEzbGZKv10jfcPRCGjIaWfS169PYWHoevdk-9rNE88YRlB4m3zSmTsqxWPfTqIoN3jrfh8ZTA8aGieeBJcRSeE7G2LURRW2VlWTqMascFvY6Y5LQ6MPWHceIrWMN-wjqhTN-u7l77_fnaxgyRz4S7ckAxFGZpLFC-VyEhsaZRGF3ONymlYfZNMzFMDlY3ks6xp2p46HAiotMlF-E-bUFu1bQhkIvwTX6oz5YYeOybzHaQ8uPnJ8GKXqEA0i8USc44lWduhD0Orr6YnL2f8mjD8jVbbVFFDrM9wQrke4Le_cnBicbL9ALDBzLjHAgu8OUZ7RJwxatWGS8df8aYWDwRVgawccTbpfqacKCT_rHbuZp5J6NnRGOT2AbBKm6au7ZBjU4Nh8vDfb7jujl-duy6ZfwocHElziN\" \r\n                       target=\"_blank\" \r\n                       rel=\"noopener noreferrer\" \r\n                       class=\"vpascode-fancy-btn\">\r\n                        <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" style=\"margin-right: 8px;\"><path d=\"M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7\"><\/path><path d=\"M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z\"><\/path><\/svg>\r\n                        <span>Edit Plantuml in VPasCode<\/span>\r\n                    <\/a>\r\n                <\/div>\r\n                                <div class=\"vpascode-code-wrapper\">\r\n                    <pre class=\"lang-plantuml\"><code class=\"language-plantuml\" data-language=\"plantuml\" class=\"language-plantuml\">@startuml\r\ncloud \"Internet Publik\" sebagai net\r\n\r\nnode \"Sudut CDN Cloudflare\" sebagai cdn\r\n\r\nframe \"Zona Demilitarisasi (DMZ)\" {\r\n    node \"Server Pemroses Beban Nginx\" sebagai proxy\r\n}\r\n\r\nframe \"Subnet VPC Aplikasi Pribadi\" {\r\n    node \"Server Ubuntu 22.04\" sebagai app_node {\r\n        artifact \"core_api.jar\" sebagai application\r\n    }\r\n}\r\n\r\ndatabase \"Lapisan Basis Data yang Dikelola\" {\r\n    node \"Klaster Utama PostgreSQL\" sebagai db_master\r\n}\r\n\r\n' Menetapkan koneksi topologis\r\nnet -- cdn : \"HTTPS\"\r\ncdn -- proxy : \"HTTPS (TLS 1.3)\"\r\nproxy -- app_node : \"HTTP (Port 8080)\"\r\napp_node -- db_master : \"TCP\/IP (Port 5432)\"\r\n@enduml<\/code><\/pre>                <\/div>\r\n                <div class=\"vpascode-actions\">\r\n                    <a href=\"https:\/\/www.vpascode.com\/editor\/#plantuml:RP8nRy8m48NtIFaFfoo50Kg1IgWJXGn51PGgQGSMT4bCvCQn8zkfG1N_lMT8eQtgBUVltdjtpjHOrBQfXEzbGZKv10jfcPRCGjIaWfS169PYWHoevdk-9rNE88YRlB4m3zSmTsqxWPfTqIoN3jrfh8ZTA8aGieeBJcRSeE7G2LURRW2VlWTqMascFvY6Y5LQ6MPWHceIrWMN-wjqhTN-u7l77_fnaxgyRz4S7ckAxFGZpLFC-VyEhsaZRGF3ONymlYfZNMzFMDlY3ks6xp2p46HAiotMlF-E-bUFu1bQhkIvwTX6oz5YYeOybzHaQ8uPnJ8GKXqEA0i8USc44lWduhD0Orr6YnL2f8mjD8jVbbVFFDrM9wQrke4Le_cnBicbL9ALDBzLjHAgu8OUZ7RJwxatWGS8df8aYWDwRVgawccTbpfqacKCT_rHbuZp5J6NnRGOT2AbBKm6au7ZBjU4Nh8vDfb7jujl-duy6ZfwocHElziN\" \r\n                       target=\"_blank\" \r\n                       rel=\"noopener noreferrer\" \r\n                       class=\"vpascode-fancy-btn\">\r\n                        <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" style=\"margin-right: 6px;\"><path d=\"M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7\"><\/path><path d=\"M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z\"><\/path><\/svg>\r\n                        <span>Edit Plantuml in VPasCode<\/span>\r\n                    <\/a>\r\n                <\/div>\r\n            <\/div>\r\n            \n<\/p><\/div>\n<div class=\"vpascode-actions\">\n<a class=\"vpascode-fancy-btn\" href=\"https:\/\/www.vpascode.com\/editor\/#plantuml:LP8nJyCm48NtIFaFfooKeQMqHQgOW1I9IWK59J2mL9Vu6emSEtASqeBuxvpJj08lbi-Vdj-xyqtZqBgsKc5GADCAY98sLxA0fNPaDRa8i07Umo0Cj144KUovZK9B42-Uu5wKr465q1xQMAoOMb0bbMHn-KK2temc62mUtyuZ-0u3u7KGUogbti7Ae80xLAWBif2ItPBjD6jhTlim-FaZd5YvHKTmMzVi4vqq6bwJ6D8sx-p-at_9M-tQNX4caz5urkbYNQyxegVzuZx83HOEei9OMcCjHnzeZ_ZnhGF_qtiIw337XbzwH8qb9rqSAvdq6VwvIKpZIalfymeuHOLs3x5g6zU75VcwGd_gnS_WdgV3qsZUmPdQA5Eo2GM5qPgABlYdjDJmOCZ1SEWd0DSGFMHPaaOyK3vojUlXgGw3R9N2vMXwpiJXYfbJFteC1ecn3kRZ-TXpfsj6JouzcyN9nV98Nysc4q_Va1Ryetu1\" rel=\"noopener noreferrer\" target=\"_blank\"><br \/>\n<svg fill=\"none\" height=\"14\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2.5\" style=\"margin-right: 6px;\" viewbox=\"0 0 24 24\" width=\"14\"><path d=\"M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7\"><\/path><path d=\"M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z\"><\/path><\/svg><br \/>\n<span>Edit Plantuml di VPasCode<\/span><br \/>\n<\/a>\n<\/div>\n<\/div>\n<p id=\"xUaIIsy\"><img loading=\"lazy\" alt=\"\" class=\"alignnone size-full wp-image-594\" decoding=\"async\" height=\"721\" loading=\"lazy\" sizes=\"auto, (max-width: 362px) 100vw, 362px\" src=\"https:\/\/www.vpascode.com\/wp-content\/uploads\/2026\/05\/img_6a19009dbf8f1.png\" srcset=\"https:\/\/www.vpascode.com\/wp-content\/uploads\/2026\/05\/img_6a19009dbf8f1.png 362w, https:\/\/www.vpascode.com\/wp-content\/uploads\/2026\/05\/img_6a19009dbf8f1-151x300.png 151w\" width=\"362\"\/><\/p>\n<p><strong>Analisis Sintaks:<\/strong> Peta ini dengan jelas menentukan perimeter keamanan. Aset yang dikompilasi <code>core_api.jar<\/code> berada dengan aman di dalam kotak server <code>app_node<\/code> server box. Jalur jaringan berskala secara bersih ke dalam, menetapkan aturan protokol ketat untuk setiap segmen dari tepi web publik hingga lapisan basis data yang dikelola.<\/p>\n<h3>Contoh 2: Arsitektur Kontainer Berbasis Awan (Kubernetes &amp; AWS Mesh)<\/h3>\n<p>Rancangan perusahaan canggih ini memetakan penempatan awan multi-wilayah yang sangat dapat diskalakan. Ini menggunakan tata letak node bersarang untuk memvisualisasikan sistem kontainer Kubernetes yang seimbang beban berinteraksi dengan basis data awan mandiri.<\/p>\n<div class=\"vpascode-viewer-container vpascode-fancy-active\">\n<div class=\"vpascode-header\">\n<span class=\"vpascode-lang-label\">Plantuml<\/span><br \/>\n<a class=\"vpascode-fancy-btn\" href=\"https:\/\/www.vpascode.com\/editor\/#plantuml:dPDVIyCm5CNV2_qEbxwe3qNqIVQqhYeEHSiw6FWoRfhh36R9k4aLbNrtqtQk4_-WbXAQz7VkuUGcG-UHVRtKSLHfMqj8iYM-M0Cp4b0IFwgA7Endi_8WWTSuWl1qex6I0Zqh8LkjjAhGgo2xiYXXX1fDHPm0Ea0jTcLtZCj6zuXAer1Q-MUujOO6KBkKqFdq2BTElSzPVWmpom_4SDqij4FM6b1rFCTTHQ-wF75GM3beqvopDPwCR4KhA-TF9ERue-o6PJ3CYl5MWokrgrbtd-i_9XI_JJZQ9XJ_JIZ-aL3ydD1voxXuxtxDOTQU5M9Dpa6kQ-U9tOUG4ZqAT46KXxzs6LnFDqkjDKitbs9h5juuseE9hJs1Cc5FdUUwyZKJMAxkAKox4wUL8HT7uPX1clPzXG4a5zDfqPGmCfrOeKpo2HFVO77K5zhWRUSRV1psc0rgM4oAFEb9iKkAhyYExGe5jelSW6LvTJZDYwG7n7V0CFGtNDSt\" rel=\"noopener noreferrer\" target=\"_blank\"><br \/>\n<svg fill=\"none\" height=\"14\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2.5\" style=\"margin-right: 8px;\" viewbox=\"0 0 24 24\" width=\"14\"><path d=\"M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7\"><\/path><path d=\"M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z\"><\/path><\/svg><br \/>\n<span>Edit Plantuml di VPasCode<\/span><br \/>\n<\/a>\n<\/div>\n<div class=\"vpascode-code-wrapper\">\n            <div class=\"vpascode-viewer-container vpascode-fancy-active\">\r\n                                <div class=\"vpascode-header\">\r\n                    <span class=\"vpascode-lang-label\">Plantuml<\/span>\r\n                    <a href=\"https:\/\/www.vpascode.com\/editor\/#plantuml:fPD1Qzj048Nl0ls7GPUa1r6QK_79ifFIrA48ss3enSnw9qBrUjVCh5feo7_Fo2gMJ1FJ948ig-LxC_jsdyOIaMEpSscoSQ6na1Kx_1CyhCZ0WlXNlI61osAr-931Gvg0FjteWoN8Ijfn44KcPD13iNVr5gK65MGWkbPX3UZCK7dFk5FfZ-0HPXI9XMoDw4VGI4ueCV-4nsPzg-_jMDAM-2V2pVGA3Wj5tuOsLsiSwWRR31PcdsK4NpZuIDws_dhbFjZrRp9hFAijobljB-ZHdqfnNm-bZztqyPMUpNzxdfnwDk_oRDxksPptB34mLbfjvjGWyI5Fn8v4sdn0qR029wujHZGegfbeYWIkzLlxE_HLDTm1MrbRS-ofRvfSm3Tq3KE5hCh0MvB8RHPhhwUlysOR6quJJIFaUN_dC8Biwt9PmZmqtkRpO6gV_OEP5x0qwGlznGznQF5gNaxXLi-UFRgi9ysGDC-H7TiLKhQpsuABnTt7vRJCUi2y18prolN7VW80\" \r\n                       target=\"_blank\" \r\n                       rel=\"noopener noreferrer\" \r\n                       class=\"vpascode-fancy-btn\">\r\n                        <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" style=\"margin-right: 8px;\"><path d=\"M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7\"><\/path><path d=\"M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z\"><\/path><\/svg>\r\n                        <span>Edit Plantuml in VPasCode<\/span>\r\n                    <\/a>\r\n                <\/div>\r\n                                <div class=\"vpascode-code-wrapper\">\r\n                    <pre class=\"lang-plantuml\"><code class=\"language-plantuml\" data-language=\"plantuml\" class=\"language-plantuml\">@startuml\r\ncloud \"Amazon Web Services (AWS)\" {\r\n    \r\n    node \"Pemroses Beban Aplikasi AWS\" sebagai alb\r\n    \r\n    frame \"Zona Ketersediaan: us-east-1a\" {\r\n        node \"Node Pekerja EC2 Node A\" sebagai ec2_a {\r\n            node \"Pod K8s: Frontend Web\" sebagai pod_web_a\r\n            node \"Pod K8s: API Pesanan\" sebagai pod_api_a\r\n        }\r\n    }\r\n    \r\n    frame \"Zona Ketersediaan: us-east-1b\" {\r\n        node \"Node Pekerja EC2 Node B\" sebagai ec2_b {\r\n            node \"Pod K8s: Frontend Web\" sebagai pod_web_b\r\n            node \"Pod K8s: API Pesanan\" sebagai pod_api_b\r\n        }\r\n    }\r\n    \r\n    storage \"Klaster Serverless AWS Aurora\" {\r\n        database \"Basis Data Pelanggan\" sebagai rds_db\r\n    }\r\n}\r\n\r\n' Jalur garis orkestrasi infrastruktur\r\nalb -- pod_web_a : \"HTTP Round-Robin\"\r\nalb -- pod_web_b : \"HTTP Round-Robin\"\r\n\r\npod_web_a -- pod_api_a : \"gRPC Internal\"\r\npod_web_b -- pod_api_b : \"gRPC Internal\"\r\n\r\npod_api_a -- rds_db : \"SSL\/TCP\"\r\npod_api_b -- rds_db : \"SSL\/TCP\"\r\n@enduml<\/code><\/pre>                <\/div>\r\n                <div class=\"vpascode-actions\">\r\n                    <a href=\"https:\/\/www.vpascode.com\/editor\/#plantuml:fPD1Qzj048Nl0ls7GPUa1r6QK_79ifFIrA48ss3enSnw9qBrUjVCh5feo7_Fo2gMJ1FJ948ig-LxC_jsdyOIaMEpSscoSQ6na1Kx_1CyhCZ0WlXNlI61osAr-931Gvg0FjteWoN8Ijfn44KcPD13iNVr5gK65MGWkbPX3UZCK7dFk5FfZ-0HPXI9XMoDw4VGI4ueCV-4nsPzg-_jMDAM-2V2pVGA3Wj5tuOsLsiSwWRR31PcdsK4NpZuIDws_dhbFjZrRp9hFAijobljB-ZHdqfnNm-bZztqyPMUpNzxdfnwDk_oRDxksPptB34mLbfjvjGWyI5Fn8v4sdn0qR029wujHZGegfbeYWIkzLlxE_HLDTm1MrbRS-ofRvfSm3Tq3KE5hCh0MvB8RHPhhwUlysOR6quJJIFaUN_dC8Biwt9PmZmqtkRpO6gV_OEP5x0qwGlznGznQF5gNaxXLi-UFRgi9ysGDC-H7TiLKhQpsuABnTt7vRJCUi2y18prolN7VW80\" \r\n                       target=\"_blank\" \r\n                       rel=\"noopener noreferrer\" \r\n                       class=\"vpascode-fancy-btn\">\r\n                        <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" style=\"margin-right: 6px;\"><path d=\"M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7\"><\/path><path d=\"M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z\"><\/path><\/svg>\r\n                        <span>Edit Plantuml in VPasCode<\/span>\r\n                    <\/a>\r\n                <\/div>\r\n            <\/div>\r\n            \n<\/p><\/div>\n<div class=\"vpascode-actions\">\n<a class=\"vpascode-fancy-btn\" href=\"https:\/\/www.vpascode.com\/editor\/#plantuml:dPDVIyCm5CNV2_qEbxwe3qNqIVQqhYeEHSiw6FWoRfhh36R9k4aLbNrtqtQk4_-WbXAQz7VkuUGcG-UHVRtKSLHfMqj8iYM-M0Cp4b0IFwgA7Endi_8WWTSuWl1qex6I0Zqh8LkjjAhGgo2xiYXXX1fDHPm0Ea0jTcLtZCj6zuXAer1Q-MUujOO6KBkKqFdq2BTElSzPVWmpom_4SDqij4FM6b1rFCTTHQ-wF75GM3beqvopDPwCR4KhA-TF9ERue-o6PJ3CYl5MWokrgrbtd-i_9XI_JJZQ9XJ_JIZ-aL3ydD1voxXuxtxDOTQU5M9Dpa6kQ-U9tOUG4ZqAT46KXxzs6LnFDqkjDKitbs9h5juuseE9hJs1Cc5FdUUwyZKJMAxkAKox4wUL8HT7uPX1clPzXG4a5zDfqPGmCfrOeKpo2HFVO77K5zhWRUSRV1psc0rgM4oAFEb9iKkAhyYExGe5jelSW6LvTJZDYwG7n7V0CFGtNDSt\" rel=\"noopener noreferrer\" target=\"_blank\"><br \/>\n<svg fill=\"none\" height=\"14\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2.5\" style=\"margin-right: 6px;\" viewbox=\"0 0 24 24\" width=\"14\"><path d=\"M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7\"><\/path><path d=\"M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z\"><\/path><\/svg><br \/>\n<span>Edit Plantuml di VPasCode<\/span><br \/>\n<\/a>\n<\/div>\n<\/div>\n<p id=\"wFGZNrc\"><img loading=\"lazy\" alt=\"\" class=\"alignnone size-full wp-image-595\" decoding=\"async\" height=\"642\" loading=\"lazy\" sizes=\"auto, (max-width: 752px) 100vw, 752px\" src=\"https:\/\/www.vpascode.com\/wp-content\/uploads\/2026\/05\/img_6a1900abe8cbe.png\" srcset=\"https:\/\/www.vpascode.com\/wp-content\/uploads\/2026\/05\/img_6a1900abe8cbe.png 752w, https:\/\/www.vpascode.com\/wp-content\/uploads\/2026\/05\/img_6a1900abe8cbe-300x256.png 300w\" width=\"752\"\/><\/p>\n<p><strong>Analisis Sintaks:<\/strong> Dengan menempatkan <code>node<\/code> target di dalam anak <code>node<\/code>struktur, templat ini memodelkan tata letak berbasis container dengan sempurna (Pod yang berjalan di dalam mesin virtual EC2). Load balancer aplikasi mendistribusikan permintaan masuk secara mulus di seluruh zona ketersediaan, sementara komponen klaster mengarahkan panggilan basis data kembali ke pool penyimpanan bersama.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Apa itu Diagram Penempatan? Sebuah Diagram Penempatan adalah struktural diagram UML yang memodelkan arsitektur eksekusi fisik dari suatu sistem perangkat lunak. Sebagai standar inti dari spesifikasi Bahasa Pemodelan Terpadu (UML), jenis diagram ini jenis diagram UML memetakan bagaimana komponen perangkat&#8230;<\/p>\n","protected":false},"author":4,"featured_media":0,"parent":0,"menu_order":8,"template":"","meta":{"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":""}}},"ld_collection":[14],"class_list":["post-2119","ld_docs","type-ld_docs","status-publish","hentry","ld_collection-vpascode-docs"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.6 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>PlantUML Deployment Diagram | VPasCode Text to Diagram Guide<\/title>\n<meta name=\"description\" content=\"Map physical hardware environments and cloud nodes using PlantUML deployment diagrams in VPasCode, a text to diagram tool.\" \/>\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\/docs\/vpascode-docs\/plantuml-deployment-diagram-syntax-guide\/\" \/>\n<meta property=\"og:locale\" content=\"id_ID\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"PlantUML Deployment Diagram | VPasCode Text to Diagram Guide\" \/>\n<meta property=\"og:description\" content=\"Map physical hardware environments and cloud nodes using PlantUML deployment diagrams in VPasCode, a text to diagram tool.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.vpascode.com\/id\/docs\/vpascode-docs\/plantuml-deployment-diagram-syntax-guide\/\" \/>\n<meta property=\"og:site_name\" content=\"VPasCode\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.vpascode.com\/wp-content\/uploads\/2026\/05\/img_6a19005832ad6.png\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Estimasi waktu membaca\" \/>\n\t<meta name=\"twitter:data1\" content=\"4 menit\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/www.vpascode.com\\\/id\\\/docs\\\/vpascode-docs\\\/plantuml-deployment-diagram-syntax-guide\\\/\",\"url\":\"https:\\\/\\\/www.vpascode.com\\\/id\\\/docs\\\/vpascode-docs\\\/plantuml-deployment-diagram-syntax-guide\\\/\",\"name\":\"PlantUML Deployment Diagram | VPasCode Text to Diagram Guide\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.vpascode.com\\\/id\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/www.vpascode.com\\\/id\\\/docs\\\/vpascode-docs\\\/plantuml-deployment-diagram-syntax-guide\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/www.vpascode.com\\\/id\\\/docs\\\/vpascode-docs\\\/plantuml-deployment-diagram-syntax-guide\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/www.vpascode.com\\\/wp-content\\\/uploads\\\/2026\\\/05\\\/img_6a19005832ad6.png\",\"datePublished\":\"2026-05-26T07:24:05+00:00\",\"description\":\"Map physical hardware environments and cloud nodes using PlantUML deployment diagrams in VPasCode, a text to diagram tool.\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/www.vpascode.com\\\/id\\\/docs\\\/vpascode-docs\\\/plantuml-deployment-diagram-syntax-guide\\\/#breadcrumb\"},\"inLanguage\":\"id\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/www.vpascode.com\\\/id\\\/docs\\\/vpascode-docs\\\/plantuml-deployment-diagram-syntax-guide\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"id\",\"@id\":\"https:\\\/\\\/www.vpascode.com\\\/id\\\/docs\\\/vpascode-docs\\\/plantuml-deployment-diagram-syntax-guide\\\/#primaryimage\",\"url\":\"https:\\\/\\\/www.vpascode.com\\\/wp-content\\\/uploads\\\/2026\\\/05\\\/img_6a19005832ad6.png\",\"contentUrl\":\"https:\\\/\\\/www.vpascode.com\\\/wp-content\\\/uploads\\\/2026\\\/05\\\/img_6a19005832ad6.png\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/www.vpascode.com\\\/id\\\/docs\\\/vpascode-docs\\\/plantuml-deployment-diagram-syntax-guide\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/www.vpascode.com\\\/id\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Lean Docs\",\"item\":\"https:\\\/\\\/www.vpascode.com\\\/id\\\/docs\\\/%ld_collection%\\\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"Panduan Sintaks Diagram Penempatan PlantUML\"}]},{\"@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\\\/\"}}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"PlantUML Deployment Diagram | VPasCode Text to Diagram Guide","description":"Map physical hardware environments and cloud nodes using PlantUML deployment diagrams in VPasCode, a text to diagram tool.","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\/docs\/vpascode-docs\/plantuml-deployment-diagram-syntax-guide\/","og_locale":"id_ID","og_type":"article","og_title":"PlantUML Deployment Diagram | VPasCode Text to Diagram Guide","og_description":"Map physical hardware environments and cloud nodes using PlantUML deployment diagrams in VPasCode, a text to diagram tool.","og_url":"https:\/\/www.vpascode.com\/id\/docs\/vpascode-docs\/plantuml-deployment-diagram-syntax-guide\/","og_site_name":"VPasCode","og_image":[{"url":"https:\/\/www.vpascode.com\/wp-content\/uploads\/2026\/05\/img_6a19005832ad6.png","type":"","width":"","height":""}],"twitter_card":"summary_large_image","twitter_misc":{"Estimasi waktu membaca":"4 menit"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/www.vpascode.com\/id\/docs\/vpascode-docs\/plantuml-deployment-diagram-syntax-guide\/","url":"https:\/\/www.vpascode.com\/id\/docs\/vpascode-docs\/plantuml-deployment-diagram-syntax-guide\/","name":"PlantUML Deployment Diagram | VPasCode Text to Diagram Guide","isPartOf":{"@id":"https:\/\/www.vpascode.com\/id\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.vpascode.com\/id\/docs\/vpascode-docs\/plantuml-deployment-diagram-syntax-guide\/#primaryimage"},"image":{"@id":"https:\/\/www.vpascode.com\/id\/docs\/vpascode-docs\/plantuml-deployment-diagram-syntax-guide\/#primaryimage"},"thumbnailUrl":"https:\/\/www.vpascode.com\/wp-content\/uploads\/2026\/05\/img_6a19005832ad6.png","datePublished":"2026-05-26T07:24:05+00:00","description":"Map physical hardware environments and cloud nodes using PlantUML deployment diagrams in VPasCode, a text to diagram tool.","breadcrumb":{"@id":"https:\/\/www.vpascode.com\/id\/docs\/vpascode-docs\/plantuml-deployment-diagram-syntax-guide\/#breadcrumb"},"inLanguage":"id","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.vpascode.com\/id\/docs\/vpascode-docs\/plantuml-deployment-diagram-syntax-guide\/"]}]},{"@type":"ImageObject","inLanguage":"id","@id":"https:\/\/www.vpascode.com\/id\/docs\/vpascode-docs\/plantuml-deployment-diagram-syntax-guide\/#primaryimage","url":"https:\/\/www.vpascode.com\/wp-content\/uploads\/2026\/05\/img_6a19005832ad6.png","contentUrl":"https:\/\/www.vpascode.com\/wp-content\/uploads\/2026\/05\/img_6a19005832ad6.png"},{"@type":"BreadcrumbList","@id":"https:\/\/www.vpascode.com\/id\/docs\/vpascode-docs\/plantuml-deployment-diagram-syntax-guide\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.vpascode.com\/id\/"},{"@type":"ListItem","position":2,"name":"Lean Docs","item":"https:\/\/www.vpascode.com\/id\/docs\/%ld_collection%\/"},{"@type":"ListItem","position":3,"name":"Panduan Sintaks Diagram Penempatan PlantUML"}]},{"@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\/"}}]}},"_links":{"self":[{"href":"https:\/\/www.vpascode.com\/id\/wp-json\/wp\/v2\/ld_docs\/2119","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.vpascode.com\/id\/wp-json\/wp\/v2\/ld_docs"}],"about":[{"href":"https:\/\/www.vpascode.com\/id\/wp-json\/wp\/v2\/types\/ld_docs"}],"author":[{"embeddable":true,"href":"https:\/\/www.vpascode.com\/id\/wp-json\/wp\/v2\/users\/4"}],"wp:attachment":[{"href":"https:\/\/www.vpascode.com\/id\/wp-json\/wp\/v2\/media?parent=2119"}],"wp:term":[{"taxonomy":"ld_collection","embeddable":true,"href":"https:\/\/www.vpascode.com\/id\/wp-json\/wp\/v2\/ld_collection?post=2119"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}