{"id":8495,"date":"2026-08-25T03:53:16","date_gmt":"2026-08-25T03:53:16","guid":{"rendered":"https:\/\/www.learn-vp.com\/vn\/gallery\/mastering-system-modeling-building-an-e-commerce-use-case-diagram-with-vpascode\/"},"modified":"2026-10-09T04:21:30","modified_gmt":"2026-10-09T04:21:30","slug":"mastering-system-modeling-building-an-e-commerce-use-case-diagram-with-vpascode","status":"publish","type":"gallery","link":"https:\/\/www.learn-vp.com\/vn\/gallery\/mastering-system-modeling-building-an-e-commerce-use-case-diagram-with-vpascode\/","title":{"rendered":"Mastering System Modeling: Building an E-Commerce Use Case Diagram with VPasCode"},"content":{"rendered":"<p><img decoding=\"async\" src=\"https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/08\/img_6a8d0bd34abee.png\" alt=\"PlantUML code syntax generates E-Commerce system use case diagram showing system actors, use cases, and interactions.\" title=\"PlantUML code syntax generates E-Commerce system use case diagram showing system actors, use cases, and interactions.\" data-fifu-alt=\"PlantUML code syntax generates E-Commerce system use case diagram showing system actors, use cases, and interactions.\" fifu-alt=\"PlantUML code syntax generates E-Commerce system use case diagram showing system actors, use cases, and interactions.\" style=\"max-width: 100%; height: auto;\" \/><\/p>\n<p>In modern software engineering, the gap between documentation and development often leads to &#8220;documentation rot,&#8221; where diagrams become outdated the moment they are created. VPasCode (Visual Paradigm as Code) bridges this divide by allowing engineers to define complex system architectures using simple text scripts. This tutorial explores how to model a system context diagram for an E-Commerce platform using VPasCode, leveraging PlantUML syntax to create dynamic, version-controlled visual models.<\/p>\n<h2>1. The Philosophy: Modeling as Code<\/h2>\n<p>Traditional modeling tools rely on drag-and-drop interfaces, which can be cumbersome for version control and difficult to automate. VPasCode flips this paradigm. Instead of clicking icons, you write code. The interface shown in the image is split into two distinct areas:<\/p>\n<ul>\n<li><strong>The Editor (Left):<\/strong> A syntax-highlighted code area where the logic of the diagram is written using PlantUML. This allows for <strong>Version Control<\/strong>\u2014you can store your diagrams in Git alongside your application code.<\/li>\n<li><strong>The Canvas (Right):<\/strong> A real-time rendering engine that instantly visualizes the code. This ensures <strong>Visual Fidelity<\/strong> and immediate feedback.<\/li>\n<\/ul>\n<h2>2. Deconstructing the Code<\/h2>\n<p>Let&#8217;s walk through the specific PlantUML script shown in the editor to understand how the E-Commerce System diagram is constructed.<\/p>\n<h3>Header and Styling<\/h3>\n<p>The script begins with configuration directives that set the stage for the diagram:<\/p>\n<ul>\n<li><code>@startuml<\/code>: The standard entry point for PlantUML.<\/li>\n<li><code>left to right direction<\/code>: This directive dictates the flow of the diagram, positioning the system boundary in the center with actors flanking it.<\/li>\n<li><code>skinparam packageStyle rectangle<\/code>: This ensures that the system boundary is rendered as a box (rectangle) rather than a rounded folder, providing a clear container for use cases.<\/li>\n<\/ul>\n<h3>Defining Actors<\/h3>\n<p>The code defines the entities interacting with the system:<\/p>\n<p><code> actor Customer<br \/> actor \"Payment Gateway\" as PG<br \/> actor \"Inventory System\" as IS <\/code><\/p>\n<p>Here, we define three distinct actors. <code>Customer<\/code> is the primary human user, while <code>PG<\/code> (Payment Gateway) and <code>IS<\/code> (Inventory System) represent external systems that the E-Commerce platform must integrate with.<\/p>\n<h3>Creating the System Boundary<\/h3>\n<p>The core of a context diagram is defining what is inside the system and what is outside. The script uses a <code>rectangle<\/code> block to encapsulate the internal logic:<\/p>\n<p><code> rectangle \"E-Commerce System\" { Customer --> (Browse Catalog) Customer --> (Add to Cart) ... } <\/code><\/p>\n<p>Everything nested inside this <code>rectangle<\/code> represents a use case or process that occurs within the E-Commerce System&#8217;s domain.<\/p>\n<h2>3. Understanding the Relationships and Flows<\/h2>\n<p>The diagram illustrates complex interactions between the Customer and the system, as well as external dependencies. Here is how the logic translates visually:<\/p>\n<h3>Internal Workflows<\/h3>\n<p>Notice the solid arrows originating from the <code>Customer<\/code>. These represent direct actions initiated by the user, such as <code>Browse Catalog<\/code>, <code>Add to Cart<\/code>, and <code>Make Payment<\/code>. These are the primary entry points into the system.<\/p>\n<h3>Dependency Logic (Includes)<\/h3>\n<p>Not all actions are simple one-step processes. The diagram uses <strong>Include<\/strong> relationships to show mandatory sub-processes. For example:<\/p>\n<ul>\n<li><strong>Checkout Logic:<\/strong> The script shows <code>(Checkout Items) .&gt; (Validate Stock) : include<\/code>. This means that before a checkout is finalized, the system <em>must<\/em> validate stock availability.<\/li>\n<li><strong>Payment Logic:<\/strong> Similarly, <code>(Make Payment) .&gt; (Verify Fraud Risk) : include<\/code> indicates that fraud verification is a mandatory step within the payment process.<\/li>\n<\/ul>\n<h3>External System Calls<\/h3>\n<p>This is where the diagram demonstrates system integration. The code uses specific syntax to link internal use cases to external actors:<\/p>\n<p><code> (Validate Stock) --> IS : external call<br \/> (Verify Fraud Risk) --> PG : external call <\/code><\/p>\n<p>These dashed lines with the label <code>external call<\/code> indicate that the E-Commerce System is making a request to an outside service. <code>IS<\/code> confirms inventory levels, while <code>PG<\/code> processes the actual financial transaction.<\/p>\n<h2>4. The Workflow: From Code to Documentation<\/h2>\n<p>Once the script is written, VPasCode offers a powerful workflow for collaboration and publishing, transforming static diagrams into living documentation.<\/p>\n<h3>AI Diagnostics<\/h3>\n<p>If you introduce a syntax error in the text editor, the <strong>AI Diagnostics<\/strong> feature (visible as a button in the top bar) can instantly identify the issue and suggest a fix, ensuring the diagram renders correctly without manual debugging.<\/p>\n<h3>Collaboration &#038; Sharing<\/h3>\n<p>Agile teams thrive on transparency. Instead of exporting a static image (PNG\/JPG) and losing the ability to edit:<\/p>\n<ul>\n<li>You can generate a <strong>shareable web link<\/strong>.<\/li>\n<li>Share this link directly in Slack or Microsoft Teams channels.<\/li>\n<li>This ensures all stakeholders are viewing the most recent version of the system architecture, eliminating confusion caused by outdated screenshots.<\/li>\n<\/ul>\n<h3>Publishing to OpenDocs<\/h3>\n<p>The final step involves embedding these dynamic diagrams into <strong>OpenDocs<\/strong>. This transforms isolated files into a centralized, living documentation portal. When an engineer updates the PlantUML code in VPasCode, the documentation in OpenDocs automatically reflects those changes, keeping the knowledge base current and aligned with the actual system behavior.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Build version-controlled E-Commerce system context diagrams using VPAScript and PlantUML syntax. Learn to write modeling code that bridges documentation and development for real-time visual fidelity.<\/p>\n","protected":false},"author":1,"featured_media":8496,"template":"","meta":{"_yoast_wpseo_title":"Mastering System Modeling: Building an E-Commerce Use Case Diagram with VPasCode","_yoast_wpseo_metadesc":"Build version-controlled E-Commerce system context diagrams using VPAScript and PlantUML syntax. Learn to write modeling code that bridges documentation and development for real-time visual fidelity.","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":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","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\/visual-paradigms-unified-platform-at-a-glance\/","source_h1_title":"Visual Paradigm\u2019s Unified Platform At a Glance","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":"e768d8d82a436e2dcf2b9022d76edd0534f2a03a84dc6e6e8a8a9850b4f77fdf"},"asset-category":[32,30,18],"class_list":["post-8495","gallery","type-gallery","status-publish","has-post-thumbnail","hentry","asset-category-ai","asset-category-visual-paradigm","asset-category-vpascode"],"source_url":"https:\/\/www.cybermedian.com\/visual-paradigms-unified-platform-at-a-glance\/","source_h1_title":"Visual Paradigm\u2019s Unified Platform At a Glance","fifu_image_url":"","fifu_image_alt":"","vp_image_hash":"e768d8d82a436e2dcf2b9022d76edd0534f2a03a84dc6e6e8a8a9850b4f77fdf","yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v28.3 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Mastering System Modeling: Building an E-Commerce Use Case Diagram with VPasCode<\/title>\n<meta name=\"description\" content=\"Build version-controlled E-Commerce system context diagrams using VPAScript and PlantUML syntax. Learn to write modeling code that bridges documentation and development for real-time visual fidelity.\" \/>\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\/vn\/gallery\/mastering-system-modeling-building-an-e-commerce-use-case-diagram-with-vpascode\/\" \/>\n<meta property=\"og:locale\" content=\"vi_VN\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Mastering System Modeling: Building an E-Commerce Use Case Diagram with VPasCode\" \/>\n<meta property=\"og:description\" content=\"Build version-controlled E-Commerce system context diagrams using VPAScript and PlantUML syntax. Learn to write modeling code that bridges documentation and development for real-time visual fidelity.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.learn-vp.com\/vn\/gallery\/mastering-system-modeling-building-an-e-commerce-use-case-diagram-with-vpascode\/\" \/>\n<meta property=\"og:site_name\" content=\"Learn VP\" \/>\n<meta property=\"article:modified_time\" content=\"2026-10-09T04:21:30+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/08\/img_6a8d0bd34abee.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=\"\u01af\u1edbc t\u00ednh th\u1eddi gian \u0111\u1ecdc\" \/>\n\t<meta name=\"twitter:data1\" content=\"4 ph\u00fat\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/www.learn-vp.com\\\/vn\\\/gallery\\\/mastering-system-modeling-building-an-e-commerce-use-case-diagram-with-vpascode\\\/\",\"url\":\"https:\\\/\\\/www.learn-vp.com\\\/vn\\\/gallery\\\/mastering-system-modeling-building-an-e-commerce-use-case-diagram-with-vpascode\\\/\",\"name\":\"Mastering System Modeling: Building an E-Commerce Use Case Diagram with VPasCode\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.learn-vp.com\\\/vn\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/www.learn-vp.com\\\/vn\\\/gallery\\\/mastering-system-modeling-building-an-e-commerce-use-case-diagram-with-vpascode\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/www.learn-vp.com\\\/vn\\\/gallery\\\/mastering-system-modeling-building-an-e-commerce-use-case-diagram-with-vpascode\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/www.cybermedian.com\\\/wp-content\\\/uploads\\\/2026\\\/08\\\/img_6a8d0bd34abee.png\",\"datePublished\":\"2026-08-25T03:53:16+00:00\",\"dateModified\":\"2026-10-09T04:21:30+00:00\",\"description\":\"Build version-controlled E-Commerce system context diagrams using VPAScript and PlantUML syntax. Learn to write modeling code that bridges documentation and development for real-time visual fidelity.\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/www.learn-vp.com\\\/vn\\\/gallery\\\/mastering-system-modeling-building-an-e-commerce-use-case-diagram-with-vpascode\\\/#breadcrumb\"},\"inLanguage\":\"vi\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/www.learn-vp.com\\\/vn\\\/gallery\\\/mastering-system-modeling-building-an-e-commerce-use-case-diagram-with-vpascode\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"vi\",\"@id\":\"https:\\\/\\\/www.learn-vp.com\\\/vn\\\/gallery\\\/mastering-system-modeling-building-an-e-commerce-use-case-diagram-with-vpascode\\\/#primaryimage\",\"url\":\"https:\\\/\\\/www.cybermedian.com\\\/wp-content\\\/uploads\\\/2026\\\/08\\\/img_6a8d0bd34abee.png\",\"contentUrl\":\"https:\\\/\\\/www.cybermedian.com\\\/wp-content\\\/uploads\\\/2026\\\/08\\\/img_6a8d0bd34abee.png\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/www.learn-vp.com\\\/vn\\\/gallery\\\/mastering-system-modeling-building-an-e-commerce-use-case-diagram-with-vpascode\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/www.learn-vp.com\\\/vn\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Mastering System Modeling: Building an E-Commerce Use Case Diagram with VPasCode\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/www.learn-vp.com\\\/vn\\\/#website\",\"url\":\"https:\\\/\\\/www.learn-vp.com\\\/vn\\\/\",\"name\":\"Learn VP\",\"description\":\"Learn VP\",\"publisher\":{\"@id\":\"https:\\\/\\\/www.learn-vp.com\\\/vn\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/www.learn-vp.com\\\/vn\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"vi\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/www.learn-vp.com\\\/vn\\\/#organization\",\"name\":\"Learn VP\",\"url\":\"https:\\\/\\\/www.learn-vp.com\\\/vn\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"vi\",\"@id\":\"https:\\\/\\\/www.learn-vp.com\\\/vn\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/www.learn-vp.com\\\/vn\\\/wp-content\\\/uploads\\\/sites\\\/13\\\/2026\\\/08\\\/cropped-Gemini_Generated_Image_n6bgztn6bgztn6bg-clean-e1787131920742.png\",\"contentUrl\":\"https:\\\/\\\/www.learn-vp.com\\\/vn\\\/wp-content\\\/uploads\\\/sites\\\/13\\\/2026\\\/08\\\/cropped-Gemini_Generated_Image_n6bgztn6bgztn6bg-clean-e1787131920742.png\",\"width\":463,\"height\":404,\"caption\":\"Learn VP\"},\"image\":{\"@id\":\"https:\\\/\\\/www.learn-vp.com\\\/vn\\\/#\\\/schema\\\/logo\\\/image\\\/\"}}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Mastering System Modeling: Building an E-Commerce Use Case Diagram with VPasCode","description":"Build version-controlled E-Commerce system context diagrams using VPAScript and PlantUML syntax. Learn to write modeling code that bridges documentation and development for real-time visual fidelity.","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\/vn\/gallery\/mastering-system-modeling-building-an-e-commerce-use-case-diagram-with-vpascode\/","og_locale":"vi_VN","og_type":"article","og_title":"Mastering System Modeling: Building an E-Commerce Use Case Diagram with VPasCode","og_description":"Build version-controlled E-Commerce system context diagrams using VPAScript and PlantUML syntax. Learn to write modeling code that bridges documentation and development for real-time visual fidelity.","og_url":"https:\/\/www.learn-vp.com\/vn\/gallery\/mastering-system-modeling-building-an-e-commerce-use-case-diagram-with-vpascode\/","og_site_name":"Learn VP","article_modified_time":"2026-10-09T04:21:30+00:00","og_image":[{"url":"https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/08\/img_6a8d0bd34abee.png","width":1024,"height":1024,"type":"image\/jpeg"}],"twitter_card":"summary_large_image","twitter_misc":{"\u01af\u1edbc t\u00ednh th\u1eddi gian \u0111\u1ecdc":"4 ph\u00fat"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/www.learn-vp.com\/vn\/gallery\/mastering-system-modeling-building-an-e-commerce-use-case-diagram-with-vpascode\/","url":"https:\/\/www.learn-vp.com\/vn\/gallery\/mastering-system-modeling-building-an-e-commerce-use-case-diagram-with-vpascode\/","name":"Mastering System Modeling: Building an E-Commerce Use Case Diagram with VPasCode","isPartOf":{"@id":"https:\/\/www.learn-vp.com\/vn\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.learn-vp.com\/vn\/gallery\/mastering-system-modeling-building-an-e-commerce-use-case-diagram-with-vpascode\/#primaryimage"},"image":{"@id":"https:\/\/www.learn-vp.com\/vn\/gallery\/mastering-system-modeling-building-an-e-commerce-use-case-diagram-with-vpascode\/#primaryimage"},"thumbnailUrl":"https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/08\/img_6a8d0bd34abee.png","datePublished":"2026-08-25T03:53:16+00:00","dateModified":"2026-10-09T04:21:30+00:00","description":"Build version-controlled E-Commerce system context diagrams using VPAScript and PlantUML syntax. Learn to write modeling code that bridges documentation and development for real-time visual fidelity.","breadcrumb":{"@id":"https:\/\/www.learn-vp.com\/vn\/gallery\/mastering-system-modeling-building-an-e-commerce-use-case-diagram-with-vpascode\/#breadcrumb"},"inLanguage":"vi","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.learn-vp.com\/vn\/gallery\/mastering-system-modeling-building-an-e-commerce-use-case-diagram-with-vpascode\/"]}]},{"@type":"ImageObject","inLanguage":"vi","@id":"https:\/\/www.learn-vp.com\/vn\/gallery\/mastering-system-modeling-building-an-e-commerce-use-case-diagram-with-vpascode\/#primaryimage","url":"https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/08\/img_6a8d0bd34abee.png","contentUrl":"https:\/\/www.cybermedian.com\/wp-content\/uploads\/2026\/08\/img_6a8d0bd34abee.png"},{"@type":"BreadcrumbList","@id":"https:\/\/www.learn-vp.com\/vn\/gallery\/mastering-system-modeling-building-an-e-commerce-use-case-diagram-with-vpascode\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.learn-vp.com\/vn\/"},{"@type":"ListItem","position":2,"name":"Mastering System Modeling: Building an E-Commerce Use Case Diagram with VPasCode"}]},{"@type":"WebSite","@id":"https:\/\/www.learn-vp.com\/vn\/#website","url":"https:\/\/www.learn-vp.com\/vn\/","name":"Learn VP","description":"Learn VP","publisher":{"@id":"https:\/\/www.learn-vp.com\/vn\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.learn-vp.com\/vn\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"vi"},{"@type":"Organization","@id":"https:\/\/www.learn-vp.com\/vn\/#organization","name":"Learn VP","url":"https:\/\/www.learn-vp.com\/vn\/","logo":{"@type":"ImageObject","inLanguage":"vi","@id":"https:\/\/www.learn-vp.com\/vn\/#\/schema\/logo\/image\/","url":"https:\/\/www.learn-vp.com\/vn\/wp-content\/uploads\/sites\/13\/2026\/08\/cropped-Gemini_Generated_Image_n6bgztn6bgztn6bg-clean-e1787131920742.png","contentUrl":"https:\/\/www.learn-vp.com\/vn\/wp-content\/uploads\/sites\/13\/2026\/08\/cropped-Gemini_Generated_Image_n6bgztn6bgztn6bg-clean-e1787131920742.png","width":463,"height":404,"caption":"Learn VP"},"image":{"@id":"https:\/\/www.learn-vp.com\/vn\/#\/schema\/logo\/image\/"}}]}},"_links":{"self":[{"href":"https:\/\/www.learn-vp.com\/vn\/wp-json\/wp\/v2\/gallery\/8495","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.learn-vp.com\/vn\/wp-json\/wp\/v2\/gallery"}],"about":[{"href":"https:\/\/www.learn-vp.com\/vn\/wp-json\/wp\/v2\/types\/gallery"}],"author":[{"embeddable":true,"href":"https:\/\/www.learn-vp.com\/vn\/wp-json\/wp\/v2\/users\/1"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.learn-vp.com\/vn\/wp-json\/wp\/v2\/media\/8496"}],"wp:attachment":[{"href":"https:\/\/www.learn-vp.com\/vn\/wp-json\/wp\/v2\/media?parent=8495"}],"wp:term":[{"taxonomy":"asset-category","embeddable":true,"href":"https:\/\/www.learn-vp.com\/vn\/wp-json\/wp\/v2\/asset-category?post=8495"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}