{"id":7660,"date":"2026-08-19T09:32:47","date_gmt":"2026-08-19T01:32:47","guid":{"rendered":"https:\/\/guides.visual-paradigm.com\/gallery\/diagram-as-code-pipeline-workflow\/"},"modified":"2026-10-09T04:22:39","modified_gmt":"2026-10-09T04:22:39","slug":"diagram-as-code-pipeline-workflow","status":"publish","type":"gallery","link":"https:\/\/www.learn-vp.com\/id\/gallery\/diagram-as-code-pipeline-workflow\/","title":{"rendered":"Bridging the Gap: From Static Artifacts to Living Systems"},"content":{"rendered":"<figure id=\"attachment_7661\" aria-describedby=\"caption-attachment-7661\" style=\"width: 1024px\" class=\"wp-caption alignnone\"><img fetchpriority=\"high\" decoding=\"async\" class=\"size-full wp-image-7661\" src=\"https:\/\/www.learn-vp.com\/id\/wp-content\/uploads\/sites\/8\/2026\/08\/img_6a85075aeb701.png\" alt=\"Diagram-As-Code Pipeline Workflow\" width=\"1024\" height=\"572\" srcset=\"https:\/\/www.learn-vp.com\/id\/wp-content\/uploads\/sites\/8\/2026\/08\/img_6a85075aeb701.png 1024w, https:\/\/www.learn-vp.com\/id\/wp-content\/uploads\/sites\/8\/2026\/08\/img_6a85075aeb701-300x168.png 300w, https:\/\/www.learn-vp.com\/id\/wp-content\/uploads\/sites\/8\/2026\/08\/img_6a85075aeb701-768x429.png 768w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><figcaption id=\"caption-attachment-7661\" class=\"wp-caption-text\">Diagram-As-Code Pipeline Workflow<\/figcaption><\/figure>\n<p>In the realm of modern software engineering, one of the most persistent challenges has been the friction between high-level architectural design and the messy reality of implementation. Historically, we have relied on UML diagrams to visualize complex systems like a <strong>Shopping Order System<\/strong>. However, these diagrams often suffered from a fatal flaw: they became &#8220;outdated artifacts.&#8221; As developers wrote code, the diagrams remained static, creating a dangerous disconnect where the visual representation no longer matched the living codebase.<\/p>\n<p>Fortunately, the evolution of modeling tools has ushered in a new era. We are moving away from static drawings toward &#8220;Diagram-as-Code&#8221; workflows. This approach transforms diagrams from passive documentation into dynamic, maintainable software assets. Let us explore this evolution by analyzing the anatomy of a classic e-commerce system.<\/p>\n<h2>The Legacy Challenge: Static Design<\/h2>\n<p>To understand the value of modern workflows, we must first recognize the pitfalls of the past. In the traditional &#8220;Static Design&#8221; phase, architects would define the system&#8217;s structure using classes such as <code>Order<\/code>, <code>Customer<\/code>, <code>Product<\/code>, and <code>LineItem<\/code>. Relationships like composition and association were drawn on a whiteboard or in proprietary tools.<\/p>\n<p>The problem arose immediately after. Once the code was written\u2014say, a Java class for <code>Order.java<\/code>\u2014the diagram was often ignored. Over time, as features were added or refactored, the diagram became obsolete. It ceased to be a helpful map and became a confusing relic. This &#8220;gap between visual architecture and implementation&#8221; meant that new developers had to reverse-engineer the system from code alone, defeating the purpose of having an architecture in the first place.<\/p>\n<h2>The Modern Solution: The Diagram-as-Code Pipeline<\/h2>\n<p>The middle stage of our evolution represents a paradigm shift: the <strong>Diagram-as-Code Pipeline<\/strong>. In this workflow, the visual model is no longer a separate drawing; it is defined as text syntax. This simple change unlocks a powerful suite of engineering capabilities.<\/p>\n<h3>1. Visual Models as Text<\/h3>\n<p>Instead of clicking and dragging shapes, engineers define the architecture using a declarative text syntax. This might look like a simplified definition of your <code>Shopping Cart<\/code> or <code>Order<\/code> system. Because the diagram is now text, it inherits all the benefits of source code.<\/p>\n<h3>2. AI-Assisted Generation<\/h3>\n<p>This is where modern intelligence comes into play. The workflow leverages <strong>AI Chatbots<\/strong> and <strong>AI Co-pilots<\/strong> to assist in generation. You can prompt an AI to &#8220;Design a Class Diagram for a Shopping Cart,&#8221; and it can generate the initial text syntax. Conversely, the AI can analyze your existing code and suggest updates to the diagram. This bidirectional flow ensures that the design is never disconnected from the logic.<\/p>\n<h3>3. Automated Builds and Version Control<\/h3>\n<p>Just like your application code, your diagrams are now <strong>version-controlled<\/strong>. When you commit a change to the diagram syntax, a CI\/CD pipeline triggers an <strong>Automated Build<\/strong>. This process renders the visual representation instantly. There is no manual &#8220;export to PDF&#8221; step. The diagram is a living part of the repository, tracked alongside your Java or JavaScript files.<\/p>\n<h2>The Result: Living Implementation<\/h2>\n<p>The final stage is the <strong>Living Implementation<\/strong>, where architecture and code become synchronized partners. In a robust e-commerce platform, this means that the diagram is not just a reference; it is the source of truth.<\/p>\n<ul>\n<li><strong>Synchronization:<\/strong> If you modify the <code>PaymentService.js<\/code> in your codebase, the diagram automatically updates to reflect the new method signatures or dependencies.<\/li>\n<li><strong>Automated Generation:<\/strong> Boilerplate code can be generated directly from the diagram definition, ensuring that the implementation strictly adheres to the architectural intent.<\/li>\n<li><strong>Maintainability:<\/strong> The system remains scalable. Because the documentation is always up-to-date, onboarding new team members becomes significantly faster, and architectural debt is easier to spot and address.<\/li>\n<\/ul>\n<p>By adopting this pipeline, you transform your software development lifecycle. You move from maintaining obsolete drawings to managing a synchronized, intelligent ecosystem where your architecture truly guides your implementation.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>In modern software engineering, the gap between architectural design and actual implementation has historically been a source of friction. Diagrams often become outdated artifacts, disconnected from the living codebase. However, the evolution of modeling tools has ushered in an era where visual architecture and source code are no longer separate entities but synchronized partners.    This guide explores the anatomy of a classic\u00a0Shopping Order System\u00a0through the lens of Unified Modeling Language (UML). More importantly, it demonstrates how to leverage contemporary &#8220;Diagram-as-Code&#8221; workflows\u2014integrating AI chatbots, version-controlled text syntax, and automated engineering\u2014to transform static diagrams into dynamic, maintainable software assets. Whether you are a product owner defining requirements or a developer generating boilerplate, understanding this pipeline is essential for building robust e-commerce platforms.<\/p>\n","protected":false},"author":1,"featured_media":7808,"template":"","meta":{"_yoast_wpseo_title":"","_yoast_wpseo_metadesc":"","inline_featured_image":false,"site-sidebar-layout":"default","site-content-layout":"","ast-site-content-layout":"default","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"","ast-breadcrumbs-content":"","ast-featured-img":"","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"default","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"set","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"source_url":"https:\/\/www.cybermedian.com\/from-blueprint-to-code-mastering-the-order-system-with-uml-ai-and-diagram-as-code\/","source_h1_title":"From Blueprint to Code: Mastering the Order System with UML, AI, and Diagram-as-Code","fifu_image_url":"","fifu_image_alt":"","_fifu_image_alt":"","fifu_alt":"","_fifu_alt":"","fifu_image_title":"","_fifu_image_title":"","fifu_input_alt":"","vp_image_hash":"f4c469823374d9fdfd2014e60b078b555f8c9590325a3109c8f7db22865fa1bf"},"asset-category":[25,21,18],"class_list":["post-7660","gallery","type-gallery","status-publish","has-post-thumbnail","hentry","asset-category-ai-chatbot","asset-category-uml","asset-category-vpascode"],"source_url":"https:\/\/www.cybermedian.com\/from-blueprint-to-code-mastering-the-order-system-with-uml-ai-and-diagram-as-code\/","source_h1_title":"From Blueprint to Code: Mastering the Order System with UML, AI, and Diagram-as-Code","fifu_image_url":"","fifu_image_alt":"","vp_image_hash":"f4c469823374d9fdfd2014e60b078b555f8c9590325a3109c8f7db22865fa1bf","yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v28.3 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Bridging the Gap: From Static Artifacts to Living Systems - Learn VP<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.learn-vp.com\/id\/gallery\/diagram-as-code-pipeline-workflow\/\" \/>\n<meta property=\"og:locale\" content=\"id_ID\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Bridging the Gap: From Static Artifacts to Living Systems - Learn VP\" \/>\n<meta property=\"og:description\" content=\"In modern software engineering, the gap between architectural design and actual implementation has historically been a source of friction. Diagrams often become outdated artifacts, disconnected from the living codebase. However, the evolution of modeling tools has ushered in an era where visual architecture and source code are no longer separate entities but synchronized partners.  This guide explores the anatomy of a classic\u00a0Shopping Order System\u00a0through the lens of Unified Modeling Language (UML). More importantly, it demonstrates how to leverage contemporary &quot;Diagram-as-Code&quot; workflows\u2014integrating AI chatbots, version-controlled text syntax, and automated engineering\u2014to transform static diagrams into dynamic, maintainable software assets. Whether you are a product owner defining requirements or a developer generating boilerplate, understanding this pipeline is essential for building robust e-commerce platforms.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.learn-vp.com\/id\/gallery\/diagram-as-code-pipeline-workflow\/\" \/>\n<meta property=\"og:site_name\" content=\"Learn VP\" \/>\n<meta property=\"article:modified_time\" content=\"2026-10-09T04:22:39+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/08\/img_6a85075aeb701.png\" \/>\n\t<meta property=\"og:image:width\" content=\"1024\" \/>\n\t<meta property=\"og:image:height\" content=\"1024\" \/>\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=\"3 menit\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/www.learn-vp.com\\\/id\\\/gallery\\\/diagram-as-code-pipeline-workflow\\\/\",\"url\":\"https:\\\/\\\/www.learn-vp.com\\\/id\\\/gallery\\\/diagram-as-code-pipeline-workflow\\\/\",\"name\":\"Bridging the Gap: From Static Artifacts to Living Systems - Learn VP\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.learn-vp.com\\\/id\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/www.learn-vp.com\\\/id\\\/gallery\\\/diagram-as-code-pipeline-workflow\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/www.learn-vp.com\\\/id\\\/gallery\\\/diagram-as-code-pipeline-workflow\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/www.cybermedian.com\\\/wp-content\\\/uploads\\\/2026\\\/08\\\/img_6a85075aeb701.png\",\"datePublished\":\"2026-08-19T01:32:47+00:00\",\"dateModified\":\"2026-10-09T04:22:39+00:00\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/www.learn-vp.com\\\/id\\\/gallery\\\/diagram-as-code-pipeline-workflow\\\/#breadcrumb\"},\"inLanguage\":\"id\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/www.learn-vp.com\\\/id\\\/gallery\\\/diagram-as-code-pipeline-workflow\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"id\",\"@id\":\"https:\\\/\\\/www.learn-vp.com\\\/id\\\/gallery\\\/diagram-as-code-pipeline-workflow\\\/#primaryimage\",\"url\":\"https:\\\/\\\/www.cybermedian.com\\\/wp-content\\\/uploads\\\/2026\\\/08\\\/img_6a85075aeb701.png\",\"contentUrl\":\"https:\\\/\\\/www.cybermedian.com\\\/wp-content\\\/uploads\\\/2026\\\/08\\\/img_6a85075aeb701.png\",\"caption\":\"Diagram-As-Code Pipeline Workflow\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/www.learn-vp.com\\\/id\\\/gallery\\\/diagram-as-code-pipeline-workflow\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/www.learn-vp.com\\\/id\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Bridging the Gap: From Static Artifacts to Living Systems\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/www.learn-vp.com\\\/id\\\/#website\",\"url\":\"https:\\\/\\\/www.learn-vp.com\\\/id\\\/\",\"name\":\"Learn VP\",\"description\":\"Learn VP\",\"publisher\":{\"@id\":\"https:\\\/\\\/www.learn-vp.com\\\/id\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/www.learn-vp.com\\\/id\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"id\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/www.learn-vp.com\\\/id\\\/#organization\",\"name\":\"Learn VP\",\"url\":\"https:\\\/\\\/www.learn-vp.com\\\/id\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"id\",\"@id\":\"https:\\\/\\\/www.learn-vp.com\\\/id\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/www.learn-vp.com\\\/id\\\/wp-content\\\/uploads\\\/sites\\\/8\\\/2026\\\/08\\\/cropped-Gemini_Generated_Image_n6bgztn6bgztn6bg-clean-e1787131920742.png\",\"contentUrl\":\"https:\\\/\\\/www.learn-vp.com\\\/id\\\/wp-content\\\/uploads\\\/sites\\\/8\\\/2026\\\/08\\\/cropped-Gemini_Generated_Image_n6bgztn6bgztn6bg-clean-e1787131920742.png\",\"width\":463,\"height\":404,\"caption\":\"Learn VP\"},\"image\":{\"@id\":\"https:\\\/\\\/www.learn-vp.com\\\/id\\\/#\\\/schema\\\/logo\\\/image\\\/\"}}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Bridging the Gap: From Static Artifacts to Living Systems - Learn VP","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/www.learn-vp.com\/id\/gallery\/diagram-as-code-pipeline-workflow\/","og_locale":"id_ID","og_type":"article","og_title":"Bridging the Gap: From Static Artifacts to Living Systems - Learn VP","og_description":"In modern software engineering, the gap between architectural design and actual implementation has historically been a source of friction. Diagrams often become outdated artifacts, disconnected from the living codebase. However, the evolution of modeling tools has ushered in an era where visual architecture and source code are no longer separate entities but synchronized partners.  This guide explores the anatomy of a classic\u00a0Shopping Order System\u00a0through the lens of Unified Modeling Language (UML). More importantly, it demonstrates how to leverage contemporary \"Diagram-as-Code\" workflows\u2014integrating AI chatbots, version-controlled text syntax, and automated engineering\u2014to transform static diagrams into dynamic, maintainable software assets. Whether you are a product owner defining requirements or a developer generating boilerplate, understanding this pipeline is essential for building robust e-commerce platforms.","og_url":"https:\/\/www.learn-vp.com\/id\/gallery\/diagram-as-code-pipeline-workflow\/","og_site_name":"Learn VP","article_modified_time":"2026-10-09T04:22:39+00:00","og_image":[{"url":"https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/08\/img_6a85075aeb701.png","width":1024,"height":1024,"type":"image\/jpeg"}],"twitter_card":"summary_large_image","twitter_misc":{"Estimasi waktu membaca":"3 menit"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/www.learn-vp.com\/id\/gallery\/diagram-as-code-pipeline-workflow\/","url":"https:\/\/www.learn-vp.com\/id\/gallery\/diagram-as-code-pipeline-workflow\/","name":"Bridging the Gap: From Static Artifacts to Living Systems - Learn VP","isPartOf":{"@id":"https:\/\/www.learn-vp.com\/id\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.learn-vp.com\/id\/gallery\/diagram-as-code-pipeline-workflow\/#primaryimage"},"image":{"@id":"https:\/\/www.learn-vp.com\/id\/gallery\/diagram-as-code-pipeline-workflow\/#primaryimage"},"thumbnailUrl":"https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/08\/img_6a85075aeb701.png","datePublished":"2026-08-19T01:32:47+00:00","dateModified":"2026-10-09T04:22:39+00:00","breadcrumb":{"@id":"https:\/\/www.learn-vp.com\/id\/gallery\/diagram-as-code-pipeline-workflow\/#breadcrumb"},"inLanguage":"id","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.learn-vp.com\/id\/gallery\/diagram-as-code-pipeline-workflow\/"]}]},{"@type":"ImageObject","inLanguage":"id","@id":"https:\/\/www.learn-vp.com\/id\/gallery\/diagram-as-code-pipeline-workflow\/#primaryimage","url":"https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/08\/img_6a85075aeb701.png","contentUrl":"https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/08\/img_6a85075aeb701.png","caption":"Diagram-As-Code Pipeline Workflow"},{"@type":"BreadcrumbList","@id":"https:\/\/www.learn-vp.com\/id\/gallery\/diagram-as-code-pipeline-workflow\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.learn-vp.com\/id\/"},{"@type":"ListItem","position":2,"name":"Bridging the Gap: From Static Artifacts to Living Systems"}]},{"@type":"WebSite","@id":"https:\/\/www.learn-vp.com\/id\/#website","url":"https:\/\/www.learn-vp.com\/id\/","name":"Learn VP","description":"Learn VP","publisher":{"@id":"https:\/\/www.learn-vp.com\/id\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.learn-vp.com\/id\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"id"},{"@type":"Organization","@id":"https:\/\/www.learn-vp.com\/id\/#organization","name":"Learn VP","url":"https:\/\/www.learn-vp.com\/id\/","logo":{"@type":"ImageObject","inLanguage":"id","@id":"https:\/\/www.learn-vp.com\/id\/#\/schema\/logo\/image\/","url":"https:\/\/www.learn-vp.com\/id\/wp-content\/uploads\/sites\/8\/2026\/08\/cropped-Gemini_Generated_Image_n6bgztn6bgztn6bg-clean-e1787131920742.png","contentUrl":"https:\/\/www.learn-vp.com\/id\/wp-content\/uploads\/sites\/8\/2026\/08\/cropped-Gemini_Generated_Image_n6bgztn6bgztn6bg-clean-e1787131920742.png","width":463,"height":404,"caption":"Learn VP"},"image":{"@id":"https:\/\/www.learn-vp.com\/id\/#\/schema\/logo\/image\/"}}]}},"_links":{"self":[{"href":"https:\/\/www.learn-vp.com\/id\/wp-json\/wp\/v2\/gallery\/7660","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.learn-vp.com\/id\/wp-json\/wp\/v2\/gallery"}],"about":[{"href":"https:\/\/www.learn-vp.com\/id\/wp-json\/wp\/v2\/types\/gallery"}],"author":[{"embeddable":true,"href":"https:\/\/www.learn-vp.com\/id\/wp-json\/wp\/v2\/users\/1"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.learn-vp.com\/id\/wp-json\/wp\/v2\/media\/7808"}],"wp:attachment":[{"href":"https:\/\/www.learn-vp.com\/id\/wp-json\/wp\/v2\/media?parent=7660"}],"wp:term":[{"taxonomy":"asset-category","embeddable":true,"href":"https:\/\/www.learn-vp.com\/id\/wp-json\/wp\/v2\/asset-category?post=7660"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}