{"version":"1.0","provider_name":"Cybermedian","provider_url":"https:\/\/www.cybermedian.com\/vn","author_name":"vpwing","author_url":"https:\/\/www.cybermedian.com\/vn\/author\/vpwing\/","title":"H\u1ecdc c\u00e1ch s\u1eed d\u1ee5ng s\u01a1 \u0111\u1ed3 Th\u00e0nh ph\u1ea7n UML \u0111\u1ec3 tr\u1ef1c quan h\u00f3a ki\u1ebfn tr\u00fac h\u1ec7 th\u1ed1ng c\u1ee7a b\u1ea1n. T\u1eadp trung v\u00e0o vi\u1ec7c thi\u1ebft k\u1ebf c\u00e1c h\u1ec7 th\u1ed1ng c\u00f3 t\u00ednh module v\u00e0 c\u00f3 th\u1ec3 thay th\u1ebf b\u1eb1ng c\u00e1ch x\u00e1c \u0111\u1ecbnh c\u00e1c th\u00e0nh ph\u1ea7n, giao di\u1ec7n cung c\u1ea5p v\u00e0 giao di\u1ec7n y\u00eau c\u1ea7u.","type":"rich","width":600,"height":338,"html":"<blockquote class=\"wp-embedded-content\" data-secret=\"Qj6hT8LYDC\"><a href=\"https:\/\/www.cybermedian.com\/vn\/uml-component-diagram-designing-modular-systems\/\">S\u01a1 \u0111\u1ed3 Th\u00e0nh ph\u1ea7n UML: Thi\u1ebft k\u1ebf c\u00e1c h\u1ec7 th\u1ed1ng theo m\u00f4-\u0111un<\/a><\/blockquote><iframe sandbox=\"allow-scripts\" security=\"restricted\" src=\"https:\/\/www.cybermedian.com\/vn\/uml-component-diagram-designing-modular-systems\/embed\/#?secret=Qj6hT8LYDC\" width=\"600\" height=\"338\" title=\"&#8220;S\u01a1 \u0111\u1ed3 Th\u00e0nh ph\u1ea7n UML: Thi\u1ebft k\u1ebf c\u00e1c h\u1ec7 th\u1ed1ng theo m\u00f4-\u0111un&#8221; &#8212; Cybermedian\" data-secret=\"Qj6hT8LYDC\" frameborder=\"0\" marginwidth=\"0\" marginheight=\"0\" scrolling=\"no\" class=\"wp-embedded-content\"><\/iframe><script type=\"text\/javascript\">\n\/* <![CDATA[ *\/\n\/*! This file is auto-generated *\/\n!function(d,l){\"use strict\";l.querySelector&&d.addEventListener&&\"undefined\"!=typeof URL&&(d.wp=d.wp||{},d.wp.receiveEmbedMessage||(d.wp.receiveEmbedMessage=function(e){var t=e.data;if((t||t.secret||t.message||t.value)&&!\/[^a-zA-Z0-9]\/.test(t.secret)){for(var s,r,n,a=l.querySelectorAll('iframe[data-secret=\"'+t.secret+'\"]'),o=l.querySelectorAll('blockquote[data-secret=\"'+t.secret+'\"]'),c=new RegExp(\"^https?:$\",\"i\"),i=0;i<o.length;i++)o[i].style.display=\"none\";for(i=0;i<a.length;i++)s=a[i],e.source===s.contentWindow&&(s.removeAttribute(\"style\"),\"height\"===t.message?(1e3<(r=parseInt(t.value,10))?r=1e3:~~r<200&&(r=200),s.height=r):\"link\"===t.message&&(r=new URL(s.getAttribute(\"src\")),n=new URL(t.value),c.test(n.protocol))&&n.host===r.host&&l.activeElement===s&&(d.top.location.href=t.value))}},d.addEventListener(\"message\",d.wp.receiveEmbedMessage,!1),l.addEventListener(\"DOMContentLoaded\",function(){for(var e,t,s=l.querySelectorAll(\"iframe.wp-embedded-content\"),r=0;r<s.length;r++)(t=(e=s[r]).getAttribute(\"data-secret\"))||(t=Math.random().toString(36).substring(2,12),e.src+=\"#?secret=\"+t,e.setAttribute(\"data-secret\",t)),e.contentWindow.postMessage({message:\"ready\",secret:t},\"*\")},!1)))}(window,document);\n\/\/# sourceURL=https:\/\/www.cybermedian.com\/vn\/wp-includes\/js\/wp-embed.min.js\n\/* ]]> *\/\n<\/script>\n","thumbnail_url":"https:\/\/www.cybermedian.com\/vn\/wp-content\/uploads\/sites\/14\/2026\/02\/Why-Use-a-Component-Diagram.png","thumbnail_width":600,"thumbnail_height":302,"description":"Learn how to use the UML Component Diagram to visualize your system's architecture. Focus on designing modular, replaceable systems by mapping components, provided, and required interfaces."}