{"id":1693,"date":"2026-02-25T10:44:52","date_gmt":"2026-02-25T10:44:52","guid":{"rendered":"https:\/\/skills.visual-paradigm.com\/tw\/docs\/uml-basics-diagrams-for-beginners\/sequence-diagrams-for-interaction-flows\/sequence-diagram-tutorial-user-login\/"},"modified":"2026-02-25T10:44:52","modified_gmt":"2026-02-25T10:44:52","slug":"sequence-diagram-tutorial-user-login","status":"publish","type":"docs","link":"https:\/\/skills.visual-paradigm.com\/tw\/docs\/uml-basics-diagrams-for-beginners\/sequence-diagrams-for-interaction-flows\/sequence-diagram-tutorial-user-login\/","title":{"rendered":"Tutorial: Diagramming a User Login Sequence"},"content":{"rendered":"<p>Sequence diagrams show how objects interact over time to fulfill a behavior. They\u2019re the most intuitive way to visualize runtime logic.<\/p>\n<p>When you&#8217;re modeling a login process, focus on the flow of messages between the user, the login form, the authentication service, and the system.<\/p>\n<p>This tutorial walks you through building a clean, accurate sequence diagram step by step\u2014ideal for your first beginner sequence diagram project.<\/p>\n<h2>Planning the User Login Sequence<\/h2>\n<p>Before drawing, ask: What\u2019s the goal? To verify a user\u2019s credentials and grant access.<\/p>\n<p>Break the process into phases: input, validation, authentication, and result feedback.<\/p>\n<p>Identify the key actors and objects involved:<\/p>\n<ul>\n<li><strong>User<\/strong> \u2013 initiates the login<\/li>\n<li><strong>Login Form<\/strong> \u2013 captures input<\/li>\n<li><strong>Authentication Service<\/strong> \u2013 checks credentials<\/li>\n<li><strong>System<\/strong> \u2013 grants or denies access<\/li>\n<\/ul>\n<h3>Step 1: Set Up Your Diagram in Visual Paradigm<\/h3>\n<p>Open a new sequence diagram in Visual Paradigm. Use the <code>Actor<\/code> and <code>Object<\/code> placeholders to define participants.<\/p>\n<p>Arrange them in order of interaction\u2014left to right, starting with the user.<\/p>\n<p>Label lifelines clearly. Use consistent naming: <code>user<\/code>, <code>loginForm<\/code>, <code>authService<\/code>, <code>system<\/code>.<\/p>\n<h3>Step 2: Add the Initial Message<\/h3>\n<p>The user clicks \u201cLogin.\u201d This triggers the first message:<\/p>\n<p>Draw a <strong>solid line<\/strong> from <code>user<\/code> to <code>loginForm<\/code> labeled <code>submitLogin()<\/code>.<\/p>\n<p>From <code>loginForm<\/code>, send a message to <code>authService<\/code>: <code>authenticate(username, password)<\/code>.<\/p>\n<p>Use a solid line for synchronous calls, dashed for asynchronous.<\/p>\n<h3>Step 3: Model Conditional Logic with Fragments<\/h3>\n<p>After authentication, two branches emerge: success or failure.<\/p>\n<p>Use the <code>alt<\/code> fragment (alternative) to represent this:<\/p>\n<ul>\n<li><strong>Branch 1<\/strong>: If credentials are valid \u2192 send <code>grantAccess()<\/code> to <code>system<\/code>.<\/li>\n<li><strong>Branch 2<\/strong>: If invalid \u2192 send <code>showError(\"Invalid credentials\")<\/code> back to <code>loginForm<\/code>.<\/li>\n<\/ul>\n<p>Place activation bars under each object during their processing time. This visually tracks message handling.<\/p>\n<h3>Step 4: Handle Return Messages and Cleanup<\/h3>\n<p>After the <code>authService<\/code> completes, it returns a result.<\/p>\n<p>Draw a <strong>return arrow<\/strong> (dashed line with open arrow) from <code>authService<\/code> to <code>loginForm<\/code>, labeled <code>result<\/code>.<\/p>\n<p>Then, from <code>loginForm<\/code>, send a message to <code>system<\/code> (if valid), or to <code>user<\/code> (if invalid).<\/p>\n<p>Ensure every message has a clear return or acknowledgment.<\/p>\n<h2>Best Practices for Clarity and Readability<\/h2>\n<p>Even simple diagrams can become cluttered. Here\u2019s how to keep yours clean and effective.<\/p>\n<h3>Keep It Focused<\/h3>\n<p>Only include relevant objects. Don\u2019t over-model. For a login sequence, you don\u2019t need database connection details unless relevant to the scenario.<\/p>\n<h3>Use Meaningful Names<\/h3>\n<p>Instead of <code>obj1<\/code>, use <code>authService<\/code>. This makes your diagram self-explanatory and easier for others to follow.<\/p>\n<h3>Align Messages Vertically<\/h3>\n<p>Group messages by object. Use consistent spacing and alignment. Visual clarity comes from order and rhythm.<\/p>\n<h3>Use Notes for Context<\/h3>\n<p>Right-click on a lifeline and add a note to explain: \u201cThis is the main authentication process.\u201d<\/p>\n<p>Or add a note to the <code>alt<\/code> fragment: \u201cAuthentication failure triggers error display.\u201d<\/p>\n<h3>Validate with Stakeholders<\/h3>\n<p>Show your diagram to a peer or product owner. Ask: \u201cDoes this match how the login actually works?\u201d Adjust if needed.<\/p>\n<h2>Example: User Login Sequence Diagram<\/h2>\n<p>Here\u2019s a minimal but complete example of the login flow:<\/p>\n<pre><code>user \u2192 loginForm: submitLogin()\nloginForm \u2192 authService: authenticate(username, password)\nauthService \u2192 loginForm: result\nalt valid\n  loginForm \u2192 system: grantAccess()\nelse invalid\n  loginForm \u2192 user: showError(\"Invalid credentials\")\nend<\/code><\/pre>\n<p>This is a clean, reusable <strong>user login sequence diagram example<\/strong>.<\/p>\n<p>It models real behavior without unnecessary complexity\u2014perfect for your beginner sequence diagram project.<\/p>\n<p>Use this template to model other flows like password reset or session timeout.<\/p>\n<h2>Common Pitfalls to Avoid<\/h2>\n<p>Mistakes in sequence diagrams are often small but costly.<\/p>\n<ul>\n<li><strong>Overloading with objects<\/strong>: Only include what\u2019s necessary. Too many participants create confusion.<\/li>\n<li><strong>Missing return messages<\/strong>: If a method returns a value, show it. Ignoring it breaks the flow.<\/li>\n<li><strong>Incorrect message direction<\/strong>: Ensure messages go from sender to receiver. Reversed messages misrepresent execution.<\/li>\n<li><strong>Ignoring activation bars<\/strong>: These show when an object is busy. Skipping them hides critical timing details.<\/li>\n<\/ul>\n<h2>Build Sequence Diagram Step by Step<\/h2>\n<p>Follow this checklist for every new diagram:<\/p>\n<ol>\n<li>Define the use case: <em>user login<\/em>.<\/li>\n<li>Identify actors and objects: <code>user<\/code>, <code>loginForm<\/code>, <code>authService<\/code>, <code>system<\/code>.<\/li>\n<li>Draw lifelines and label them.<\/li>\n<li>Add the first message from the user.<\/li>\n<li>Chain subsequent messages in time order.<\/li>\n<li>Use <code>alt<\/code>, <code>loop<\/code>, or <code>opt<\/code> for logic.<\/li>\n<li>Add activation bars and return arrows.<\/li>\n<li>Review for clarity and completeness.<\/li>\n<\/ol>\n<p>Repeat this process. The more you build sequence diagram step by step, the more natural it becomes.<\/p>\n<h2>Final Thoughts<\/h2>\n<p>Sequence diagrams are not just for experts. They\u2019re the perfect tool for beginners to map out complex behaviors in a visual, step-by-step way.<\/p>\n<p>Mastering the login sequence is more than learning a syntax\u2014it\u2019s about building the habit of thinking in interactions.<\/p>\n<p>Every time you draw a sequence diagram, you\u2019re training your brain to see software as a conversation, not just code.<\/p>\n<p>Use this experience as a foundation. Apply the same principles to other flows: registration, payment processing, or data validation.<\/p>\n<p>The next time you\u2019re asked to model a system\u2019s behavior, start with a sequence diagram. It\u2019s often the fastest, clearest path to clarity.<\/p>\n<h2>Frequently Asked Questions<\/h2>\n<h3>What is the best way to start a sequence diagram?<\/h3>\n<p>Begin by identifying the primary actor and the system\u2019s behavior. Then list the key objects involved. Draw their lifelines first, then add messages in time order.<\/p>\n<h3>Can I use sequence diagrams for non-technical stakeholders?<\/h3>\n<p>A well-crafted sequence diagram can be understood by non-technical people, especially if you use plain language in messages and avoid jargon. Use visual cues like colors and notes to guide them.<\/p>\n<h3>How do I model error handling in a sequence diagram?<\/h3>\n<p>Use the <code>alt<\/code> fragment to show success and error paths. For example: <code>alt success \u2192 showSuccess(); else \u2192 showError(); end<\/code>.<\/p>\n<h3>Should I include database calls in a login sequence diagram?<\/h3>\n<p>Only if they\u2019re part of the business logic. For example, if the system queries a database to check credentials, include the database object. Otherwise, abstract it to <code>authService<\/code> for simplicity.<\/p>\n<h3>How do I know when my sequence diagram is complete?<\/h3>\n<p>It\u2019s complete when every message has a source and target, all possible paths are covered (success\/failure), and every object has proper activation bars.<\/p>\n<h3>What tool should I use to build a sequence diagram step by step?<\/h3>\n<p>Visual Paradigm is ideal for beginners. It offers a clean interface, drag-and-drop, automatic alignment, and real-time validation.&nbsp;<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Sequence diagrams sh [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":1689,"menu_order":3,"template":"","meta":{"_acf_changed":false,"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":""}},"footnotes":""},"doc_tag":[],"class_list":["post-1693","docs","type-docs","status-publish","hentry"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.2 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Sequence Diagram Tutorial: User Login Flow<\/title>\n<meta name=\"description\" content=\"Learn how to build a sequence diagram step by step with a real-world user login sequence diagram example. Perfect for beginner sequence diagram projects using Visual Paradigm.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/skills.visual-paradigm.com\/tw\/docs\/uml-basics-diagrams-for-beginners\/sequence-diagrams-for-interaction-flows\/sequence-diagram-tutorial-user-login\/\" \/>\n<meta property=\"og:locale\" content=\"zh_TW\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Sequence Diagram Tutorial: User Login Flow\" \/>\n<meta property=\"og:description\" content=\"Learn how to build a sequence diagram step by step with a real-world user login sequence diagram example. Perfect for beginner sequence diagram projects using Visual Paradigm.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/skills.visual-paradigm.com\/tw\/docs\/uml-basics-diagrams-for-beginners\/sequence-diagrams-for-interaction-flows\/sequence-diagram-tutorial-user-login\/\" \/>\n<meta property=\"og:site_name\" content=\"Visual Paradigm Skills \u7e41\u9ad4\u4e2d\u6587\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"\u9810\u4f30\u95b1\u8b80\u6642\u9593\" \/>\n\t<meta name=\"twitter:data1\" content=\"5 \u5206\u9418\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/skills.visual-paradigm.com\/tw\/docs\/uml-basics-diagrams-for-beginners\/sequence-diagrams-for-interaction-flows\/sequence-diagram-tutorial-user-login\/\",\"url\":\"https:\/\/skills.visual-paradigm.com\/tw\/docs\/uml-basics-diagrams-for-beginners\/sequence-diagrams-for-interaction-flows\/sequence-diagram-tutorial-user-login\/\",\"name\":\"Sequence Diagram Tutorial: User Login Flow\",\"isPartOf\":{\"@id\":\"https:\/\/skills.visual-paradigm.com\/tw\/#website\"},\"datePublished\":\"2026-02-25T10:44:52+00:00\",\"description\":\"Learn how to build a sequence diagram step by step with a real-world user login sequence diagram example. Perfect for beginner sequence diagram projects using Visual Paradigm.\",\"breadcrumb\":{\"@id\":\"https:\/\/skills.visual-paradigm.com\/tw\/docs\/uml-basics-diagrams-for-beginners\/sequence-diagrams-for-interaction-flows\/sequence-diagram-tutorial-user-login\/#breadcrumb\"},\"inLanguage\":\"zh-TW\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/skills.visual-paradigm.com\/tw\/docs\/uml-basics-diagrams-for-beginners\/sequence-diagrams-for-interaction-flows\/sequence-diagram-tutorial-user-login\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/skills.visual-paradigm.com\/tw\/docs\/uml-basics-diagrams-for-beginners\/sequence-diagrams-for-interaction-flows\/sequence-diagram-tutorial-user-login\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/skills.visual-paradigm.com\/tw\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"UML Basics: Diagrams for Beginners\",\"item\":\"https:\/\/skills.visual-paradigm.com\/tw\/docs\/uml-basics-diagrams-for-beginners\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"Sequence Diagrams for Interaction Flows\",\"item\":\"https:\/\/skills.visual-paradigm.com\/tw\/docs\/uml-basics-diagrams-for-beginners\/sequence-diagrams-for-interaction-flows\/\"},{\"@type\":\"ListItem\",\"position\":4,\"name\":\"Tutorial: Diagramming a User Login Sequence\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/skills.visual-paradigm.com\/tw\/#website\",\"url\":\"https:\/\/skills.visual-paradigm.com\/tw\/\",\"name\":\"Visual Paradigm Skills \u7e41\u9ad4\u4e2d\u6587\",\"description\":\"\",\"publisher\":{\"@id\":\"https:\/\/skills.visual-paradigm.com\/tw\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/skills.visual-paradigm.com\/tw\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"zh-TW\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/skills.visual-paradigm.com\/tw\/#organization\",\"name\":\"Visual Paradigm Skills \u7e41\u9ad4\u4e2d\u6587\",\"url\":\"https:\/\/skills.visual-paradigm.com\/tw\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"zh-TW\",\"@id\":\"https:\/\/skills.visual-paradigm.com\/tw\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/skills.visual-paradigm.com\/tw\/wp-content\/uploads\/sites\/2\/2026\/02\/favicon.svg\",\"contentUrl\":\"https:\/\/skills.visual-paradigm.com\/tw\/wp-content\/uploads\/sites\/2\/2026\/02\/favicon.svg\",\"width\":70,\"height\":70,\"caption\":\"Visual Paradigm Skills \u7e41\u9ad4\u4e2d\u6587\"},\"image\":{\"@id\":\"https:\/\/skills.visual-paradigm.com\/tw\/#\/schema\/logo\/image\/\"}}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Sequence Diagram Tutorial: User Login Flow","description":"Learn how to build a sequence diagram step by step with a real-world user login sequence diagram example. Perfect for beginner sequence diagram projects using Visual Paradigm.","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:\/\/skills.visual-paradigm.com\/tw\/docs\/uml-basics-diagrams-for-beginners\/sequence-diagrams-for-interaction-flows\/sequence-diagram-tutorial-user-login\/","og_locale":"zh_TW","og_type":"article","og_title":"Sequence Diagram Tutorial: User Login Flow","og_description":"Learn how to build a sequence diagram step by step with a real-world user login sequence diagram example. Perfect for beginner sequence diagram projects using Visual Paradigm.","og_url":"https:\/\/skills.visual-paradigm.com\/tw\/docs\/uml-basics-diagrams-for-beginners\/sequence-diagrams-for-interaction-flows\/sequence-diagram-tutorial-user-login\/","og_site_name":"Visual Paradigm Skills \u7e41\u9ad4\u4e2d\u6587","twitter_card":"summary_large_image","twitter_misc":{"\u9810\u4f30\u95b1\u8b80\u6642\u9593":"5 \u5206\u9418"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/skills.visual-paradigm.com\/tw\/docs\/uml-basics-diagrams-for-beginners\/sequence-diagrams-for-interaction-flows\/sequence-diagram-tutorial-user-login\/","url":"https:\/\/skills.visual-paradigm.com\/tw\/docs\/uml-basics-diagrams-for-beginners\/sequence-diagrams-for-interaction-flows\/sequence-diagram-tutorial-user-login\/","name":"Sequence Diagram Tutorial: User Login Flow","isPartOf":{"@id":"https:\/\/skills.visual-paradigm.com\/tw\/#website"},"datePublished":"2026-02-25T10:44:52+00:00","description":"Learn how to build a sequence diagram step by step with a real-world user login sequence diagram example. Perfect for beginner sequence diagram projects using Visual Paradigm.","breadcrumb":{"@id":"https:\/\/skills.visual-paradigm.com\/tw\/docs\/uml-basics-diagrams-for-beginners\/sequence-diagrams-for-interaction-flows\/sequence-diagram-tutorial-user-login\/#breadcrumb"},"inLanguage":"zh-TW","potentialAction":[{"@type":"ReadAction","target":["https:\/\/skills.visual-paradigm.com\/tw\/docs\/uml-basics-diagrams-for-beginners\/sequence-diagrams-for-interaction-flows\/sequence-diagram-tutorial-user-login\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/skills.visual-paradigm.com\/tw\/docs\/uml-basics-diagrams-for-beginners\/sequence-diagrams-for-interaction-flows\/sequence-diagram-tutorial-user-login\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/skills.visual-paradigm.com\/tw\/"},{"@type":"ListItem","position":2,"name":"UML Basics: Diagrams for Beginners","item":"https:\/\/skills.visual-paradigm.com\/tw\/docs\/uml-basics-diagrams-for-beginners\/"},{"@type":"ListItem","position":3,"name":"Sequence Diagrams for Interaction Flows","item":"https:\/\/skills.visual-paradigm.com\/tw\/docs\/uml-basics-diagrams-for-beginners\/sequence-diagrams-for-interaction-flows\/"},{"@type":"ListItem","position":4,"name":"Tutorial: Diagramming a User Login Sequence"}]},{"@type":"WebSite","@id":"https:\/\/skills.visual-paradigm.com\/tw\/#website","url":"https:\/\/skills.visual-paradigm.com\/tw\/","name":"Visual Paradigm Skills \u7e41\u9ad4\u4e2d\u6587","description":"","publisher":{"@id":"https:\/\/skills.visual-paradigm.com\/tw\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/skills.visual-paradigm.com\/tw\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"zh-TW"},{"@type":"Organization","@id":"https:\/\/skills.visual-paradigm.com\/tw\/#organization","name":"Visual Paradigm Skills \u7e41\u9ad4\u4e2d\u6587","url":"https:\/\/skills.visual-paradigm.com\/tw\/","logo":{"@type":"ImageObject","inLanguage":"zh-TW","@id":"https:\/\/skills.visual-paradigm.com\/tw\/#\/schema\/logo\/image\/","url":"https:\/\/skills.visual-paradigm.com\/tw\/wp-content\/uploads\/sites\/2\/2026\/02\/favicon.svg","contentUrl":"https:\/\/skills.visual-paradigm.com\/tw\/wp-content\/uploads\/sites\/2\/2026\/02\/favicon.svg","width":70,"height":70,"caption":"Visual Paradigm Skills \u7e41\u9ad4\u4e2d\u6587"},"image":{"@id":"https:\/\/skills.visual-paradigm.com\/tw\/#\/schema\/logo\/image\/"}}]}},"_links":{"self":[{"href":"https:\/\/skills.visual-paradigm.com\/tw\/wp-json\/wp\/v2\/docs\/1693","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/skills.visual-paradigm.com\/tw\/wp-json\/wp\/v2\/docs"}],"about":[{"href":"https:\/\/skills.visual-paradigm.com\/tw\/wp-json\/wp\/v2\/types\/docs"}],"author":[{"embeddable":true,"href":"https:\/\/skills.visual-paradigm.com\/tw\/wp-json\/wp\/v2\/users\/1"}],"version-history":[{"count":0,"href":"https:\/\/skills.visual-paradigm.com\/tw\/wp-json\/wp\/v2\/docs\/1693\/revisions"}],"up":[{"embeddable":true,"href":"https:\/\/skills.visual-paradigm.com\/tw\/wp-json\/wp\/v2\/docs\/1689"}],"wp:attachment":[{"href":"https:\/\/skills.visual-paradigm.com\/tw\/wp-json\/wp\/v2\/media?parent=1693"}],"wp:term":[{"taxonomy":"doc_tag","embeddable":true,"href":"https:\/\/skills.visual-paradigm.com\/tw\/wp-json\/wp\/v2\/doc_tag?post=1693"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}