{"id":2899,"date":"2026-06-09T15:33:53","date_gmt":"2026-06-09T07:33:53","guid":{"rendered":"https:\/\/updates.visual-paradigm.com\/id\/releases\/introducing-vpascode-the-ultimate-unified-text-to-diagram-platform\/"},"modified":"2026-09-04T08:17:45","modified_gmt":"2026-09-04T00:17:45","slug":"introducing-vpascode-the-ultimate-unified-text-to-diagram-platform","status":"publish","type":"releases","link":"https:\/\/updates.visual-paradigm.com\/id\/releases\/introducing-vpascode-the-ultimate-unified-text-to-diagram-platform\/","title":{"rendered":"Memperkenalkan VPasCode: Platform Terpadu Teks-ke-Diagram Terbaik"},"content":{"rendered":"<p>Kami sangat senang mengumumkan peluncuran resmi Visual Paradigm <a href=\"https:\/\/www.vpascode.com\/\"><strong>VPasCode<\/strong><\/a>, platform terpadu baru dari Visual Paradigm <a href=\"https:\/\/www.visual-paradigm.com\/features\/diagram-as-code-tool\/\"><strong>diagram-sebagai-kode<\/strong> platform<\/a>. Baik Anda seorang insinyur perangkat lunak, arsitek sistem, atau analis bisnis, VPasCode dirancang untuk menyederhanakan alur kerja Anda dengan mengubah teks menjadi diagram profesional yang indah dalam hitungan detik.<img loading=\"lazy\" alt=\"Kode diagram kelas PlantUML untuk sistem manajemen perpustakaan, sedang diedit dengan editor teks-ke-diagram VPasCode dari Visual Paradigm\" class=\"alignnone size-full wp-image-2656\" decoding=\"async\" height=\"745\" loading=\"lazy\" sizes=\"auto, (max-width: 1192px) 100vw, 1192px\" src=\"https:\/\/updates.visual-paradigm.com\/wp-content\/uploads\/2026\/06\/vpascode-plantuml-class-diagram-library-management-system.jpg\" srcset=\"https:\/\/updates.visual-paradigm.com\/wp-content\/uploads\/2026\/06\/vpascode-plantuml-class-diagram-library-management-system.jpg 1192w, https:\/\/updates.visual-paradigm.com\/wp-content\/uploads\/2026\/06\/vpascode-plantuml-class-diagram-library-management-system-300x188.jpg 300w, https:\/\/updates.visual-paradigm.com\/wp-content\/uploads\/2026\/06\/vpascode-plantuml-class-diagram-library-management-system-1024x640.jpg 1024w, https:\/\/updates.visual-paradigm.com\/wp-content\/uploads\/2026\/06\/vpascode-plantuml-class-diagram-library-management-system-768x480.jpg 768w\" width=\"1192\"\/><\/p>\n<p>Ucapkan selamat tinggal pada perpindahan konteks antar berbagai alat. VPasCode menyatukan bahasa teks-ke-diagram open-source favorit Anda ke dalam satu lingkungan berbasis web yang mulus dan kuat.<\/p>\n<h2>Apa itu VPasCode?<\/h2>\n<p>VPasCode (Visual Paradigm as Code) adalah lingkungan terpadu yang menggabungkan editor kode gratis dan nyaman <strong>editor kode<\/strong> dengan renderer diagram berkinerja tinggi <strong>renderer diagram<\/strong>. Jika Anda menyukai kecepatan dan manfaat kontrol versi dari penulisan diagram Anda, VPasCode memberikan sandbox terbaik untuk membangun, melihat pratinjau, dan berbagi diagram secara instan.<\/p>\n<p>Karena merupakan lingkungan yang sepenuhnya terpadu, VPasCode secara teoritis mendukung <em>semua<\/em>aturan sintaks untuk mesin diagram paling populer di dunia. Pada peluncuran, kami sepenuhnya mendukung:<\/p>\n<ul>\n<li><strong>Editor &amp; Renderer PlantUML:<\/strong>Buat diagram arsitektur perusahaan dan perangkat lunak yang kuat.<\/li>\n<li><strong>Editor &amp; Renderer Mermaid.js:<\/strong>Render bagan dan garis waktu modern yang terinspirasi dari markdown secara native di browser Anda.<\/li>\n<li><strong>Editor &amp; Renderer Graphviz:<\/strong>Manfaatkan kekuatan bahasa DOT untuk struktur jaringan dan data yang kompleks.<\/li>\n<\/ul>\n<p><em>\u2026dan ini baru permulaan! Kami akan terus menambahkan lebih banyak format teks-ke-diagram di masa depan.<\/em><\/p>\n<p><img loading=\"lazy\" alt=\"Antarmuka VPasCode yang menampilkan editor kode untuk PlantUML, Mermaid.js, dan Graphviz beserta diagram yang telah dirender.\" class=\"alignnone size-full wp-image-2667\" decoding=\"async\" height=\"559\" loading=\"lazy\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" src=\"https:\/\/updates.visual-paradigm.com\/wp-content\/uploads\/2026\/06\/vpascode-support-plantuml-mermaid-graphviz.jpg\" srcset=\"https:\/\/updates.visual-paradigm.com\/wp-content\/uploads\/2026\/06\/vpascode-support-plantuml-mermaid-graphviz.jpg 1024w, https:\/\/updates.visual-paradigm.com\/wp-content\/uploads\/2026\/06\/vpascode-support-plantuml-mermaid-graphviz-300x164.jpg 300w, https:\/\/updates.visual-paradigm.com\/wp-content\/uploads\/2026\/06\/vpascode-support-plantuml-mermaid-graphviz-768x419.jpg 768w\" width=\"1024\"\/><\/p>\n<h2>Jenis Diagram yang Didukung Sekilas<\/h2>\n<p>VPasCode mendukung perpustakaan jenis diagram yang sangat luas. Berikut adalah gambaran singkat tentang apa yang dapat Anda bangun saat ini:<\/p>\n<h3>Integrasi PlantUML<\/h3>\n<ul>\n<li>Diagram Urutan, Kasus Penggunaan, Kelas, dan Objek<\/li>\n<li>Diagram Aktivitas, Komponen, Penempatan, dan Status<\/li>\n<li>Model ArchiMate &amp; C4<\/li>\n<li>Diagram Relasi Entitas (ERD) &amp; Chen ERD<\/li>\n<li>Diagram Jaringan, WBS (Struktur Pemecahan Kerja), dan Diagram Waktu<\/li>\n<\/ul>\n<h3>Integrasi Mermaid.js<\/h3>\n<ul>\n<li>Diagram Alir, Diagram Kelas, dan Diagram Urutan<\/li>\n<li>Diagram Relasi Entitas (ERD) &amp; Diagram Status<\/li>\n<li>Peta Pikiran, Garis Waktu, dan Peta Perjalanan Pengguna<\/li>\n<li>Diagram Gantt, Grafik Git, dan Papan Kanban<\/li>\n<li>Model C4, Diagram Kuadran, dan Diagram Persyaratan<\/li>\n<\/ul>\n<h3>Integrasi Graphviz<\/h3>\n<ul>\n<li>Digraph &amp; Graph<\/li>\n<li>Diagram Alir &amp; Diagram Alur Data<\/li>\n<li>Diagram Organisasi &amp; Klaster<\/li>\n<\/ul>\n<h2>Fitur &amp; Kapabilitas<\/h2>\n<p>Kami ingin VPasCode dapat diakses oleh semua orang, itulah sebabnya kami telah menyertakan alat-alat penting dalam tier gratis kami sambil menawarkan fitur berbasis AI yang revolusioner bagi pengguna premium.<\/p>\n<h3>Fitur Gratis yang Tersedia untuk Semua Orang:<\/h3>\n<ul>\n<li><strong>Dukungan Multi-Engine:<\/strong> Akses penuh ke PlantUML, Mermaid.js, dan Graphviz.<\/li>\n<li><strong>Deskripsi Teksual:<\/strong>Buat diagram rumit murni melalui kode yang intuitif.<\/li>\n<li><strong>Pratinjau Real-Time:<\/strong>Lihat diagram Anda diperbarui secara instan di sisi layar Anda saat Anda mengetik.<\/li>\n<li><strong>Pembagian Mudah:<\/strong>Buat URL unik untuk dengan mudah membagikan diagram langsung Anda kepada rekan tim atau klien.<\/li>\n<li><strong>Ekspor Fleksibel:<\/strong>Unduh hasil kerja Anda sebagai gambar berkualitas tinggi <strong>PNG<\/strong> gambar atau grafik vektor yang dapat diskalakan <strong>SVG<\/strong> grafik vektor.<\/li>\n<\/ul>\n<h3>Tingkatkan Alur Kerja Anda dengan Fitur Berbayar:<\/h3>\n<ul>\n<li><strong>Perbaikan Kode Error oleh AI:<\/strong>Terjebak pada kesalahan sintaks? AI bawaan kami akan menganalisis kode PlantUML, Mermaid, atau Graphviz Anda dan memperbaiki kesalahan secara otomatis.<br \/>\n<img loading=\"lazy\" alt=\"Ilustrasi yang menunjukkan cara kerja fungsi perbaikan kesalahan kode AI\" class=\"alignnone size-full wp-image-2670\" decoding=\"async\" height=\"684\" loading=\"lazy\" sizes=\"auto, (max-width: 875px) 100vw, 875px\" src=\"https:\/\/updates.visual-paradigm.com\/wp-content\/uploads\/2026\/06\/how-does-vpascode-ai-code-error-fix-works2.jpg\" srcset=\"https:\/\/updates.visual-paradigm.com\/wp-content\/uploads\/2026\/06\/how-does-vpascode-ai-code-error-fix-works2.jpg 875w, https:\/\/updates.visual-paradigm.com\/wp-content\/uploads\/2026\/06\/how-does-vpascode-ai-code-error-fix-works2-300x235.jpg 300w, https:\/\/updates.visual-paradigm.com\/wp-content\/uploads\/2026\/06\/how-does-vpascode-ai-code-error-fix-works2-768x600.jpg 768w\" width=\"875\"\/><\/li>\n<li><strong><a href=\"https:\/\/updates.visual-paradigm.com\/releases\/break-language-barriers-natively-with-vpascodes-new-ai-diagram-translation\/\">Terjemahan AI<\/a>:<\/strong>Terjemahkan teks dan label dalam diagram Anda ke berbagai bahasa dengan mulus hanya dengan satu kali klik.<br \/>\n<img loading=\"lazy\" alt=\"Ini adalah ilustrasi yang menunjukkan cara kerja fitur terjemahan di VPasCode\" class=\"alignnone size-full wp-image-2669\" decoding=\"async\" height=\"680\" loading=\"lazy\" sizes=\"auto, (max-width: 990px) 100vw, 990px\" src=\"https:\/\/updates.visual-paradigm.com\/wp-content\/uploads\/2026\/06\/vpascode-translating-platuml-from-english-to-chinese.jpg\" srcset=\"https:\/\/updates.visual-paradigm.com\/wp-content\/uploads\/2026\/06\/vpascode-translating-platuml-from-english-to-chinese.jpg 990w, https:\/\/updates.visual-paradigm.com\/wp-content\/uploads\/2026\/06\/vpascode-translating-platuml-from-english-to-chinese-300x206.jpg 300w, https:\/\/updates.visual-paradigm.com\/wp-content\/uploads\/2026\/06\/vpascode-translating-platuml-from-english-to-chinese-768x528.jpg 768w\" width=\"990\"\/><\/li>\n<\/ul>\n<h2>Cara Mengakses Fitur Berbayar VPasCode<\/h2>\n<p>Jika Anda adalah pengguna Visual Paradigm yang sudah ada, Anda mungkin sudah memiliki akses ke fitur AI premium kami!<\/p>\n<p>Fitur berbayar VPasCode disertakan dengan:<\/p>\n<ul>\n<li><strong>Edisi Combo Online Visual Paradigm<\/strong> (atau versi yang lebih tinggi).<\/li>\n<li><strong>Edisi Profesional Desktop Visual Paradigm<\/strong> (atau versi yang lebih tinggi) dengan kontrak pemeliharaan aktif.<\/li>\n<\/ul>\n<blockquote>\n<p><strong>Catatan untuk Pengguna Desktop:<\/strong>Pengguna Visual Paradigm Professional Edition (atau versi yang lebih tinggi) dengan pemeliharaan aktif secara otomatis diberikan akses penuh ke aplikasi web dari VP Online Combo Edition\u2014yang berarti Anda mendapatkan akses instan ke alat AI premium VPasCode tanpa biaya tambahan!<\/p>\n<\/blockquote>\n<h2>PlantUML dan Mermaid di VPasCode \u2013 Contoh Diagram<\/h2>\n<h3>Diagram Use Case PlantUML: Sistem E-Commerce<\/h3>\n<p>Diagram use case ini menggambarkan interaksi utama dalam sistem checkout e-commerce. Pelanggan dapat melihat keranjang mereka dan melanjutkan ke checkout, di mana autentikasi, penerapan kupon, dan pembayaran kartu kredit diintegrasikan melalui layanan eksternal seperti penyedia identitas dan pemroses pembayaran.<\/p>\n<p><img loading=\"lazy\" alt=\"Kode diagram kasus penggunaan PlantUML untuk sistem e-commerce, sedang diedit dengan editor teks-ke-diagram VPasCode dari Visual Paradigm\" class=\"alignnone size-full wp-image-2662\" decoding=\"async\" height=\"745\" loading=\"lazy\" sizes=\"auto, (max-width: 1192px) 100vw, 1192px\" src=\"https:\/\/updates.visual-paradigm.com\/wp-content\/uploads\/2026\/06\/vpascode-plantuml-use-case-diagram-ecommerce-system.jpg\" srcset=\"https:\/\/updates.visual-paradigm.com\/wp-content\/uploads\/2026\/06\/vpascode-plantuml-use-case-diagram-ecommerce-system.jpg 1192w, https:\/\/updates.visual-paradigm.com\/wp-content\/uploads\/2026\/06\/vpascode-plantuml-use-case-diagram-ecommerce-system-300x188.jpg 300w, https:\/\/updates.visual-paradigm.com\/wp-content\/uploads\/2026\/06\/vpascode-plantuml-use-case-diagram-ecommerce-system-1024x640.jpg 1024w, https:\/\/updates.visual-paradigm.com\/wp-content\/uploads\/2026\/06\/vpascode-plantuml-use-case-diagram-ecommerce-system-768x480.jpg 768w\" width=\"1192\"\/><\/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:PPBFJiGW4CRlJNY7IU_j0vXDiqeyU6jYz6e8Z5jYssbWMDCOtrtOBQpLs_pvmJSVmz6pSXocKLGZlZCmWREdWS5OXvejpQ9Icib1_TX8cYPq6a46pnJ36fG7lIK5V38ui-KLUaTdQpPC1Hvweh5WlLgd22PAe_TqnJmxkw2eH9NqrNmQ4MeveFwWmF2yUiO97YZCHhcrXYzH0GIFMld8tKUDfAqLu-Ms5_cMQZlerU8doEWw4odU4Lck02dV2otBk8AaiD2SgUXZeXqL7SBPAf0EZUMaQGgiLb5z9vlv-Q1fkjiq_whN4N84RTjbSt07X-vNwz2sPPo_lUrO6gnqBdSacTk6DYGLypwEE9luJNu0\" 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\">\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:PPBFJiGW4CRlJNY7IU_j0vXDiqeyU6jYz6e8Z5jYssbWMDCOtrtOBQpLs_pvmJSVmz6pSXocKLGZlZCmWREdWS5OXvejpQ9Icib1_TX8cYPq6a46pnJ36fG7lIK5V38ui-KLUaTdQpPC1Hvweh5WlLgd22PAe_TqnJmxkw2eH9NqrNmQ4MeveFwWmF2yUiO97YZCHhcrXYzH0GIFMld8tKUDfAqLu-Ms5_cMQZlerU8doEWw4odU4Lck02dV2otBk8AaiD2SgUXZeXqL7SBPAf0EZUMaQGgiLb5z9vlv-Q1fkjiq_whN4N84RTjbSt07X-vNwz2sPPo_lUrO6gnqBdSacTk6DYGLypwEE9luJNu0\" 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:PPBFJeGm4CRl9Bp3X3iyWDcGTOa7WmSIzMncsGdKGalwnuGOtzsfkrYgj-QRNsU-VjEZTMYSdwSyGuCZI644I0A92XLhqca3HKSJgc501Gzbe-UPJ4y5M3hZW09wRvrcROUhbIu2uV52oWc7DiBetTXfFUtWsMXB5lXmnfLTg4XRPyH2UPPd2nbBWu05rJjxWUA4t1UUXNKqGpDIBxLt1Npc6O2trACbAEwz2muaMX6RlZPlh8y9-2H6TD2IkRPFu8OJIk0uRKy5CS5UkDl2GKBh5wqIk3DwrWby2a-73mwj3Gk1rd22wOGErppx2c5iYKDPrj7XF_NgQ3j1LTNRs-4E3lMkTAYgNrj_QxThF3rMVdg4CN6TDoI8szQEf2xyjRu1\" \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\narah kiri ke kanan\r\naktor \"Pelanggan E-Commerce\" sebagai customer\r\naktor \"Penyedia Identitas\" sebagai authPool\r\naktor \"Pemroses Pembayaran\" sebagai stripe\r\n\r\npersegi panjang \"Batas Sistem Checkout\" {\r\n  usecase \"Autentikasi\" sebagai UC_Auth\r\n  usecase \"Lihat Keranjang\" sebagai UC_Cart\r\n  usecase \"Checkout\" sebagai UC_Check\r\n  usecase \"Terapkan Kupon\" sebagai UC_Promo\r\n  usecase \"Bayar via Kartu Kredit\" sebagai UC_Pay\r\n}\r\n\r\ncustomer --&gt; UC_Cart\r\ncustomer --&gt; UC_Check\r\nUC_Check ..&gt; UC_Auth : &lt;&gt;\r\nUC_Check &lt;.. UC_Promo : &lt;&gt;\r\nUC_Check ..&gt; UC_Pay : &lt;&gt;\r\nUC_Auth --&gt; authPool\r\nUC_Pay --&gt; stripe\r\n@enduml\r\n<\/code><\/pre>                <\/div>\r\n                <div class=\"vpascode-actions\">\r\n                    <a href=\"https:\/\/www.vpascode.com\/editor\/#plantuml:PPBFJeGm4CRl9Bp3X3iyWDcGTOa7WmSIzMncsGdKGalwnuGOtzsfkrYgj-QRNsU-VjEZTMYSdwSyGuCZI644I0A92XLhqca3HKSJgc501Gzbe-UPJ4y5M3hZW09wRvrcROUhbIu2uV52oWc7DiBetTXfFUtWsMXB5lXmnfLTg4XRPyH2UPPd2nbBWu05rJjxWUA4t1UUXNKqGpDIBxLt1Npc6O2trACbAEwz2muaMX6RlZPlh8y9-2H6TD2IkRPFu8OJIk0uRKy5CS5UkDl2GKBh5wqIk3DwrWby2a-73mwj3Gk1rd22wOGErppx2c5iYKDPrj7XF_NgQ3j1LTNRs-4E3lMkTAYgNrj_QxThF3rMVdg4CN6TDoI8szQEf2xyjRu1\" \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:PPBFJiGW4CRlJNY7IU_j0vXDiqeyU6jYz6e8Z5jYssbWMDCOtrtOBQpLs_pvmJSVmz6pSXocKLGZlZCmWREdWS5OXvejpQ9Icib1_TX8cYPq6a46pnJ36fG7lIK5V38ui-KLUaTdQpPC1Hvweh5WlLgd22PAe_TqnJmxkw2eH9NqrNmQ4MeveFwWmF2yUiO97YZCHhcrXYzH0GIFMld8tKUDfAqLu-Ms5_cMQZlerU8doEWw4odU4Lck02dV2otBk8AaiD2SgUXZeXqL7SBPAf0EZUMaQGgiLb5z9vlv-Q1fkjiq_whN4N84RTjbSt07X-vNwz2sPPo_lUrO6gnqBdSacTk6DYGLypwEE9luJNu0\" 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<\/div>\n<div class=\"vpascode-actions\">\n<a class=\"vpascode-fancy-btn\" href=\"https:\/\/www.vpascode.com\/editor\/#plantuml:PPBFJiGW4CRlJNY7IU_j0vXDiqeyU6jYz6e8Z5jYssbWMDCOtrtOBQpLs_pvmJSVmz6pSXocKLGZlZCmWREdWS5OXvejpQ9Icib1_TX8cYPq6a46pnJ36fG7lIK5V38ui-KLUaTdQpPC1Hvweh5WlLgd22PAe_TqnJmxkw2eH9NqrNmQ4MeveFwWmF2yUiO97YZCHhcrXYzH0GIFMld8tKUDfAqLu-Ms5_cMQZlerU8doEWw4odU4Lck02dV2otBk8AaiD2SgUXZeXqL7SBPAf0EZUMaQGgiLb5z9vlv-Q1fkjiq_whN4N84RTjbSt07X-vNwz2sPPo_lUrO6gnqBdSacTk6DYGLypwEE9luJNu0\" 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<h3>Diagram Kelas PlantUML: Sistem Manajemen Perpustakaan<\/h3>\n<p>Diagram kelas ini memodelkan sistem manajemen perpustakaan, menampilkan entitas kunci yang terlibat dalam manajemen katalog, layanan anggota, dan operasi peminjaman. Desain menggunakan pewarisan untuk merepresentasikan berbagai jenis materi perpustakaan (seperti buku, majalah, dan DVD), sementara asosiasi antara anggota, pustakawan, catatan peminjaman, dan denda menggambarkan bagaimana item dipinjam, dikembalikan, dan dikelola sepanjang siklus hidupnya.<\/p>\n<p><img loading=\"lazy\" alt=\"Kode diagram kelas PlantUML untuk sistem manajemen perpustakaan, sedang diedit dengan editor teks-ke-diagram VPasCode dari Visual Paradigm\" class=\"alignnone size-full wp-image-2656\" decoding=\"async\" height=\"745\" loading=\"lazy\" sizes=\"auto, (max-width: 1192px) 100vw, 1192px\" src=\"https:\/\/updates.visual-paradigm.com\/wp-content\/uploads\/2026\/06\/vpascode-plantuml-class-diagram-library-management-system.jpg\" srcset=\"https:\/\/updates.visual-paradigm.com\/wp-content\/uploads\/2026\/06\/vpascode-plantuml-class-diagram-library-management-system.jpg 1192w, https:\/\/updates.visual-paradigm.com\/wp-content\/uploads\/2026\/06\/vpascode-plantuml-class-diagram-library-management-system-300x188.jpg 300w, https:\/\/updates.visual-paradigm.com\/wp-content\/uploads\/2026\/06\/vpascode-plantuml-class-diagram-library-management-system-1024x640.jpg 1024w, https:\/\/updates.visual-paradigm.com\/wp-content\/uploads\/2026\/06\/vpascode-plantuml-class-diagram-library-management-system-768x480.jpg 768w\" width=\"1192\"\/><\/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:XLRBRjiw4DqRy3yGwQBklNNHReMYg9EqG82aBHAqm0Mw6KbZcRWKAP2Z5ExZtpiYHKMaxMHZMSFXcJDllNS4blfMBHVBHQN0EN4jImjsBtuj5qAiXOOM2t57LkecIA2kBJgN2hkTqOdUluFU3RObsbNh7uK8hoyASMza7PGijkOU4xshEk8acWntHTYk9FyKaUKWEO8tAPx0KgW3M6xnfJYuLHgZ47I4fzxgu_2Juf-3O0uNGa2VPGQ2Z2GfJ4LTNohfTaFO3iGLa3JwFmG-b9f6NBUv1wcW790IqWtI9HAVkTMBD4KEQRmabQJzYgk1UZTTdsBcFOBIaOMAH73jt9Z_Ov58L-giI7hQ6PlL23HuONfD4slFRUDLvzHc0VmmDxEL2k_aJxmvBqHjE18uoerjWL9ZjVcXbO7wgrMfp_5WbNeNp7rXFS9wRfHpeBRN9iGyjL4PNSjSx7swcrywuTeDDF1JQdm8eklnKnzQPGpGcYcglZqKLrpbzXA8Spty9i2NtouZPjrRJ-56wfxGpG1gQR6YF4KATDDpcbAfwqjVeKShREwHxwPeE--jK_C4MmPzOff4DBUJtTph8TobiTRyE3aR7klVHtKvZUSU6lsiyCrpBHqbBWSDPdcBbR5rzDtwjzptm3JbF-G8Sr6WcKkb-yn9P_LLIfMh0LJLArRyoFKqdCRkc37zE2krBV_FoK4RMdFUMBua3sby0LbdmUfW7sqVD5M8iGGzjHJ1TflRhx7ZLTIYfhIREcigNZTJeBDj4YRswOKmNh_r4NrYUJIeaVi5Rx4pbbR9MGkQ--9AtpD1O_UPey_5bUPPBGbqXPm-vRjkg5QtNCoNmDlVwxKVdKV4SI0SEUAMNYxyLFAl7mB2Ws0-jmAV2zDsnldf943NOjCq5XjFosl4DN_svammm1dxjp-B7Lo87JZnxfJMd5unJ45UBlf9_Q402kxsJfczLrukHdEfTjvI4vdy85vxy-hLFpafYrkqoCbuzEPhVzDtHZ5bV-JsN6oSCvNq8OkU3Jwir--ES0pruU-ENXtNgom-sD26K93fXDbEtrs5kE0Iiw24sxl16Te1HVZlUfo3eUpvCUHs-9pn_UBnh6nsD4CS8xA9wxi4Xs67VzUyEGKe9THedDSeLp4ehjht3CeVXdy1\" 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\">\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:XLRBRjiw4DqRy3yGwQBklNNHReMYg9EqG82aBHAqm0Mw6KbZcRWKAP2Z5ExZtpiYHKMaxMHZMSFXcJDllNS4blfMBHVBHQN0EN4jImjsBtuj5qAiXOOM2t57LkecIA2kBJgN2hkTqOdUluFU3RObsbNh7uK8hoyASMza7PGijkOU4xshEk8acWntHTYk9FyKaUKWEO8tAPx0KgW3M6xnfJYuLHgZ47I4fzxgu_2Juf-3O0uNGa2VPGQ2Z2GfJ4LTNohfTaFO3iGLa3JwFmG-b9f6NBUv1wcW790IqWtI9HAVkTMBD4KEQRmabQJzYgk1UZTTdsBcFOBIaOMAH73jt9Z_Ov58L-giI7hQ6PlL23HuONfD4slFRUDLvzHc0VmmDxEL2k_aJxmvBqHjE18uoerjWL9ZjVcXbO7wgrMfp_5WbNeNp7rXFS9wRfHpeBRN9iGyjL4PNSjSx7swcrywuTeDDF1JQdm8eklnKnzQPGpGcYcglZqKLrpbzXA8Spty9i2NtouZPjrRJ-56wfxGpG1gQR6YF4KATDDpcbAfwqjVeKShREwHxwPeE--jK_C4MmPzOff4DBUJtTph8TobiTRyE3aR7klVHtKvZUSU6lsiyCrpBHqbBWSDPdcBbR5rzDtwjzptm3JbF-G8Sr6WcKkb-yn9P_LLIfMh0LJLArRyoFKqdCRkc37zE2krBV_FoK4RMdFUMBua3sby0LbdmUfW7sqVD5M8iGGzjHJ1TflRhx7ZLTIYfhIREcigNZTJeBDj4YRswOKmNh_r4NrYUJIeaVi5Rx4pbbR9MGkQ--9AtpD1O_UPey_5bUPPBGbqXPm-vRjkg5QtNCoNmDlVwxKVdKV4SI0SEUAMNYxyLFAl7mB2Ws0-jmAV2zDsnldf943NOjCq5XjFosl4DN_svammm1dxjp-B7Lo87JZnxfJMd5unJ45UBlf9_Q402kxsJfczLrukHdEfTjvI4vdy85vxy-hLFpafYrkqoCbuzEPhVzDtHZ5bV-JsN6oSCvNq8OkU3Jwir--ES0pruU-ENXtNgom-sD26K93fXDbEtrs5kE0Iiw24sxl16Te1HVZlUfo3eUpvCUHs-9pn_UBnh6nsD4CS8xA9wxi4Xs67VzUyEGKe9THedDSeLp4ehjht3CeVXdy1\" 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:XLPPRnCn47wlrFzWbGV24GIl4QfeAOYA5gfMW7YStPritFXO-IWAntzdRCVfsadQbxGUptpppUbzPnqOvwKuF3WyQ0LOoovuOy2is9_30yQcJ8746RjnXgi-IQ3h35fR2eU5LeNUYw1tYR91Cv7npuobuxCPkzEyIqe6fRx3Gk-yopY59i6TEvGJJZ-pp398Tk1j5FTW2LG9hFRuacrPDLeB19NXdJTgD_n6yTzMCeD1IkYJoa6IEUu4bgB1DuBRHKZRbhW5nxNwYK2NNBarhZsv0owW2KW5wHxT6JgwivDdPOaikhKH5zoj9jGDpjkD-IPdCI9eh3FGEfP2EzLwcPk4sqPLJUBTGfkgHw37zzehjs4TkPr4rJ6rKG8_ZDtCkS0R_XilJsUiqvG9NCkraU1APvt-fOI6xfiHPSpvOb96bznTaPx3RkoKQY3c5phblFJHQjNnMXnZkXaRxGdj4dhupHNU9z5w_EBJgAmJD2MAmijjSKjTRix0KQt3Rm5yzlqiOtRUH0gNN7c7TWJGSOEjgqiaGFMUobHAhMzYX-xii754SPgoxtgszkqJb0Jwo3R9Q7R1Xt7K8TsDDaR_shiR7fhV1tMfZASH6kEkYCDpmQqhGauQnF8QMssw7Bk9fphsnBJa7sg4jIZHhANSVgMYa_gaf4hT0ABrWXG_KZ-5spmT8wOVHwqsf_zhSY3JQ8u7AxRaDeqhu5sLh05MsVVMKAKSSr2RaN8mdzV-EnpeAPAeN3bDWz4jFJURH5UlIThO-n-4jVbrpEWZZqUF2cbUy1e7RToak9EWQ2xErHqHr6PL1VgKVVADLpt5-8D2jI4juzt_zkzq6ZVc3d7U0pkkQ98F3-8oYiSF2U5UC5vNYSPdBGTjkUMi8oudlS4Uw10kyyD-zEQ8aUrH0se5owCyjRCmOlGCB3axtgyyfaWjW2QuUbG_r3xY3xX4SmjBEXy7JclVjLKzLIMt-ZPRltdrwddDKABnjtxvaDdhQ1R78-YhVa4P4nkAJzc9fOoIB4SPefbEZtUoL3qABI2OhcFRfoaR3owvKDeXBMG63kw_lsWAQDbG48EtfBYYpNoFh-ZKQmUf-r_6OW-K8dKBClHUHbm6pIebdv6caYmi69RUzAMYoQSaMPGUgDCTbPNW37bsLAi0-8w-cEWpyJy0\" \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\r\nclass Library {\r\n  - name: String\r\n  - address: String\r\n  - phone: String\r\n  + addMember(member: Member): void\r\n  + removeMember(memberId: String): void\r\n  + addItem(item: LibraryItem): void\r\n  + removeItem(itemId: String): void\r\n  + lendItem(memberId: String, itemId: String): boolean\r\n  + returnItem(itemId: String): boolean\r\n}\r\n\r\nclass LibraryItem {\r\n  # itemId: String\r\n  # title: String\r\n  # publisher: String\r\n  # publicationYear: int\r\n  # isAvailable: boolean\r\n  + getDetails(): String\r\n  + setAvailability(status: boolean): void\r\n}\r\n\r\nabstract class Book {\r\n  - isbn: String\r\n  - author: String\r\n  - pageCount: int\r\n  + getAuthor(): String\r\n}\r\n\r\nclass EBook {\r\n  - fileSizeMB: double\r\n  - format: String\r\n  - downloadUrl: String\r\n  + download(): void\r\n}\r\n\r\nclass PrintedBook {\r\n  - shelfLocation: String\r\n  - condition: String\r\n  + getShelfLocation(): String\r\n}\r\n\r\nclass Magazine {\r\n  - issueNumber: int\r\n  - volumeNumber: int\r\n  - coverDate: Date\r\n}\r\n\r\nclass DVD {\r\n  - durationMinutes: int\r\n  - director: String\r\n  - language: String\r\n  - subtitlesAvailable: boolean\r\n}\r\n\r\nclass Member {\r\n  - memberId: String\r\n  - name: String\r\n  - email: String\r\n  - phone: String\r\n  - membershipDate: Date\r\n  + borrowItem(item: LibraryItem): boolean\r\n  + returnItem(item: LibraryItem): boolean\r\n  + getBorrowedItems(): List\r\n}\r\n\r\nclass BorrowingRecord {\r\n  - recordId: String\r\n  - borrowDate: Date\r\n  - dueDate: Date\r\n  - returnDate: Date\r\n  - isOverdue(): boolean\r\n  - calculateFine(): double\r\n}\r\n\r\nclass Fine {\r\n  - fineId: String\r\n  - amount: double\r\n  - issueDate: Date\r\n  - isPaid: boolean\r\n  + payFine(): void\r\n}\r\n\r\nclass Librarian {\r\n  - staffId: String\r\n  - department: String\r\n  + processBorrowing(member: Member, item: LibraryItem): void\r\n  + processReturn(item: LibraryItem): void\r\n  + generateReport(): void\r\n  + manageInventory(): void\r\n}\r\n\r\n' Hubungan Warisan\r\nLibraryItem &lt;|-- Book\r\nLibraryItem &lt;|-- Magazine\r\nLibraryItem &lt;|-- DVD\r\nBook &lt;|-- EBook\r\nBook &lt;|-- PrintedBook \r\n\r\n' Komposisi dan Agregasi \r\n\r\nLibrary \"1\" -- \"banyak\" Member : memiliki &gt;\r\nLibrary \"1\" -- \"banyak\" LibraryItem : berisi &gt;\r\nLibrary \"1\" -- \"banyak\" Librarian : mempekerjakan &gt;\r\n\r\nMember \"1\" -- \"banyak\" BorrowingRecord : memiliki &gt;\r\nBorrowingRecord \"1\" -- \"1..*\" LibraryItem : merujuk &gt;\r\nBorrowingRecord \"1\" -- \"0..*\" Fine : menghasilkan &gt;\r\n\r\n' Asosiasi\r\nLibrarian --&gt; BorrowingRecord : mengelola &gt;\r\nMember --&gt; BorrowingRecord : membuat &gt;\r\n\r\nnote di atas Library : Sistem pusat yang mengelolananggota, item, dan peminjaman\r\nnote di kanan LibraryItem : Kelas dasar abstraknuntuk semua materi perpustakaan\r\n@enduml\r\n<\/code><\/pre>                <\/div>\r\n                <div class=\"vpascode-actions\">\r\n                    <a href=\"https:\/\/www.vpascode.com\/editor\/#plantuml:XLPPRnCn47wlrFzWbGV24GIl4QfeAOYA5gfMW7YStPritFXO-IWAntzdRCVfsadQbxGUptpppUbzPnqOvwKuF3WyQ0LOoovuOy2is9_30yQcJ8746RjnXgi-IQ3h35fR2eU5LeNUYw1tYR91Cv7npuobuxCPkzEyIqe6fRx3Gk-yopY59i6TEvGJJZ-pp398Tk1j5FTW2LG9hFRuacrPDLeB19NXdJTgD_n6yTzMCeD1IkYJoa6IEUu4bgB1DuBRHKZRbhW5nxNwYK2NNBarhZsv0owW2KW5wHxT6JgwivDdPOaikhKH5zoj9jGDpjkD-IPdCI9eh3FGEfP2EzLwcPk4sqPLJUBTGfkgHw37zzehjs4TkPr4rJ6rKG8_ZDtCkS0R_XilJsUiqvG9NCkraU1APvt-fOI6xfiHPSpvOb96bznTaPx3RkoKQY3c5phblFJHQjNnMXnZkXaRxGdj4dhupHNU9z5w_EBJgAmJD2MAmijjSKjTRix0KQt3Rm5yzlqiOtRUH0gNN7c7TWJGSOEjgqiaGFMUobHAhMzYX-xii754SPgoxtgszkqJb0Jwo3R9Q7R1Xt7K8TsDDaR_shiR7fhV1tMfZASH6kEkYCDpmQqhGauQnF8QMssw7Bk9fphsnBJa7sg4jIZHhANSVgMYa_gaf4hT0ABrWXG_KZ-5spmT8wOVHwqsf_zhSY3JQ8u7AxRaDeqhu5sLh05MsVVMKAKSSr2RaN8mdzV-EnpeAPAeN3bDWz4jFJURH5UlIThO-n-4jVbrpEWZZqUF2cbUy1e7RToak9EWQ2xErHqHr6PL1VgKVVADLpt5-8D2jI4juzt_zkzq6ZVc3d7U0pkkQ98F3-8oYiSF2U5UC5vNYSPdBGTjkUMi8oudlS4Uw10kyyD-zEQ8aUrH0se5owCyjRCmOlGCB3axtgyyfaWjW2QuUbG_r3xY3xX4SmjBEXy7JclVjLKzLIMt-ZPRltdrwddDKABnjtxvaDdhQ1R78-YhVa4P4nkAJzc9fOoIB4SPefbEZtUoL3qABI2OhcFRfoaR3owvKDeXBMG63kw_lsWAQDbG48EtfBYYpNoFh-ZKQmUf-r_6OW-K8dKBClHUHbm6pIebdv6caYmi69RUzAMYoQSaMPGUgDCTbPNW37bsLAi0-8w-cEWpyJy0\" \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:XLRBRjiw4DqRy3yGwQBklNNHReMYg9EqG82aBHAqm0Mw6KbZcRWKAP2Z5ExZtpiYHKMaxMHZMSFXcJDllNS4blfMBHVBHQN0EN4jImjsBtuj5qAiXOOM2t57LkecIA2kBJgN2hkTqOdUluFU3RObsbNh7uK8hoyASMza7PGijkOU4xshEk8acWntHTYk9FyKaUKWEO8tAPx0KgW3M6xnfJYuLHgZ47I4fzxgu_2Juf-3O0uNGa2VPGQ2Z2GfJ4LTNohfTaFO3iGLa3JwFmG-b9f6NBUv1wcW790IqWtI9HAVkTMBD4KEQRmabQJzYgk1UZTTdsBcFOBIaOMAH73jt9Z_Ov58L-giI7hQ6PlL23HuONfD4slFRUDLvzHc0VmmDxEL2k_aJxmvBqHjE18uoerjWL9ZjVcXbO7wgrMfp_5WbNeNp7rXFS9wRfHpeBRN9iGyjL4PNSjSx7swcrywuTeDDF1JQdm8eklnKnzQPGpGcYcglZqKLrpbzXA8Spty9i2NtouZPjrRJ-56wfxGpG1gQR6YF4KATDDpcbAfwqjVeKShREwHxwPeE--jK_C4MmPzOff4DBUJtTph8TobiTRyE3aR7klVHtKvZUSU6lsiyCrpBHqbBWSDPdcBbR5rzDtwjzptm3JbF-G8Sr6WcKkb-yn9P_LLIfMh0LJLArRyoFKqdCRkc37zE2krBV_FoK4RMdFUMBua3sby0LbdmUfW7sqVD5M8iGGzjHJ1TflRhx7ZLTIYfhIREcigNZTJeBDj4YRswOKmNh_r4NrYUJIeaVi5Rx4pbbR9MGkQ--9AtpD1O_UPey_5bUPPBGbqXPm-vRjkg5QtNCoNmDlVwxKVdKV4SI0SEUAMNYxyLFAl7mB2Ws0-jmAV2zDsnldf943NOjCq5XjFosl4DN_svammm1dxjp-B7Lo87JZnxfJMd5unJ45UBlf9_Q402kxsJfczLrukHdEfTjvI4vdy85vxy-hLFpafYrkqoCbuzEPhVzDtHZ5bV-JsN6oSCvNq8OkU3Jwir--ES0pruU-ENXtNgom-sD26K93fXDbEtrs5kE0Iiw24sxl16Te1HVZlUfo3eUpvCUHs-9pn_UBnh6nsD4CS8xA9wxi4Xs67VzUyEGKe9THedDSeLp4ehjht3CeVXdy1\" 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<\/div>\n<div class=\"vpascode-actions\">\n<a class=\"vpascode-fancy-btn\" href=\"https:\/\/www.vpascode.com\/editor\/#plantuml:XLRBRjiw4DqRy3yGwQBklNNHReMYg9EqG82aBHAqm0Mw6KbZcRWKAP2Z5ExZtpiYHKMaxMHZMSFXcJDllNS4blfMBHVBHQN0EN4jImjsBtuj5qAiXOOM2t57LkecIA2kBJgN2hkTqOdUluFU3RObsbNh7uK8hoyASMza7PGijkOU4xshEk8acWntHTYk9FyKaUKWEO8tAPx0KgW3M6xnfJYuLHgZ47I4fzxgu_2Juf-3O0uNGa2VPGQ2Z2GfJ4LTNohfTaFO3iGLa3JwFmG-b9f6NBUv1wcW790IqWtI9HAVkTMBD4KEQRmabQJzYgk1UZTTdsBcFOBIaOMAH73jt9Z_Ov58L-giI7hQ6PlL23HuONfD4slFRUDLvzHc0VmmDxEL2k_aJxmvBqHjE18uoerjWL9ZjVcXbO7wgrMfp_5WbNeNp7rXFS9wRfHpeBRN9iGyjL4PNSjSx7swcrywuTeDDF1JQdm8eklnKnzQPGpGcYcglZqKLrpbzXA8Spty9i2NtouZPjrRJ-56wfxGpG1gQR6YF4KATDDpcbAfwqjVeKShREwHxwPeE--jK_C4MmPzOff4DBUJtTph8TobiTRyE3aR7klVHtKvZUSU6lsiyCrpBHqbBWSDPdcBbR5rzDtwjzptm3JbF-G8Sr6WcKkb-yn9P_LLIfMh0LJLArRyoFKqdCRkc37zE2krBV_FoK4RMdFUMBua3sby0LbdmUfW7sqVD5M8iGGzjHJ1TflRhx7ZLTIYfhIREcigNZTJeBDj4YRswOKmNh_r4NrYUJIeaVi5Rx4pbbR9MGkQ--9AtpD1O_UPey_5bUPPBGbqXPm-vRjkg5QtNCoNmDlVwxKVdKV4SI0SEUAMNYxyLFAl7mB2Ws0-jmAV2zDsnldf943NOjCq5XjFosl4DN_svammm1dxjp-B7Lo87JZnxfJMd5unJ45UBlf9_Q402kxsJfczLrukHdEfTjvI4vdy85vxy-hLFpafYrkqoCbuzEPhVzDtHZ5bV-JsN6oSCvNq8OkU3Jwir--ES0pruU-ENXtNgom-sD26K93fXDbEtrs5kE0Iiw24sxl16Te1HVZlUfo3eUpvCUHs-9pn_UBnh6nsD4CS8xA9wxi4Xs67VzUyEGKe9THedDSeLp4ehjht3CeVXdy1\" 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>\u00a0<\/p>\n<h3>Diagram Urutan PlantUML: Penarikan Tunai ATM<\/h3>\n<p>Diagram urutan ini menggambarkan interaksi yang terlibat dalam transaksi penarikan tunai ATM, mulai dari penyisipan kartu dan validasi PIN hingga pencairan tunai dan pembaruan akun. Diagram ini menyoroti komunikasi antara pelanggan, ATM, sistem perbankan, dan basis data akun pelanggan, sambil juga memodelkan alur alternatif seperti upaya PIN yang tidak valid, dana tidak mencukupi, dan pencetakan struk opsional.<\/p>\n<p><img loading=\"lazy\" alt=\"Kode diagram urutan PlantUML untuk skenario penarikan tunai ATM klasik, sedang diedit dengan editor teks-ke-diagram VPasCode dari Visual Paradigm\" class=\"alignnone size-full wp-image-2660\" decoding=\"async\" height=\"745\" loading=\"lazy\" sizes=\"auto, (max-width: 1192px) 100vw, 1192px\" src=\"https:\/\/updates.visual-paradigm.com\/wp-content\/uploads\/2026\/06\/vpascode-plantuml-sequence-diagram-atm-cash-withdrawal.jpg\" srcset=\"https:\/\/updates.visual-paradigm.com\/wp-content\/uploads\/2026\/06\/vpascode-plantuml-sequence-diagram-atm-cash-withdrawal.jpg 1192w, https:\/\/updates.visual-paradigm.com\/wp-content\/uploads\/2026\/06\/vpascode-plantuml-sequence-diagram-atm-cash-withdrawal-300x188.jpg 300w, https:\/\/updates.visual-paradigm.com\/wp-content\/uploads\/2026\/06\/vpascode-plantuml-sequence-diagram-atm-cash-withdrawal-1024x640.jpg 1024w, https:\/\/updates.visual-paradigm.com\/wp-content\/uploads\/2026\/06\/vpascode-plantuml-sequence-diagram-atm-cash-withdrawal-768x480.jpg 768w\" width=\"1192\"\/><\/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:ZLN1Rjim3BqRy3yGFNGRq6A7tNeOcjWTK60jkZXhCQ0NrcOIeRBiINIB_lqeoqdbn1dgWmtmaKya7qLVEaRBNQtJv1Ci5MjA4_OVc2rl84EtWGV5cyhYAseuXuB-TcHAWbpXscAT9ZvmLd9Z7Q2fe1KwLQeM3RiqGGz0rZbkQhA03h8qYLpWH8uvyNRvxY5pDC_AhA5uSqnrxpGlqgH2nYTq12SxsbbPDftXtYMVXvIsYQP91kVV-sekuDeuiYnbsIfDl6c7B0YhtWuvCIhjTdWcw9rjwfPX9RNSNT-EAAyCqs0T0kQ5cEzHAycK0kTfS114y7mkUBQXyXaoInKPLkZF4_lvNhXgZ6JcEis-ADGi5RnuAF21F9upgcyFZMg8i3DOsZUOhL6Pu6OQoTIgzOOlOBRo1Ns3bNI1Aa2MvhVipXvDwKknlZs6f7-aHOJx_sHpVpINOjEymetmm0sPBi1HJmlIL78qU0S42w-kOvZLNlW3WY1A3CRQXDxFKQCVv5FugMh5x_aF2ltgI9eqU0KqLYZhh1NfnWxX7NHotMebi-nzVdIcSW6Ra2no797jbRoqQ9pS9pyJEPNQY_1eFkVAjHftYNvvZutwaNb8nnIJHoo8Esk6w-6nNkBYOuNCsjOsBrGTC0VOvqbo_VgTCddw4O-eZ2K-7uaFaZHcfMmTjjQMhHgdEuYRqvFYxTxm8z2ifxiJI_wx3JTQTe4cfYDzY7KwT1qj5ILdBwWarVAxXv-UmRWTyxY8gPOSSFIwtJQ7m5xqC4SJ1ARws8HCAxIR7q_JlqRhTBcHrGv_cWw-Zjfr5Jml9KB-IFy0\" 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\">\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:ZLN1Rjim3BqRy3yGFNGRq6A7tNeOcjWTK60jkZXhCQ0NrcOIeRBiINIB_lqeoqdbn1dgWmtmaKya7qLVEaRBNQtJv1Ci5MjA4_OVc2rl84EtWGV5cyhYAseuXuB-TcHAWbpXscAT9ZvmLd9Z7Q2fe1KwLQeM3RiqGGz0rZbkQhA03h8qYLpWH8uvyNRvxY5pDC_AhA5uSqnrxpGlqgH2nYTq12SxsbbPDftXtYMVXvIsYQP91kVV-sekuDeuiYnbsIfDl6c7B0YhtWuvCIhjTdWcw9rjwfPX9RNSNT-EAAyCqs0T0kQ5cEzHAycK0kTfS114y7mkUBQXyXaoInKPLkZF4_lvNhXgZ6JcEis-ADGi5RnuAF21F9upgcyFZMg8i3DOsZUOhL6Pu6OQoTIgzOOlOBRo1Ns3bNI1Aa2MvhVipXvDwKknlZs6f7-aHOJx_sHpVpINOjEymetmm0sPBi1HJmlIL78qU0S42w-kOvZLNlW3WY1A3CRQXDxFKQCVv5FugMh5x_aF2ltgI9eqU0KqLYZhh1NfnWxX7NHotMebi-nzVdIcSW6Ra2no797jbRoqQ9pS9pyJEPNQY_1eFkVAjHftYNvvZutwaNb8nnIJHoo8Esk6w-6nNkBYOuNCsjOsBrGTC0VOvqbo_VgTCddw4O-eZ2K-7uaFaZHcfMmTjjQMhHgdEuYRqvFYxTxm8z2ifxiJI_wx3JTQTe4cfYDzY7KwT1qj5ILdBwWarVAxXv-UmRWTyxY8gPOSSFIwtJQ7m5xqC4SJ1ARws8HCAxIR7q_JlqRhTBcHrGv_cWw-Zjfr5Jml9KB-IFy0\" 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:bLJ1Zjem4Br7oZ-Czh1jfKKzzDP3jK0EtMMfgCBsFY4kJECOP8yF_VkEuq0CoROgXuZuFR_Cl3VsesEqx5kTP-_WsTTU_Z2nLh1H1YqrQ63h3HBCjskOGK6ujzZ2g_MC9i_2jdd3HmkrC4_AASkOPxWBInkbqUpt0ZXLuLv4bdbsak_HZave6Ev4zEu2oiiDN99ZrOgEhT18AGDtKUPPZOmLEYKoZJV3rmPMiOWLdgjTmknBryXd46awXUvMeVyywzexWmlS8HIAaVGDlXHqJOOHDa_VhWJNw7mJ13kWfozAGNwWfXeTHIcuZmo1X50iX23zKUCGLbRLoZX22K60sLdWgspM5vdG4ceEAh2LbIOYUGRo2wgNaYOPIICt-0CiZnN22-ufKisH5TG4qXKQiKonM7o0JxAW2VPYiNwGM49JDJ4UWiLAIo11-6z5JPUpnVP4EbYuLiR3AsEBaPJOl25DXs4uHo8nd6UPQ3oCDbyoIl4qgdCI9UhwA4czK4iyDD7dzTqh-pjo8fQ65RUMY0nFfZSoFaDeXLZPUovDxdpZJprdP5GKUfER6cVHE6namWhYeyR6l1-yx6G-3FkMwPWpTfoBmAJyIhML19OSba3eWkxQ-LSZ1Jd5_fSVgqTyYMGlzyna1MymabRcRIL7P5gXYsLrD3_9jk4Onlkie5rKlQwwZxXG5J5qzygzV9ubpGcJqjmtmINhW-DAAuTlkJ64DUAb7Slbqq39rZS37WQeMvBYsp3d0pHfnytsBh4uJ_CQRz4RXMsOev62gVzZGYPhIYSeg7MFg-jrAsUmbSjGeZh0HydWG3OrFyyUPPCSu3y0\" \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' Judul\r\ntitle Penarikan Tunai ATM - Diagram Urutan\r\n\r\n' Aktor dan peserta\r\nactor Pelanggan sebagai C\r\nparticipant \"ATM\" sebagai ATM\r\nparticipant \"Sistem Perbankan\" sebagai BS\r\ndatabase \"Akun Pelanggan\" sebagai DB\r\n\r\n' Urutan\r\nC -&gt; ATM : Sisipkan Kartu\r\nATM -&gt; ATM : Baca Detail Kartu\r\nATM -&gt; C : Minta PIN\r\nC -&gt; ATM : Masukkan PIN\r\nATM -&gt; BS : Validasi Kartu &amp; PIN\r\nBS -&gt; DB : Periksa Kredensial\r\nDB --&gt; BS : Hasil Validasi\r\n\r\nalt PIN Tidak Valid\r\n    BS --&gt; ATM : PIN Tidak Valid\r\n    ATM -&gt; C : PIN Tidak Valid, Coba Lagi\r\n    note di kanan: Setelah 3 kali gagal,nkartu ditahan\r\nelse PIN Valid\r\n    BS --&gt; ATM : PIN Valid\r\n    ATM -&gt; C : Tampilkan Menu Utama\r\n    C -&gt; ATM : Pilih Penarikan\r\n    ATM -&gt; C : Minta Jumlah\r\n    C -&gt; ATM : Masukkan Jumlah\r\n    ATM -&gt; BS : Periksa Saldo &amp; Limit\r\n    BS -&gt; DB : Query Saldo\r\n    DB --&gt; BS : Saldo Saat Ini\r\n    \r\n    alt Dana Tidak Mencukupi\r\n        BS --&gt; ATM : Saldo Tidak Mencukupi\r\n        ATM -&gt; C : Transaksi Ditolakn(Tampilkan Saldo)\r\n        C -&gt; ATM : Batalkan Transaksi\r\n        ATM -&gt; C : Kembalikan Kartu\r\n    else Dana Mencukupi\r\n        BS --&gt; ATM : Disetujui\r\n        ATM -&gt; ATM : Cairkan Tunai\r\n        ATM -&gt; C : Cairkan Tunai\r\n        C -&gt; ATM : Ambil Tunai\r\n        ATM -&gt; BS : Konfirmasi Tunai Dicairkan\r\n        BS -&gt; DB : Debit Akun &amp; Catat Transaksi\r\n        DB --&gt; BS : Pembaruan Selesai\r\n        BS --&gt; ATM : Transaksi Selesai\r\n        ATM -&gt; C : Cetak Struk\r\n        alt Struk Diminta\r\n            C -&gt; ATM : Ambil Struk\r\n        else Tidak Ada Struk\r\n            C -&gt; ATM : Tolak Struk\r\n        end\r\n        ATM -&gt; C : Kembalikan Kartu\r\n        C -&gt; ATM : Ambil Kartu\r\n    end\r\nend\r\n\r\nATM -&gt; C : Terima Kasih \/ Akhir Transaksi\r\n\r\n@enduml\r\n<\/code><\/pre>                <\/div>\r\n                <div class=\"vpascode-actions\">\r\n                    <a href=\"https:\/\/www.vpascode.com\/editor\/#plantuml:bLJ1Zjem4Br7oZ-Czh1jfKKzzDP3jK0EtMMfgCBsFY4kJECOP8yF_VkEuq0CoROgXuZuFR_Cl3VsesEqx5kTP-_WsTTU_Z2nLh1H1YqrQ63h3HBCjskOGK6ujzZ2g_MC9i_2jdd3HmkrC4_AASkOPxWBInkbqUpt0ZXLuLv4bdbsak_HZave6Ev4zEu2oiiDN99ZrOgEhT18AGDtKUPPZOmLEYKoZJV3rmPMiOWLdgjTmknBryXd46awXUvMeVyywzexWmlS8HIAaVGDlXHqJOOHDa_VhWJNw7mJ13kWfozAGNwWfXeTHIcuZmo1X50iX23zKUCGLbRLoZX22K60sLdWgspM5vdG4ceEAh2LbIOYUGRo2wgNaYOPIICt-0CiZnN22-ufKisH5TG4qXKQiKonM7o0JxAW2VPYiNwGM49JDJ4UWiLAIo11-6z5JPUpnVP4EbYuLiR3AsEBaPJOl25DXs4uHo8nd6UPQ3oCDbyoIl4qgdCI9UhwA4czK4iyDD7dzTqh-pjo8fQ65RUMY0nFfZSoFaDeXLZPUovDxdpZJprdP5GKUfER6cVHE6namWhYeyR6l1-yx6G-3FkMwPWpTfoBmAJyIhML19OSba3eWkxQ-LSZ1Jd5_fSVgqTyYMGlzyna1MymabRcRIL7P5gXYsLrD3_9jk4Onlkie5rKlQwwZxXG5J5qzygzV9ubpGcJqjmtmINhW-DAAuTlkJ64DUAb7Slbqq39rZS37WQeMvBYsp3d0pHfnytsBh4uJ_CQRz4RXMsOev62gVzZGYPhIYSeg7MFg-jrAsUmbSjGeZh0HydWG3OrFyyUPPCSu3y0\" \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:ZLN1Rjim3BqRy3yGFNGRq6A7tNeOcjWTK60jkZXhCQ0NrcOIeRBiINIB_lqeoqdbn1dgWmtmaKya7qLVEaRBNQtJv1Ci5MjA4_OVc2rl84EtWGV5cyhYAseuXuB-TcHAWbpXscAT9ZvmLd9Z7Q2fe1KwLQeM3RiqGGz0rZbkQhA03h8qYLpWH8uvyNRvxY5pDC_AhA5uSqnrxpGlqgH2nYTq12SxsbbPDftXtYMVXvIsYQP91kVV-sekuDeuiYnbsIfDl6c7B0YhtWuvCIhjTdWcw9rjwfPX9RNSNT-EAAyCqs0T0kQ5cEzHAycK0kTfS114y7mkUBQXyXaoInKPLkZF4_lvNhXgZ6JcEis-ADGi5RnuAF21F9upgcyFZMg8i3DOsZUOhL6Pu6OQoTIgzOOlOBRo1Ns3bNI1Aa2MvhVipXvDwKknlZs6f7-aHOJx_sHpVpINOjEymetmm0sPBi1HJmlIL78qU0S42w-kOvZLNlW3WY1A3CRQXDxFKQCVv5FugMh5x_aF2ltgI9eqU0KqLYZhh1NfnWxX7NHotMebi-nzVdIcSW6Ra2no797jbRoqQ9pS9pyJEPNQY_1eFkVAjHftYNvvZutwaNb8nnIJHoo8Esk6w-6nNkBYOuNCsjOsBrGTC0VOvqbo_VgTCddw4O-eZ2K-7uaFaZHcfMmTjjQMhHgdEuYRqvFYxTxm8z2ifxiJI_wx3JTQTe4cfYDzY7KwT1qj5ILdBwWarVAxXv-UmRWTyxY8gPOSSFIwtJQ7m5xqC4SJ1ARws8HCAxIR7q_JlqRhTBcHrGv_cWw-Zjfr5Jml9KB-IFy0\" 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<\/div>\n<div class=\"vpascode-actions\">\n<a class=\"vpascode-fancy-btn\" href=\"https:\/\/www.vpascode.com\/editor\/#plantuml:ZLN1Rjim3BqRy3yGFNGRq6A7tNeOcjWTK60jkZXhCQ0NrcOIeRBiINIB_lqeoqdbn1dgWmtmaKya7qLVEaRBNQtJv1Ci5MjA4_OVc2rl84EtWGV5cyhYAseuXuB-TcHAWbpXscAT9ZvmLd9Z7Q2fe1KwLQeM3RiqGGz0rZbkQhA03h8qYLpWH8uvyNRvxY5pDC_AhA5uSqnrxpGlqgH2nYTq12SxsbbPDftXtYMVXvIsYQP91kVV-sekuDeuiYnbsIfDl6c7B0YhtWuvCIhjTdWcw9rjwfPX9RNSNT-EAAyCqs0T0kQ5cEzHAycK0kTfS114y7mkUBQXyXaoInKPLkZF4_lvNhXgZ6JcEis-ADGi5RnuAF21F9upgcyFZMg8i3DOsZUOhL6Pu6OQoTIgzOOlOBRo1Ns3bNI1Aa2MvhVipXvDwKknlZs6f7-aHOJx_sHpVpINOjEymetmm0sPBi1HJmlIL78qU0S42w-kOvZLNlW3WY1A3CRQXDxFKQCVv5FugMh5x_aF2ltgI9eqU0KqLYZhh1NfnWxX7NHotMebi-nzVdIcSW6Ra2no797jbRoqQ9pS9pyJEPNQY_1eFkVAjHftYNvvZutwaNb8nnIJHoo8Esk6w-6nNkBYOuNCsjOsBrGTC0VOvqbo_VgTCddw4O-eZ2K-7uaFaZHcfMmTjjQMhHgdEuYRqvFYxTxm8z2ifxiJI_wx3JTQTe4cfYDzY7KwT1qj5ILdBwWarVAxXv-UmRWTyxY8gPOSSFIwtJQ7m5xqC4SJ1ARws8HCAxIR7q_JlqRhTBcHrGv_cWw-Zjfr5Jml9KB-IFy0\" 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>\u00a0<\/p>\n<h3>Diagram Aktivitas PlantUML: Sistem Klaim Asuransi<\/h3>\n<p>Diagram aktivitas ini memodelkan alur kerja end-to-end dari sistem pemrosesan klaim asuransi, mulai dari pengajuan klaim melalui validasi, penyelidikan, hingga penyelesaian. Diagram ini menangkap titik keputusan kunci seperti kelayakan polis, kelengkapan dokumen, validitas klaim, dan penerimaan penyelesaian, sambil menggambarkan jalur sukses dan penanganan pengecualian, termasuk penolakan klaim dan penyelesaian sengketa.<\/p>\n<p><img loading=\"lazy\" alt=\"Kode diagram aktivitas PlantUML untuk sistem klaim asuransi, sedang diedit dengan editor langsung teks-ke-diagram VPasCode dari Visual Paradigm\" class=\"alignnone size-full wp-image-2654\" decoding=\"async\" height=\"745\" loading=\"lazy\" sizes=\"auto, (max-width: 1192px) 100vw, 1192px\" src=\"https:\/\/updates.visual-paradigm.com\/wp-content\/uploads\/2026\/06\/vpascode-plantuml-activity-diagram-insurance-claim-system.jpg\" srcset=\"https:\/\/updates.visual-paradigm.com\/wp-content\/uploads\/2026\/06\/vpascode-plantuml-activity-diagram-insurance-claim-system.jpg 1192w, https:\/\/updates.visual-paradigm.com\/wp-content\/uploads\/2026\/06\/vpascode-plantuml-activity-diagram-insurance-claim-system-300x188.jpg 300w, https:\/\/updates.visual-paradigm.com\/wp-content\/uploads\/2026\/06\/vpascode-plantuml-activity-diagram-insurance-claim-system-1024x640.jpg 1024w, https:\/\/updates.visual-paradigm.com\/wp-content\/uploads\/2026\/06\/vpascode-plantuml-activity-diagram-insurance-claim-system-768x480.jpg 768w\" width=\"1192\"\/><\/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:ZLHDQnin4BqR_1-6d993yDs6DY4D9L1Ag2azAzBiUbAjf6eak_xt7Kd-MCSk-BOhZTwyUUz93vnKJ7cmyE8uH-KqFbb5mtBB2OVfP3gf1ULZ_kejwUtAMuCHEByDb1XqgLx8RZq6n61ztwC1Sib3MY5mXLeK2EhWzeNhQgXWe7IYDO9o1jRAalbyLtOTt6wHxwOJWFaZC_MkzG61LEOz2s1SrDtlFb6tFIo2xy3Xvi0ABIFSEj-WbYXj8hwZDFKEd9pLM333QBA6-yttKgdOkpcqkMMWHdP6hbAjXPnya3REK5SrUjmJYRWctF1EfoI26A_pW2xnGOh7A9DRAxL_CiLn2OI8B1yNvDWt84U9LCAT1Kq-LGOxc_k7u2Cd64YqTFseJHVzS67wNueIT3wAheOAfB8dz2lclLwX_lrXNJH5YDIlKla3Q3c2ZIfP4SIsEkueqtFmZh5i5OCAHFc-_mHlIXg8FpVNo7gpk6Y4k2MpKt-KggRLkoHsmeQIGsRa6VuD68KabGIXmUBl_5bE3d8IZ1fKZpFhcK4DFhiq3lJ80U7CmahYjKkuS1ZutCSdPNMs1Lg54FrQpXnmYyqXs2q8YooPUxDOQ4cX82hvkpBPCjngb-9ZgWrgub94xdWrpuFy5Ht6Geyn9Oj5ORbSNKr8Q_Tnuy95-lXexDtR0pK1ltXnvYGIIciCgRuJjVHSljVejVW6GMqBWpRUps0Au-Q6l5ifSqtFiZ8rDukZLjgxZk9Gxyl_Nm0jVcUvf0QJ8ijdiZ-pLjL3GJ348PVm8tkRT_Uml53O-tfHHuATqDsBSPhugoG-YNnpS3fva1LvqFy1\" 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\">\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:ZLHDQnin4BqR_1-6d993yDs6DY4D9L1Ag2azAzBiUbAjf6eak_xt7Kd-MCSk-BOhZTwyUUz93vnKJ7cmyE8uH-KqFbb5mtBB2OVfP3gf1ULZ_kejwUtAMuCHEByDb1XqgLx8RZq6n61ztwC1Sib3MY5mXLeK2EhWzeNhQgXWe7IYDO9o1jRAalbyLtOTt6wHxwOJWFaZC_MkzG61LEOz2s1SrDtlFb6tFIo2xy3Xvi0ABIFSEj-WbYXj8hwZDFKEd9pLM333QBA6-yttKgdOkpcqkMMWHdP6hbAjXPnya3REK5SrUjmJYRWctF1EfoI26A_pW2xnGOh7A9DRAxL_CiLn2OI8B1yNvDWt84U9LCAT1Kq-LGOxc_k7u2Cd64YqTFseJHVzS67wNueIT3wAheOAfB8dz2lclLwX_lrXNJH5YDIlKla3Q3c2ZIfP4SIsEkueqtFmZh5i5OCAHFc-_mHlIXg8FpVNo7gpk6Y4k2MpKt-KggRLkoHsmeQIGsRa6VuD68KabGIXmUBl_5bE3d8IZ1fKZpFhcK4DFhiq3lJ80U7CmahYjKkuS1ZutCSdPNMs1Lg54FrQpXnmYyqXs2q8YooPUxDOQ4cX82hvkpBPCjngb-9ZgWrgub94xdWrpuFy5Ht6Geyn9Oj5ORbSNKr8Q_Tnuy95-lXexDtR0pK1ltXnvYGIIciCgRuJjVHSljVejVW6GMqBWpRUps0Au-Q6l5ifSqtFiZ8rDukZLjgxZk9Gxyl_Nm0jVcUvf0QJ8ijdiZ-pLjL3GJ348PVm8tkRT_Uml53O-tfHHuATqDsBSPhugoG-YNnpS3fva1LvqFy1\" 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:bLJBRjim4BmBo3yGFYM78dSBQDFcaY9e4I3vWNMuaTUKA86F5lxxpfAAtq7RasbgDRCxCwkxc2YaFFJckuyva7_b-vvaUDx6nCDLSzMK0ZqidtZWZdndfh6NQ0Rs7Mso8s-SljAYv54Fnieh9Kh6iR7Kqs2YA5ghAF9chhzEv6Wzmv1BkBD0-KMzs2yt9gtPc-ijtLmrnYnVED6q8m7cH9RCn5xmloqbtpX8edL-lpM9VT96woih2Xc5t4SsrqaikOhyA05F9nvMy_iW0SBOKw5x9peSklBTb-amMII_D4zbZ89RXxcjvp9EUI6cSGA_j_8s2rdRX8BYDvID7Lt67xDL8YjLrLEv8W-PJaid3dsn0BsUIRVd6RB-beueoiwlCqb-28GxvbW3Ggaeo4KnNhBlklq8YOOLhKltfOCWBfB95QFMb4T-J4W7MY5FNY-CUIufKLKAPBqC7AVHnnDgVGOz2ugUFts6No3kHKEt-3U15-q7fcmPEedRwRHi7l8AFOc9vABSqXey6t5qO42h2C59AE7POADWcUEGerxSwgaJBJkqjEQps68GGdX3eMPF4rpogDCU6gkgFaX2D-yayqoHKzvaQUlEXBepbcr-JRBgkVOB4gGxjqVE_tqNhAwwdnFVxbS0Ev8J9lJ7Upv7lehRDCjl6RL0ezyKAYuKvaX5ZntrfSSVR65pwMDKdTxX72izdPLZpe7svQSQFuKnSedTYhOLh-PPloO80iRFSJOGQ1j2bXVFjUz5kvVKZVvDmb2sxl8iEpKjldJIQqiGTLB6KvTUD4yr8CSoHHY4q511-ydT60MCxapimn4Eb3fReF_t13FFTXVhcplyGpx_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\">@startuml InsuranceClaimSystem\r\n\r\nstart\r\n\r\n:Pemegang polis mengajukan klaim;\r\n:Klaim dicatat ke dalam sistem;\r\n\r\nif (Apakah polis aktif dan valid?) then (ya)\r\n  :Tetapkan klaim kepada penilai;\r\n  :Beritahu penilai tentang klaim baru;\r\nelse (tidak)\r\n  :Kirim pemberitahuan penolakan kepada pemegang polis;\r\n  :Catat alasan: Polis tidak aktif\/tidak valid;\r\n  stop\r\nendif\r\n\r\n:Penilai meninjau dokumen yang diajukan;\r\n\r\nif (Apakah semua dokumen yang diperlukan ada?) then (ya)\r\n  :Penilai memulai validasi klaim;\r\nelse (tidak)\r\n  :Minta dokumen yang hilang dari pemegang polis;\r\n  :Tunggu dokumen tambahan;\r\n  :Periksa ulang dokumen;\r\n  note di kanan\r\n    Sistem menunggu\r\n    respons pemegang polis\r\n  end note\r\n  -&gt; kembali ke \"Penilai meninjau dokumen yang diajukan\";\r\nendif\r\n\r\n:Penilai menyelidiki klaim;\r:\nHubungi saksi\/ahli jika diperlukan;\n:Perkirakan jumlah kerusakan\/kerugian;\n\nif (Apakah klaim valid berdasarkan ketentuan polis?) then (ya)\n  :Hitung jumlah yang disetujui;\n  :Terapkan deductible jika berlaku;\nelse (tidak)\n  :Kirim pemberitahuan penolakan dengan alasan;\n  :Catat keputusan dalam sistem;\n  stop\nendif\n\n:Buat penawaran penyelesaian;\n:Kirim penawaran penyelesaian kepada pemegang polis;\n\n:Pemegang polis meninjau penawaran;\n\nif (Apakah pemegang polis menerima penawaran?) then (ya)\n  :Proses pembayaran;\n  :Perbarui status klaim menjadi \"Selesai\";\n  :Kirim konfirmasi kepada pemegang polis;\n  :Catat detail penutupan;\nelse (tidak)\n  :Teruskan ke penyelesaian sengketa;\n  :Negosiasikan penyelesaian;\n  :Perbarui penawaran;\n  -&gt; kembali ke \"Kirim penawaran penyelesaian kepada pemegang polis\";\nendif\n\nstop\n\n@enduml\n<\/code><\/pre>                <\/div>\r\n                <div class=\"vpascode-actions\">\r\n                    <a href=\"https:\/\/www.vpascode.com\/editor\/#plantuml:bLJBRjim4BmBo3yGFYM78dSBQDFcaY9e4I3vWNMuaTUKA86F5lxxpfAAtq7RasbgDRCxCwkxc2YaFFJckuyva7_b-vvaUDx6nCDLSzMK0ZqidtZWZdndfh6NQ0Rs7Mso8s-SljAYv54Fnieh9Kh6iR7Kqs2YA5ghAF9chhzEv6Wzmv1BkBD0-KMzs2yt9gtPc-ijtLmrnYnVED6q8m7cH9RCn5xmloqbtpX8edL-lpM9VT96woih2Xc5t4SsrqaikOhyA05F9nvMy_iW0SBOKw5x9peSklBTb-amMII_D4zbZ89RXxcjvp9EUI6cSGA_j_8s2rdRX8BYDvID7Lt67xDL8YjLrLEv8W-PJaid3dsn0BsUIRVd6RB-beueoiwlCqb-28GxvbW3Ggaeo4KnNhBlklq8YOOLhKltfOCWBfB95QFMb4T-J4W7MY5FNY-CUIufKLKAPBqC7AVHnnDgVGOz2ugUFts6No3kHKEt-3U15-q7fcmPEedRwRHi7l8AFOc9vABSqXey6t5qO42h2C59AE7POADWcUEGerxSwgaJBJkqjEQps68GGdX3eMPF4rpogDCU6gkgFaX2D-yayqoHKzvaQUlEXBepbcr-JRBgkVOB4gGxjqVE_tqNhAwwdnFVxbS0Ev8J9lJ7Upv7lehRDCjl6RL0ezyKAYuKvaX5ZntrfSSVR65pwMDKdTxX72izdPLZpe7svQSQFuKnSedTYhOLh-PPloO80iRFSJOGQ1j2bXVFjUz5kvVKZVvDmb2sxl8iEpKjldJIQqiGTLB6KvTUD4yr8CSoHHY4q511-ydT60MCxapimn4Eb3fReF_t13FFTXVhcplyGpx_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:ZLHDQnin4BqR_1-6d993yDs6DY4D9L1Ag2azAzBiUbAjf6eak_xt7Kd-MCSk-BOhZTwyUUz93vnKJ7cmyE8uH-KqFbb5mtBB2OVfP3gf1ULZ_kejwUtAMuCHEByDb1XqgLx8RZq6n61ztwC1Sib3MY5mXLeK2EhWzeNhQgXWe7IYDO9o1jRAalbyLtOTt6wHxwOJWFaZC_MkzG61LEOz2s1SrDtlFb6tFIo2xy3Xvi0ABIFSEj-WbYXj8hwZDFKEd9pLM333QBA6-yttKgdOkpcqkMMWHdP6hbAjXPnya3REK5SrUjmJYRWctF1EfoI26A_pW2xnGOh7A9DRAxL_CiLn2OI8B1yNvDWt84U9LCAT1Kq-LGOxc_k7u2Cd64YqTFseJHVzS67wNueIT3wAheOAfB8dz2lclLwX_lrXNJH5YDIlKla3Q3c2ZIfP4SIsEkueqtFmZh5i5OCAHFc-_mHlIXg8FpVNo7gpk6Y4k2MpKt-KggRLkoHsmeQIGsRa6VuD68KabGIXmUBl_5bE3d8IZ1fKZpFhcK4DFhiq3lJ80U7CmahYjKkuS1ZutCSdPNMs1Lg54FrQpXnmYyqXs2q8YooPUxDOQ4cX82hvkpBPCjngb-9ZgWrgub94xdWrpuFy5Ht6Geyn9Oj5ORbSNKr8Q_Tnuy95-lXexDtR0pK1ltXnvYGIIciCgRuJjVHSljVejVW6GMqBWpRUps0Au-Q6l5ifSqtFiZ8rDukZLjgxZk9Gxyl_Nm0jVcUvf0QJ8ijdiZ-pLjL3GJ348PVm8tkRT_Uml53O-tfHHuATqDsBSPhugoG-YNnpS3fva1LvqFy1\" 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<\/div>\n<div class=\"vpascode-actions\">\n<a class=\"vpascode-fancy-btn\" href=\"https:\/\/www.vpascode.com\/editor\/#plantuml:ZLHDQnin4BqR_1-6d993yDs6DY4D9L1Ag2azAzBiUbAjf6eak_xt7Kd-MCSk-BOhZTwyUUz93vnKJ7cmyE8uH-KqFbb5mtBB2OVfP3gf1ULZ_kejwUtAMuCHEByDb1XqgLx8RZq6n61ztwC1Sib3MY5mXLeK2EhWzeNhQgXWe7IYDO9o1jRAalbyLtOTt6wHxwOJWFaZC_MkzG61LEOz2s1SrDtlFb6tFIo2xy3Xvi0ABIFSEj-WbYXj8hwZDFKEd9pLM333QBA6-yttKgdOkpcqkMMWHdP6hbAjXPnya3REK5SrUjmJYRWctF1EfoI26A_pW2xnGOh7A9DRAxL_CiLn2OI8B1yNvDWt84U9LCAT1Kq-LGOxc_k7u2Cd64YqTFseJHVzS67wNueIT3wAheOAfB8dz2lclLwX_lrXNJH5YDIlKla3Q3c2ZIfP4SIsEkueqtFmZh5i5OCAHFc-_mHlIXg8FpVNo7gpk6Y4k2MpKt-KggRLkoHsmeQIGsRa6VuD68KabGIXmUBl_5bE3d8IZ1fKZpFhcK4DFhiq3lJ80U7CmahYjKkuS1ZutCSdPNMs1Lg54FrQpXnmYyqXs2q8YooPUxDOQ4cX82hvkpBPCjngb-9ZgWrgub94xdWrpuFy5Ht6Geyn9Oj5ORbSNKr8Q_Tnuy95-lXexDtR0pK1ltXnvYGIIciCgRuJjVHSljVejVW6GMqBWpRUps0Au-Q6l5ifSqtFiZ8rDukZLjgxZk9Gxyl_Nm0jVcUvf0QJ8ijdiZ-pLjL3GJ348PVm8tkRT_Uml53O-tfHHuATqDsBSPhugoG-YNnpS3fva1LvqFy1\" 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>\u00a0<\/p>\n<h3>Diagram Status PlantUML: Sistem Deteksi Asap<\/h3>\n<p>Diagram status ini menggambarkan perilaku sistem deteksi asap saat beralih antara keadaan operasional seperti siaga, pemantauan, deteksi asap, aktivasi alarm, dan penanganan kesalahan. Diagram ini menunjukkan bagaimana sistem merespons peristiwa termasuk perubahan daya, hasil pemeriksaan diri, deteksi asap, kondisi baterai rendah, dan reset yang diinisiasi pengguna untuk memastikan pemantauan dan peringatan kebakaran yang andal.<\/p>\n<p><img loading=\"lazy\" alt=\"Kode diagram keadaan PlantUML untuk sistem deteksi asap, sedang diedit dengan editor teks-ke-diagram VPasCode dari Visual Paradigm\" class=\"alignnone size-full wp-image-2661\" decoding=\"async\" height=\"745\" loading=\"lazy\" sizes=\"auto, (max-width: 1192px) 100vw, 1192px\" src=\"https:\/\/updates.visual-paradigm.com\/wp-content\/uploads\/2026\/06\/vpascode-plantuml-state-diagram-smoke-detection-system.jpg\" srcset=\"https:\/\/updates.visual-paradigm.com\/wp-content\/uploads\/2026\/06\/vpascode-plantuml-state-diagram-smoke-detection-system.jpg 1192w, https:\/\/updates.visual-paradigm.com\/wp-content\/uploads\/2026\/06\/vpascode-plantuml-state-diagram-smoke-detection-system-300x188.jpg 300w, https:\/\/updates.visual-paradigm.com\/wp-content\/uploads\/2026\/06\/vpascode-plantuml-state-diagram-smoke-detection-system-1024x640.jpg 1024w, https:\/\/updates.visual-paradigm.com\/wp-content\/uploads\/2026\/06\/vpascode-plantuml-state-diagram-smoke-detection-system-768x480.jpg 768w\" width=\"1192\"\/><\/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:XLLBQnin4BuR_1_cL9o22PJs4ag8yp249aw82psK7fJTiIsibRRIh8qf_kyTIVlGhXFYmtfNyttp-3GQNJaIbgf2mR8mMxn5meoaqSk38op6e_6892c49Gb2k9LYRKK1quY65WuT_lVdFp2TNiApsQDzMgtycWliPWN-ZKV0lmQvCC4I5-iFk63dEvaXI0V6UqcDdN_DmBZsMX5n8gL5vp0VZux3m7eObslI-UiXBjOVx2wM0XP5Fh054ghLpGQphG-CLffSPk1uSKhe22QuGtk0BrytPwVSHwCb6IlrseVnmaFHBKqSQcSi25PqXpKzFcCPNUYwaBIOdnoTlIo33zVP--ijz5aunqdCb09Ncvv-VCYQ2wbywZ5Hj9QVUUW1htXA3luJaPdrWbHP3MHyEPtm3IFuzemxxpRscoULXcKAeIB-U2fCekiRoYnCQDREK2-mzuMnXL1WIhJ2j_4f9fJGdGpCVVd1edYd5Lm2RRZZDaRbRvCVpFvQ4Fcck83cJPazJFRIek9cFUk82JZ9F25QB9N8Kh6xjxf9UiacSgIItBDUKgYPGajzH6e9q1kZLz8Mc3Ufn7zMp4b7ZWNunXsKVU1bBfJ3cHAsQ3ra2WMtrlV8Jn7zqb_GuI39GKuU7vYpS78wxF5zcHByUo8jJQNp9kS0zKJ7kwRX4oYvtf3hCnD671KwNnYIAvc5xWeDnvy7o8mcQnIKGdCFdOCeou6d8TNx-oKapOrzGv3KCfIZ5PnFD9zsFnzHVyGFR_KWhBVWPC2c3b9yV_lQQSe0Tx8rnzwSJax-O5JFHQNeNkTU3kClXsibzRQUG0ztjn4zGAMt45CUXQxui9VXjiWEt7-SrT-AzxEvBPfxucGA-SaxpSBeNV6OgYmtMG8O17hk8dHUsU9Xlg1Mb4gNgbgl-PoUmsjxmWkpyncDHrVS17mp_mS0\" 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\">\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:XLLBQnin4BuR_1_cL9o22PJs4ag8yp249aw82psK7fJTiIsibRRIh8qf_kyTIVlGhXFYmtfNyttp-3GQNJaIbgf2mR8mMxn5meoaqSk38op6e_6892c49Gb2k9LYRKK1quY65WuT_lVdFp2TNiApsQDzMgtycWliPWN-ZKV0lmQvCC4I5-iFk63dEvaXI0V6UqcDdN_DmBZsMX5n8gL5vp0VZux3m7eObslI-UiXBjOVx2wM0XP5Fh054ghLpGQphG-CLffSPk1uSKhe22QuGtk0BrytPwVSHwCb6IlrseVnmaFHBKqSQcSi25PqXpKzFcCPNUYwaBIOdnoTlIo33zVP--ijz5aunqdCb09Ncvv-VCYQ2wbywZ5Hj9QVUUW1htXA3luJaPdrWbHP3MHyEPtm3IFuzemxxpRscoULXcKAeIB-U2fCekiRoYnCQDREK2-mzuMnXL1WIhJ2j_4f9fJGdGpCVVd1edYd5Lm2RRZZDaRbRvCVpFvQ4Fcck83cJPazJFRIek9cFUk82JZ9F25QB9N8Kh6xjxf9UiacSgIItBDUKgYPGajzH6e9q1kZLz8Mc3Ufn7zMp4b7ZWNunXsKVU1bBfJ3cHAsQ3ra2WMtrlV8Jn7zqb_GuI39GKuU7vYpS78wxF5zcHByUo8jJQNp9kS0zKJ7kwRX4oYvtf3hCnD671KwNnYIAvc5xWeDnvy7o8mcQnIKGdCFdOCeou6d8TNx-oKapOrzGv3KCfIZ5PnFD9zsFnzHVyGFR_KWhBVWPC2c3b9yV_lQQSe0Tx8rnzwSJax-O5JFHQNeNkTU3kClXsibzRQUG0ztjn4zGAMt45CUXQxui9VXjiWEt7-SrT-AzxEvBPfxucGA-SaxpSBeNV6OgYmtMG8O17hk8dHUsU9Xlg1Mb4gNgbgl-PoUmsjxmWkpyncDHrVS17mp_mS0\" 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:XLLDQnin4Bql-3_CgII5K2Zj9PGGDuaXv9Ewq4FfOTOxjgUhbHP9sn22_tj7shLNifCsXx2MvhsPUHezdJkFrdUDWdbZQheaJmlFHi-VdQTcKamApruHN3AkB3Omz-Wx1oSmvn000L0xXgd3DaJ_VFyBJaxEuD4yaNrOBiEQfF2qMu6NIG7ojusyDt6dNnn-m2ayaaMzgj53WvxptJ61biZlfYcDWWgV4IgMSb1FYir-OhsVLphHLVdSBmu_X6teot7e9zsA65BBYpKjwf2Md9IcAxOC9TaQ5SAH8oz0-FW9VcDpV4XmPpHxOrclXE6kKyZGah1ux507k7R60jQUbmEw_zztCgOVUadxaNgyyCuZXHlty_LTw2Cw5zgbfaCOyZxS_1SsGrQnULiD9r-JazRNKdxFabF4D8dSWhsXfaGLW47b5UQ0c200hgmrTXxxFeLRR8r8hCTiFMfpA58YyIigtPiuv-F6i20v7bePEMb86zkWEeo8NOoNXAgW0_SpYZB-S0OedKdU4ZswrmbkpTDNz9viK4A-92M39LtX6euqIuybgUCHcyGdvIVOYbSoFZmYngzXQBAI4qbIMQv5CqOrLMHz7f7knD0BevTi6wgsbOIh7sw0ZqDm1fz1HeFh_z3CK3cQAhJDbcBDAeZtPKkGXkIzVoEvPpd_NbKXFYAducP_akFUl2rK4WylhweqDvskTZM7Inf6qh6S7y4xKDYqNGPC0BrzwEhU28mN64ms72E9VOXo7RIeIK5jjBVYPXy0MyMrp6DEkCyGQ7yW-vcnKPKiEjtObsIhUYCfre0L_XiPl_f7ORHS6xS7pytmQNX-TeE_YcrcvMxwwrniYi6ra-l_alds33lbhyLtHG5ZevzKt8Q3kBsw7FqXOlPYquSfbb8hUSlYmo4UtA4y8YmceBhGZbIoVJaExEY6Lc9SCgx1lUK4QuVoFRm6HHBwTiOjkwo7eD1T8iu2oyxB49IxMwweHLSKvp80ybh_1G00\" \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 SmokeDetectionSystem\r\n\r\ntitle Diagram Status - Sistem Deteksi Asap\r\n\r\n[*] --&gt; PowerOff\r\n\r\nstate PowerOff {\r\n    [*] --&gt; NoPower\r\n    NoPower : Perangkat mati\r\n    NoPower --&gt; PowerOn : Tombol daya ditekan\r\n}\r\n\r\nstate PowerOn {\r\n    [*] --&gt; Standby\r\n    Standby : Sistem siap\r\n    Standby --&gt; SelfCheck : Tes mandiri berkala (setiap 24 jam)\r\n    Standby --&gt; Monitoring : Mulai pemantauan (sensor aktif)\r\n    \r\n    state SelfCheck {\r\n        [*] --&gt; TestingSensors\r\n        TestingSensors --&gt; TestPass : Semua sensor OK\r\n        TestingSensors --&gt; TestFail : Terdeteksi kesalahan sensor\r\n        TestPass --&gt; Standby : Kembali ke siaga\r\n        TestFail --&gt; ErrorState : Laporkan kesalahan\r\n    }\r\n    \r\n    state Monitoring {\r\n        [*] --&gt; NoSmoke\r\n        NoSmoke : Operasi normal\r\n        NoSmoke --&gt; SmokeDetected : Tingkat asap &gt; ambang batas\r\n        NoSmoke --&gt; LowBattery : Baterai rendah (nirkabel)\r\n        LowBattery --&gt; NoSmoke : Baterai diganti\r\n        \r\n        state SmokeDetected {\r\n            [*] --&gt; InitialAlert\r\n            InitialAlert --&gt; ConfirmedSmoke : Asap bertahan &gt; 5 detik\r\n            InitialAlert --&gt; FalseAlarm : Asap hilang &lt; 5 detik FalseAlarm --&gt; NoSmoke : Reset\r\n            ConfirmedSmoke --&gt; AlarmActive\r\n        }\r\n        \r\n        state AlarmActive {\n            [*] --&gt; SoundAlarm : Aktifkan sirene &amp; lampu\n            SoundAlarm --&gt; SendNotification : Beri tahu panel kontrol \/ aplikasi\n            SendNotification --&gt; WaitForReset\n            WaitForReset --&gt; AlarmActive : Asap masih ada\n            WaitForReset --&gt; ResetSystem : Tombol reset ditekan\n            ResetSystem --&gt; NoSmoke : Sistem direset\n        }\n    }\n}\n\nstate ErrorState {\n    [*] --&gt; FaultIndicator : Kedipkan LED kesalahan\n    FaultIndicator --&gt; PowerOff : Siklus daya manual diperlukan\n}\n\nPowerOn --&gt; ErrorState : Kegagalan pemeriksaan mandiri\nErrorState --&gt; PowerOff : Siklus daya\n\nPowerOff --&gt; [*] : Sistem dicabut \/ baterai dilepas\n\n@enduml\n<\/code><\/pre>                <\/div>\r\n                <div class=\"vpascode-actions\">\r\n                    <a href=\"https:\/\/www.vpascode.com\/editor\/#plantuml:XLLDQnin4Bql-3_CgII5K2Zj9PGGDuaXv9Ewq4FfOTOxjgUhbHP9sn22_tj7shLNifCsXx2MvhsPUHezdJkFrdUDWdbZQheaJmlFHi-VdQTcKamApruHN3AkB3Omz-Wx1oSmvn000L0xXgd3DaJ_VFyBJaxEuD4yaNrOBiEQfF2qMu6NIG7ojusyDt6dNnn-m2ayaaMzgj53WvxptJ61biZlfYcDWWgV4IgMSb1FYir-OhsVLphHLVdSBmu_X6teot7e9zsA65BBYpKjwf2Md9IcAxOC9TaQ5SAH8oz0-FW9VcDpV4XmPpHxOrclXE6kKyZGah1ux507k7R60jQUbmEw_zztCgOVUadxaNgyyCuZXHlty_LTw2Cw5zgbfaCOyZxS_1SsGrQnULiD9r-JazRNKdxFabF4D8dSWhsXfaGLW47b5UQ0c200hgmrTXxxFeLRR8r8hCTiFMfpA58YyIigtPiuv-F6i20v7bePEMb86zkWEeo8NOoNXAgW0_SpYZB-S0OedKdU4ZswrmbkpTDNz9viK4A-92M39LtX6euqIuybgUCHcyGdvIVOYbSoFZmYngzXQBAI4qbIMQv5CqOrLMHz7f7knD0BevTi6wgsbOIh7sw0ZqDm1fz1HeFh_z3CK3cQAhJDbcBDAeZtPKkGXkIzVoEvPpd_NbKXFYAducP_akFUl2rK4WylhweqDvskTZM7Inf6qh6S7y4xKDYqNGPC0BrzwEhU28mN64ms72E9VOXo7RIeIK5jjBVYPXy0MyMrp6DEkCyGQ7yW-vcnKPKiEjtObsIhUYCfre0L_XiPl_f7ORHS6xS7pytmQNX-TeE_YcrcvMxwwrniYi6ra-l_alds33lbhyLtHG5ZevzKt8Q3kBsw7FqXOlPYquSfbb8hUSlYmo4UtA4y8YmceBhGZbIoVJaExEY6Lc9SCgx1lUK4QuVoFRm6HHBwTiOjkwo7eD1T8iu2oyxB49IxMwweHLSKvp80ybh_1G00\" \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:XLLBQnin4BuR_1_cL9o22PJs4ag8yp249aw82psK7fJTiIsibRRIh8qf_kyTIVlGhXFYmtfNyttp-3GQNJaIbgf2mR8mMxn5meoaqSk38op6e_6892c49Gb2k9LYRKK1quY65WuT_lVdFp2TNiApsQDzMgtycWliPWN-ZKV0lmQvCC4I5-iFk63dEvaXI0V6UqcDdN_DmBZsMX5n8gL5vp0VZux3m7eObslI-UiXBjOVx2wM0XP5Fh054ghLpGQphG-CLffSPk1uSKhe22QuGtk0BrytPwVSHwCb6IlrseVnmaFHBKqSQcSi25PqXpKzFcCPNUYwaBIOdnoTlIo33zVP--ijz5aunqdCb09Ncvv-VCYQ2wbywZ5Hj9QVUUW1htXA3luJaPdrWbHP3MHyEPtm3IFuzemxxpRscoULXcKAeIB-U2fCekiRoYnCQDREK2-mzuMnXL1WIhJ2j_4f9fJGdGpCVVd1edYd5Lm2RRZZDaRbRvCVpFvQ4Fcck83cJPazJFRIek9cFUk82JZ9F25QB9N8Kh6xjxf9UiacSgIItBDUKgYPGajzH6e9q1kZLz8Mc3Ufn7zMp4b7ZWNunXsKVU1bBfJ3cHAsQ3ra2WMtrlV8Jn7zqb_GuI39GKuU7vYpS78wxF5zcHByUo8jJQNp9kS0zKJ7kwRX4oYvtf3hCnD671KwNnYIAvc5xWeDnvy7o8mcQnIKGdCFdOCeou6d8TNx-oKapOrzGv3KCfIZ5PnFD9zsFnzHVyGFR_KWhBVWPC2c3b9yV_lQQSe0Tx8rnzwSJax-O5JFHQNeNkTU3kClXsibzRQUG0ztjn4zGAMt45CUXQxui9VXjiWEt7-SrT-AzxEvBPfxucGA-SaxpSBeNV6OgYmtMG8O17hk8dHUsU9Xlg1Mb4gNgbgl-PoUmsjxmWkpyncDHrVS17mp_mS0\" 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<\/div>\n<div class=\"vpascode-actions\">\n<a class=\"vpascode-fancy-btn\" href=\"https:\/\/www.vpascode.com\/editor\/#plantuml:XLLBQnin4BuR_1_cL9o22PJs4ag8yp249aw82psK7fJTiIsibRRIh8qf_kyTIVlGhXFYmtfNyttp-3GQNJaIbgf2mR8mMxn5meoaqSk38op6e_6892c49Gb2k9LYRKK1quY65WuT_lVdFp2TNiApsQDzMgtycWliPWN-ZKV0lmQvCC4I5-iFk63dEvaXI0V6UqcDdN_DmBZsMX5n8gL5vp0VZux3m7eObslI-UiXBjOVx2wM0XP5Fh054ghLpGQphG-CLffSPk1uSKhe22QuGtk0BrytPwVSHwCb6IlrseVnmaFHBKqSQcSi25PqXpKzFcCPNUYwaBIOdnoTlIo33zVP--ijz5aunqdCb09Ncvv-VCYQ2wbywZ5Hj9QVUUW1htXA3luJaPdrWbHP3MHyEPtm3IFuzemxxpRscoULXcKAeIB-U2fCekiRoYnCQDREK2-mzuMnXL1WIhJ2j_4f9fJGdGpCVVd1edYd5Lm2RRZZDaRbRvCVpFvQ4Fcck83cJPazJFRIek9cFUk82JZ9F25QB9N8Kh6xjxf9UiacSgIItBDUKgYPGajzH6e9q1kZLz8Mc3Ufn7zMp4b7ZWNunXsKVU1bBfJ3cHAsQ3ra2WMtrlV8Jn7zqb_GuI39GKuU7vYpS78wxF5zcHByUo8jJQNp9kS0zKJ7kwRX4oYvtf3hCnD671KwNnYIAvc5xWeDnvy7o8mcQnIKGdCFdOCeou6d8TNx-oKapOrzGv3KCfIZ5PnFD9zsFnzHVyGFR_KWhBVWPC2c3b9yV_lQQSe0Tx8rnzwSJax-O5JFHQNeNkTU3kClXsibzRQUG0ztjn4zGAMt45CUXQxui9VXjiWEt7-SrT-AzxEvBPfxucGA-SaxpSBeNV6OgYmtMG8O17hk8dHUsU9Xlg1Mb4gNgbgl-PoUmsjxmWkpyncDHrVS17mp_mS0\" 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>\u00a0<\/p>\n<h3>Diagram Komponen PlantUML: Sistem Kurir<\/h3>\n<p>Diagram komponen ini menyajikan arsitektur tingkat tinggi dari sistem manajemen kurir, menunjukkan bagaimana aplikasi klien, layanan backend, infrastruktur pesan, cache, dan database berinteraksi untuk mendukung operasi pengiriman paket. Diagram ini mengilustrasikan pemisahan tanggung jawab di berbagai layanan seperti manajemen pesanan, penjadwalan, pelacakan, pembayaran, notifikasi, dan manajemen pengguna, sambil menyoroti baik komunikasi API sinkron maupun pemrosesan berbasis peristiwa asinkron.<\/p>\n<p><img loading=\"lazy\" alt=\"Kode diagram komponen PlantUML untuk sistem kurir, sedang diedit dengan editor teks-ke-diagram VPasCode dari Visual Paradigm\" class=\"alignnone size-full wp-image-2657\" decoding=\"async\" height=\"745\" loading=\"lazy\" sizes=\"auto, (max-width: 1192px) 100vw, 1192px\" src=\"https:\/\/updates.visual-paradigm.com\/wp-content\/uploads\/2026\/06\/vpascode-plantuml-component-diagram-courier-system.jpg\" srcset=\"https:\/\/updates.visual-paradigm.com\/wp-content\/uploads\/2026\/06\/vpascode-plantuml-component-diagram-courier-system.jpg 1192w, https:\/\/updates.visual-paradigm.com\/wp-content\/uploads\/2026\/06\/vpascode-plantuml-component-diagram-courier-system-300x188.jpg 300w, https:\/\/updates.visual-paradigm.com\/wp-content\/uploads\/2026\/06\/vpascode-plantuml-component-diagram-courier-system-1024x640.jpg 1024w, https:\/\/updates.visual-paradigm.com\/wp-content\/uploads\/2026\/06\/vpascode-plantuml-component-diagram-courier-system-768x480.jpg 768w\" width=\"1192\"\/><\/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:ZPR1Rjim38Rl0V8EH2xRW1Qz5-ZG9XxMRisMDXrw6H38CcCBZIL3aZDaJpzAjbDPKO3T8lAZI4e_vTmQoxHjwnqiLAi5wlN1MAoda-d42hl3mGoT7Ix9K3TAehIG2LPgvjaFS7Dpy-uoRZcTy2CwMxJ6gfhskMkQ6J03Wu7MOx3FjrIveFH7l3F7z5rH2mclc4F6J9KhfWkFUpkPNMqXldg0hypY7tRei4RqomZygGlNC-gzuEXHR-aD8pGJfc6MLoDwCAO2NZJZRqAMeu31c0fOiKFjVeHyRqlXFvGLMy6P5KgEOa97Al2NYNfsXYCuGfTe32iHdbfiyRVy-CpoNDZbqzLtjdrZdtnqptXa5FoCXQ0RPRpgqlYrNxei1RCiPmQfRsLigN7zz0ZPt9FqCvk7o5B9KcLpgk1HbURgUBJtWjIb3tqX3dB-TwK-I8jwopWQk8ALqeDY0rN2vUNdG21mJOL_MRyGJxfQA_w6TaO1Hrt-7py8ymmzSoK6PaUDbHSvJtGJ-METHExeXhl3wGsGOOEoGCa5ziSJbkBZ8vsxDihdrOAQxhivYOWBEW6IAZsXl19Skc_PV97AyougHtLYSot65JisLAgZLss-4wO2tBktR9OE2cxUXn2_5mp29oOTs8juEedkBbdAkiqDro97i0fsgf_gjg4HG5TPSez1xsw3Loqi1G-3KNM3SIOoEhHMQpUmnxJyU8hZMmpRIdYIDpgT9Cp98rWeQTeQGGQyQ_rSV3Z3vszcEWcq7pOGcyUlKpSXb7eO2QeAGOkoig2sqQm2t3DPx0XjcEQu0wxHbtlXV8qMdCx_0eW1vJyuz36sBJrJD7QkNPzndE3ammAmT6lAuRSmy4VO2dWdJkCJgSQAMlmbHAkM2a_idojBP-OIZ5zjW3jpaBoVXEiknyQtWONVV137fjDaPonm9_Qe3vkkeGslc2on62U-fGNzyVW7\" 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\">\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:ZPR1Rjim38Rl0V8EH2xRW1Qz5-ZG9XxMRisMDXrw6H38CcCBZIL3aZDaJpzAjbDPKO3T8lAZI4e_vTmQoxHjwnqiLAi5wlN1MAoda-d42hl3mGoT7Ix9K3TAehIG2LPgvjaFS7Dpy-uoRZcTy2CwMxJ6gfhskMkQ6J03Wu7MOx3FjrIveFH7l3F7z5rH2mclc4F6J9KhfWkFUpkPNMqXldg0hypY7tRei4RqomZygGlNC-gzuEXHR-aD8pGJfc6MLoDwCAO2NZJZRqAMeu31c0fOiKFjVeHyRqlXFvGLMy6P5KgEOa97Al2NYNfsXYCuGfTe32iHdbfiyRVy-CpoNDZbqzLtjdrZdtnqptXa5FoCXQ0RPRpgqlYrNxei1RCiPmQfRsLigN7zz0ZPt9FqCvk7o5B9KcLpgk1HbURgUBJtWjIb3tqX3dB-TwK-I8jwopWQk8ALqeDY0rN2vUNdG21mJOL_MRyGJxfQA_w6TaO1Hrt-7py8ymmzSoK6PaUDbHSvJtGJ-METHExeXhl3wGsGOOEoGCa5ziSJbkBZ8vsxDihdrOAQxhivYOWBEW6IAZsXl19Skc_PV97AyougHtLYSot65JisLAgZLss-4wO2tBktR9OE2cxUXn2_5mp29oOTs8juEedkBbdAkiqDro97i0fsgf_gjg4HG5TPSez1xsw3Loqi1G-3KNM3SIOoEhHMQpUmnxJyU8hZMmpRIdYIDpgT9Cp98rWeQTeQGGQyQ_rSV3Z3vszcEWcq7pOGcyUlKpSXb7eO2QeAGOkoig2sqQm2t3DPx0XjcEQu0wxHbtlXV8qMdCx_0eW1vJyuz36sBJrJD7QkNPzndE3ammAmT6lAuRSmy4VO2dWdJkCJgSQAMlmbHAkM2a_idojBP-OIZ5zjW3jpaBoVXEiknyQtWONVV137fjDaPonm9_Qe3vkkeGslc2on62U-fGNzyVW7\" 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:ZLR9Rjim4BqBy3yGlZG54kGU84My546Rf7Li5pqQ8saYCv98WKiC_ts7fEJGifpq4dDvZxEz6ULE6r36rXMRIQiugjLU6wn7oIWnt5J8LjpjsGDTAdR5vXmA1RINTIC52WVymcvlRmydRZDAidPds7ZILBm4pTa2An150MBCGBEPrKRMg2PDCmnVOMKhLC5qe0GN-umvw6qgGUNiBwPiajSyMF0hEd8-Hl1xL2dvmIQB7m7My7imk8Dz3_W8Un0Wo6_jVZtujyefHwZUU8PdmE8LyXrKBM7ETGCcstxCgI23icMi5MGb5yN7Z3gbfMef2zZNTFyHuvSq_CKdrZF2DWF3fVWadAAm0ZpfZuvYFowQC8ftgH8NIqXJRfwUhn_WfOIldlo4MaE1pnRjiQaPP5jaIyovza2_yeVEI0u6Kj18PPwoXTIcKBXwVlH8-frFOyYJ58MSJyN5eook3rab9RrIghQj7mv3z_fTkkGzgDgMmAx9X391mf50sTNLjqWdx8QDbzzNQuAJl5OoAz6CYN2Gv__XEtsUGO-TWz6nGntBhtTv8fpUVLyblUjUTTkkHeEAMjPOGNzP9mkVeDWP_q9FwowGOhcOKTXjF2UClaidW46Tdg2y49ovd_FfRCZEkwOSoYzyUliUEsmiL8TUs3HC92Ub1XKDHBw3yJ0vqW1HvrAHsbXDIgmiP_7a6QQtYXublLeEEZP5rGvKxnXD16LfLKdVvMVUwDJl7bZRYckcGtVG2zqK6gOEvB2rnJI0OLnmdzFZciPX3TmCrdUK31mFfk112crhya2yZxVpxBYZFwlEA8dw8GwYVtmyhaBNp6WYcQvDo3LafIzI3ehtUfXHJ7H5HUI-XjOJ6w0HSUbk6nHeeA6pBL0ZNj8RWj57srXDT_x3D4fGv2u3teE-kPCFaBUOoKoMGT0wOD4tUEa-jfU4eK8LiZ6yXih1b3LuC9C48odiI3RUI5mN8Y-wBg61oqL9QRvXqeMzoHJIoCcTXKg62criatTdELRy3TL-4oBSP5jA3UQHvJjQqhyh_m00\" \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 CourierSystem\r\n\r\ntitle Sistem Kurir - Diagram Komponen\r\n\r\n' === Komponen ===\r\ncomponent \"Aplikasi Pelanggan\" as CustomerApp\r\ncomponent \"Aplikasi Seluler Kurir\" as CourierApp\r\ncomponent \"Dashboard Web Admin\" as AdminWeb\r\n\r\ncomponent \"Gerbang API\" as ApiGateway\r\n\r\ncomponent \"Layanan Pesanan\" as OrderService\r\ncomponent \"Layanan Penjadwalan\" as DispatchService\r\ncomponent \"Layanan Pelacakan\" as TrackingService\r\ncomponent \"Layanan Pembayaran\" as PaymentService\r\ncomponent \"Layanan Notifikasi\" as NotificationService\r\ncomponent \"Layanan Pengguna\" as UserService\r\n\r\ncomponent \"Antrian Pesann(RabbitMQ\/Kafka)\" as MessageQueue\r\ncomponent \"Cache Redis\" as RedisCache\r\n\r\ndatabase \"DB PostgreSQL\" as SQLDB\r\ndatabase \"MongoDBn(Log\/Pelacakan Sejarah)\" as MongoLogs\r\n\r\n' === Antarmuka \/ Port ===\r\nCustomerApp --&gt; ApiGateway : \"REST \/ WebSocket\"\r\nCourierApp --&gt; ApiGateway : \"REST \/ WebSocket\"\r\nAdminWeb --&gt; ApiGateway : \"REST\"\r\n\r\nApiGateway --&gt; OrderService\r\nApiGateway --&gt; TrackingService\r\nApiGateway --&gt; PaymentService\r\nApiGateway --&gt; UserService\r\n\r\n' === Ketergantungan Layanan ===\r\nOrderService --&gt; DispatchService : \"gRPC \/ REST\"\r\nOrderService --&gt; PaymentService\r\nOrderService --&gt; NotificationService\r\nOrderService --&gt; SQLDB : \"JDBC\"\r\nOrderService --&gt; RedisCache : \"Cache\"\r\n\r\nDispatchService --&gt; MessageQueue : \"Publikasikan peristiwa\"\r\nDispatchService --&gt; CourierApp : \"Dorong melalui Gerbang API\"\r\nDispatchService --&gt; SQLDB\r\n\r\nTrackingService --&gt; MessageQueue : \"Berlangganan pembaruan lokasi\"\r\nTrackingService --&gt; MongoLogs : \"Tulis sejarah pelacakan\"\r\nTrackingService --&gt; RedisCache : \"Cache lokasi saat ini\"\r\n\r\nPaymentService --&gt; SQLDB\r\nPaymentService --&gt; NotificationService\r\n\r\nNotificationService --&gt; MessageQueue : \"Konsumsi notifikasi\"\r\nNotificationService --&gt; CustomerApp : \"Dorong melalui Gerbang API\"\r\n\r\nUserService --&gt; SQLDB\r\nUserService --&gt; RedisCache\r\n\r\n' === Catatan ===\r\nnote kanan dari OrderService\r\n  Menangani pembuatan paket,\r\n  penetapan harga, dan status pesanan\r\nend note\r\n\r\nnote kanan dari DispatchService\r\n  Mencocokkan pesanan dengan kurir,\n  mengoptimalkan rute\nend note\n\nnote bawah dari MessageQueue\n  Peristiwa asinkron: order_created,\n  location_updated,\n  delivery_status_changed\nend note\n\n@enduml\n<\/code><\/pre>                <\/div>\r\n                <div class=\"vpascode-actions\">\r\n                    <a href=\"https:\/\/www.vpascode.com\/editor\/#plantuml:ZLR9Rjim4BqBy3yGlZG54kGU84My546Rf7Li5pqQ8saYCv98WKiC_ts7fEJGifpq4dDvZxEz6ULE6r36rXMRIQiugjLU6wn7oIWnt5J8LjpjsGDTAdR5vXmA1RINTIC52WVymcvlRmydRZDAidPds7ZILBm4pTa2An150MBCGBEPrKRMg2PDCmnVOMKhLC5qe0GN-umvw6qgGUNiBwPiajSyMF0hEd8-Hl1xL2dvmIQB7m7My7imk8Dz3_W8Un0Wo6_jVZtujyefHwZUU8PdmE8LyXrKBM7ETGCcstxCgI23icMi5MGb5yN7Z3gbfMef2zZNTFyHuvSq_CKdrZF2DWF3fVWadAAm0ZpfZuvYFowQC8ftgH8NIqXJRfwUhn_WfOIldlo4MaE1pnRjiQaPP5jaIyovza2_yeVEI0u6Kj18PPwoXTIcKBXwVlH8-frFOyYJ58MSJyN5eook3rab9RrIghQj7mv3z_fTkkGzgDgMmAx9X391mf50sTNLjqWdx8QDbzzNQuAJl5OoAz6CYN2Gv__XEtsUGO-TWz6nGntBhtTv8fpUVLyblUjUTTkkHeEAMjPOGNzP9mkVeDWP_q9FwowGOhcOKTXjF2UClaidW46Tdg2y49ovd_FfRCZEkwOSoYzyUliUEsmiL8TUs3HC92Ub1XKDHBw3yJ0vqW1HvrAHsbXDIgmiP_7a6QQtYXublLeEEZP5rGvKxnXD16LfLKdVvMVUwDJl7bZRYckcGtVG2zqK6gOEvB2rnJI0OLnmdzFZciPX3TmCrdUK31mFfk112crhya2yZxVpxBYZFwlEA8dw8GwYVtmyhaBNp6WYcQvDo3LafIzI3ehtUfXHJ7H5HUI-XjOJ6w0HSUbk6nHeeA6pBL0ZNj8RWj57srXDT_x3D4fGv2u3teE-kPCFaBUOoKoMGT0wOD4tUEa-jfU4eK8LiZ6yXih1b3LuC9C48odiI3RUI5mN8Y-wBg61oqL9QRvXqeMzoHJIoCcTXKg62criatTdELRy3TL-4oBSP5jA3UQHvJjQqhyh_m00\" \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:ZPR1Rjim38Rl0V8EH2xRW1Qz5-ZG9XxMRisMDXrw6H38CcCBZIL3aZDaJpzAjbDPKO3T8lAZI4e_vTmQoxHjwnqiLAi5wlN1MAoda-d42hl3mGoT7Ix9K3TAehIG2LPgvjaFS7Dpy-uoRZcTy2CwMxJ6gfhskMkQ6J03Wu7MOx3FjrIveFH7l3F7z5rH2mclc4F6J9KhfWkFUpkPNMqXldg0hypY7tRei4RqomZygGlNC-gzuEXHR-aD8pGJfc6MLoDwCAO2NZJZRqAMeu31c0fOiKFjVeHyRqlXFvGLMy6P5KgEOa97Al2NYNfsXYCuGfTe32iHdbfiyRVy-CpoNDZbqzLtjdrZdtnqptXa5FoCXQ0RPRpgqlYrNxei1RCiPmQfRsLigN7zz0ZPt9FqCvk7o5B9KcLpgk1HbURgUBJtWjIb3tqX3dB-TwK-I8jwopWQk8ALqeDY0rN2vUNdG21mJOL_MRyGJxfQA_w6TaO1Hrt-7py8ymmzSoK6PaUDbHSvJtGJ-METHExeXhl3wGsGOOEoGCa5ziSJbkBZ8vsxDihdrOAQxhivYOWBEW6IAZsXl19Skc_PV97AyougHtLYSot65JisLAgZLss-4wO2tBktR9OE2cxUXn2_5mp29oOTs8juEedkBbdAkiqDro97i0fsgf_gjg4HG5TPSez1xsw3Loqi1G-3KNM3SIOoEhHMQpUmnxJyU8hZMmpRIdYIDpgT9Cp98rWeQTeQGGQyQ_rSV3Z3vszcEWcq7pOGcyUlKpSXb7eO2QeAGOkoig2sqQm2t3DPx0XjcEQu0wxHbtlXV8qMdCx_0eW1vJyuz36sBJrJD7QkNPzndE3ammAmT6lAuRSmy4VO2dWdJkCJgSQAMlmbHAkM2a_idojBP-OIZ5zjW3jpaBoVXEiknyQtWONVV137fjDaPonm9_Qe3vkkeGslc2on62U-fGNzyVW7\" 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<\/div>\n<div class=\"vpascode-actions\">\n<a class=\"vpascode-fancy-btn\" href=\"https:\/\/www.vpascode.com\/editor\/#plantuml:ZPR1Rjim38Rl0V8EH2xRW1Qz5-ZG9XxMRisMDXrw6H38CcCBZIL3aZDaJpzAjbDPKO3T8lAZI4e_vTmQoxHjwnqiLAi5wlN1MAoda-d42hl3mGoT7Ix9K3TAehIG2LPgvjaFS7Dpy-uoRZcTy2CwMxJ6gfhskMkQ6J03Wu7MOx3FjrIveFH7l3F7z5rH2mclc4F6J9KhfWkFUpkPNMqXldg0hypY7tRei4RqomZygGlNC-gzuEXHR-aD8pGJfc6MLoDwCAO2NZJZRqAMeu31c0fOiKFjVeHyRqlXFvGLMy6P5KgEOa97Al2NYNfsXYCuGfTe32iHdbfiyRVy-CpoNDZbqzLtjdrZdtnqptXa5FoCXQ0RPRpgqlYrNxei1RCiPmQfRsLigN7zz0ZPt9FqCvk7o5B9KcLpgk1HbURgUBJtWjIb3tqX3dB-TwK-I8jwopWQk8ALqeDY0rN2vUNdG21mJOL_MRyGJxfQA_w6TaO1Hrt-7py8ymmzSoK6PaUDbHSvJtGJ-METHExeXhl3wGsGOOEoGCa5ziSJbkBZ8vsxDihdrOAQxhivYOWBEW6IAZsXl19Skc_PV97AyougHtLYSot65JisLAgZLss-4wO2tBktR9OE2cxUXn2_5mp29oOTs8juEedkBbdAkiqDro97i0fsgf_gjg4HG5TPSez1xsw3Loqi1G-3KNM3SIOoEhHMQpUmnxJyU8hZMmpRIdYIDpgT9Cp98rWeQTeQGGQyQ_rSV3Z3vszcEWcq7pOGcyUlKpSXb7eO2QeAGOkoig2sqQm2t3DPx0XjcEQu0wxHbtlXV8qMdCx_0eW1vJyuz36sBJrJD7QkNPzndE3ammAmT6lAuRSmy4VO2dWdJkCJgSQAMlmbHAkM2a_idojBP-OIZ5zjW3jpaBoVXEiknyQtWONVV137fjDaPonm9_Qe3vkkeGslc2on62U-fGNzyVW7\" 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>\u00a0<\/p>\n<h3>Diagram Deployemen PlantUML: Arsitektur Contoh<\/h3>\n<p><img loading=\"lazy\" alt=\"Kode diagram penempatan PlantUML untuk arsitektur contoh, sedang diedit dengan editor teks-ke-diagram VPasCode dari Visual Paradigm\" class=\"alignnone size-full wp-image-2658\" decoding=\"async\" height=\"745\" loading=\"lazy\" sizes=\"auto, (max-width: 1192px) 100vw, 1192px\" src=\"https:\/\/updates.visual-paradigm.com\/wp-content\/uploads\/2026\/06\/vpascode-plantuml-deployment-diagram-sample-architecture.jpg\" srcset=\"https:\/\/updates.visual-paradigm.com\/wp-content\/uploads\/2026\/06\/vpascode-plantuml-deployment-diagram-sample-architecture.jpg 1192w, https:\/\/updates.visual-paradigm.com\/wp-content\/uploads\/2026\/06\/vpascode-plantuml-deployment-diagram-sample-architecture-300x188.jpg 300w, https:\/\/updates.visual-paradigm.com\/wp-content\/uploads\/2026\/06\/vpascode-plantuml-deployment-diagram-sample-architecture-1024x640.jpg 1024w, https:\/\/updates.visual-paradigm.com\/wp-content\/uploads\/2026\/06\/vpascode-plantuml-deployment-diagram-sample-architecture-768x480.jpg 768w\" width=\"1192\"\/><\/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:ZPB1IyCm5CRlXVuF7prjXwgjwC63hEj41dEK5LGK3scJIQJBapRPGTd_Rf9sOmu42OJmtY_Vb_TU9frchJQR9WmKSO4eUogHDsGuLcIqkBgCm3hCbcKOx9778iSekJZpwpov7aVu3WEWpnQcQcIDqbHAw243M1EvPhL6jBoVBv-n8COnPGrJjMYzHRQOEdJdjYErLcwP5eESVPdfjBimoFRGNPvYhcmbLWp98GdKjFaa9PIpjUJPXxKfvdWjY2DvyxRscFJuxa_9z9-IwK4oFP8ygMZ6DAjO9quxnFVnADkmBr9OpKgC7aoZPPoz83CjjMpSjygV1-sT6uoT3-BurZKHDrY9ZfgjwA1RjbxBEWnStELTjGuWetZSKYKLAZy4gTv_KRO0ptfHRsUlvQIKgBMqZok86e-aHqWOJ8JYzZFz0000\" 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\">\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:ZPB1IyCm5CRlXVuF7prjXwgjwC63hEj41dEK5LGK3scJIQJBapRPGTd_Rf9sOmu42OJmtY_Vb_TU9frchJQR9WmKSO4eUogHDsGuLcIqkBgCm3hCbcKOx9778iSekJZpwpov7aVu3WEWpnQcQcIDqbHAw243M1EvPhL6jBoVBv-n8COnPGrJjMYzHRQOEdJdjYErLcwP5eESVPdfjBimoFRGNPvYhcmbLWp98GdKjFaa9PIpjUJPXxKfvdWjY2DvyxRscFJuxa_9z9-IwK4oFP8ygMZ6DAjO9quxnFVnADkmBr9OpKgC7aoZPPoz83CjjMpSjygV1-sT6uoT3-BurZKHDrY9ZfgjwA1RjbxBEWnStELTjGuWetZSKYKLAZy4gTv_KRO0ptfHRsUlvQIKgBMqZok86e-aHqWOJ8JYzZFz0000\" 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:ZP9DIyD048Rl-ok6dDf3r4Jqu46QjYAbRGWDg2WU9irQrcvc9RihgFI_EqcRVe072GbitcUVuTraO1tMpbTQa2ab1CbZ3YDjV0aBuvsykWp0oW9Ng62Svc97FMGZw4KNP-rr7btt0_WH0DimzmL91valj5fl0m0UejvmwI2O6InXY1ffAMj8xoVfqs56CXiolk5xhvjgj8x9JbkhJtITTejCY5iGt8rYYBe4O6cg3qEIU6QIJI1bzEpTmajcIeXU3pDv7RLRDdyhu_yfurDbl5UUjDcr6AF30gtirELkpTuAlmt1Ofn3R-wrKs7o38clJOtzetDgNxJoZH3yPI0CRvlJWnkOI_gIMbfKQswWKNlGYXnQqUGDrpHcC6j0LHL8AmPhuwaCQrCeEWPZqTAjlXtA6wT6OyLFackhcZm-oiL0Kia_r2y0\" \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\nnode \"AWS Cloud Route53\" sebagai DNS\n\nnode \"VPC (10.0.0.0\/16)\" {\n  node \"Subnet Publik\" {\n    artifact \"Load Balancer NGINX\" sebagai ALB\n  }\n  \n  node \"Klaster Subnet Privat\" {\n    node \"Instan EC2 1\" {\n      component \"API Node.js [Pod 1]\" sebagai Pod1\n    }\n    node \"Instan EC2 2\" {\n      component \"API Node.js [Pod 2]\" sebagai Pod2\n    }\n  }\n  \n  node \"Subnet Database\" {\n    database \"Amazon RDS (Multi-AZ Aurora)\" sebagai Aurora\n  }\n}\n\nDNS --&gt; ALB : Menyelesaikan lalu lintas\nALB --&gt; Pod1 : Penyeimbangan round-robin\nALB --&gt; Pod2\nPod1 --&gt; Aurora : Kolam Koneksi\nPod2 --&gt; Aurora\n@enduml\n<\/code><\/pre>                <\/div>\r\n                <div class=\"vpascode-actions\">\r\n                    <a href=\"https:\/\/www.vpascode.com\/editor\/#plantuml:ZP9DIyD048Rl-ok6dDf3r4Jqu46QjYAbRGWDg2WU9irQrcvc9RihgFI_EqcRVe072GbitcUVuTraO1tMpbTQa2ab1CbZ3YDjV0aBuvsykWp0oW9Ng62Svc97FMGZw4KNP-rr7btt0_WH0DimzmL91valj5fl0m0UejvmwI2O6InXY1ffAMj8xoVfqs56CXiolk5xhvjgj8x9JbkhJtITTejCY5iGt8rYYBe4O6cg3qEIU6QIJI1bzEpTmajcIeXU3pDv7RLRDdyhu_yfurDbl5UUjDcr6AF30gtirELkpTuAlmt1Ofn3R-wrKs7o38clJOtzetDgNxJoZH3yPI0CRvlJWnkOI_gIMbfKQswWKNlGYXnQqUGDrpHcC6j0LHL8AmPhuwaCQrCeEWPZqTAjlXtA6wT6OyLFackhcZm-oiL0Kia_r2y0\" \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:ZPB1IyCm5CRlXVuF7prjXwgjwC63hEj41dEK5LGK3scJIQJBapRPGTd_Rf9sOmu42OJmtY_Vb_TU9frchJQR9WmKSO4eUogHDsGuLcIqkBgCm3hCbcKOx9778iSekJZpwpov7aVu3WEWpnQcQcIDqbHAw243M1EvPhL6jBoVBv-n8COnPGrJjMYzHRQOEdJdjYErLcwP5eESVPdfjBimoFRGNPvYhcmbLWp98GdKjFaa9PIpjUJPXxKfvdWjY2DvyxRscFJuxa_9z9-IwK4oFP8ygMZ6DAjO9quxnFVnADkmBr9OpKgC7aoZPPoz83CjjMpSjygV1-sT6uoT3-BurZKHDrY9ZfgjwA1RjbxBEWnStELTjGuWetZSKYKLAZy4gTv_KRO0ptfHRsUlvQIKgBMqZok86e-aHqWOJ8JYzZFz0000\" 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<\/div>\n<div class=\"vpascode-actions\">\n<a class=\"vpascode-fancy-btn\" href=\"https:\/\/www.vpascode.com\/editor\/#plantuml:ZPB1IyCm5CRlXVuF7prjXwgjwC63hEj41dEK5LGK3scJIQJBapRPGTd_Rf9sOmu42OJmtY_Vb_TU9frchJQR9WmKSO4eUogHDsGuLcIqkBgCm3hCbcKOx9778iSekJZpwpov7aVu3WEWpnQcQcIDqbHAw243M1EvPhL6jBoVBv-n8COnPGrJjMYzHRQOEdJdjYErLcwP5eESVPdfjBimoFRGNPvYhcmbLWp98GdKjFaa9PIpjUJPXxKfvdWjY2DvyxRscFJuxa_9z9-IwK4oFP8ygMZ6DAjO9quxnFVnADkmBr9OpKgC7aoZPPoz83CjjMpSjygV1-sT6uoT3-BurZKHDrY9ZfgjwA1RjbxBEWnStELTjGuWetZSKYKLAZy4gTv_KRO0ptfHRsUlvQIKgBMqZok86e-aHqWOJ8JYzZFz0000\" 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>\u00a0<\/p>\n<h3>Contoh ArchiMate PlantUML: Peramban Internet<\/h3>\n<p>Diagram ArchiMate ini mengilustrasikan bagaimana lapisan bisnis, aplikasi, dan teknologi berinteraksi untuk mendukung fungsionalitas bisnis berbasis web melalui peramban internet. Diagram ini menunjukkan hubungan antara proses bisnis, komponen dan data halaman web yang dihasilkan secara dinamis, layanan dan plugin peramban, serta infrastruktur server web dasar yang mengirimkan dan mendukung pengalaman aplikasi.<\/p>\n<p><img loading=\"lazy\" alt=\"Kode diagram ArchiMate PlantUML untuk peramban internet, sedang diedit dengan editor langsung teks-ke-diagram VPasCode dari Visual Paradigm\" class=\"alignnone size-full wp-image-2655\" decoding=\"async\" height=\"745\" loading=\"lazy\" sizes=\"auto, (max-width: 1192px) 100vw, 1192px\" src=\"https:\/\/updates.visual-paradigm.com\/wp-content\/uploads\/2026\/06\/vpascode-plantuml-archimate-diagram-internet-browser.jpg\" srcset=\"https:\/\/updates.visual-paradigm.com\/wp-content\/uploads\/2026\/06\/vpascode-plantuml-archimate-diagram-internet-browser.jpg 1192w, https:\/\/updates.visual-paradigm.com\/wp-content\/uploads\/2026\/06\/vpascode-plantuml-archimate-diagram-internet-browser-300x188.jpg 300w, https:\/\/updates.visual-paradigm.com\/wp-content\/uploads\/2026\/06\/vpascode-plantuml-archimate-diagram-internet-browser-1024x640.jpg 1024w, https:\/\/updates.visual-paradigm.com\/wp-content\/uploads\/2026\/06\/vpascode-plantuml-archimate-diagram-internet-browser-768x480.jpg 768w\" width=\"1192\"\/><\/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:bLLTZvf057qduJ_S-j35nCO_q3IBkwjhQgiHDficJSY8LvmDp91XqDYc_trdO00HjEqJCoVtdFinvuRxJ18XyoI6EPCe64gO27xCK817aZH6s_f0MHZdMuJFH8HxcX29OxSwVR4jsv9KnWWrPfZmgQEfW-yMxe_bYn-uNk1zVV8VdfrX0owUfdwmdi-U_NFKNww2n-NhTutPrapmFAKiSZPvHXbcsGW64tCS37_R5a1r3PQRDmnb7LbULRnRXq293OOjtahmK7sTZ2TOWGOR3Jm5Ddm3NmXuA0uqH8TABqzJBgG1LEwv3mQ37HUDaEEcQKn38YbdOCA7MlPFgslIHEb6cflf_Gm97eaaPWJR-gXOhxY15OaGT03yP72dKiezmYu-tPMTdCjCSnRgWtF4JQfe4zoJ0-MvC58QWqq5TlaFF4avGoOTL-aSSAKiftYw0jr2WO46WU-ACewLQ4zfxMb83FUCnpmwAIM_lfXPD43W2abtH0s2ic-OS76QIqn60yeWAQumRcM2lKpYyHiva2mKD3N-EDEh7zXOt3XSl-_b8isGeQ0XV8HLd4UK_QjM6QqK2yDrPFyYfcQeZqL9XO0UQbOWzHXjQurnC8tvCLZWJlRQ7JhBe-cQLsHYKV2IzjYyLwgXfXXI4jDVfK6KGjTQFQjJqOkArpJQjttTOy_h2S-9Lrjqiun6B57MBGVKuz__Ijeo7xHsiYAjyGQZRt-kP2l7qw9tlThtb9T1jngyIgkyUuFiHf70g5tiHUfh2r5BXDfNnZwLsziJwwkr5Tmt4jkwHxPLVyLt\" 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\">\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:bLLTZvf057qduJ_S-j35nCO_q3IBkwjhQgiHDficJSY8LvmDp91XqDYc_trdO00HjEqJCoVtdFinvuRxJ18XyoI6EPCe64gO27xCK817aZH6s_f0MHZdMuJFH8HxcX29OxSwVR4jsv9KnWWrPfZmgQEfW-yMxe_bYn-uNk1zVV8VdfrX0owUfdwmdi-U_NFKNww2n-NhTutPrapmFAKiSZPvHXbcsGW64tCS37_R5a1r3PQRDmnb7LbULRnRXq293OOjtahmK7sTZ2TOWGOR3Jm5Ddm3NmXuA0uqH8TABqzJBgG1LEwv3mQ37HUDaEEcQKn38YbdOCA7MlPFgslIHEb6cflf_Gm97eaaPWJR-gXOhxY15OaGT03yP72dKiezmYu-tPMTdCjCSnRgWtF4JQfe4zoJ0-MvC58QWqq5TlaFF4avGoOTL-aSSAKiftYw0jr2WO46WU-ACewLQ4zfxMb83FUCnpmwAIM_lfXPD43W2abtH0s2ic-OS76QIqn60yeWAQumRcM2lKpYyHiva2mKD3N-EDEh7zXOt3XSl-_b8isGeQ0XV8HLd4UK_QjM6QqK2yDrPFyYfcQeZqL9XO0UQbOWzHXjQurnC8tvCLZWJlRQ7JhBe-cQLsHYKV2IzjYyLwgXfXXI4jDVfK6KGjTQFQjJqOkArpJQjttTOy_h2S-9Lrjqiun6B57MBGVKuz__Ijeo7xHsiYAjyGQZRt-kP2l7qw9tlThtb9T1jngyIgkyUuFiHf70g5tiHUfh2r5BXDfNnZwLsziJwwkr5Tmt4jkwHxPLVyLt\" 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:bLNRRjim37ttLsXvM5sWGtzW6EhqZcLBaBWezcGe3ckpiIH3bnJTi7yVvKjcDqgnFOMYUGx9eoFambYkhHCLkrJIgf8jG7EnvfBTImjQWeq-eCmhjm7scUkyHC4jd2Tzz2MABDeAUlZ-0_iKe8fEPicF-KEQ9QjizVKwlRoBJ_UvsVLDcYtlR-_IGJATBxAh-UDtIaMtMhaQPH6lqKWqPsmoROB9wQ-8iQapAC6ORBv-Xjp6w-xS7gdO1rlMGuQ8XLOv_SP62UYJNUviGe41q-5O2jg2j6vCi0AzmnnYj2jNrqhRBa5ThzpMoSABa397m7u25i_uAvVq8Qaht7A3fyJvUx0bx_94qfUqcoOr7NDkKSdiYblUBRpPXxuj7TWThxYW3e-mPfAT6CYvvco3aWiq9yqAGwuR9tCVn2-mhda1KoZv3fNJn4TtYHNVEbPsd5HpG72fHAqaoHCdHBI31LcBUY-8oryMBz2lkxNun3PSuv0hFDzG3WjRgIfLU3tIFcu5II4lc_DhbcXYvwG6ocyWb7wzjo3E9XlVYGcVGNP-q8gLLbJdptp7JQwnjirc0zRz_NP6dchrOg3JPUnnzY2SO1_Ped85odyaQeizNHCSlfonxmA49A4FcvdQe57L_eMHbj4IgkocKY_P39viqExiuDaGrCEQHhB87kg0ouDCUsGDEV8AVxOc8O93VmKUJeTknbrYKOuD7h3eqNP3tB7r4cEma8AqQhK96FX_MexSnqOliyCiuHr0wFc4UxNAZD279WrSuTkQTvOxYkfTUnoR58M6OZpfcyR7NaBFa7ipTQRf7JuMAp3eg3QWHdG1SaD_Udy0\" \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 Contoh Peramban Internet\n!include &lt;archimate\/Archimate&gt;\n\ntitle Contoh Archimate - Peramban Internet\n\n'LAYOUT_AS_SKETCH()\n'LAYOUT_LEFT_RIGHT()\n'LAYOUT_TOP_DOWN()\n\nGrouping(bisnis, \"Bisnis\"){\n  Business_Object(businessObject, \"Objek Bisnis\")\n  Business_Process(someBusinessProcess,\"Proses Bisnis Tertentu\")\n  Business_Service(itSupportService, \"Dukungan IT untuk Bisnis (Layanan Aplikasi)\")\n}\n\nGrouping(aplikasi, \"Aplikasi\"){\n  Application_DataObject(dataObject, \"Data Halaman Web n 'secara dinamis'\")\n  Application_Function(webpageBehaviour, \"Perilaku halaman web\")\n  Application_Component(ActivePartWebPage, \"Bagian Aktif dari halaman web n 'secara dinamis'\")\n}\n\nGrouping(teknologi, \"Teknologi\"){\n  Technology_Artifact(inMemoryItem,\"dalam memori \/ 'secara dinamis' html\/javascript\")\n  Technology_Service(internetBrowser, \"Peramban Internet Umum &amp; Plugin\")\n  Technology_Service(internetBrowserPlugin, \"Plugin Peramban Internet Tertentu\")\n  Technology_Service(webServer, \"Server web tertentu\")\n}\n\n\nRel_Flow_Left(someBusinessProcess, businessObject, \"\")\nRel_Serving_Up(itSupportService, someBusinessProcess, \"\")\nRel_Specialization_Up(webpageBehaviour, itSupportService, \"\")\nRel_Flow_Right(dataObject, webpageBehaviour, \"\")\nRel_Specialization_Up(dataObject, businessObject, \"\")\nRel_Assignment_Left(ActivePartWebPage, webpageBehaviour, \"\")\nRel_Specialization_Up(inMemoryItem, dataObject, \"\")\nRel_Realization_Up(inMemoryItem, ActivePartWebPage, \"\")\nRel_Specialization_Right(inMemoryItem,internetBrowser, \"\")\nRel_Serving_Up(internetBrowser, webpageBehaviour, \"\")\nRel_Serving_Up(internetBrowserPlugin, webpageBehaviour, \"\")\nRel_Aggregation_Right(internetBrowser, internetBrowserPlugin, \"\")\nRel_Access_Up(webServer, inMemoryItem, \"\")\nRel_Serving_Up(webServer, internetBrowser, \"\")\n\n@enduml\n<\/code><\/pre>                <\/div>\r\n                <div class=\"vpascode-actions\">\r\n                    <a href=\"https:\/\/www.vpascode.com\/editor\/#plantuml:bLNRRjim37ttLsXvM5sWGtzW6EhqZcLBaBWezcGe3ckpiIH3bnJTi7yVvKjcDqgnFOMYUGx9eoFambYkhHCLkrJIgf8jG7EnvfBTImjQWeq-eCmhjm7scUkyHC4jd2Tzz2MABDeAUlZ-0_iKe8fEPicF-KEQ9QjizVKwlRoBJ_UvsVLDcYtlR-_IGJATBxAh-UDtIaMtMhaQPH6lqKWqPsmoROB9wQ-8iQapAC6ORBv-Xjp6w-xS7gdO1rlMGuQ8XLOv_SP62UYJNUviGe41q-5O2jg2j6vCi0AzmnnYj2jNrqhRBa5ThzpMoSABa397m7u25i_uAvVq8Qaht7A3fyJvUx0bx_94qfUqcoOr7NDkKSdiYblUBRpPXxuj7TWThxYW3e-mPfAT6CYvvco3aWiq9yqAGwuR9tCVn2-mhda1KoZv3fNJn4TtYHNVEbPsd5HpG72fHAqaoHCdHBI31LcBUY-8oryMBz2lkxNun3PSuv0hFDzG3WjRgIfLU3tIFcu5II4lc_DhbcXYvwG6ocyWb7wzjo3E9XlVYGcVGNP-q8gLLbJdptp7JQwnjirc0zRz_NP6dchrOg3JPUnnzY2SO1_Ped85odyaQeizNHCSlfonxmA49A4FcvdQe57L_eMHbj4IgkocKY_P39viqExiuDaGrCEQHhB87kg0ouDCUsGDEV8AVxOc8O93VmKUJeTknbrYKOuD7h3eqNP3tB7r4cEma8AqQhK96FX_MexSnqOliyCiuHr0wFc4UxNAZD279WrSuTkQTvOxYkfTUnoR58M6OZpfcyR7NaBFa7ipTQRf7JuMAp3eg3QWHdG1SaD_Udy0\" \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:bLLTZvf057qduJ_S-j35nCO_q3IBkwjhQgiHDficJSY8LvmDp91XqDYc_trdO00HjEqJCoVtdFinvuRxJ18XyoI6EPCe64gO27xCK817aZH6s_f0MHZdMuJFH8HxcX29OxSwVR4jsv9KnWWrPfZmgQEfW-yMxe_bYn-uNk1zVV8VdfrX0owUfdwmdi-U_NFKNww2n-NhTutPrapmFAKiSZPvHXbcsGW64tCS37_R5a1r3PQRDmnb7LbULRnRXq293OOjtahmK7sTZ2TOWGOR3Jm5Ddm3NmXuA0uqH8TABqzJBgG1LEwv3mQ37HUDaEEcQKn38YbdOCA7MlPFgslIHEb6cflf_Gm97eaaPWJR-gXOhxY15OaGT03yP72dKiezmYu-tPMTdCjCSnRgWtF4JQfe4zoJ0-MvC58QWqq5TlaFF4avGoOTL-aSSAKiftYw0jr2WO46WU-ACewLQ4zfxMb83FUCnpmwAIM_lfXPD43W2abtH0s2ic-OS76QIqn60yeWAQumRcM2lKpYyHiva2mKD3N-EDEh7zXOt3XSl-_b8isGeQ0XV8HLd4UK_QjM6QqK2yDrPFyYfcQeZqL9XO0UQbOWzHXjQurnC8tvCLZWJlRQ7JhBe-cQLsHYKV2IzjYyLwgXfXXI4jDVfK6KGjTQFQjJqOkArpJQjttTOy_h2S-9Lrjqiun6B57MBGVKuz__Ijeo7xHsiYAjyGQZRt-kP2l7qw9tlThtb9T1jngyIgkyUuFiHf70g5tiHUfh2r5BXDfNnZwLsziJwwkr5Tmt4jkwHxPLVyLt\" 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<\/div>\n<div class=\"vpascode-actions\">\n<a class=\"vpascode-fancy-btn\" href=\"https:\/\/www.vpascode.com\/editor\/#plantuml:bLLTZvf057qduJ_S-j35nCO_q3IBkwjhQgiHDficJSY8LvmDp91XqDYc_trdO00HjEqJCoVtdFinvuRxJ18XyoI6EPCe64gO27xCK817aZH6s_f0MHZdMuJFH8HxcX29OxSwVR4jsv9KnWWrPfZmgQEfW-yMxe_bYn-uNk1zVV8VdfrX0owUfdwmdi-U_NFKNww2n-NhTutPrapmFAKiSZPvHXbcsGW64tCS37_R5a1r3PQRDmnb7LbULRnRXq293OOjtahmK7sTZ2TOWGOR3Jm5Ddm3NmXuA0uqH8TABqzJBgG1LEwv3mQ37HUDaEEcQKn38YbdOCA7MlPFgslIHEb6cflf_Gm97eaaPWJR-gXOhxY15OaGT03yP72dKiezmYu-tPMTdCjCSnRgWtF4JQfe4zoJ0-MvC58QWqq5TlaFF4avGoOTL-aSSAKiftYw0jr2WO46WU-ACewLQ4zfxMb83FUCnpmwAIM_lfXPD43W2abtH0s2ic-OS76QIqn60yeWAQumRcM2lKpYyHiva2mKD3N-EDEh7zXOt3XSl-_b8isGeQ0XV8HLd4UK_QjM6QqK2yDrPFyYfcQeZqL9XO0UQbOWzHXjQurnC8tvCLZWJlRQ7JhBe-cQLsHYKV2IzjYyLwgXfXXI4jDVfK6KGjTQFQjJqOkArpJQjttTOy_h2S-9Lrjqiun6B57MBGVKuz__Ijeo7xHsiYAjyGQZRt-kP2l7qw9tlThtb9T1jngyIgkyUuFiHf70g5tiHUfh2r5BXDfNnZwLsziJwwkr5Tmt4jkwHxPLVyLt\" 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>\u00a0<\/p>\n<h3>Contoh ERD PlantUML: Sistem Tiket Bioskop<\/h3>\n<p><img loading=\"lazy\" alt=\"Kode diagram relasi entitas (ERD) PlantUML untuk sistem tiket bioskop, sedang diedit dengan editor teks-ke-diagram VPasCode dari Visual Paradigm\" class=\"alignnone size-full wp-image-2659\" decoding=\"async\" height=\"745\" loading=\"lazy\" sizes=\"auto, (max-width: 1192px) 100vw, 1192px\" src=\"https:\/\/updates.visual-paradigm.com\/wp-content\/uploads\/2026\/06\/vpascode-plantuml-entity-relaiotnship-diagram-erd-cinema-ticket-system.jpg\" srcset=\"https:\/\/updates.visual-paradigm.com\/wp-content\/uploads\/2026\/06\/vpascode-plantuml-entity-relaiotnship-diagram-erd-cinema-ticket-system.jpg 1192w, https:\/\/updates.visual-paradigm.com\/wp-content\/uploads\/2026\/06\/vpascode-plantuml-entity-relaiotnship-diagram-erd-cinema-ticket-system-300x188.jpg 300w, https:\/\/updates.visual-paradigm.com\/wp-content\/uploads\/2026\/06\/vpascode-plantuml-entity-relaiotnship-diagram-erd-cinema-ticket-system-1024x640.jpg 1024w, https:\/\/updates.visual-paradigm.com\/wp-content\/uploads\/2026\/06\/vpascode-plantuml-entity-relaiotnship-diagram-erd-cinema-ticket-system-768x480.jpg 768w\" width=\"1192\"\/><\/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:dLR1Rk8m4BqZyGyMbrqgaDgkzeAggYc4RdOXe01LRv593B6Qs97jj49b_trjnma99AsqDpjlF9utRsQS1ouW4raITplT3Y82YmFeZJCkQ89O3q0E0hC17zqE05VbtiSX687Dnfc0kti53OUvmGupBdm24oJnPyiR_xAyxp-l-paQmqz0b40SLu2Rw-k-yNu5qeYIwgdRqYKzm5WS_9HY8hYqSDnrZZ2qnrmmA30bVWY5EhvsvlPgRSsNtSxVAkavVSD8CqxKgg2hDwrSvT6u7bCHL8Xum72gRbQNsYycf30puIIOP0BLmjqZmXhpmb2C84S5XOcrjWqWVP5zBMFzCrxh2CbJkPOYNnVSpBQTdS7FvBefIGegOEnpQLNZeJxuCJpGJCZFlrSBzoocLKJVTK1SBeferBerb6OPsYaOTm8dPvhhCYDX2n93ii_Wlb44dcqBkHyNYvbjkQOk6GwGBqijYo5JwjXZPsxDP9e6j_sgoHjEB-5wNYIPF2zoKUP5PVChYIxvCqa_Xbka-YclpNx57ycIBM8Neeb3sjXYcFim213dU5jFG2tyHqfVPJbg1jjyNP0msrOUhLEbfIvE7fk5p2iJ9ZGZebaJEVX4nfl8fl2GI4f-WaH4muh5ZxBk6IGS1hgFSNZH6ar9AQKjugvAt92Tk-cVmVBF_Nrp3LJHqomANf7mTQqrKmun3rH2V9YcCKRX5zMupFEWepOvAG8kKjGcPvlSL-0pIGglbvEwYdujt5wUVuU79kKC9DjrXnWYmUNmhgN0GtBivAEAwMMHW7ptF-NSDidAKLvsP40JdVFgys7kRNdBlW4FnVfvuH5EURTJFjx7ut18Fygk785U6aFPqBrk9t_kZ84Uo1BbGOJ2B9Or0fLDyN2SMKMK2mNh_UKLaJvRV53uyQDU_z8ee4H0JBGRzQdkfZI3SlRiYOn7q7EVnx8woplFUHln9FxEiBYaVS8P2X1-qnRT3g4opGpl8m7ehi9ifKjm19QsEt7Sfm4OBzofuytjYLnQxjYUpTJIVbawdZqnVcAqqsuCetBUZe1dFsrcbZS0pyvI-TeiP_Rg_FOJnteZLA9ORSPZUxKQWAdbw00yUxfn9og2RkT1ldhoF-yV\" 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\">\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:dLR1Rk8m4BqZyGyMbrqgaDgkzeAggYc4RdOXe01LRv593B6Qs97jj49b_trjnma99AsqDpjlF9utRsQS1ouW4raITplT3Y82YmFeZJCkQ89O3q0E0hC17zqE05VbtiSX687Dnfc0kti53OUvmGupBdm24oJnPyiR_xAyxp-l-paQmqz0b40SLu2Rw-k-yNu5qeYIwgdRqYKzm5WS_9HY8hYqSDnrZZ2qnrmmA30bVWY5EhvsvlPgRSsNtSxVAkavVSD8CqxKgg2hDwrSvT6u7bCHL8Xum72gRbQNsYycf30puIIOP0BLmjqZmXhpmb2C84S5XOcrjWqWVP5zBMFzCrxh2CbJkPOYNnVSpBQTdS7FvBefIGegOEnpQLNZeJxuCJpGJCZFlrSBzoocLKJVTK1SBeferBerb6OPsYaOTm8dPvhhCYDX2n93ii_Wlb44dcqBkHyNYvbjkQOk6GwGBqijYo5JwjXZPsxDP9e6j_sgoHjEB-5wNYIPF2zoKUP5PVChYIxvCqa_Xbka-YclpNx57ycIBM8Neeb3sjXYcFim213dU5jFG2tyHqfVPJbg1jjyNP0msrOUhLEbfIvE7fk5p2iJ9ZGZebaJEVX4nfl8fl2GI4f-WaH4muh5ZxBk6IGS1hgFSNZH6ar9AQKjugvAt92Tk-cVmVBF_Nrp3LJHqomANf7mTQqrKmun3rH2V9YcCKRX5zMupFEWepOvAG8kKjGcPvlSL-0pIGglbvEwYdujt5wUVuU79kKC9DjrXnWYmUNmhgN0GtBivAEAwMMHW7ptF-NSDidAKLvsP40JdVFgys7kRNdBlW4FnVfvuH5EURTJFjx7ut18Fygk785U6aFPqBrk9t_kZ84Uo1BbGOJ2B9Or0fLDyN2SMKMK2mNh_UKLaJvRV53uyQDU_z8ee4H0JBGRzQdkfZI3SlRiYOn7q7EVnx8woplFUHln9FxEiBYaVS8P2X1-qnRT3g4opGpl8m7ehi9ifKjm19QsEt7Sfm4OBzofuytjYLnQxjYUpTJIVbawdZqnVcAqqsuCetBUZe1dFsrcbZS0pyvI-TeiP_Rg_FOJnteZLA9ORSPZUxKQWAdbw00yUxfn9og2RkT1ldhoF-yV\" 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:dLPRRzem57wFrFzWyR9HKQdRj1TKLSiWR5afHL2clKKcCS6BBv4lgr2x_pwRn91hA-sD-1mVd-_xpeKlKa6XD2KNteM7cCBg00PBH21BKyW6GA8jJ246kJi2pnSU09SWrb9nYaI44p06cqqu1JUtrdHrLJZii90gOf0YO__fhoRV_TNxpzV3mahWAqP48IOLmuVhws4P_HBaUywgjpwUGl839EeGvHmp9Or7k7WiB0AbM2e15UOiIg2orn_3-s3zwDylBxo_LUmpJEWPzivyESIK_y6e5wwvJUffkRmI96E1S_kuVJVuLMQLw38ZYfbMg9PnYfZef4OWWg143iNKVmnAWud5qXffmmQqhvZBZETdTDlYm05KUsIYzYlgx0tPFfoGAguWYQJnge6n1n611wwLEVwnVbWq4biY1W-clEe5vyvSUdBFdtfpwnQd7rCPJc7QA8PZ_R6ansARGCEqKngfjwu8lZuyp0D_KHQim36AJ0rg0eNLB9Y4z_xSy3RwEAow_C5vsrmZwauBYSySPVRpH8zb-ItfsZG8mmA1MsJxhIZSOIKUqtIBH4jCTSWxMn3B2COnaX9lwpmqvAP8GbPNkpnoQBQSPwQUUm7rZf-UEZb7x1QsA5r8kMQgMoCpA9MMNQXpUA06MqIHslEaul7fr1W2CWdZOxVZfDKxROqxA7BvMm5UOUbcTZTQtjtUTXT5rNgUN766L7IimMxe2PQn9IQ2UKumIjweKfFyrlIkQ0XSdhdS7Mjz2lTLm2LuJIKNjJtbgzQtjKpD_ITuw1ApD9cEtY61MDoU-ZKsDcRLLPdGns_7Wa1cRZtzJvdtJRpJ8ZYrRCofnLHRFkMxFSlm7LYPVI-nTrxxBozNL_ovqgXZCA36ckdCeFEEY_BaSnhTnYd1ls7o18bnSnmCFBTvEc-OP7z32hE1LpdlVfzYWZDi7TsnzNjvhdTB4TD4IJHB1runDik0JSS4Avr2QRFDK2lmIxMG6naqc2frBjxM1CiwIJKp4fZ2WUSnRkGGEDqhm7SrhEjZnOx1CbXCmyMt4PWyB6RXwZwOcf_-OXBCv_Pdy6iPhe9f4OYWtJ5EWNTy7jrZi0g-RUR-QWH-XaiRQxES1-lsysUazSwfvB7UJ2R1UZq2Cpyyfh0APfl5rEJWVJ5xrFop_0S0\" \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\r\nentity \"Pelanggan\" sebagai pelanggan {\r\n  * customer_id : UUID &lt;&gt;\r\n  --\r\n  * first_name : VARCHAR(50)\r\n  * last_name : VARCHAR(50)\r\n  * email : VARCHAR(100) &lt;&gt;\r\n  * phone : VARCHAR(20)\r\n  * loyalty_points : INT\r\n  * registration_date : TIMESTAMP\r\n}\r\n\r\nentity \"Film\" sebagai film {\r\n  * movie_id : UUID &lt;&gt;\r\n  --\r\n  * title : VARCHAR(200)\r\n  * description : TEXT\r\n  * duration_minutes : INT\r\n  * genre : VARCHAR(50)\r\n  * release_date : DATE\r\n  * rating : VARCHAR(10)\r\n}\r\n\r\nentity \"Bioskop\" sebagai bioskop {\r\n  * theater_id : UUID &lt;&gt;\r\n  --\r\n  * theater_name : VARCHAR(100)\r\n  * total_seats : INT\r\n  * seat_layout : JSON\r\n}\r\n\r\nentity \"Penayangan\" sebagai penayangan {\r\n  * show_id : UUID &lt;&gt;\r\n  --\r\n  * movie_id : UUID &lt;&gt;\r\n  * theater_id : UUID &lt;&gt;\r\n  * show_time : TIMESTAMP\r\n  * end_time : TIMESTAMP\r\n  * language : VARCHAR(50)\r\n  * subtitle : BOOLEAN\r\n  * price_regular : DECIMAL(10,2)\r\n  * price_vip : DECIMAL(10,2)\r\n}\r\n\r\nentity \"Kursi\" sebagai kursi {\r\n  * seat_id : UUID &lt;&gt;\r\n  --\r\n  * theater_id : UUID &lt;&gt;\r\n  * row_label : CHAR(2)\r\n  * seat_number : INT\r\n  * seat_type : VARCHAR(20)\r\n  * is_accessible : BOOLEAN\r\n}\r\n\r\nentity \"Pemesanan\" sebagai pemesanan {\r\n  * booking_id : UUID &lt;&gt;\r\n  --\r\n  * customer_id : UUID &lt;&gt;\r\n  * show_id : UUID &lt;&gt;\r\n  * booking_time : TIMESTAMP\r\n  * total_amount : DECIMAL(10,2)\r\n  * status : VARCHAR(20)\r\n  * payment_method : VARCHAR(30)\r\n  * transaction_id : VARCHAR(100)\r\n}\r\n\r\nentity \"KursiPemesanan\" sebagai booking_seat {\r\n  * booking_id : UUID &lt;&lt;FK,PK&gt;&gt;\r\n  * seat_id : UUID &lt;&lt;FK,PK&gt;&gt;\r\n  --\r\n  * ticket_price : DECIMAL(10,2)\r\n  * discount_applied : DECIMAL(10,2)\r\n}\r\n\r\nentity \"Pembayaran\" sebagai pembayaran {\r\n  * payment_id : UUID &lt;&gt;\r\n  --\r\n  * booking_id : UUID &lt;&gt;\r\n  * amount : DECIMAL(10,2)\r\n  * payment_date : TIMESTAMP\r\n  * payment_status : VARCHAR(20)\r\n  * payment_gateway : VARCHAR(30)\r\n  * gateway_reference : VARCHAR(200)\r\n}\r\n\r\nentity \"Ulasan\" sebagai ulasan {\r\n  * review_id : UUID &lt;&gt;\r\n  --\r\n  * customer_id : UUID &lt;&gt;\r\n  * movie_id : UUID &lt;&gt;\r\n  * rating : INT\r\n  * comment : TEXT\r\n  * review_date : TIMESTAMP\r\n}\r\n\r\n' Relasi\npelanggan ||--o{ pemesanan : \"melakukan\"\nfilm ||--o{ penayangan : \"dijadwalkan sebagai\"\nbioskop ||--o{ penayangan : \"menjamak\"\npenayangan ||--o{ pemesanan : \"memiliki\"\npemesanan ||--|{ booking_seat : \"mengandung\"\nkursi ||--o{ booking_seat : \"ditugaskan ke\"\npemesanan ||--|| pembayaran : \"memiliki\"\npelanggan ||--o{ ulasan : \"menulis\"\nfilm ||--o{ ulasan : \"menerima\"\n\nnote right of pemesanan : Status: PENDING, CONFIRMED, CANCELLED, EXPIRED\nnote left of kursi : seat_type: REGULAR, VIP, COUPLES\nnote right of pembayaran : payment_status: PENDING, SUCCESS, FAILED, REFUNDED\n\n@enduml\r\n<\/code><\/pre>                <\/div>\r\n                <div class=\"vpascode-actions\">\r\n                    <a href=\"https:\/\/www.vpascode.com\/editor\/#plantuml:dLPRRzem57wFrFzWyR9HKQdRj1TKLSiWR5afHL2clKKcCS6BBv4lgr2x_pwRn91hA-sD-1mVd-_xpeKlKa6XD2KNteM7cCBg00PBH21BKyW6GA8jJ246kJi2pnSU09SWrb9nYaI44p06cqqu1JUtrdHrLJZii90gOf0YO__fhoRV_TNxpzV3mahWAqP48IOLmuVhws4P_HBaUywgjpwUGl839EeGvHmp9Or7k7WiB0AbM2e15UOiIg2orn_3-s3zwDylBxo_LUmpJEWPzivyESIK_y6e5wwvJUffkRmI96E1S_kuVJVuLMQLw38ZYfbMg9PnYfZef4OWWg143iNKVmnAWud5qXffmmQqhvZBZETdTDlYm05KUsIYzYlgx0tPFfoGAguWYQJnge6n1n611wwLEVwnVbWq4biY1W-clEe5vyvSUdBFdtfpwnQd7rCPJc7QA8PZ_R6ansARGCEqKngfjwu8lZuyp0D_KHQim36AJ0rg0eNLB9Y4z_xSy3RwEAow_C5vsrmZwauBYSySPVRpH8zb-ItfsZG8mmA1MsJxhIZSOIKUqtIBH4jCTSWxMn3B2COnaX9lwpmqvAP8GbPNkpnoQBQSPwQUUm7rZf-UEZb7x1QsA5r8kMQgMoCpA9MMNQXpUA06MqIHslEaul7fr1W2CWdZOxVZfDKxROqxA7BvMm5UOUbcTZTQtjtUTXT5rNgUN766L7IimMxe2PQn9IQ2UKumIjweKfFyrlIkQ0XSdhdS7Mjz2lTLm2LuJIKNjJtbgzQtjKpD_ITuw1ApD9cEtY61MDoU-ZKsDcRLLPdGns_7Wa1cRZtzJvdtJRpJ8ZYrRCofnLHRFkMxFSlm7LYPVI-nTrxxBozNL_ovqgXZCA36ckdCeFEEY_BaSnhTnYd1ls7o18bnSnmCFBTvEc-OP7z32hE1LpdlVfzYWZDi7TsnzNjvhdTB4TD4IJHB1runDik0JSS4Avr2QRFDK2lmIxMG6naqc2frBjxM1CiwIJKp4fZ2WUSnRkGGEDqhm7SrhEjZnOx1CbXCmyMt4PWyB6RXwZwOcf_-OXBCv_Pdy6iPhe9f4OYWtJ5EWNTy7jrZi0g-RUR-QWH-XaiRQxES1-lsysUazSwfvB7UJ2R1UZq2Cpyyfh0APfl5rEJWVJ5xrFop_0S0\" \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:dLR1Rk8m4BqZyGyMbrqgaDgkzeAggYc4RdOXe01LRv593B6Qs97jj49b_trjnma99AsqDpjlF9utRsQS1ouW4raITplT3Y82YmFeZJCkQ89O3q0E0hC17zqE05VbtiSX687Dnfc0kti53OUvmGupBdm24oJnPyiR_xAyxp-l-paQmqz0b40SLu2Rw-k-yNu5qeYIwgdRqYKzm5WS_9HY8hYqSDnrZZ2qnrmmA30bVWY5EhvsvlPgRSsNtSxVAkavVSD8CqxKgg2hDwrSvT6u7bCHL8Xum72gRbQNsYycf30puIIOP0BLmjqZmXhpmb2C84S5XOcrjWqWVP5zBMFzCrxh2CbJkPOYNnVSpBQTdS7FvBefIGegOEnpQLNZeJxuCJpGJCZFlrSBzoocLKJVTK1SBeferBerb6OPsYaOTm8dPvhhCYDX2n93ii_Wlb44dcqBkHyNYvbjkQOk6GwGBqijYo5JwjXZPsxDP9e6j_sgoHjEB-5wNYIPF2zoKUP5PVChYIxvCqa_Xbka-YclpNx57ycIBM8Neeb3sjXYcFim213dU5jFG2tyHqfVPJbg1jjyNP0msrOUhLEbfIvE7fk5p2iJ9ZGZebaJEVX4nfl8fl2GI4f-WaH4muh5ZxBk6IGS1hgFSNZH6ar9AQKjugvAt92Tk-cVmVBF_Nrp3LJHqomANf7mTQqrKmun3rH2V9YcCKRX5zMupFEWepOvAG8kKjGcPvlSL-0pIGglbvEwYdujt5wUVuU79kKC9DjrXnWYmUNmhgN0GtBivAEAwMMHW7ptF-NSDidAKLvsP40JdVFgys7kRNdBlW4FnVfvuH5EURTJFjx7ut18Fygk785U6aFPqBrk9t_kZ84Uo1BbGOJ2B9Or0fLDyN2SMKMK2mNh_UKLaJvRV53uyQDU_z8ee4H0JBGRzQdkfZI3SlRiYOn7q7EVnx8woplFUHln9FxEiBYaVS8P2X1-qnRT3g4opGpl8m7ehi9ifKjm19QsEt7Sfm4OBzofuytjYLnQxjYUpTJIVbawdZqnVcAqqsuCetBUZe1dFsrcbZS0pyvI-TeiP_Rg_FOJnteZLA9ORSPZUxKQWAdbw00yUxfn9og2RkT1ldhoF-yV\" 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<\/div>\n<div class=\"vpascode-actions\">\n<a class=\"vpascode-fancy-btn\" href=\"https:\/\/www.vpascode.com\/editor\/#plantuml:dLR1Rk8m4BqZyGyMbrqgaDgkzeAggYc4RdOXe01LRv593B6Qs97jj49b_trjnma99AsqDpjlF9utRsQS1ouW4raITplT3Y82YmFeZJCkQ89O3q0E0hC17zqE05VbtiSX687Dnfc0kti53OUvmGupBdm24oJnPyiR_xAyxp-l-paQmqz0b40SLu2Rw-k-yNu5qeYIwgdRqYKzm5WS_9HY8hYqSDnrZZ2qnrmmA30bVWY5EhvsvlPgRSsNtSxVAkavVSD8CqxKgg2hDwrSvT6u7bCHL8Xum72gRbQNsYycf30puIIOP0BLmjqZmXhpmb2C84S5XOcrjWqWVP5zBMFzCrxh2CbJkPOYNnVSpBQTdS7FvBefIGegOEnpQLNZeJxuCJpGJCZFlrSBzoocLKJVTK1SBeferBerb6OPsYaOTm8dPvhhCYDX2n93ii_Wlb44dcqBkHyNYvbjkQOk6GwGBqijYo5JwjXZPsxDP9e6j_sgoHjEB-5wNYIPF2zoKUP5PVChYIxvCqa_Xbka-YclpNx57ycIBM8Neeb3sjXYcFim213dU5jFG2tyHqfVPJbg1jjyNP0msrOUhLEbfIvE7fk5p2iJ9ZGZebaJEVX4nfl8fl2GI4f-WaH4muh5ZxBk6IGS1hgFSNZH6ar9AQKjugvAt92Tk-cVmVBF_Nrp3LJHqomANf7mTQqrKmun3rH2V9YcCKRX5zMupFEWepOvAG8kKjGcPvlSL-0pIGglbvEwYdujt5wUVuU79kKC9DjrXnWYmUNmhgN0GtBivAEAwMMHW7ptF-NSDidAKLvsP40JdVFgys7kRNdBlW4FnVfvuH5EURTJFjx7ut18Fygk785U6aFPqBrk9t_kZ84Uo1BbGOJ2B9Or0fLDyN2SMKMK2mNh_UKLaJvRV53uyQDU_z8ee4H0JBGRzQdkfZI3SlRiYOn7q7EVnx8woplFUHln9FxEiBYaVS8P2X1-qnRT3g4opGpl8m7ehi9ifKjm19QsEt7Sfm4OBzofuytjYLnQxjYUpTJIVbawdZqnVcAqqsuCetBUZe1dFsrcbZS0pyvI-TeiP_Rg_FOJnteZLA9ORSPZUxKQWAdbw00yUxfn9og2RkT1ldhoF-yV\" 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>\u00a0<\/p>\n<h3>Diagram Alur Mermaid: Temui Dokter<\/h3>\n<p>Diagram alur ini menggambarkan proses pengambilan keputusan kesehatan yang khas, membimbing pasien dari pengenalan awal gejala melalui diagnosis, pengujian, pengobatan, hingga pemulihan. Diagram ini menyoroti titik-titik keputusan kunci, termasuk penilaian darurat, evaluasi diagnostik, dan efektivitas pengobatan, sambil menunjukkan bagaimana gejala yang belum terselesaikan mungkin memerlukan konsultasi medis tambahan dan penilaian ulang.<\/p>\n<p><img loading=\"lazy\" alt=\"Kode bagan alur Mermaid.js untuk alur 'periksa dokter', sedang diedit dengan editor langsung teks-ke-diagram VPasCode dari Visual Paradigm\" class=\"alignnone size-full wp-image-2653\" decoding=\"async\" height=\"745\" loading=\"lazy\" sizes=\"auto, (max-width: 1192px) 100vw, 1192px\" src=\"https:\/\/updates.visual-paradigm.com\/wp-content\/uploads\/2026\/06\/vpascode-mermaid-flowchart-see-doctor.jpg\" srcset=\"https:\/\/updates.visual-paradigm.com\/wp-content\/uploads\/2026\/06\/vpascode-mermaid-flowchart-see-doctor.jpg 1192w, https:\/\/updates.visual-paradigm.com\/wp-content\/uploads\/2026\/06\/vpascode-mermaid-flowchart-see-doctor-300x188.jpg 300w, https:\/\/updates.visual-paradigm.com\/wp-content\/uploads\/2026\/06\/vpascode-mermaid-flowchart-see-doctor-1024x640.jpg 1024w, https:\/\/updates.visual-paradigm.com\/wp-content\/uploads\/2026\/06\/vpascode-mermaid-flowchart-see-doctor-768x480.jpg 768w\" width=\"1192\"\/><\/p>\n<div class=\"vpascode-viewer-container vpascode-fancy-active\">\n<div class=\"vpascode-header\">\n<span class=\"vpascode-lang-label\">Mermaid<\/span><br \/>\n<a class=\"vpascode-fancy-btn\" href=\"https:\/\/www.vpascode.com\/editor\/#mermaid:eNpdkd9ugjAUh+9NfIfzAmZvsAUFFP+wBd3F0nDRtGfapLSkLRije\/fRomDkjpyv3+932l+pz+xEjYNDPJ1A90UkRZTwrc4oJWgDOSKHHXLBqISIt4JhCbPZO8yvmQXhgCpIKjRHVOzy8Ted9J65Z24\/aG+wIAvauQYI9mi8xnr9UoPTkBTl87Fc3yAme3ZC3kiEWDPXoVFda6FchcqVj5g4VElI5Bwq\/oJ4IAlASu6OpKWyoU5oNSjSQCyvsaBHpa2wsKMcx02W4yYrcjBIgx6+JFXlM+FLZ+TTcDRwQOvskJCFhDUpkKFoMUyhQNvIAHlk3dd8nFiF3w1JtexeCIbUO70J4+11f6lqpysLWVUb3SIfW2\/H1jsf3E3NBd6g0I0TCqE3z5q6fOb9DnmHu8Yo\/y79rd2RvO\/4DwW\/pJQ=\" 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 Mermaid di VPasCode<\/span><br \/>\n<\/a>\n<\/div>\n<div class=\"vpascode-code-wrapper\">\n<div class=\"vpascode-viewer-container vpascode-fancy-active\">\n<div class=\"vpascode-header\">\n<span class=\"vpascode-lang-label\">Mermaid<\/span><br \/>\n<a class=\"vpascode-fancy-btn\" href=\"https:\/\/www.vpascode.com\/editor\/#mermaid:eNpdkd9ugjAUh+9NfIfzAmZvsAUFFP+wBd3F0nDRtGfapLSkLRije\/fRomDkjpyv3+932l+pz+xEjYNDPJ1A90UkRZTwrc4oJWgDOSKHHXLBqISIt4JhCbPZO8yvmQXhgCpIKjRHVOzy8Ted9J65Z24\/aG+wIAvauQYI9mi8xnr9UoPTkBTl87Fc3yAme3ZC3kiEWDPXoVFda6FchcqVj5g4VElI5Bwq\/oJ4IAlASu6OpKWyoU5oNSjSQCyvsaBHpa2wsKMcx02W4yYrcjBIgx6+JFXlM+FLZ+TTcDRwQOvskJCFhDUpkKFoMUyhQNvIAHlk3dd8nFiF3w1JtexeCIbUO70J4+11f6lqpysLWVUb3SIfW2\/H1jsf3E3NBd6g0I0TCqE3z5q6fOb9DnmHu8Yo\/y79rd2RvO\/4DwW\/pJQ=\" 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 Mermaid 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\">Mermaid<\/span>\r\n                    <a href=\"https:\/\/www.vpascode.com\/editor\/#mermaid:eNplkk1uwjAQhfdI3GEugHqDVtBAfgiogmwqK4sJcRMTx6kSu6iC3r1jh4So9c72mzfv8\/hDNpdTia2GxJvPgNaSHbBDSESOFRx5iRpQo4GV0aaEPXbCHu14LroUFotnWF2Xn1hhCaES4GFrWtQvP\/NZb7eymts73uCVBSYzqhAQ4zcqVIO493\/jLV1VHELfS6e1LskNPBZhfkFZUWGE6iwg4bWBnKvCWjWV5m06dPVcsjULMBetNX1U3L3XTrFh6y+UhqCgkbz8a7NxIv\/qCSxU04kOjiYnUk9kZgrpj5ABO3B1IjriUUWTEZpKp6I7TciIVyiNpeVJeDf2DF3PiO24IkWNEFA6eZdYQdQnH\/SB225ZWBkt\/nfduuv46vMzSqS51RmK6hE9HqPvKFJtJI1XwRPNX9kPENO7GQ0H8h4c4ynHnm2to3STG1\/PyvZ9zF\/hALJX\" \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 Mermaid in VPasCode<\/span>\r\n                    <\/a>\r\n                <\/div>\r\n                                <div class=\"vpascode-code-wrapper\">\r\n                    <pre class=\"lang-mermaid\"><code class=\"language-mermaid\" data-language=\"mermaid\" class=\"language-mermaid\">flowchart TD\r\n    A[Rasa Tidak Sehat atau Butuh Nasihat Medis] --&gt; B{Apakah Ini Darurat?}\r\n\r\n    B --&gt;|Ya| C[Hubungi Layanan Darurat atau Pergi ke IGD]\r\n    B --&gt;|Tidak| D[Jadwalkan Janji Temu dengan Dokter]\r\n\r\n    D --&gt; E[Hadir ke Janji Temu]\r\n    E --&gt; F[Evaluasi oleh Dokter]\r\n\r\n    F --&gt; G{Diagnosis Sudah Dibuat?}\r\n\r\n    G --&gt;|Ya| H[Rencana Pengobatan]\r\n    G --&gt;|Tidak| I[Perintahkan Tes]\r\n\r\n    I --&gt; J[Menerima Hasil Tes]\r\n    J --&gt; F\r\n\r\n    H --&gt; K[Ikuti Pengobatan]\r\n    K --&gt; L{Gejala Membaik?}\r\n\r\n    L --&gt;|Ya| M[Pemulihan \/ Tindak Lanjut Rutin]\r\n    L --&gt;|Tidak| N[Kembali ke Dokter]\r\n    N --&gt; F\r\n<\/code><\/pre>                <\/div>\r\n                <div class=\"vpascode-actions\">\r\n                    <a href=\"https:\/\/www.vpascode.com\/editor\/#mermaid:eNplkk1uwjAQhfdI3GEugHqDVtBAfgiogmwqK4sJcRMTx6kSu6iC3r1jh4So9c72mzfv8\/hDNpdTia2GxJvPgNaSHbBDSESOFRx5iRpQo4GV0aaEPXbCHu14LroUFotnWF2Xn1hhCaES4GFrWtQvP\/NZb7eymts73uCVBSYzqhAQ4zcqVIO493\/jLV1VHELfS6e1LskNPBZhfkFZUWGE6iwg4bWBnKvCWjWV5m06dPVcsjULMBetNX1U3L3XTrFh6y+UhqCgkbz8a7NxIv\/qCSxU04kOjiYnUk9kZgrpj5ABO3B1IjriUUWTEZpKp6I7TciIVyiNpeVJeDf2DF3PiO24IkWNEFA6eZdYQdQnH\/SB225ZWBkt\/nfduuv46vMzSqS51RmK6hE9HqPvKFJtJI1XwRPNX9kPENO7GQ0H8h4c4ynHnm2to3STG1\/PyvZ9zF\/hALJX\" \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 Mermaid 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\/#mermaid:eNpdkd9ugjAUh+9NfIfzAmZvsAUFFP+wBd3F0nDRtGfapLSkLRije\/fRomDkjpyv3+932l+pz+xEjYNDPJ1A90UkRZTwrc4oJWgDOSKHHXLBqISIt4JhCbPZO8yvmQXhgCpIKjRHVOzy8Ted9J65Z24\/aG+wIAvauQYI9mi8xnr9UoPTkBTl87Fc3yAme3ZC3kiEWDPXoVFda6FchcqVj5g4VElI5Bwq\/oJ4IAlASu6OpKWyoU5oNSjSQCyvsaBHpa2wsKMcx02W4yYrcjBIgx6+JFXlM+FLZ+TTcDRwQOvskJCFhDUpkKFoMUyhQNvIAHlk3dd8nFiF3w1JtexeCIbUO70J4+11f6lqpysLWVUb3SIfW2\/H1jsf3E3NBd6g0I0TCqE3z5q6fOb9DnmHu8Yo\/y79rd2RvO\/4DwW\/pJQ=\" 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 Mermaid di VPasCode<\/span><br \/>\n<\/a>\n<\/div>\n<\/div>\n<\/div>\n<div class=\"vpascode-actions\">\n<a class=\"vpascode-fancy-btn\" href=\"https:\/\/www.vpascode.com\/editor\/#mermaid:eNpdkd9ugjAUh+9NfIfzAmZvsAUFFP+wBd3F0nDRtGfapLSkLRije\/fRomDkjpyv3+932l+pz+xEjYNDPJ1A90UkRZTwrc4oJWgDOSKHHXLBqISIt4JhCbPZO8yvmQXhgCpIKjRHVOzy8Ted9J65Z24\/aG+wIAvauQYI9mi8xnr9UoPTkBTl87Fc3yAme3ZC3kiEWDPXoVFda6FchcqVj5g4VElI5Bwq\/oJ4IAlASu6OpKWyoU5oNSjSQCyvsaBHpa2wsKMcx02W4yYrcjBIgx6+JFXlM+FLZ+TTcDRwQOvskJCFhDUpkKFoMUyhQNvIAHlk3dd8nFiF3w1JtexeCIbUO70J4+11f6lqpysLWVUb3SIfW2\/H1jsf3E3NBd6g0I0TCqE3z5q6fOb9DnmHu8Yo\/y79rd2RvO\/4DwW\/pJQ=\" 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 Mermaid di VPasCode<\/span><br \/>\n<\/a>\n<\/div>\n<\/div>\n<p>\u00a0<\/p>\n<h3>Grafik Graphviz<\/h3>\n<p>Diagram ini merepresentasikan topologi jaringan pusat data yang disederhanakan, menggambarkan bagaimana host terhubung melalui tulang punggung switch yang saling terhubung. Diagram ini menyoroti jalur komunikasi utama antar perangkat jaringan, termasuk tautan trunk antar switch dan koneksi failover sekunder yang menyediakan redundansi dan ketahanan jika terjadi gangguan jaringan.<\/p>\n<p><img loading=\"lazy\" alt=\"Kode Graphviz untuk grafik contoh, sedang diedit dengan editor langsung teks-ke-diagram VPasCode dari Visual Paradigm\" class=\"alignnone size-full wp-image-2652\" decoding=\"async\" height=\"745\" loading=\"lazy\" sizes=\"auto, (max-width: 1192px) 100vw, 1192px\" src=\"https:\/\/updates.visual-paradigm.com\/wp-content\/uploads\/2026\/06\/vpascode-graphviz-graph.jpg\" srcset=\"https:\/\/updates.visual-paradigm.com\/wp-content\/uploads\/2026\/06\/vpascode-graphviz-graph.jpg 1192w, https:\/\/updates.visual-paradigm.com\/wp-content\/uploads\/2026\/06\/vpascode-graphviz-graph-300x188.jpg 300w, https:\/\/updates.visual-paradigm.com\/wp-content\/uploads\/2026\/06\/vpascode-graphviz-graph-1024x640.jpg 1024w, https:\/\/updates.visual-paradigm.com\/wp-content\/uploads\/2026\/06\/vpascode-graphviz-graph-768x480.jpg 768w\" width=\"1192\"\/><\/p>\n<div class=\"vpascode-viewer-container vpascode-fancy-active\">\n<div class=\"vpascode-header\">\n<span class=\"vpascode-lang-label\">Graphviz<\/span><br \/>\n<a class=\"vpascode-fancy-btn\" href=\"https:\/\/www.vpascode.com\/editor\/#graphviz:eNqNU8tOwzAQvCPxD6twTRFtEx4HH1oQAgl6aRGHqkKOvUmsGjuyXUpB\/DtOkwgDLcIHS9mZWY0nu4WhVQkPiguDzCGfVlQpoYqZQYT3wwPwJ9fKKfqMJLpB+YJOMBqPjKAytlTZnkUj8qihSpqhJNEVdbR3icqhgXu0JUzQrbVZwkxXWupiA2PKlplWCLcqN9Q6s2JuZTBsIzUjURZ9ebDiDUk\/aQrNrTRHmP\/LYAy2pBUSJgyT6L\/cRiLJhZTIY2DeliHRUXKWpqcXnlwDXTHv52leF9eCu5KcHJ\/X+CvyrSPvHReNHeSFt9PJLhI6zM69rELVKAfH6SK0P10Lx8qRrEoKMG\/Dmz4+jX4YYBlPsR8tQtUYnReFqvGfqomPqg\/t6VQ32rqnk2+cwW7OIOQMd3OGISfZzUmivQn0euHTOhnMzEot\/UjCnVDL+iegKEpH0sXODttn7kUGvxJsgeE+IAnT67rAvJkeTm0ZTk+beNztAVxTIfWL34LbeheYVspvWZ3AxyeFTAk4\" 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 Graphviz di VPasCode<\/span><br \/>\n<\/a>\n<\/div>\n<div class=\"vpascode-code-wrapper\">\n<div class=\"vpascode-viewer-container vpascode-fancy-active\">\n<div class=\"vpascode-header\">\n<span class=\"vpascode-lang-label\">Graphviz<\/span><br \/>\n<a class=\"vpascode-fancy-btn\" href=\"https:\/\/www.vpascode.com\/editor\/#graphviz:eNqNU8tOwzAQvCPxD6twTRFtEx4HH1oQAgl6aRGHqkKOvUmsGjuyXUpB\/DtOkwgDLcIHS9mZWY0nu4WhVQkPiguDzCGfVlQpoYqZQYT3wwPwJ9fKKfqMJLpB+YJOMBqPjKAytlTZnkUj8qihSpqhJNEVdbR3icqhgXu0JUzQrbVZwkxXWupiA2PKlplWCLcqN9Q6s2JuZTBsIzUjURZ9ebDiDUk\/aQrNrTRHmP\/LYAy2pBUSJgyT6L\/cRiLJhZTIY2DeliHRUXKWpqcXnlwDXTHv52leF9eCu5KcHJ\/X+CvyrSPvHReNHeSFt9PJLhI6zM69rELVKAfH6SK0P10Lx8qRrEoKMG\/Dmz4+jX4YYBlPsR8tQtUYnReFqvGfqomPqg\/t6VQ32rqnk2+cwW7OIOQMd3OGISfZzUmivQn0euHTOhnMzEot\/UjCnVDL+iegKEpH0sXODttn7kUGvxJsgeE+IAnT67rAvJkeTm0ZTk+beNztAVxTIfWL34LbeheYVspvWZ3AxyeFTAk4\" 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 Graphviz 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\">Graphviz<\/span>\r\n                    <a href=\"https:\/\/www.vpascode.com\/editor\/#graphviz:eNqNUl1LwzAUfRf8D5f62g23tTof8jARUUERVvFhjHHX3LZhMSlJuvmB\/91sa1kdmxhIoPeec3vu4eQGywJeFBeGUkd8XKJSQuWJIYKv0xPwJ9PKKXwjFtyRXJITKYYjI1CGFpXtWDIiC7ZQiXOSLEh0qaXOBTyg8cNQwSPZAp4riw5u0CHcq8ygdaZauMpAUklUue+rPPe3PUzqlAXzYKfEik9ivWhb2DxKc4LJv1SGYAssiaXCpJL8l\/uQxDIhJfEQUi\/asOAsuozjiysPXjeaYtbL4mxdXAnuCnbeHa7778Q3gvwmNN2oIZ57NQ3rKsLBfOhZJaktsd+Npzvt45VwaTGSZYEAk9q+8etstPf3dM5j6gXTFumavI+\/SNd\/kZ68Sz2oT0O609bNztuQ\/mFIvwUZHIYMWpDoMCQKjqze6bSXakiQYOV8eBJTqYXP0dp8EnnhWDw9NGKz4rFGf9+6uj44Uo9arjUjYLINDEdbtANTGx02+ffxdmQWWtHCCrhFIfWSjF\/++wex4gt3\" \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 Graphviz in VPasCode<\/span>\r\n                    <\/a>\r\n                <\/div>\r\n                                <div class=\"vpascode-code-wrapper\">\r\n                    <pre class=\"lang-graphviz\"><code class=\"language-graphviz\" data-language=\"graphviz\" class=\"language-graphviz\">graph UndirectedSpanningTree {\r\n    fontname=\"Helvetica,Arial,sans-serif\"\r\n    label=\"Topologi Jaringan Mesh Pusat Data Infrastruktur Tulang Punggung\"\r\n    labelloc=\"b\"\r\n    fontsize=14\r\n    \n    node [fontname=\"Helvetica,Arial,sans-serif\", shape=circle, style=filled, color=\"#475569\", fillcolor=\"#f1f5f9\", width=0.8, fixedsize=true]\n    edge [color=\"#94a3b8\", penwidth=2.5]\n    \n    SwitchAlpha  [label=\"SW_A\", fillcolor=\"#cbd5e1\"]\n    SwitchBeta   [label=\"SW_B\", fillcolor=\"#cbd5e1\"]\n    Node1        [label=\"Host_01\"]\n    Node2        [label=\"Host_02\"]\n    Node3        [label=\"Host_03\"]\n    Node4        [label=\"Host_04\"]\n    \n    SwitchAlpha -- SwitchBeta [label=\" Tautan Trunking\", weight=5]\n    SwitchAlpha -- Node1\n    SwitchAlpha -- Node2\n    SwitchBeta -- Node3\n    SwitchBeta -- Node4\n    Node1 -- Node2 [style=dashed, color=\"#cbd5e1\", label=\" Interkoneksi Failover\"]\n}\n<\/code><\/pre>                <\/div>\r\n                <div class=\"vpascode-actions\">\r\n                    <a href=\"https:\/\/www.vpascode.com\/editor\/#graphviz:eNqNUl1LwzAUfRf8D5f62g23tTof8jARUUERVvFhjHHX3LZhMSlJuvmB\/91sa1kdmxhIoPeec3vu4eQGywJeFBeGUkd8XKJSQuWJIYKv0xPwJ9PKKXwjFtyRXJITKYYjI1CGFpXtWDIiC7ZQiXOSLEh0qaXOBTyg8cNQwSPZAp4riw5u0CHcq8ygdaZauMpAUklUue+rPPe3PUzqlAXzYKfEik9ivWhb2DxKc4LJv1SGYAssiaXCpJL8l\/uQxDIhJfEQUi\/asOAsuozjiysPXjeaYtbL4mxdXAnuCnbeHa7778Q3gvwmNN2oIZ57NQ3rKsLBfOhZJaktsd+Npzvt45VwaTGSZYEAk9q+8etstPf3dM5j6gXTFumavI+\/SNd\/kZ68Sz2oT0O609bNztuQ\/mFIvwUZHIYMWpDoMCQKjqze6bSXakiQYOV8eBJTqYXP0dp8EnnhWDw9NGKz4rFGf9+6uj44Uo9arjUjYLINDEdbtANTGx02+ffxdmQWWtHCCrhFIfWSjF\/++wex4gt3\" \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 Graphviz 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\/#graphviz:eNqNU8tOwzAQvCPxD6twTRFtEx4HH1oQAgl6aRGHqkKOvUmsGjuyXUpB\/DtOkwgDLcIHS9mZWY0nu4WhVQkPiguDzCGfVlQpoYqZQYT3wwPwJ9fKKfqMJLpB+YJOMBqPjKAytlTZnkUj8qihSpqhJNEVdbR3icqhgXu0JUzQrbVZwkxXWupiA2PKlplWCLcqN9Q6s2JuZTBsIzUjURZ9ebDiDUk\/aQrNrTRHmP\/LYAy2pBUSJgyT6L\/cRiLJhZTIY2DeliHRUXKWpqcXnlwDXTHv52leF9eCu5KcHJ\/X+CvyrSPvHReNHeSFt9PJLhI6zM69rELVKAfH6SK0P10Lx8qRrEoKMG\/Dmz4+jX4YYBlPsR8tQtUYnReFqvGfqomPqg\/t6VQ32rqnk2+cwW7OIOQMd3OGISfZzUmivQn0euHTOhnMzEot\/UjCnVDL+iegKEpH0sXODttn7kUGvxJsgeE+IAnT67rAvJkeTm0ZTk+beNztAVxTIfWL34LbeheYVspvWZ3AxyeFTAk4\" 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 Graphviz di VPasCode<\/span><br \/>\n<\/a>\n<\/div>\n<\/div>\n<\/div>\n<div class=\"vpascode-actions\">\n<a class=\"vpascode-fancy-btn\" href=\"https:\/\/www.vpascode.com\/editor\/#graphviz:eNqNU8tOwzAQvCPxD6twTRFtEx4HH1oQAgl6aRGHqkKOvUmsGjuyXUpB\/DtOkwgDLcIHS9mZWY0nu4WhVQkPiguDzCGfVlQpoYqZQYT3wwPwJ9fKKfqMJLpB+YJOMBqPjKAytlTZnkUj8qihSpqhJNEVdbR3icqhgXu0JUzQrbVZwkxXWupiA2PKlplWCLcqN9Q6s2JuZTBsIzUjURZ9ebDiDUk\/aQrNrTRHmP\/LYAy2pBUSJgyT6L\/cRiLJhZTIY2DeliHRUXKWpqcXnlwDXTHv52leF9eCu5KcHJ\/X+CvyrSPvHReNHeSFt9PJLhI6zM69rELVKAfH6SK0P10Lx8qRrEoKMG\/Dmz4+jX4YYBlPsR8tQtUYnReFqvGfqomPqg\/t6VQ32rqnk2+cwW7OIOQMd3OGISfZzUmivQn0euHTOhnMzEot\/UjCnVDL+iegKEpH0sXODttn7kUGvxJsgeE+IAnT67rAvJkeTm0ZTk+beNztAVxTIfWL34LbeheYVspvWZ3AxyeFTAk4\" 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 Graphviz di VPasCode<\/span><br \/>\n<\/a>\n<\/div>\n<\/div>\n<h2>Mulai Hari Ini<\/h2>\n<p>Siap merasakan kecepatan diagram-sebagai-kode? Apakah Anda memerlukan editor yang andal,<strong>editor PlantUML<\/strong>, editor cepat,<strong>editor Mermaid<\/strong>, atau kompiler Graphviz yang kuat, VPasCode siap untuk Anda.<\/p>\n<p>Kunjungi platform kami sekarang di:<\/p>\n<p><a href=\"https:\/\/www.vpascode.com\/\">https:\/\/www.vpascode.com\/<\/a><\/p>\n<p>Coba editor real-time, dan revolusionalkan cara Anda merancang perangkat lunak dan sistem!<\/p>\n","protected":false},"featured_media":2900,"template":"","meta":{"_acf_changed":false,"_yoast_wpseo_title":"VPasCode: Platform Terpadu Teks-ke-Diagram | Editor PlantUML & Mermaid","_yoast_wpseo_metadesc":"Temukan VPasCode, platform teks-ke-diagram gratis dari Visual Paradigm. Buat, pratinjau, dan bagikan diagram PlantUML, Mermaid.js, dan Graphviz secara instan dengan dukungan AI.","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":"","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":""}}},"product":[2,3],"product-area":[13,6,12],"version":[42],"release-type":[16],"class_list":["post-2899","releases","type-releases","status-publish","has-post-thumbnail","hentry","product-visual-paradigm","product-visual-paradigm-online","product-area-ai","product-area-diagramming","product-area-software-development","version-v18-0","release-type-new-feature"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v26.4 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>VPasCode: Platform Terpadu Teks-ke-Diagram | Editor PlantUML &amp; Mermaid<\/title>\n<meta name=\"description\" content=\"Temukan VPasCode, platform teks-ke-diagram gratis dari Visual Paradigm. Buat, pratinjau, dan bagikan diagram PlantUML, Mermaid.js, dan Graphviz secara instan dengan dukungan AI.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/updates.visual-paradigm.com\/id\/releases\/introducing-vpascode-the-ultimate-unified-text-to-diagram-platform\/\" \/>\n<meta property=\"og:locale\" content=\"id_ID\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"VPasCode: Platform Terpadu Teks-ke-Diagram | Editor PlantUML &amp; Mermaid\" \/>\n<meta property=\"og:description\" content=\"Temukan VPasCode, platform teks-ke-diagram gratis dari Visual Paradigm. Buat, pratinjau, dan bagikan diagram PlantUML, Mermaid.js, dan Graphviz secara instan dengan dukungan AI.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/updates.visual-paradigm.com\/id\/releases\/introducing-vpascode-the-ultimate-unified-text-to-diagram-platform\/\" \/>\n<meta property=\"og:site_name\" content=\"Visual Paradigm Product Updates Indonesian\" \/>\n<meta property=\"article:modified_time\" content=\"2026-09-04T00:17:45+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/updates.visual-paradigm.com\/id\/wp-content\/uploads\/sites\/12\/2026\/06\/vpascode-plantuml-class-diagram-library-management-system.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"1192\" \/>\n\t<meta property=\"og:image:height\" content=\"745\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\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=\"8 menit\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/updates.visual-paradigm.com\/id\/releases\/introducing-vpascode-the-ultimate-unified-text-to-diagram-platform\/\",\"url\":\"https:\/\/updates.visual-paradigm.com\/id\/releases\/introducing-vpascode-the-ultimate-unified-text-to-diagram-platform\/\",\"name\":\"VPasCode: Platform Terpadu Teks-ke-Diagram | Editor PlantUML & Mermaid\",\"isPartOf\":{\"@id\":\"https:\/\/updates.visual-paradigm.com\/id\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/updates.visual-paradigm.com\/id\/releases\/introducing-vpascode-the-ultimate-unified-text-to-diagram-platform\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/updates.visual-paradigm.com\/id\/releases\/introducing-vpascode-the-ultimate-unified-text-to-diagram-platform\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/updates.visual-paradigm.com\/id\/wp-content\/uploads\/sites\/12\/2026\/06\/vpascode-plantuml-class-diagram-library-management-system.jpg\",\"datePublished\":\"2026-06-09T07:33:53+00:00\",\"dateModified\":\"2026-09-04T00:17:45+00:00\",\"description\":\"Temukan VPasCode, platform teks-ke-diagram gratis dari Visual Paradigm. Buat, pratinjau, dan bagikan diagram PlantUML, Mermaid.js, dan Graphviz secara instan dengan dukungan AI.\",\"breadcrumb\":{\"@id\":\"https:\/\/updates.visual-paradigm.com\/id\/releases\/introducing-vpascode-the-ultimate-unified-text-to-diagram-platform\/#breadcrumb\"},\"inLanguage\":\"id\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/updates.visual-paradigm.com\/id\/releases\/introducing-vpascode-the-ultimate-unified-text-to-diagram-platform\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"id\",\"@id\":\"https:\/\/updates.visual-paradigm.com\/id\/releases\/introducing-vpascode-the-ultimate-unified-text-to-diagram-platform\/#primaryimage\",\"url\":\"https:\/\/updates.visual-paradigm.com\/id\/wp-content\/uploads\/sites\/12\/2026\/06\/vpascode-plantuml-class-diagram-library-management-system.jpg\",\"contentUrl\":\"https:\/\/updates.visual-paradigm.com\/id\/wp-content\/uploads\/sites\/12\/2026\/06\/vpascode-plantuml-class-diagram-library-management-system.jpg\",\"width\":1192,\"height\":745},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/updates.visual-paradigm.com\/id\/releases\/introducing-vpascode-the-ultimate-unified-text-to-diagram-platform\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/updates.visual-paradigm.com\/id\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Memperkenalkan VPasCode: Platform Terpadu Teks-ke-Diagram Terbaik\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/updates.visual-paradigm.com\/id\/#website\",\"url\":\"https:\/\/updates.visual-paradigm.com\/id\/\",\"name\":\"Visual Paradigm Product Updates Indonesian\",\"description\":\"\",\"publisher\":{\"@id\":\"https:\/\/updates.visual-paradigm.com\/id\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/updates.visual-paradigm.com\/id\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"id\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/updates.visual-paradigm.com\/id\/#organization\",\"name\":\"Visual Paradigm Product Updates Indonesian\",\"url\":\"https:\/\/updates.visual-paradigm.com\/id\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"id\",\"@id\":\"https:\/\/updates.visual-paradigm.com\/id\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/updates.visual-paradigm.com\/id\/wp-content\/uploads\/sites\/12\/2025\/11\/vp-updates.png\",\"contentUrl\":\"https:\/\/updates.visual-paradigm.com\/id\/wp-content\/uploads\/sites\/12\/2025\/11\/vp-updates.png\",\"width\":185,\"height\":50,\"caption\":\"Visual Paradigm Product Updates Indonesian\"},\"image\":{\"@id\":\"https:\/\/updates.visual-paradigm.com\/id\/#\/schema\/logo\/image\/\"}}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"VPasCode: Platform Terpadu Teks-ke-Diagram | Editor PlantUML & Mermaid","description":"Temukan VPasCode, platform teks-ke-diagram gratis dari Visual Paradigm. Buat, pratinjau, dan bagikan diagram PlantUML, Mermaid.js, dan Graphviz secara instan dengan dukungan AI.","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:\/\/updates.visual-paradigm.com\/id\/releases\/introducing-vpascode-the-ultimate-unified-text-to-diagram-platform\/","og_locale":"id_ID","og_type":"article","og_title":"VPasCode: Platform Terpadu Teks-ke-Diagram | Editor PlantUML & Mermaid","og_description":"Temukan VPasCode, platform teks-ke-diagram gratis dari Visual Paradigm. Buat, pratinjau, dan bagikan diagram PlantUML, Mermaid.js, dan Graphviz secara instan dengan dukungan AI.","og_url":"https:\/\/updates.visual-paradigm.com\/id\/releases\/introducing-vpascode-the-ultimate-unified-text-to-diagram-platform\/","og_site_name":"Visual Paradigm Product Updates Indonesian","article_modified_time":"2026-09-04T00:17:45+00:00","og_image":[{"width":1192,"height":745,"url":"https:\/\/updates.visual-paradigm.com\/id\/wp-content\/uploads\/sites\/12\/2026\/06\/vpascode-plantuml-class-diagram-library-management-system.jpg","type":"image\/jpeg"}],"twitter_card":"summary_large_image","twitter_misc":{"Estimasi waktu membaca":"8 menit"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/updates.visual-paradigm.com\/id\/releases\/introducing-vpascode-the-ultimate-unified-text-to-diagram-platform\/","url":"https:\/\/updates.visual-paradigm.com\/id\/releases\/introducing-vpascode-the-ultimate-unified-text-to-diagram-platform\/","name":"VPasCode: Platform Terpadu Teks-ke-Diagram | Editor PlantUML & Mermaid","isPartOf":{"@id":"https:\/\/updates.visual-paradigm.com\/id\/#website"},"primaryImageOfPage":{"@id":"https:\/\/updates.visual-paradigm.com\/id\/releases\/introducing-vpascode-the-ultimate-unified-text-to-diagram-platform\/#primaryimage"},"image":{"@id":"https:\/\/updates.visual-paradigm.com\/id\/releases\/introducing-vpascode-the-ultimate-unified-text-to-diagram-platform\/#primaryimage"},"thumbnailUrl":"https:\/\/updates.visual-paradigm.com\/id\/wp-content\/uploads\/sites\/12\/2026\/06\/vpascode-plantuml-class-diagram-library-management-system.jpg","datePublished":"2026-06-09T07:33:53+00:00","dateModified":"2026-09-04T00:17:45+00:00","description":"Temukan VPasCode, platform teks-ke-diagram gratis dari Visual Paradigm. Buat, pratinjau, dan bagikan diagram PlantUML, Mermaid.js, dan Graphviz secara instan dengan dukungan AI.","breadcrumb":{"@id":"https:\/\/updates.visual-paradigm.com\/id\/releases\/introducing-vpascode-the-ultimate-unified-text-to-diagram-platform\/#breadcrumb"},"inLanguage":"id","potentialAction":[{"@type":"ReadAction","target":["https:\/\/updates.visual-paradigm.com\/id\/releases\/introducing-vpascode-the-ultimate-unified-text-to-diagram-platform\/"]}]},{"@type":"ImageObject","inLanguage":"id","@id":"https:\/\/updates.visual-paradigm.com\/id\/releases\/introducing-vpascode-the-ultimate-unified-text-to-diagram-platform\/#primaryimage","url":"https:\/\/updates.visual-paradigm.com\/id\/wp-content\/uploads\/sites\/12\/2026\/06\/vpascode-plantuml-class-diagram-library-management-system.jpg","contentUrl":"https:\/\/updates.visual-paradigm.com\/id\/wp-content\/uploads\/sites\/12\/2026\/06\/vpascode-plantuml-class-diagram-library-management-system.jpg","width":1192,"height":745},{"@type":"BreadcrumbList","@id":"https:\/\/updates.visual-paradigm.com\/id\/releases\/introducing-vpascode-the-ultimate-unified-text-to-diagram-platform\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/updates.visual-paradigm.com\/id\/"},{"@type":"ListItem","position":2,"name":"Memperkenalkan VPasCode: Platform Terpadu Teks-ke-Diagram Terbaik"}]},{"@type":"WebSite","@id":"https:\/\/updates.visual-paradigm.com\/id\/#website","url":"https:\/\/updates.visual-paradigm.com\/id\/","name":"Visual Paradigm Product Updates Indonesian","description":"","publisher":{"@id":"https:\/\/updates.visual-paradigm.com\/id\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/updates.visual-paradigm.com\/id\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"id"},{"@type":"Organization","@id":"https:\/\/updates.visual-paradigm.com\/id\/#organization","name":"Visual Paradigm Product Updates Indonesian","url":"https:\/\/updates.visual-paradigm.com\/id\/","logo":{"@type":"ImageObject","inLanguage":"id","@id":"https:\/\/updates.visual-paradigm.com\/id\/#\/schema\/logo\/image\/","url":"https:\/\/updates.visual-paradigm.com\/id\/wp-content\/uploads\/sites\/12\/2025\/11\/vp-updates.png","contentUrl":"https:\/\/updates.visual-paradigm.com\/id\/wp-content\/uploads\/sites\/12\/2025\/11\/vp-updates.png","width":185,"height":50,"caption":"Visual Paradigm Product Updates Indonesian"},"image":{"@id":"https:\/\/updates.visual-paradigm.com\/id\/#\/schema\/logo\/image\/"}}]}},"_links":{"self":[{"href":"https:\/\/updates.visual-paradigm.com\/id\/wp-json\/wp\/v2\/releases\/2899","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/updates.visual-paradigm.com\/id\/wp-json\/wp\/v2\/releases"}],"about":[{"href":"https:\/\/updates.visual-paradigm.com\/id\/wp-json\/wp\/v2\/types\/releases"}],"version-history":[{"count":0,"href":"https:\/\/updates.visual-paradigm.com\/id\/wp-json\/wp\/v2\/releases\/2899\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/updates.visual-paradigm.com\/id\/wp-json\/wp\/v2\/media\/2900"}],"wp:attachment":[{"href":"https:\/\/updates.visual-paradigm.com\/id\/wp-json\/wp\/v2\/media?parent=2899"}],"wp:term":[{"taxonomy":"product","embeddable":true,"href":"https:\/\/updates.visual-paradigm.com\/id\/wp-json\/wp\/v2\/product?post=2899"},{"taxonomy":"product-area","embeddable":true,"href":"https:\/\/updates.visual-paradigm.com\/id\/wp-json\/wp\/v2\/product-area?post=2899"},{"taxonomy":"version","embeddable":true,"href":"https:\/\/updates.visual-paradigm.com\/id\/wp-json\/wp\/v2\/version?post=2899"},{"taxonomy":"release-type","embeddable":true,"href":"https:\/\/updates.visual-paradigm.com\/id\/wp-json\/wp\/v2\/release-type?post=2899"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}