{"id":11832,"date":"2026-07-17T19:03:41","date_gmt":"2026-07-17T11:03:41","guid":{"rendered":"https:\/\/blog.visual-paradigm.com\/id\/beyond-uml-every-architecture-and-data-diagram-you-can-edit-as-code-in-vpascode\/"},"modified":"2026-07-26T18:22:32","modified_gmt":"2026-07-26T10:22:32","slug":"beyond-uml-every-architecture-and-data-diagram-you-can-edit-as-code-in-vpascode","status":"publish","type":"post","link":"https:\/\/blog.visual-paradigm.com\/id\/beyond-uml-every-architecture-and-data-diagram-you-can-edit-as-code-in-vpascode\/","title":{"rendered":"Di Luar UML: Setiap Arsitektur dan Diagram Data yang Dapat Anda Edit sebagai Kode di VPasCode"},"content":{"rendered":"<article class=\"vpascode-supported-diagrams-post\">\n<header>\n<p class=\"meta-description\" style=\"font-size: 1.1rem; color: #555; line-height: 1.6; margin-bottom: 25px;\">Mencari alat diagram sebagai kode yang lebih dari sekadar bagan alir dasar? Temukan bagaimana VPasCode mendukung C4, ArchiMate, ERD, DFD, diagram Gantt, dan UML standar.<\/p>\n<\/header>\n<hr style=\"border: 0; border-top: 1px solid #eee; margin: 20px 0;\"\/>\n<section>Ketika tim mengadopsi <strong>platform diagram sebagai kode<\/strong>, mereka sering menemui kendala. Sebagian besar alat rendering kode sumber terbuka dapat menangani bagan alir dasar dengan baik, tetapi gagal total saat diminta untuk merender arsitektur TI tingkat perusahaan, skema basis data, atau peta jalan proyek. Anda seharusnya tidak harus mengorbankan standar pemodelan Anda hanya untuk mendapatkan kecepatan alat UML berbasis teks<strong>alat UML berbasis teks<\/strong>.<a href=\"https:\/\/www.vpascode.com\/\"><strong>VPasCode<\/strong><\/a> jauh melampaui <strong>perangkat lunak diagram berbasis kode<\/strong>. Dengan menggabungkan mesin seperti <strong>PlantUML<\/strong>, <strong>Mermaid<\/strong>, dan <strong>Graphviz<\/strong>, ia berfungsi sebagai ruang kerja terpusat tunggal di mana Anda dapat mengedit arsitektur perangkat lunak yang kompleks, pemetaan basis data, dan peta pikiran sebagai teks bersih yang terkelola versi.<br \/>\n<\/section>\n<p><!-- Visual showcasing C4 Model Structure --><\/p>\n<div style=\"margin: 30px 0; text-align: center;\">\n<p><img decoding=\"async\" src=\"https:\/\/blog.visual-paradigm.com\/wp-content\/uploads\/2026\/07\/img_6a4df3944f3b6.png\" style=\"max-width: 100%; height: auto; border-radius: 8px; box-shadow: 0 4px 12px rgba(0,0,0,0.1);\"\/><\/p>\n<p style=\"font-size: 0.9rem; color: #666; margin-top: 8px; font-style: italic;\">Model C4 memungkinkan Anda menuruni secara visual dari Konteks ke Wadah dan Komponen menggunakan markup yang jelas dan terstruktur.<\/p>\n<\/div>\n<section>\n<h2>1. Arsitektur Perusahaan &amp; Perangkat Lunak Tingkat Tinggi<\/h2>\n<p>Pengembangan perangkat lunak modern membutuhkan pemetaan struktural yang jelas. VPasCode mendukung kerangka arsitektur perusahaan yang paling banyak diminta:<\/p>\n<ul>\n<li><strong>Model C4 (Konteks, Wadah, Komponen, Kode):<\/strong>Peta arsitektur perangkat lunak Anda di berbagai tingkat abstraksi. Dengan menggunakan sintaks C4 dalam Mermaid atau PlantUML, Anda dapat menjelaskan bagaimana sistem perangkat lunak berinteraksi, bahkan hingga penempatan wadah individu.<\/li>\n<li><strong>ArchiMate:<\/strong>Bagi arsitek perusahaan, VPasCode mendukung pemodelan ArchiMate. Peta proses bisnis, layanan aplikasi, dan lapisan infrastruktur dalam teks biasa tanpa bergantung pada alat pemodelan desktop yang berat dan lambat.<\/li>\n<\/ul>\n<p id=\"JSreeKN\"><img alt=\"Editing an ArchiMate diagram with Visual Paradigm VPasCode\" class=\"alignnone wp-image-25318 size-full\" decoding=\"async\" height=\"745\" loading=\"lazy\" sizes=\"auto, (max-width: 1192px) 100vw, 1192px\" src=\"https:\/\/blog.visual-paradigm.com\/wp-content\/uploads\/2026\/07\/img_6a5a0bc5b96e5.png\" srcset=\"https:\/\/blog.visual-paradigm.com\/wp-content\/uploads\/2026\/07\/img_6a5a0bc5b96e5.png 1192w, https:\/\/blog.visual-paradigm.com\/wp-content\/uploads\/2026\/07\/img_6a5a0bc5b96e5-300x188.png 300w, https:\/\/blog.visual-paradigm.com\/wp-content\/uploads\/2026\/07\/img_6a5a0bc5b96e5-1030x644.png 1030w, https:\/\/blog.visual-paradigm.com\/wp-content\/uploads\/2026\/07\/img_6a5a0bc5b96e5-768x480.png 768w, https:\/\/blog.visual-paradigm.com\/wp-content\/uploads\/2026\/07\/img_6a5a0bc5b96e5-150x94.png 150w, https:\/\/blog.visual-paradigm.com\/wp-content\/uploads\/2026\/07\/img_6a5a0bc5b96e5-400x250.png 400w\" width=\"1192\"\/><\/p>\n<\/section>\n<section>\n<h2>2. Pemodelan UML Teknis<\/h2>\n<p>Untuk <strong>pengeditan diagram UML berbasis teks<\/strong>, VPasCode menyediakan kanvas pengeditan yang kuat. Baik Anda memetakan perilaku sistem atau blueprints perangkat lunak, Anda dapat menulis dan mengelola:<\/p>\n<ul>\n<li><strong>Diagram kelas &amp; diagram objek:<\/strong>Untuk mendefinisikan struktur kode dan hubungan objek.<\/li>\n<li><strong>Diagram urutan:<\/strong>Sangat penting untuk memetakan pemanggilan API dan alur kerja multi-layanan.<\/li>\n<li><strong>Diagram kasus penggunaan &amp; diagram aktivitas:<\/strong>Untuk mendokumentasikan logika bisnis dan persyaratan sistem.<\/li>\n<li><strong>Diagram keadaan:<\/strong>Sempurna untuk melacak perubahan siklus hidup dalam suatu sistem.<\/li>\n<li><strong>Diagram komponen &amp; diagram penempatan:<\/strong>Untuk memvisualisasikan node perangkat keras fisik dan tata letak mikroservis.<\/li>\n<li><strong>Diagram waktu:<\/strong>Untuk menganalisis keterbatasan kinerja dan urutan eksekusi.<\/li>\n<\/ul>\n<\/section>\n<section>\n<h2>3. Pemodelan Data &amp; Proses<\/h2>\n<p>Pipeline data dan hubungan basis data harus berubah secepat aplikasi Anda. VPasCode memungkinkan Anda mengedit model berbasis data menggunakan skrip kode yang intuitif:<\/p>\n<ul>\n<li><strong>Diagram Hubungan Entitas (ERD):<\/strong>Model skema basis data relasional secara bersih dalam teks biasa menggunakan notasi Crow\u2019s Foot.<\/li>\n<li><strong>Diagram Alir Data (DFD):<\/strong>Catat bagaimana informasi bergerak melalui sistem, proses, dan aktor eksternal Anda.<\/li>\n<li><strong><a href=\"https:\/\/updates.visual-paradigm.com\/releases\/next-gen-ai-flowchart-generator-clearer-process-workflows-made-simple\/\">Diagram alir<\/a>:<\/strong>Segera buat kerangka jalur pengambilan keputusan logis dan lingkaran bersyarat.<\/li>\n<\/ul>\n<\/section>\n<section>\n<h2>4. Rencana Produk &amp; Alat Brainstorming<\/h2>\n<p>Dokumentasi teknis bukan hanya tentang gambaran perangkat lunak. VPasCode adalah lingkungan kerja yang sepenuhnya mampu<strong>perangkat lunak diagram sebagai kode<\/strong>ruang kerja untuk manajer proyek dan pemilik produk:<\/p>\n<ul>\n<li><strong>Grafik Gantt:<\/strong>Lacak jadwal proyek, ketergantungan, dan alokasi sumber daya dengan menulis jadwal kronologis sederhana.<\/li>\n<li><strong><a href=\"https:\/\/updates.visual-paradigm.com\/releases\/free-online-mind-map-tool-vpascode-markmap\/\">Markmap<\/a> (Peta Pikiran Interaktif):<\/strong>Ubah daftar Markdown standar menjadi peta pikiran visual yang indah dan dapat diperluas untuk sesi brainstorming cepat.<\/li>\n<\/ul>\n<\/section>\n<section>\n<h2>Keunggulan Ekosistem Visual Paradigm AI<\/h2>\n<p>Menulis skema kompleks ini dari awal bisa memakan waktu. Karena VPasCode adalah pilar utama dari<strong>Ekosistem AI Visual Paradigm<\/strong>, Anda tidak perlu memulai dari halaman kosong.<\/p>\n<p>Hasilkan arsitektur yang kompleks dengan <strong>Visual Paradigm <a href=\"https:\/\/ai-toolbox.visual-paradigm.com\/app\/chatbot-v2\/\">Chatbot Diagram AI<\/a><\/strong>, klik <strong>\u201cEdit di VPasCode\u201d<\/strong> untuk menarik kode ke ruang kerja Anda, dan mulai mengedit secara instan. Jika Anda membuat kesalahan sintaks, gunakan <a href=\"https:\/\/updates.visual-paradigm.com\/releases\/never-get-stuck-on-syntax-again-introducing-ai-code-error-fixing-in-vpascode\/\"><strong>Perbaikan Kesalahan Kode AI<\/strong><\/a> untuk memperbaikinya, atau gunakan <a href=\"https:\/\/updates.visual-paradigm.com\/releases\/break-language-barriers-natively-with-vpascodes-new-ai-diagram-translation\/\"><strong>Terjemahan Konten Kode AI<\/strong><\/a> untuk dengan cepat menyesuaikan label untuk peluncuran internasional.<\/p>\n<p>Ketika pengeditan Anda selesai, segera unggah ke <strong>Visual Paradigm OpenDocs<\/strong> untuk menerbitkan dokumentasi kolaboratif yang selalu diperbarui untuk tim Anda.<\/p>\n<\/section>\n<section style=\"background-color: #f9f9f9; padding: 20px; border-left: 4px solid #0052cc; border-radius: 4px; margin: 30px 0;\">\n<h3 style=\"margin-top: 0;\">Sederhanakan Alur Dokumentasi Anda<\/h3>\n<p style=\"margin-bottom: 0;\">Tidak peduli standar apa yang digunakan tim arsitektur Anda, VPasCode memiliki mesin untuk mendukungnya. Berhenti bersitegang dengan alat tata letak. <a href=\"https:\/\/www.visual-paradigm.com\" rel=\"noopener\" style=\"color: #0052cc; text-decoration: underline; font-weight: bold;\" target=\"_blank\">Coba Visual Paradigm VPasCode hari ini<\/a> dan bawa kecepatan yang ramah pengembang ke desain sistem Anda.<\/p>\n<\/section>\n<\/article>\n","protected":false},"excerpt":{"rendered":"<p>Mencari alat diagram sebagai kode yang lebih dari sekadar bagan alir dasar? Temukan bagaimana VPasCode mendukung C4, ArchiMate, ERD, DFD, diagram Gantt, dan UML standar. Ketika tim mengadopsi platform diagram sebagai kode, mereka sering menemui kendala. Sebagian besar alat rendering kode sumber terbuka dapat menangani bagan alir dasar dengan baik, tetapi gagal total saat diminta [&hellip;]<\/p>\n","protected":false},"author":7,"featured_media":11833,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_lmt_disableupdate":"no","_lmt_disable":"","footnotes":""},"categories":[72],"tags":[],"class_list":["post-11832","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-vpascode","loop-entry","clr"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v24.3 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Beyond UML: Deep Dive into VPasCode Supported Diagrams<\/title>\n<meta name=\"description\" content=\"What diagrams can you edit using code? Explore how VPasCode supports UML, ArchiMate, C4, ERD, DFD, Gantt charts, and Markmap in one unified workspace.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/blog.visual-paradigm.com\/id\/beyond-uml-every-architecture-and-data-diagram-you-can-edit-as-code-in-vpascode\/\" \/>\n<meta property=\"og:locale\" content=\"id_ID\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Beyond UML: Deep Dive into VPasCode Supported Diagrams\" \/>\n<meta property=\"og:description\" content=\"What diagrams can you edit using code? Explore how VPasCode supports UML, ArchiMate, C4, ERD, DFD, Gantt charts, and Markmap in one unified workspace.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/blog.visual-paradigm.com\/id\/beyond-uml-every-architecture-and-data-diagram-you-can-edit-as-code-in-vpascode\/\" \/>\n<meta property=\"og:site_name\" content=\"Visual Paradigm Blog\" \/>\n<meta property=\"article:published_time\" content=\"2026-07-17T11:03:41+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2026-07-26T10:22:32+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/blog.visual-paradigm.com\/id\/wp-content\/uploads\/sites\/16\/2026\/07\/img_6a5a0bc5b96e5.png\" \/>\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\/png\" \/>\n<meta name=\"author\" content=\"vpjick\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Ditulis oleh\" \/>\n\t<meta name=\"twitter:data1\" content=\"vpjick\" \/>\n\t<meta name=\"twitter:label2\" content=\"Estimasi waktu membaca\" \/>\n\t<meta name=\"twitter:data2\" content=\"4 menit\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/blog.visual-paradigm.com\/id\/beyond-uml-every-architecture-and-data-diagram-you-can-edit-as-code-in-vpascode\/\",\"url\":\"https:\/\/blog.visual-paradigm.com\/id\/beyond-uml-every-architecture-and-data-diagram-you-can-edit-as-code-in-vpascode\/\",\"name\":\"Beyond UML: Deep Dive into VPasCode Supported Diagrams\",\"isPartOf\":{\"@id\":\"https:\/\/blog.visual-paradigm.com\/id\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/blog.visual-paradigm.com\/id\/beyond-uml-every-architecture-and-data-diagram-you-can-edit-as-code-in-vpascode\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/blog.visual-paradigm.com\/id\/beyond-uml-every-architecture-and-data-diagram-you-can-edit-as-code-in-vpascode\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/blog.visual-paradigm.com\/id\/wp-content\/uploads\/sites\/16\/2026\/07\/img_6a5a0bc5b96e5.png\",\"datePublished\":\"2026-07-17T11:03:41+00:00\",\"dateModified\":\"2026-07-26T10:22:32+00:00\",\"author\":{\"@id\":\"https:\/\/blog.visual-paradigm.com\/id\/#\/schema\/person\/9523fd215405a2ff7d083811f1dd7cee\"},\"description\":\"What diagrams can you edit using code? Explore how VPasCode supports UML, ArchiMate, C4, ERD, DFD, Gantt charts, and Markmap in one unified workspace.\",\"breadcrumb\":{\"@id\":\"https:\/\/blog.visual-paradigm.com\/id\/beyond-uml-every-architecture-and-data-diagram-you-can-edit-as-code-in-vpascode\/#breadcrumb\"},\"inLanguage\":\"id\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/blog.visual-paradigm.com\/id\/beyond-uml-every-architecture-and-data-diagram-you-can-edit-as-code-in-vpascode\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"id\",\"@id\":\"https:\/\/blog.visual-paradigm.com\/id\/beyond-uml-every-architecture-and-data-diagram-you-can-edit-as-code-in-vpascode\/#primaryimage\",\"url\":\"https:\/\/blog.visual-paradigm.com\/id\/wp-content\/uploads\/sites\/16\/2026\/07\/img_6a5a0bc5b96e5.png\",\"contentUrl\":\"https:\/\/blog.visual-paradigm.com\/id\/wp-content\/uploads\/sites\/16\/2026\/07\/img_6a5a0bc5b96e5.png\",\"width\":1192,\"height\":745},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/blog.visual-paradigm.com\/id\/beyond-uml-every-architecture-and-data-diagram-you-can-edit-as-code-in-vpascode\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/blog.visual-paradigm.com\/id\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Di Luar UML: Setiap Arsitektur dan Diagram Data yang Dapat Anda Edit sebagai Kode di VPasCode\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/blog.visual-paradigm.com\/id\/#website\",\"url\":\"https:\/\/blog.visual-paradigm.com\/id\/\",\"name\":\"Visual Paradigm Blog\",\"description\":\"\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/blog.visual-paradigm.com\/id\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"id\"},{\"@type\":\"Person\",\"@id\":\"https:\/\/blog.visual-paradigm.com\/id\/#\/schema\/person\/9523fd215405a2ff7d083811f1dd7cee\",\"name\":\"vpjick\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"id\",\"@id\":\"https:\/\/blog.visual-paradigm.com\/id\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/ea00182e3e3255bddb24e6686fb0a7b0?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/ea00182e3e3255bddb24e6686fb0a7b0?s=96&d=mm&r=g\",\"caption\":\"vpjick\"},\"url\":\"https:\/\/blog.visual-paradigm.com\/id\/author\/vpjick\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Beyond UML: Deep Dive into VPasCode Supported Diagrams","description":"What diagrams can you edit using code? Explore how VPasCode supports UML, ArchiMate, C4, ERD, DFD, Gantt charts, and Markmap in one unified workspace.","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:\/\/blog.visual-paradigm.com\/id\/beyond-uml-every-architecture-and-data-diagram-you-can-edit-as-code-in-vpascode\/","og_locale":"id_ID","og_type":"article","og_title":"Beyond UML: Deep Dive into VPasCode Supported Diagrams","og_description":"What diagrams can you edit using code? Explore how VPasCode supports UML, ArchiMate, C4, ERD, DFD, Gantt charts, and Markmap in one unified workspace.","og_url":"https:\/\/blog.visual-paradigm.com\/id\/beyond-uml-every-architecture-and-data-diagram-you-can-edit-as-code-in-vpascode\/","og_site_name":"Visual Paradigm Blog","article_published_time":"2026-07-17T11:03:41+00:00","article_modified_time":"2026-07-26T10:22:32+00:00","og_image":[{"width":1192,"height":745,"url":"https:\/\/blog.visual-paradigm.com\/id\/wp-content\/uploads\/sites\/16\/2026\/07\/img_6a5a0bc5b96e5.png","type":"image\/png"}],"author":"vpjick","twitter_card":"summary_large_image","twitter_misc":{"Ditulis oleh":"vpjick","Estimasi waktu membaca":"4 menit"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/blog.visual-paradigm.com\/id\/beyond-uml-every-architecture-and-data-diagram-you-can-edit-as-code-in-vpascode\/","url":"https:\/\/blog.visual-paradigm.com\/id\/beyond-uml-every-architecture-and-data-diagram-you-can-edit-as-code-in-vpascode\/","name":"Beyond UML: Deep Dive into VPasCode Supported Diagrams","isPartOf":{"@id":"https:\/\/blog.visual-paradigm.com\/id\/#website"},"primaryImageOfPage":{"@id":"https:\/\/blog.visual-paradigm.com\/id\/beyond-uml-every-architecture-and-data-diagram-you-can-edit-as-code-in-vpascode\/#primaryimage"},"image":{"@id":"https:\/\/blog.visual-paradigm.com\/id\/beyond-uml-every-architecture-and-data-diagram-you-can-edit-as-code-in-vpascode\/#primaryimage"},"thumbnailUrl":"https:\/\/blog.visual-paradigm.com\/id\/wp-content\/uploads\/sites\/16\/2026\/07\/img_6a5a0bc5b96e5.png","datePublished":"2026-07-17T11:03:41+00:00","dateModified":"2026-07-26T10:22:32+00:00","author":{"@id":"https:\/\/blog.visual-paradigm.com\/id\/#\/schema\/person\/9523fd215405a2ff7d083811f1dd7cee"},"description":"What diagrams can you edit using code? Explore how VPasCode supports UML, ArchiMate, C4, ERD, DFD, Gantt charts, and Markmap in one unified workspace.","breadcrumb":{"@id":"https:\/\/blog.visual-paradigm.com\/id\/beyond-uml-every-architecture-and-data-diagram-you-can-edit-as-code-in-vpascode\/#breadcrumb"},"inLanguage":"id","potentialAction":[{"@type":"ReadAction","target":["https:\/\/blog.visual-paradigm.com\/id\/beyond-uml-every-architecture-and-data-diagram-you-can-edit-as-code-in-vpascode\/"]}]},{"@type":"ImageObject","inLanguage":"id","@id":"https:\/\/blog.visual-paradigm.com\/id\/beyond-uml-every-architecture-and-data-diagram-you-can-edit-as-code-in-vpascode\/#primaryimage","url":"https:\/\/blog.visual-paradigm.com\/id\/wp-content\/uploads\/sites\/16\/2026\/07\/img_6a5a0bc5b96e5.png","contentUrl":"https:\/\/blog.visual-paradigm.com\/id\/wp-content\/uploads\/sites\/16\/2026\/07\/img_6a5a0bc5b96e5.png","width":1192,"height":745},{"@type":"BreadcrumbList","@id":"https:\/\/blog.visual-paradigm.com\/id\/beyond-uml-every-architecture-and-data-diagram-you-can-edit-as-code-in-vpascode\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/blog.visual-paradigm.com\/id\/"},{"@type":"ListItem","position":2,"name":"Di Luar UML: Setiap Arsitektur dan Diagram Data yang Dapat Anda Edit sebagai Kode di VPasCode"}]},{"@type":"WebSite","@id":"https:\/\/blog.visual-paradigm.com\/id\/#website","url":"https:\/\/blog.visual-paradigm.com\/id\/","name":"Visual Paradigm Blog","description":"","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/blog.visual-paradigm.com\/id\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"id"},{"@type":"Person","@id":"https:\/\/blog.visual-paradigm.com\/id\/#\/schema\/person\/9523fd215405a2ff7d083811f1dd7cee","name":"vpjick","image":{"@type":"ImageObject","inLanguage":"id","@id":"https:\/\/blog.visual-paradigm.com\/id\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/ea00182e3e3255bddb24e6686fb0a7b0?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/ea00182e3e3255bddb24e6686fb0a7b0?s=96&d=mm&r=g","caption":"vpjick"},"url":"https:\/\/blog.visual-paradigm.com\/id\/author\/vpjick\/"}]}},"modified_by":"vpjick","_links":{"self":[{"href":"https:\/\/blog.visual-paradigm.com\/id\/wp-json\/wp\/v2\/posts\/11832","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/blog.visual-paradigm.com\/id\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/blog.visual-paradigm.com\/id\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/blog.visual-paradigm.com\/id\/wp-json\/wp\/v2\/users\/7"}],"replies":[{"embeddable":true,"href":"https:\/\/blog.visual-paradigm.com\/id\/wp-json\/wp\/v2\/comments?post=11832"}],"version-history":[{"count":0,"href":"https:\/\/blog.visual-paradigm.com\/id\/wp-json\/wp\/v2\/posts\/11832\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/blog.visual-paradigm.com\/id\/wp-json\/wp\/v2\/media\/11833"}],"wp:attachment":[{"href":"https:\/\/blog.visual-paradigm.com\/id\/wp-json\/wp\/v2\/media?parent=11832"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/blog.visual-paradigm.com\/id\/wp-json\/wp\/v2\/categories?post=11832"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/blog.visual-paradigm.com\/id\/wp-json\/wp\/v2\/tags?post=11832"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}