{"id":2116,"date":"2026-05-26T07:40:50","date_gmt":"2026-05-26T07:40:50","guid":{"rendered":"https:\/\/www.vpascode.com\/id\/docs\/uncategorized\/plantuml-archimate-diagram-syntax-guide\/"},"modified":"2026-05-26T07:40:50","modified_gmt":"2026-05-26T07:40:50","slug":"plantuml-archimate-diagram-syntax-guide","status":"publish","type":"ld_docs","link":"https:\/\/www.vpascode.com\/id\/docs\/vpascode-docs\/plantuml-archimate-diagram-syntax-guide\/","title":{"rendered":"Panduan Sintaks Diagram ArchiMate PlantUML"},"content":{"rendered":"<h2>Apa itu Diagram ArchiMate?<\/h2>\n<p>Sebuah <strong>Diagram ArchiMate<\/strong>adalah visualisasi pemodelan arsitektur perusahaan tingkat tinggi yang melacak strategi, proses bisnis, aplikasi perangkat lunak, dan infrastruktur data fisik di seluruh organisasi. Berbeda dengan peta UML tradisional yang menelusuri secara mendalam rutinitas eksekusi perangkat lunak, ArchiMate membantu analis bisnis, arsitek solusi, dan CTO memetakan bagaimana tujuan perusahaan tingkat tinggi bergantung pada sistem TI yang mendasarinya.<\/p>\n<p>Meskipun PlantUML dasar berisi primitif bawaan, tata letak perusahaan tingkat produksi membutuhkan ekstensi perpustakaan standar resmi <code>Archimate-PlantUML<\/code> ekstensi perpustakaan standar. Dengan memanfaatkan makro deklaratif dan pita warna yang distandarkan, memungkinkan Anda mempertahankan model yang konsisten dan sesuai TOGAF. Dengan <strong>VPasCode<\/strong>, Anda dapat mendefinisikan blok arsitektur dan benang relasional Anda sepenuhnya dalam teks, memungkinkan mesin menangani skema warna kotak dan penjajaran secara dinamis.<\/p>\n<h2>Panduan Sintaks Inti: Elemen dan Konstruksi<\/h2>\n<p>Untuk menggunakan ekstensi ArchiMate resmi secara aman di PlantUML, Anda harus menyertakan file perpustakaan standar, menerapkan makro kategori dengan benar, menangani blok bersarang, dan menerapkan hubungan struktural secara eksplisit.<\/p>\n<h3>1. Menginisialisasi Perpustakaan Standar ArchiMate<\/h3>\n<p>Untuk membuka makro resmi, palet warna, dan stereotip struktural, blok skrip Anda harus mengimpor file perpustakaan standar tepat di bawah tag awal Anda. Anda dapat secara opsional menerapkan salah satu tema resmi untuk memastikan visibilitas kontras tinggi:<\/p>\n<pre class=\"lang-plantuml\"><code>@startuml\r\n!include &lt;archimate\/Archimate&gt;\r\n!theme archimate-standard from &lt;archimate\/themes&gt;\r\n<\/code><\/pre>\n<h3>2. Deklarasi Elemen Menggunakan Makro Kategori<\/h3>\n<p>Perpustakaan standar menyederhanakan pembuatan elemen dengan membungkus bentuk bawaan di dalam makro dengan awalan kategori. Elemen mengikuti aturan ketat <code>Kategori_NamaElemen(ID, \"Label\")<\/code>konvensi penamaan. Awalan menentukan lapisan struktural dan secara otomatis menyisipkan token warna yang benar:<\/p>\n<ul>\n<li><strong>Strategi &amp; Motivasi (Ungu):<\/strong> <code>Motivasi_PemegangKepentingan()<\/code>, <code>Strategi_Kemampuan()<\/code><\/li>\n<li><strong>Lapisan Bisnis (Kuning):<\/strong> <code>Bisnis_Aktor()<\/code>, <code>Bisnis_Proses()<\/code>, <code>Bisnis_Layanan()<\/code><\/li>\n<li><strong>Lapisan Aplikasi (Biru):<\/strong> <code>Application_Component()<\/code>, <code>Application_Service()<\/code><\/li>\n<li><strong>Lapisan Teknologi (Hijau):<\/strong> <code>Technology_Node()<\/code>, <code>Technology_SystemSoftware()<\/code><\/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:DOj12i8m403lXVuXvjI2u0T4AA77KZ0FaB3TaCKa6zAjwEyDYBTXc3bHXdXigAwkGg3a12_Jdsvzjx3GombnVbXnJmmSDwo3cTUpqYOGUZM_4OvMeLgz9y2gnxwRIea4lz5mAfmnos3kIzkiYxXxhe2g2MK_ks3IunS0\" 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:DOj12iCW403lWVnXwoc1GZzG2a5o387uW29cnQNgYjcKFhz2wMq6PYwKNJntXBkjBb2oWhVfJu--MrZeROKuFutO5mQEEzP1p-iLb0w47kOFkhDL2AltvB2giU-cKYAvtwWv5SwOPT3RqZP3Xs229c1inCDpTQZ6Bm00\" \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\">!include &lt;archimate\/Archimate&gt;\r\nMotivation_Stakeholder(CEO, \"Chief Executive Officer\")\r\nApplication_Component(CRM, \"Sistem CRM Salesforce\")<\/code><\/pre>                <\/div>\r\n                <div class=\"vpascode-actions\">\r\n                    <a href=\"https:\/\/www.vpascode.com\/editor\/#plantuml:DOj12iCW403lWVnXwoc1GZzG2a5o387uW29cnQNgYjcKFhz2wMq6PYwKNJntXBkjBb2oWhVfJu--MrZeROKuFutO5mQEEzP1p-iLb0w47kOFkhDL2AltvB2giU-cKYAvtwWv5SwOPT3RqZP3Xs229c1inCDpTQZ6Bm00\" \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:DOj12i8m403lXVuXvjI2u0T4AA77KZ0FaB3TaCKa6zAjwEyDYBTXc3bHXdXigAwkGg3a12_Jdsvzjx3GombnVbXnJmmSDwo3cTUpqYOGUZM_4OvMeLgz9y2gnxwRIea4lz5mAfmnos3kIzkiYxXxhe2g2MK_ks3IunS0\" 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=\"FONoVok\"><img alt=\"\" class=\"alignnone size-full wp-image-603\" decoding=\"async\" height=\"55\" sizes=\"(max-width: 356px) 100vw, 356px\" src=\"https:\/\/www.vpascode.com\/wp-content\/uploads\/2026\/05\/img_6a190176524a7.png\" srcset=\"https:\/\/www.vpascode.com\/wp-content\/uploads\/2026\/05\/img_6a190176524a7.png 356w, https:\/\/www.vpascode.com\/wp-content\/uploads\/2026\/05\/img_6a190176524a7-300x46.png 300w\" width=\"356\"\/><\/p>\n<h3>3. Menentukan Batas Kelompok dan Penanaman Struktural<\/h3>\n<p>Peta perusahaan sangat bergantung pada konten visual untuk mewakili kepemilikan atau isolasi runtime. Anda dapat membuat folder pembatas menggunakan <code>Group()<\/code> atau <code>Grouping()<\/code>makro, atau menempatkan elemen di dalam satu sama lain menggunakan kurung kurawal:<\/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:POoz2i9048JxGDvXJHL1y0L4E5A8HL2Crd9UbcGnzyFTdY3YkxiHh9pgOvXl5kJCb7k4ZOvc9AiPr-f7sxBOHPy3kQ5M8NJvbfw9qQwWQd9YRp52gvqUqA9Zw38nLajubGL8n9Z8Q2RlhestmJiPrIhpsFfUBWupmjdVqO4qUHBtt-mmFiXWVKaOJpY8DnC8KkButO0wxcVr_G40\" 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:POr12i8m44NtXTuXTjM2u0L422x4HR5ONSkOZcaqcOGq4KIykzE5AsVn6Jwy_nQ6bCq3YZL4DHe72LVozstAOXTz3ePqBKFeytLwJGdTKbHzDWb52mHtT4YYGmkaDL3LY7TP23uch56GZAVBrhlW2IdLCgUnzGDFS6OhJlx1-66kg-OVx34-ZSBwF64yecPCTdksqG2t115cCtipmKn_lW00\" \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\">!include &lt;archimate\/Archimate&gt;\r\nGrouping(AppSubsystem, \"Suite Manajemen Pelanggan\") {\r\n    Application_Component(AuthMod, \"Modul Token OAuth\")\r\n    Application_Service(UserReg, \"API Pendaftaran Pengguna\")\r\n}<\/code><\/pre>                <\/div>\r\n                <div class=\"vpascode-actions\">\r\n                    <a href=\"https:\/\/www.vpascode.com\/editor\/#plantuml:POr12i8m44NtXTuXTjM2u0L422x4HR5ONSkOZcaqcOGq4KIykzE5AsVn6Jwy_nQ6bCq3YZL4DHe72LVozstAOXTz3ePqBKFeytLwJGdTKbHzDWb52mHtT4YYGmkaDL3LY7TP23uch56GZAVBrhlW2IdLCgUnzGDFS6OhJlx1-66kg-OVx34-ZSBwF64yecPCTdksqG2t115cCtipmKn_lW00\" \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:POoz2i9048JxGDvXJHL1y0L4E5A8HL2Crd9UbcGnzyFTdY3YkxiHh9pgOvXl5kJCb7k4ZOvc9AiPr-f7sxBOHPy3kQ5M8NJvbfw9qQwWQd9YRp52gvqUqA9Zw38nLajubGL8n9Z8Q2RlhestmJiPrIhpsFfUBWupmjdVqO4qUHBtt-mmFiXWVKaOJpY8DnC8KkButO0wxcVr_G40\" 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=\"Mhybmyj\"><img alt=\"\" class=\"alignnone size-full wp-image-604\" decoding=\"async\" height=\"119\" sizes=\"(max-width: 369px) 100vw, 369px\" src=\"https:\/\/www.vpascode.com\/wp-content\/uploads\/2026\/05\/img_6a19018155e74.png\" srcset=\"https:\/\/www.vpascode.com\/wp-content\/uploads\/2026\/05\/img_6a19018155e74.png 369w, https:\/\/www.vpascode.com\/wp-content\/uploads\/2026\/05\/img_6a19018155e74-300x97.png 300w\" width=\"369\"\/><\/p>\n<h3>4. Memetakan Hubungan Perusahaan yang Diserialkan<\/h3>\n<p>ArchiMate mewajibkan penggunaan kosakata ketat untuk koneksi. Alih-alih panah mentah, perpustakaan standar menawarkan makro hubungan khusus yang diformat sebagai<code>Rel_RelationType(ID_Dari, ID_Kepada, \"Label\")<\/code>. Untuk memaksa penyesuaian orientasi manual, Anda dapat menambahkan petunjuk arah spasial (seperti<code>_Atas<\/code>, <code>_Bawah<\/code>, <code>_Kiri<\/code>, atau <code>_Right<\/code>):<\/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:RP71QiCm38RlWRo3biEMmc0lC0PPAAM7q99iv-8cIYpgs46sGxknTv-TRXJ6VFejwTClsNUaM-KxX6V1hQHHE7mgVjLBcgH9PHpDmf7HXyQ94qgZEkIyNEyU8IibOG_hCxO-L27i-fvQv6oL9iKqAMglO6d6oMZKBY_hAc2DK6Xxmor2241piGx72AN9XesVI0zvu1j_j4igEddhp8WCbT1Ym34qWyQJmsm5dsa2uVplM7WdAzE55hieuSsSK4E8U8NHyY_P8CzXX_pT8jSu12ug29AiuwK6Ylqsebznu0Te7FlMUHOAxk4LfPZ9n0kZMigjf0dmBCOfR9qcDQf3ZKBHnvAz6TqctSRIkA856vwMoLsYNoINyVHmg6cGFyzv_OezcvawjD09Auz6S6UprJS0\" 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:PP7TIiD048Nl0tc7CHVQWk0BY112BwI6bbIlmpIPD6Csks5_n2A-kpCKeU9UB3lBVEUSdRrXsvdK4poYxqQUCT93-NjwohCygrta3mpSxccc4zfJkwM5R6GhnQhQxEwXg4Qc0JQVr2Lf9jWD0tVaYtMURTsyE4ksBHV3a-YiggOMvC0XqWnIm04DXS7vZXGGX8n2qoJwvR8SqZ6SjLcfn96WHellaiR2demaaY356hxo36JzDonJ76lN2ovxCl3g9a5tUgs62htWMJIlcBT0lg6JCEN-MMniZqD4ZsefXicYejyQzmugPwCROKp7f4E147sQOl9eu1OMycnmIddMa6aRGiFXZyDLF97cUJ7wj2WzCW2O26UDfdOgKCkB9IktMxsz3FFo2KAVgMTKgiSm7XtwlbZ_0000\" \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\">!include &lt;archimate\/Archimate&gt;\r\n\r\nMotivasi_Pemegang_Kepentingan(CEO, \"Chief Executive Officer\")\r\nKomponen_Aplikasi(CRM, \"Sistem CRM Salesforce\")\r\n\r\nKelompokkan(AppSubsystem, \"Suite Manajemen Pelanggan\") {\r\n    Komponen_Aplikasi(AuthMod, \"Modul Token OAuth\")\r\n    Layanan_Aplikasi(UserReg, \"API Pendaftaran Pengguna\")\r\n}\r\n\r\n' Contoh hubungan struktural &amp; perilaku\r\nRel_Realisasi(UserReg, AuthMod, \"Mengimplementasikan keamanan\")\r\nRel_Melayani_Kanan(CRM, CEO, \"Menyediakan dashboard\")<\/code><\/pre>                <\/div>\r\n                <div class=\"vpascode-actions\">\r\n                    <a href=\"https:\/\/www.vpascode.com\/editor\/#plantuml:PP7TIiD048Nl0tc7CHVQWk0BY112BwI6bbIlmpIPD6Csks5_n2A-kpCKeU9UB3lBVEUSdRrXsvdK4poYxqQUCT93-NjwohCygrta3mpSxccc4zfJkwM5R6GhnQhQxEwXg4Qc0JQVr2Lf9jWD0tVaYtMURTsyE4ksBHV3a-YiggOMvC0XqWnIm04DXS7vZXGGX8n2qoJwvR8SqZ6SjLcfn96WHellaiR2demaaY356hxo36JzDonJ76lN2ovxCl3g9a5tUgs62htWMJIlcBT0lg6JCEN-MMniZqD4ZsefXicYejyQzmugPwCROKp7f4E147sQOl9eu1OMycnmIddMa6aRGiFXZyDLF97cUJ7wj2WzCW2O26UDfdOgKCkB9IktMxsz3FFo2KAVgMTKgiSm7XtwlbZ_0000\" \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:RP71QiCm38RlWRo3biEMmc0lC0PPAAM7q99iv-8cIYpgs46sGxknTv-TRXJ6VFejwTClsNUaM-KxX6V1hQHHE7mgVjLBcgH9PHpDmf7HXyQ94qgZEkIyNEyU8IibOG_hCxO-L27i-fvQv6oL9iKqAMglO6d6oMZKBY_hAc2DK6Xxmor2241piGx72AN9XesVI0zvu1j_j4igEddhp8WCbT1Ym34qWyQJmsm5dsa2uVplM7WdAzE55hieuSsSK4E8U8NHyY_P8CzXX_pT8jSu12ug29AiuwK6Ylqsebznu0Te7FlMUHOAxk4LfPZ9n0kZMigjf0dmBCOfR9qcDQf3ZKBHnvAz6TqctSRIkA856vwMoLsYNoINyVHmg6cGFyzv_OezcvawjD09Auz6S6UprJS0\" 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=\"tFShdpL\"><img fetchpriority=\"high\" alt=\"\" class=\"alignnone size-full wp-image-605\" decoding=\"async\" fetchpriority=\"high\" height=\"252\" sizes=\"(max-width: 723px) 100vw, 723px\" src=\"https:\/\/www.vpascode.com\/wp-content\/uploads\/2026\/05\/img_6a190191487a4.png\" srcset=\"https:\/\/www.vpascode.com\/wp-content\/uploads\/2026\/05\/img_6a190191487a4.png 723w, https:\/\/www.vpascode.com\/wp-content\/uploads\/2026\/05\/img_6a190191487a4-300x105.png 300w\" width=\"723\"\/><\/p>\n<h2>Praktik Terbaik untuk Diagram Arsitektur Berlapis<\/h2>\n<ul>\n<li><strong>Isolasi Lapisan yang Berbeda:<\/strong>Susun skrip Anda secara berurutan dari atas ke bawah (Motivasi &gt; Bisnis &gt; Aplikasi &gt; Teknologi) agar tata letak arsitektur Anda mudah dipahami oleh pemangku kepentingan.<\/li>\n<li><strong>Manfaatkan ID Komponen Pendek:<\/strong> Pertahankan string pelacakan makro internal Anda tetap singkat (misalnya, gunakan <code>AP_01<\/code> atau <code>Srv_Auth<\/code>), sementara menyisihkan teks deskriptif yang ditujukan untuk pelanggan pada parameter label yang diapit tanda kutip ganda.<\/li>\n<li><strong>Pastikan Arah yang Jelas pada Kabel Antar-Lapisan:<\/strong> Jalur tata letak dapat berubah secara tak terduga saat melewati batas struktural. Gunakan makro berarah seperti <code>Rel_Akses_Bawah()<\/code> memastikan aliran data Anda bergerak lancar ke bawah melintasi pemisahan lapisan.<\/li>\n<\/ul>\n<h2>Contoh Nyata PlantUML ArchiMate<\/h2>\n<h3>Contoh 1: Pemetaan Kemampuan Strategis Klasik (Tingkat Motivasi &amp; Strategi)<\/h3>\n<p>Rancangan fungsional ini mendokumentasikan lapisan strategis suatu organisasi, menggambarkan bagaimana pemegang kepentingan korporat selaras dengan kemampuan bisnis dan hasil teknis yang telah terwujud.<\/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:RPBTQW8n48Nl1TzXwaqjLFe2fVXJ1Q6Yw4Kl9KrcTmUpaoMP5UpJT-8V5htQREQSZpc739EOA6tjkvqdOkjRX_1kegseDe9leylfG-TIOOrm7GxKoiv41qKCzQthA4ngwNQ4n2Di9EfzIHQcB1YRI0bXvAda6bbWOPgiNGIXlH4AlDs8sM4LlCFOdyoMhz2RL8G5p8WDMp8UbaL15cFlvP_lCz8-MqAIQHOGiZseUzbWF2hKcOUmHjVQV941v_KEsubfp0zvaaD_r4h8OToOl2Sk5NAp-vptGUbSmbbt9etRH8mfRLSnMFtsJq9Sjtm4k44e1el0Ki4NkXAZBcA39l9qPNGxp_1D4I5TMtFO83lDGfYwdJNwxIYbO4-UKq5taJU8kmGIWEecXZrcT7REkV2jQl11n3l8AYJISj4VCiPOIHVC6esdtzC2jo4Vz3PhVQ4_2UortamPQYHzU7y0\" 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:RPBHQiCm34NV0_a7ho_hO6C_C4QJii8efQNxW20I9H5nv63PXVxzv6xPEjQNuDYwH_VANaa07-9ey-oEkBQnGVC2lkvfX83FnRnwrVFGuuZcv_19fTo0RqphtNYjkXIAIl8iKB1e3XX0Ftn6YK30klPHe0TTVWIlceuabUzSe1C8LGSbTC1TjSK9EH3hptAzsJ-QnRedRCs66BWci6RVjbIZNppacRPed7Sgcq7BjPFmbYe8kJwhN6kww241JKbm1hEVq6kfOx09iiKHnYa2LxErPH63IycQagnLBuhPfnsXb0ewwlzakbZnJb2gaeH9bkzyScho65cbHnmS2rbA-Z8EqPGeu4qnzEHrmtuHykpUR872eEm10tfr7EB5j_pEx8YsAaISq2Ljcj2_oAKwcrBIg831ZCYQOO14JeqI8aq5VEnlHBs5QtH2C9X9smPgPyWHmP8a7zTvRmnlfxVBiIVDzJthX5ZfxUbB_0G0\" \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\n!include &lt;archimate\/Archimate&gt;\r\n!theme archimate-standard from &lt;archimate\/themes&gt;\r\n\r\ntitle Peta Penyesuaian Perusahaan Strategis\r\n\r\nMotivasi_Pemegang_Kepentingan(CFO, \"Chief Financial Officer\")\r\nPendorong_Motivasi(CostEfficiency, \"Pengurangan Biaya Operasional\")\r\nKemampuan_Strategi(AutomatedBilling, \"Otomasi Penagihan Perusahaan\")\r\nProses_Bisnis(InvoiceRun, \"Rekonsiliasi Buku Besar Akhir Bulan\")\r\n\r\n' Kaitkan ketergantungan strategis\r\nRel_Assosiasi(CFO, CostEfficiency, \"Berupaya untuk meningkatkan\")\r\nRel_Pengaruh(AutomatedBilling, CostEfficiency, \"Berdampak positif\")\r\nRel_Realisasi(InvoiceRun, AutomatedBilling, \"Memenuhi kemampuan\")\r\n@enduml<\/code><\/pre>                <\/div>\r\n                <div class=\"vpascode-actions\">\r\n                    <a href=\"https:\/\/www.vpascode.com\/editor\/#plantuml:RPBHQiCm34NV0_a7ho_hO6C_C4QJii8efQNxW20I9H5nv63PXVxzv6xPEjQNuDYwH_VANaa07-9ey-oEkBQnGVC2lkvfX83FnRnwrVFGuuZcv_19fTo0RqphtNYjkXIAIl8iKB1e3XX0Ftn6YK30klPHe0TTVWIlceuabUzSe1C8LGSbTC1TjSK9EH3hptAzsJ-QnRedRCs66BWci6RVjbIZNppacRPed7Sgcq7BjPFmbYe8kJwhN6kww241JKbm1hEVq6kfOx09iiKHnYa2LxErPH63IycQagnLBuhPfnsXb0ewwlzakbZnJb2gaeH9bkzyScho65cbHnmS2rbA-Z8EqPGeu4qnzEHrmtuHykpUR872eEm10tfr7EB5j_pEx8YsAaISq2Ljcj2_oAKwcrBIg831ZCYQOO14JeqI8aq5VEnlHBs5QtH2C9X9smPgPyWHmP8a7zTvRmnlfxVBiIVDzJthX5ZfxUbB_0G0\" \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:RPBTQW8n48Nl1TzXwaqjLFe2fVXJ1Q6Yw4Kl9KrcTmUpaoMP5UpJT-8V5htQREQSZpc739EOA6tjkvqdOkjRX_1kegseDe9leylfG-TIOOrm7GxKoiv41qKCzQthA4ngwNQ4n2Di9EfzIHQcB1YRI0bXvAda6bbWOPgiNGIXlH4AlDs8sM4LlCFOdyoMhz2RL8G5p8WDMp8UbaL15cFlvP_lCz8-MqAIQHOGiZseUzbWF2hKcOUmHjVQV941v_KEsubfp0zvaaD_r4h8OToOl2Sk5NAp-vptGUbSmbbt9etRH8mfRLSnMFtsJq9Sjtm4k44e1el0Ki4NkXAZBcA39l9qPNGxp_1D4I5TMtFO83lDGfYwdJNwxIYbO4-UKq5taJU8kmGIWEecXZrcT7REkV2jQl11n3l8AYJISj4VCiPOIHVC6esdtzC2jo4Vz3PhVQ4_2UortamPQYHzU7y0\" 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=\"SAynBer\"><img loading=\"lazy\" alt=\"\" class=\"alignnone size-full wp-image-606\" decoding=\"async\" height=\"343\" loading=\"lazy\" sizes=\"auto, (max-width: 413px) 100vw, 413px\" src=\"https:\/\/www.vpascode.com\/wp-content\/uploads\/2026\/05\/img_6a1901a0e1cba.png\" srcset=\"https:\/\/www.vpascode.com\/wp-content\/uploads\/2026\/05\/img_6a1901a0e1cba.png 413w, https:\/\/www.vpascode.com\/wp-content\/uploads\/2026\/05\/img_6a1901a0e1cba-300x249.png 300w\" width=\"413\"\/><\/p>\n<p><strong>Analisis Sintaks:<\/strong> Dengan mengeksekusi makro strategis berwarna ungu, mesin memetakan elemen-elemen secara bersih. Makro relasional yang jelas menghubungkan pemegang kepentingan manusia turun melalui motivasi organisasi, menyesuaikan strategi korporat secara bersih dengan perilaku pelaksanaan yang mendasarinya.<\/p>\n<h3>Contoh 2: Sistem Perusahaan Tiga Lapisan Akhir ke Akhir (Jaringan Antar-Lapisan)<\/h3>\n<p>Rancangan lanjutan ini menunjukkan topologi arsitektur lintas lapisan yang komprehensif. Ini memetakan proses bisnis operasional turun melalui mikroservis aplikasi pendukung hingga host infrastruktur awan yang mendasarinya.<\/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:RLJ1RXen4BqZyGzJBYLIQQKUgXwgAeIW5gLfeu1QgHTal9DT2w-z6eyXfEg_T-nbmzAM2x3sU_FUl0UNWHLnhErmyC8uRME1y46Hhaoj6DzCkqyVvPmhh16U3oS2TOMY0Xx8rtrKlXW4CXomOOjm6osRoSeWmRHfhD6AZNUGsHarHqAOMbEw6Xqds2VoiJ6k75-Pfo_gWFGAHbSn68SXmBS6AHE4qGNy6Wv0NjtXUghPqtXQ2f5WPZ6mhsNi4cbdDC8oDeqdXdnXTF4N-8wyblVnokWjiimNYkCpc3j6QiY44qbxBR7yFXCj7ZlHVRjpxSCXCDOdsRtZzL7YSVXofmN-4rs1OGiB6LxISMjtYqvu7pxpTUETk1fVArRtFd8MCD_98pYQ477YenIp_ufUeQuwrGltG2emnJQQ5Dn9SxhelFNbORtCTfR-WVUAS7ppFioiR3nptCGDaaD62KnoHg5hzH-lT1vwT5zzWUEPzR7uVfjszsC9yzbRgD-PruzMKOcGJ8enMALlfys_XBcKSMDDg42J3s5YanEeLPEy1GYrzrpP0yIyWyAGj4x4A0kLSHo6WtkqwwbigErWLw1-4UQFg6EoKoXZ3sbsmkJKNBc-zdlNZ-wiGdwF562F6yXfHfFGBJx75amISnPSlmKBLyhwCa7b_JRa7rmdu1wLDKzj1xA8VWfdLVZi4udgDL9xnqhQGF_Lqz8zvt6MhXHgPyICK4X1gaEJrX0ymKQACAcHbKsSbz9V-NFv0m00\" 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:RLHDZn914BsJy1zABhA9gua7uy6OdGLYDYmkMOWcNaWnKyoKqn-J_W1Put-tUbXWMENIa-vwhrxrUysD3-X2rAhVUyKcLx4W-8GkhrXZe7VPyUkpd8UADC7fy5gWfa1NmCPPtKMrXLuW_LxWe0ZcPFQaqA570vdp7AWEqK7MAAxHCyoY2dozP789zCNPsB0fXxVyT8zxSczWyD2GIvMtx0txmHNyxlT0VhVHio7lLraUh1jc9PaWvMc5SQoZAQMbaA2HTIuYJ2axWwiNwBcpkQp39USr1Uaj7BBdoSEIPUVCDISNFLPu8FbpeJThcgFUIMqz-q3wDEHPivGfpZ6mDQi5kItdzDnuiSsJ-FaTt9b0PJln3p85-VeekGiUMTrO8nCFnnZmqSRGzfwHJ2L2TJk0Q9vifUPVkKlAgwFUUsmubTwPZNGDBYQ3pf9JgR7AbllLOf_6MjXDsA6ZuVIZ7wde3vsd2jCNFBYQX2J9dyOrEKE1_7623jTNMz1mf6miliq4laHNobrFPQmO4ZZxle39w3te3_psbqgdfobUmupqEcA0Hj8Mn0zGR0G5wdaKJxb43dGKUQ19Z8y6QpbeA4JpCzQIPQpwlKTIgynxBerEL_aSeMuIPfARMYXRj9TTRA12nqbCGhSccd8rjZlJTVAImvGL5x5972X2dOurmexMSBJtGDQQAaz43BwmjPiG8ICdZot1AsjhA3fg7WaLFnqIqYhgMlGYAF8k2sx7ogreaiVW04-1_O-a0-F9iWltktJLlacNugq3SOLXBLcvJZwfH7iZcPO_dRy0\" \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\n!include &lt;archimate\/Archimate&gt;\r\n!theme archimate-standard from &lt;archimate\/themes&gt;\r\n\r\ntitle Penyelarasan Arsitektur Aplikasi Multi-Tier\r\n\r\nGrouping(BizLayer, \"Operasi Bisnis\") {\r\n    Business_Actor(Agent, \"Agen Dukungan Layanan Pelanggan\")\r\n    Business_Process(Ticketing, \"Proses Tiket Dukungan Perusahaan\")\r\n}\r\n\r\nGrouping(AppLayer, \"Ekosistem Aplikasi\") {\r\n    Application_Service(TicketSvc, \"API Integrasi Zendesk\")\r\n    Application_Component(DataRouter, \"Mesin Pemrosesan Event\")\r\n}\r\n\r\nGrouping(TechLayer, \"Lapisan Infrastruktur\") {\r\n    Technology_SystemSoftware(K8sCluster, \"Klaster Orkestrasi Kubernetes\")\r\n    Technology_Node(CloudVM, \"Target Komputasi AWS EC2 m6i.xlarge\")\r\n}\r\n\r\n' Membuat pemetaan lintas lapisan secara mulus menggunakan petunjuk arah\r\nRel_Assignment(Agent, Ticketing, \"Melaksanakan setiap hari\")\r\nRel_Serving_Down(TicketSvc, Ticketing, \"Menghidupkan antarmuka web desk\")\r\n\r\nRel_Composition(DataRouter, TicketSvc, \"Menerima webhook dari\")\r\nRel_Realization_Down(K8sCluster, DataRouter, \"Menyediakan container aplikasi\")\r\n\r\nRel_Composition_Down(CloudVM, K8sCluster, \"Menyediakan hypervisor inti bare-metal\")\r\n@enduml<\/code><\/pre>                <\/div>\r\n                <div class=\"vpascode-actions\">\r\n                    <a href=\"https:\/\/www.vpascode.com\/editor\/#plantuml:RLHDZn914BsJy1zABhA9gua7uy6OdGLYDYmkMOWcNaWnKyoKqn-J_W1Put-tUbXWMENIa-vwhrxrUysD3-X2rAhVUyKcLx4W-8GkhrXZe7VPyUkpd8UADC7fy5gWfa1NmCPPtKMrXLuW_LxWe0ZcPFQaqA570vdp7AWEqK7MAAxHCyoY2dozP789zCNPsB0fXxVyT8zxSczWyD2GIvMtx0txmHNyxlT0VhVHio7lLraUh1jc9PaWvMc5SQoZAQMbaA2HTIuYJ2axWwiNwBcpkQp39USr1Uaj7BBdoSEIPUVCDISNFLPu8FbpeJThcgFUIMqz-q3wDEHPivGfpZ6mDQi5kItdzDnuiSsJ-FaTt9b0PJln3p85-VeekGiUMTrO8nCFnnZmqSRGzfwHJ2L2TJk0Q9vifUPVkKlAgwFUUsmubTwPZNGDBYQ3pf9JgR7AbllLOf_6MjXDsA6ZuVIZ7wde3vsd2jCNFBYQX2J9dyOrEKE1_7623jTNMz1mf6miliq4laHNobrFPQmO4ZZxle39w3te3_psbqgdfobUmupqEcA0Hj8Mn0zGR0G5wdaKJxb43dGKUQ19Z8y6QpbeA4JpCzQIPQpwlKTIgynxBerEL_aSeMuIPfARMYXRj9TTRA12nqbCGhSccd8rjZlJTVAImvGL5x5972X2dOurmexMSBJtGDQQAaz43BwmjPiG8ICdZot1AsjhA3fg7WaLFnqIqYhgMlGYAF8k2sx7ogreaiVW04-1_O-a0-F9iWltktJLlacNugq3SOLXBLcvJZwfH7iZcPO_dRy0\" \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:RLJ1RXen4BqZyGzJBYLIQQKUgXwgAeIW5gLfeu1QgHTal9DT2w-z6eyXfEg_T-nbmzAM2x3sU_FUl0UNWHLnhErmyC8uRME1y46Hhaoj6DzCkqyVvPmhh16U3oS2TOMY0Xx8rtrKlXW4CXomOOjm6osRoSeWmRHfhD6AZNUGsHarHqAOMbEw6Xqds2VoiJ6k75-Pfo_gWFGAHbSn68SXmBS6AHE4qGNy6Wv0NjtXUghPqtXQ2f5WPZ6mhsNi4cbdDC8oDeqdXdnXTF4N-8wyblVnokWjiimNYkCpc3j6QiY44qbxBR7yFXCj7ZlHVRjpxSCXCDOdsRtZzL7YSVXofmN-4rs1OGiB6LxISMjtYqvu7pxpTUETk1fVArRtFd8MCD_98pYQ477YenIp_ufUeQuwrGltG2emnJQQ5Dn9SxhelFNbORtCTfR-WVUAS7ppFioiR3nptCGDaaD62KnoHg5hzH-lT1vwT5zzWUEPzR7uVfjszsC9yzbRgD-PruzMKOcGJ8enMALlfys_XBcKSMDDg42J3s5YanEeLPEy1GYrzrpP0yIyWyAGj4x4A0kLSHo6WtkqwwbigErWLw1-4UQFg6EoKoXZ3sbsmkJKNBc-zdlNZ-wiGdwF562F6yXfHfFGBJx75amISnPSlmKBLyhwCa7b_JRa7rmdu1wLDKzj1xA8VWfdLVZi4udgDL9xnqhQGF_Lqz8zvt6MhXHgPyICK4X1gaEJrX0ymKQACAcHbKsSbz9V-NFv0m00\" 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=\"cuoybHJ\"><img loading=\"lazy\" alt=\"\" class=\"alignnone size-full wp-image-607\" decoding=\"async\" height=\"740\" loading=\"lazy\" sizes=\"auto, (max-width: 533px) 100vw, 533px\" src=\"https:\/\/www.vpascode.com\/wp-content\/uploads\/2026\/05\/img_6a1901b079e3a.png\" srcset=\"https:\/\/www.vpascode.com\/wp-content\/uploads\/2026\/05\/img_6a1901b079e3a.png 533w, https:\/\/www.vpascode.com\/wp-content\/uploads\/2026\/05\/img_6a1901b079e3a-216x300.png 216w\" width=\"533\"\/><\/p>\n<p><strong>Analisis Sintaks:<\/strong> Peta ini menyoroti kekuatan dari struktur <code>Grouping<\/code> komponen. Elemen secara otomatis menerima warna khusus lapisan (Kuning, Biru, Hijau) berdasarkan keluarga makro mereka. Ovverride hubungan berarah seperti <code>Rel_Serving_Down<\/code> dan <code>Rel_Realization_Down<\/code> memaksa ketergantungan untuk mengalir secara elegan turun ke seluruh jaringan perusahaan.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Apa itu Diagram ArchiMate? Sebuah Diagram ArchiMateadalah visualisasi pemodelan arsitektur perusahaan tingkat tinggi yang melacak strategi, proses bisnis, aplikasi perangkat lunak, dan infrastruktur data fisik di seluruh organisasi. Berbeda dengan peta UML tradisional yang menelusuri secara mendalam rutinitas eksekusi perangkat&#8230;<\/p>\n","protected":false},"author":4,"featured_media":0,"parent":0,"menu_order":11,"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-2116","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 ArchiMate Syntax | VPasCode Text to Diagram Guide<\/title>\n<meta name=\"description\" content=\"Model enterprise architecture layers using PlantUML ArchiMate notation in VPasCode, a professional diagram-as-code 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-archimate-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 ArchiMate Syntax | VPasCode Text to Diagram Guide\" \/>\n<meta property=\"og:description\" content=\"Model enterprise architecture layers using PlantUML ArchiMate notation in VPasCode, a professional diagram-as-code tool.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.vpascode.com\/id\/docs\/vpascode-docs\/plantuml-archimate-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_6a190176524a7.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-archimate-diagram-syntax-guide\\\/\",\"url\":\"https:\\\/\\\/www.vpascode.com\\\/id\\\/docs\\\/vpascode-docs\\\/plantuml-archimate-diagram-syntax-guide\\\/\",\"name\":\"PlantUML ArchiMate Syntax | VPasCode Text to Diagram Guide\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.vpascode.com\\\/id\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/www.vpascode.com\\\/id\\\/docs\\\/vpascode-docs\\\/plantuml-archimate-diagram-syntax-guide\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/www.vpascode.com\\\/id\\\/docs\\\/vpascode-docs\\\/plantuml-archimate-diagram-syntax-guide\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/www.vpascode.com\\\/wp-content\\\/uploads\\\/2026\\\/05\\\/img_6a190176524a7.png\",\"datePublished\":\"2026-05-26T07:40:50+00:00\",\"description\":\"Model enterprise architecture layers using PlantUML ArchiMate notation in VPasCode, a professional diagram-as-code tool.\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/www.vpascode.com\\\/id\\\/docs\\\/vpascode-docs\\\/plantuml-archimate-diagram-syntax-guide\\\/#breadcrumb\"},\"inLanguage\":\"id\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/www.vpascode.com\\\/id\\\/docs\\\/vpascode-docs\\\/plantuml-archimate-diagram-syntax-guide\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"id\",\"@id\":\"https:\\\/\\\/www.vpascode.com\\\/id\\\/docs\\\/vpascode-docs\\\/plantuml-archimate-diagram-syntax-guide\\\/#primaryimage\",\"url\":\"https:\\\/\\\/www.vpascode.com\\\/wp-content\\\/uploads\\\/2026\\\/05\\\/img_6a190176524a7.png\",\"contentUrl\":\"https:\\\/\\\/www.vpascode.com\\\/wp-content\\\/uploads\\\/2026\\\/05\\\/img_6a190176524a7.png\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/www.vpascode.com\\\/id\\\/docs\\\/vpascode-docs\\\/plantuml-archimate-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 ArchiMate 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 ArchiMate Syntax | VPasCode Text to Diagram Guide","description":"Model enterprise architecture layers using PlantUML ArchiMate notation in VPasCode, a professional diagram-as-code 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-archimate-diagram-syntax-guide\/","og_locale":"id_ID","og_type":"article","og_title":"PlantUML ArchiMate Syntax | VPasCode Text to Diagram Guide","og_description":"Model enterprise architecture layers using PlantUML ArchiMate notation in VPasCode, a professional diagram-as-code tool.","og_url":"https:\/\/www.vpascode.com\/id\/docs\/vpascode-docs\/plantuml-archimate-diagram-syntax-guide\/","og_site_name":"VPasCode","og_image":[{"url":"https:\/\/www.vpascode.com\/wp-content\/uploads\/2026\/05\/img_6a190176524a7.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-archimate-diagram-syntax-guide\/","url":"https:\/\/www.vpascode.com\/id\/docs\/vpascode-docs\/plantuml-archimate-diagram-syntax-guide\/","name":"PlantUML ArchiMate Syntax | VPasCode Text to Diagram Guide","isPartOf":{"@id":"https:\/\/www.vpascode.com\/id\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.vpascode.com\/id\/docs\/vpascode-docs\/plantuml-archimate-diagram-syntax-guide\/#primaryimage"},"image":{"@id":"https:\/\/www.vpascode.com\/id\/docs\/vpascode-docs\/plantuml-archimate-diagram-syntax-guide\/#primaryimage"},"thumbnailUrl":"https:\/\/www.vpascode.com\/wp-content\/uploads\/2026\/05\/img_6a190176524a7.png","datePublished":"2026-05-26T07:40:50+00:00","description":"Model enterprise architecture layers using PlantUML ArchiMate notation in VPasCode, a professional diagram-as-code tool.","breadcrumb":{"@id":"https:\/\/www.vpascode.com\/id\/docs\/vpascode-docs\/plantuml-archimate-diagram-syntax-guide\/#breadcrumb"},"inLanguage":"id","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.vpascode.com\/id\/docs\/vpascode-docs\/plantuml-archimate-diagram-syntax-guide\/"]}]},{"@type":"ImageObject","inLanguage":"id","@id":"https:\/\/www.vpascode.com\/id\/docs\/vpascode-docs\/plantuml-archimate-diagram-syntax-guide\/#primaryimage","url":"https:\/\/www.vpascode.com\/wp-content\/uploads\/2026\/05\/img_6a190176524a7.png","contentUrl":"https:\/\/www.vpascode.com\/wp-content\/uploads\/2026\/05\/img_6a190176524a7.png"},{"@type":"BreadcrumbList","@id":"https:\/\/www.vpascode.com\/id\/docs\/vpascode-docs\/plantuml-archimate-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 ArchiMate 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\/2116","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=2116"}],"wp:term":[{"taxonomy":"ld_collection","embeddable":true,"href":"https:\/\/www.vpascode.com\/id\/wp-json\/wp\/v2\/ld_collection?post=2116"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}